@charset "UTF-8";
/* CSS Document */


/* +++++++++++++++++++++++++++++++++++++++++++++++++

	01 default setting
	
	02 layout (common)
	
		02-01 : left colum (= header, side navi)
		
		02-02 : right colum (= main contents area)
			02-02-01 : TOPPAGE
		  
			02-02-02 : 2nd PAGE
				1. NEWS
				2. ABOUT
				3. WORKS
				4. RECRUIT
				5. HOW ABOUT Nexus?
				6. CONTACT
				7. PRIVACY
				8. dialogBox (< lightBox)
		
		02-03 : footer area	
   
  ++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* 
===========================================================

   01 default setting
   
===========================================================
*/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, a, 
em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* later than IE9
----------------------------------------- */
header, footer, section, article{
	display:block;
	margin:0;
	padding:0;
}


/* elements
----------------------------------------- */
body { 
  line-height: 1.65;
  font-size: 81.25%;/* =13px */
  color: #444; 
  background: #eee;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ　Ｐゴシック",Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  -moz-text-size-adjust:none;
}

h1,h2,h3 { font-weight:bold; line-height: 1;}

h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.15em; }

h1 img, h2 img, h3 img { margin: 0;}

p           { margin: 0 0 1.5em; }

a           { color: #000; text-decoration: underline; }
a:focus, 
a:hover     { text-decoration: none;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

a img { border: none; }

table       { border-collapse: separate; border-spacing:0; margin-bottom: 1.4em; border-top:solid 1px #cecece;}
th,td       { font-weight: normal; text-align:left; vertical-align:top; border-bottom:solid 1px #cecece;}
th          { padding: 12px 1em 12px 0;}
td          { padding: 12px 0;}



/* classes
----------------------------------------- */
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{display:block; clear:both; height:1px; overflow:hidden; margin:-1px 0 0; content:" ";}

.hide{display:none;}

.fnt_oswald{font-family: 'Oswald', sans-serif; font-weight:400; letter-spacing:0.5px;}

.overflow{overflow:hidden;}



/* 
===========================================================

   02 layout (common)
   
===========================================================
*/
body{text-align:center;}
#layout{width:970px; margin:40px auto 0; text-align:left; background:url(../../images/bg_layout.gif) repeat-y; overflow:hidden;}


/* ----------------------------------------------

   02-01 : left colum (= header, side navi)
   
------------------------------------------------- */	
#side{width:232px; float:left; color:#fff;}
	#site_ttl{margin:0 21px; padding:21px 0; border-bottom:solid 1px #000; background:url(../images/border_double.gif) 0 100% repeat-x;}
		#logo{height:72px; overflow:hidden;}
		
	#gnav{padding:15px 0 0; display:block;}
		/* ul#menu */
		#menu{list-style:none; padding:0 0 5px 10px;}
		/* li.nemu_list (アクティブ時の背景画像はここで設定)*/
		.menu_list{width:233px; height:75px; margin:-5px 0 0;}
		.menu_list.active{background:url(../images/menu_on_bg.png) no-repeat;}
		/* a.menu_list_link */
		.menu_link{display:block; display:table-cell; vertical-align:middle; height:70px; width:210px; text-decoration:none; line-height:1.15;}
			.menu_link .menu_en{color:#fff; font-size:18px; padding-left:10px;}
			.menu_link .menu_ja{color:#ccc; font-size:13px; padding-left:10px;}
			.menu_link:hover .menu_en,
			.menu_link:hover .menu_ja{color:#999;}
			.menu_list.active .menu_en,
			.menu_list.active .menu_ja{color:#fff;}
		
		/* ul#menu_info */
		#menu_info{list-style:none; margin:0; padding:9px 0 0; background:#eee; width:234px;}
		.menu_info_list{margin:0; padding:0 0 9px; height:202px; overflow:hidden;}


/* ----------------------------------------------

   02-02 : right colum (= main contents area)
   
------------------------------------------------- */	

/* 
	02-02-01 : TOPPAGE
++++++++++++++++++++++++++++++++++ */	
#main.home{width:712px; float:right; display:block;}
	.content_area.home{border:solid 1px #d3d3d3; background:#fff;}
	
	/* WORKSメイン画像エリア …　2nd PAGE > WORKSで定義 */
	
	/* NEWS　　　　　　　　　…　2nd PAGE > NEWSで定義 */
	
	/* 下段サムネイル表示　　…　WORKS、HOW ABOUTでも使用
	.thumb_lists{list-style:none; margin:0 -5px 0 0;}
	.thumb{background:#fff; border:solid 1px #d3d3d3; width:232px; float:left; margin:0 5px 5px 0; padding:0; line-height:0;}
	.thumb img{margin:0;} */
	
	
/*
	02-02-02 : 2nd PAGE
++++++++++++++++++++++++++++++++++ */	

/* 0. common
------------------------ */	
#main.main2nd{width:712px; float:right; display:block;}

	#pageNav{list-style:none; color:#444; background:#fff; border:solid 1px #d3d3d3; padding:0 13px; font-size:14px; line-height:40px;}
		#pageNav li{float:left; margin:0;}
		#pageNav a{color:#444; text-decoration:none;}
		#pageNav a:hover{color:#999;}
		.pageNav_list{padding:0 0 0 40px; background:url(../images/arrow_pagenavi.gif) 0 50% no-repeat;}
	
	#page_ttl{overflow:hidden; margin:38px 0; overflow:hidden;}
		#page_ttl_txt{padding:0 13px; margin:0; line-height:1; color:#666; font-size:24px;}
		#page_ttl_txt.works,
		#page_ttl_txt.news{width:130px; float:left;}/* width:156px */
	
		.archive{max-width:556px; float:right; text-align:right;}
			.archive_ttl{float:left; text-align:left; color:#777;}
			.archive_ttl.news{width:50px;}
			.archive_ttl.works{width:35px;}
			
			.archive_lists{float:left; list-style:none;}
			.archive_lists.news{max-width:506px;}
			.archive_lists.works{max-width:521px;}
			
			.archive_list{float:left; padding:0; margin:0; line-height:3em;}
			.archive_link{display:block; float:left; margin:0 3px 3px; padding:5px 18px; line-height:1em; background:#cbcbcb; color:#fff; text-decoration:none; vertical-align:middle; white-space:nowrap; box-shadow:0 1px 0 #fff; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; behavior:url(/test/common/css/PIE.htc); position:relative;}
			.archive_link:hover,
			.archive_link.active{background:#f00;}
	
	.content_area.second{border:solid 1px #d3d3d3; background:#fff; min-height:828px;}
		.underconstruction{text-align:center; padding:100px 0;}

/* index thumb nail < TOPPAGE, WORKS, HOW ABOUT Nexus */
.thumbs{margin-right:-5px; margin-bottom:-5px; overflow:hidden; zoom:1;}
.thumb_list{float:left; width:232px; margin:0 5px 5px 0; background:#fff; border:solid 1px #d4d4d4;}

	/* TOPPAGE */
	.thumb_cat.home{padding:9px 13px; margin:0; line-height:1.3;}
		.cat_link{color:#f00; text-decoration:none;}
		.cat_link:hover{color:#F66;}
	.thumb_img.home{height:210px; overflow:hidden;}
	
	/* WORKS */
	.thumb_img.works{}
	.thumb_ttl.works{margin:10px 10px; padding:0; font-weight:normal; font-size:105%; color:#000; line-height:1.3em;}
	.thumb_txt.works{/*background:#d4d4d4; */ margin:0 0 12px 10px; overflow:hidden;}
		/* tag */
		.thumb_tag_ttl{float:left; width:40px; font-size:100%; line-height:1em; margin:0; padding:3px 0; color:#777; font-size:12px;}
		.thumb_tag_ul{float:left; width:182px; }
		.thumb_tag_li{display:inline;}
		.thumb_tag{display:block; float:left; margin:0 5px 4px 0; padding:4px 10px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#323232; color:#fff; font-size:90%; text-decoration:none; line-height:1; white-space:nowrap;}
		.thumb_tag:hover{background:#666;}

	/* HOWABOUT */
	.thumb_img.howabout{}
	.thumb_ttl.howabout{margin:10px 10px 7px; font-size:105%; color:#000; line-height:1.4em;}
		.thumb_ttl.howabout a{text-decoration:none;}
		.thumb_ttl.howabout ahover{text-decoration:underline;}
	.thumb_date.howabout{margin:0 10px 7px; padding:0;}
	.thumb_txt.howabout{margin:0 10px 15px; padding:0;}
	
	#pager{display:none;}


/* 1.NEWS
------------------------ */	
/* index */	
.news.content_area{margin:0 0 5px;}
	#top_news_ttl{padding:9px 14px; line-height:1; color:#f00; font-size:1.1em;}
	
	ul.news_lists{list-style:none;}
	.news_list{padding:15px 14px 13px; line-height:1.1em}
	.news_list:nth-child(odd){background:#efefef;}
		.news_list_date{display:inline-block; width:8em;}


	
/* 2.ABOUT
------------------------ */	
#googleMap{height:520px; overflow:hidden; border-bottom:solid 1px #f4f3f0;}
.googleMap.ttl{display:none;}

#company_info{width:410px; margin:55px 0 55px 268px;}/* width:410px */
#company_info th{white-space:nowrap;}


	
/* 3.WORKS
------------------------ */	
/* top main */
.works.content_area{margin:0 0 5px; padding:0 15px; line-height:1;}
.works.content_area:after{margin:24px 0 0;}
	.works_main_img{margin:0 -15px 25px;}
	
	.works_tantou{float:left; padding:9px 3px 9px 0;}
	.works_tags{float:left; list-style:none;}
	.works_tag{float:left; background:#323232; padding:9px 14px; margin:0 5px 0 0; color:#fff; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; behavior:url(/test/common/css/PIE.htc); position:relative;}
	
	.works_official_lists{float:right; list-style:none;}
	.works_official_link{display:block; background:#f00; padding:8px 26px; border-radius:3px; behavior:url(/test/common/css/PIE.htc); color:#fff; text-decoration:none; position:relative;}
	.works_official_link:hover{text-decoration:underline;}
	.works_official_link .ico{vertical-align:middle; margin:0 5px 0 0;}
	
/* index */	

/* individual */
#works_indiv_content_area{width:710px; margin:0 auto; padding:25px 0 0;}

	

/* 4.RECRUIT
------------------------ */	
.content_area.recruit{padding:0 30px 55px 258px; position:relative;}

.ttl_area.recruit{margin-bottom:-22px;}

	.rec_label{position:absolute; top:0; left:0; width:110px; height:110px; text-indent:-100%; overflow:hidden; white-space:nowrap; background:url(../../recruit/images/label_urgent.gif) no-repeat;}
	.rec_ttl{font-size:1.6em; line-height:1; padding:43px 0 32px; margin:0 0 25px; border-bottom:solid 1px #cecece;}
	
	.rec_info{margin:68px 0 0; width:100%;}
		.rec_info th{white-space:nowrap;}
	.rec_apply{margin:0; padding:0; text-align:center;}
		.rec_apply_btn{display:block; margin:40px 0 0; padding:26px 0; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; behavior:url(/test/common/css/PIE.htc); background:#f00; color:#fff; font-size:1.1em; line-height:1; text-decoration:none; text-shadow:1px -1px 0 #444; position:relative;}
		.rec_apply_btn:hover{}
		

	
/* 5. HOW ABOUT Nexus
------------------------ */	
/* index */
/* individual */
#howabout_indiv_content_area{width:710px; margin:0 auto; padding:25px 0 0; text-align:left;}
	#howabout_indiv_main_img{text-align:center; margin-bottom:20px;}
	#howabout_indiv_ttl{margin-bottom:0.2em; font-size:1.4em;}
	#howabout_indiv_date{font-size:90%; margin-bottom:1em;}
	.howabout_indiv_txt{}
	
#nowprinting{text-align:center; font-size:40px; text-shadow:-1px -1px 1px #000, 1px 1px 1px #fff; padding:60px 0; color:#bbb;}



/* 6. CONTACT
------------------------ */	
.content_area.contact{padding:0 30px 55px 258px;}
.ttl_area.contact{margin-bottom:-22px;}
	.contact_ttl{font-size:1.6em; line-height:1; padding:43px 0 32px; margin:0 0 25px; border-bottom:solid 1px #cecece;}
	.contact_read_txt{margin:0 0 -1.5em;}

	#contact_form_wrapper{padding:43px 0 0;}
	#contact_form {border-top:solid 1px #cecece; padding:28px 0 0;}
		.contact_form{margin:0; width:100%; border:none; margin:0;}/* width:424px */
			.contact_td{border:none; padding:15px 0;}
			.contact_label{padding:0 0 2px; margin:0; line-height:1;}
			.contact_input_txt,
			.contact_txtarea{width:414px; background:#fff; border:solid 1px #cecece; background:#fdfdfd; padding:7px 5px;}
			.btn_submit{display:block; width:100%; height:70px; line-height:57px; padding:0; margin:0; border:none; background:#f00; color:#fff; font-size:1.1em; text-align:center;}
			.btn_submit:hover{cursor:pointer;}
			.btn_submit.half.left{width:49%; float:left;}
			.btn_submit.half.right{width:49%; float:right;}
			
			#conftable th{white-space:nowrap;}
			
			.form_copy{font-size:70%; color:#999; margin:1.5em 0; text-align:right;}
			.form_copy b{font-weight:normal;}
			
			.error_message_ul{margin:0 0 0 3em;}
			

/* 7. PRIVACY
------------------------ */	
.content_area.privacy{padding:0 30px 55px 258px;/* padding:0 30px 55px 30px;*/}
.privacy_dl{}
.privacy_dl dt{font-weight:bold; margin:0 0 0.5em;}
.privacy_dl dd{margin:0 0 1.5em 1.5em;}
.privacy_dl p{margin:0 0 1em;}
.privacy_dl ul{margin:0 0 0 1.5em;}
.privacy_dl h4{margin:0 0 0.5em;}


/* 8. dialogBox (< lightBox)
------------------------------------ */	
#kotak-dialog {
  position:fixed;
  top:50%;
  left:50%;
  margin:-290px 0px 0px -355px;
  width:760px;
  height:600px;
  background-color:#fff;
  z-index:1000;
  display:none;
}
#kotak-dialog.howabout{height:650px; margin:-325px 0 0 -355px;}

#kotak-dialog *:focus {
  outline:none;
}

/* Iframe */
#iframeContainer iframe {
  width:760px;
  height:600px;
  margin:0; padding:0;
  border:none;
}
#iframeContainer.howabout iframe{height:650px;}


#kotak-dialog .isi-dialog {
  margin:0;
}

#dialog-close{display:block; position:absolute; width:22px; height:22px; top:-11px; right:-11px; overflow:hidden; background:url(../images/dialog_btn_close.png) no-repeat; white-space:nowrap; text-indent:100%;}

#dialog-overlay {
  position:fixed !important;
  position:absolute;
  z-index:999;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background-color:#000;
  display:none;
}



/* --------------------------------------------

   02-03 : footer area
   
------------------------------------------------ */	
/* pagetop
------------------------ */	
#pagetop{clear:both; width:970px; margin:0 auto; padding:25px 0; text-align:center; background:url(../images/border_double.gif) 0 50% repeat-x;}
	.pagetop{width:128px; margin:0 auto; background:#eee;}
	.pagetop_link{display:block; width:60px; height:60px; margin:0 auto; overflow:hidden; text-align:left; text-indent:-1000px; background:url(../images/pagetop_bg.png) no-repeat;}
	
/* footer
------------------------ */	
#page_footer{background:#323232; color:#ccc; padding:35px 0; font-size:13px;}
#page_footer a{color:#ccc;}
#page_footer a:hover{color:#999;}
#page_footer h4{margin-bottom:25px; line-height:1; font-size:20px; color:#fff;}
	#footer_innr{width:970px; margin:0 auto; text-align:left;}
	
	#f_about{width:485px; float:left; margin-bottom:25px; display:block;}
		#f_about_innr{background:url(../images/border_dott_vert.gif) 215px 0 repeat-y; }
		.f_txt{width:200px; float:left; margin:0;}
		.f_info{width:250px; float:right; line-height:1.35;}
		.f_info_ttl{float:left; width:40px; margin:0 0 7px; clear:both;}
		.f_info_dtl{float:right; width:210px; margin:0 0 7px;}

	#f_menu{width:455px; float:right; margin-bottom:25px; display:block;}
		#f_menu_lists{list-style:none;}
		.f_menu_lists{float:left; width:222px; margin:0; padding:0 1px 1px 0;}
		.f_menu_link{display:block; padding:9px 10px 9px 33px; background:url(../images/arrow_gray.png) 15px 50% no-repeat #474747; font-size:14px; line-height:1; text-decoration:none; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; behavior:url(/test/common/css/PIE.htc); position:relative;}
	
	#copyright{clear:both; text-align:left; border-top:solid 1px #ccc; padding:8px 0 0;}
	.copyright_txt{margin:0;}