/*layout*/

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





#common #wrapper{

	width:100%;

	min-width:980px;

	text-align:center;

	background:url(../images/bg_wrapper.jpg) repeat-x top center;

}



#wrapper02{

	width:100%;

	min-width:1000px;

	text-align:center;

	background:url(../images/bg_wrapper02.gif) no-repeat center 140px;

}

#wrapper03{

	width:100%;

	min-width:1000px;

	text-align:center;

	background:url(../images/bg_wrapper03.gif) no-repeat center 140px;

}







#header_text{

	position:absolute;

	top:7px;

	right:0;

	height:20px;

	font-size:10px;

}



.mainimage02,.mainimage03,.mainimage04 {

	cursor:pointer;

}



#contents{

	text-align:left;

	width:980px;

	margin:10px auto 60px auto;

	position:relative;

}



#common #contents{

	text-align:left;

	width:980px;

	margin:0px auto 60px auto;

	position:relative;

}



#contents_left{

	width:700px;

	min-height:700px;

	float:left;

}

#common #contents_left{

	width:700px;

	min-height:700px;

	float:left;

}

#contents_right{

	width:250px;

	float:right;

}

#common #contents_right{

	min-height:250px;

	width:250px;

	float:right;

	padding-left:10px;

	padding-top:190px;

}







#pagetop{

	width:980px;

	text-align:right;

	margin:0px auto -10px auto;

	position: relative;

}











#locator{

	width:980px;

	font-size:11px;

	line-height:12px;

	color:#333333;

	text-align:right;

	position:absolute;

	top:160px;

	right:0px;

}

#locator a{

	color:#333333;

}

#locator a:hover{

	color:#1D7625;

	text-decoration:underline;

}





#new_item{

	background:url(../images/new_item_back.jpg) no-repeat;

	width:250px;

	height:310px;

	margin:0px auto;

	padding:0px;

}

.new_item_txt{

	color:#333333;

	font-size:11px;

	width:230px;

	margin:0px auto;

}



#contact_box{

	background:url(../images/toi_back.jpg) no-repeat;

	width:700px;

	height:151px;

	margin:0px auto;

	padding:0px;

}



#contact_box02{

	background:url(../images/toi_back02.jpg) no-repeat;

	width:700px;

	height:151px;

	margin:0px auto;

	padding:0px;

}

.contact_box_btn{

	margin:0px auto;

	width:600px;

	height:151px;

	padding:70px 0px 0px 0px;

	vertical-align:bottom;

	text-align:right;

}



#topcontrol{z-index:5000;}













/*top rss*/

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



.top_title_news{

	width:700px;

	height:41px;

	position:relative;

	margin-bottom:10px;

}

.title_btn{

	position:absolute;

	right:10px;

	top:12px;

}



#top_rss_box{ clear:both;}



#top_rss_box .ItemDate{

	clear:both;

	width:90px;

	float:left;

	padding:10px 0;

	margin:0 0 5px 0;

	border-bottom:1px dashed #ccc;

}

#top_rss_box .ItemTitle{

	width:610px;

	float:right;

	padding:10px 0;

	margin:0 0 5px 0;

	border-bottom:1px dashed #ccc;

}

#top_rss_box .ItemContent{ display:none;}





/*sub rss*/

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



#sub_rss_box .ItemDate{

	clear:both;

	width:100px;

	float:left;

	padding:0 0 0 0;

	margin:10px 0 0 0;

}

#sub_rss_box .ItemTitle{

	width:590px;

	float:right;

	padding:0 0 0 0;

	margin:10px 0 0 0;

	font-weight:bold;

	font-size:14px;

}

#sub_rss_box .ItemTitle a{color:#13701B;}

#sub_rss_box .ItemContent{ 

	clear:both;

	border-bottom:dotted 1px #CCCCCC;

	padding:5px 0 10px 115px;

}





/*subnav*/

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

#subnav{

	width:250px;

	margin:0 0 20px 0;

	padding:0px;

}



#subnav ul{list-style-type:none;}

#subnav_title{

	background:url(../images/subnav_title_back.jpg) no-repeat;

	width:250px;

	height:45px;

	padding-bottom:5px;

}

#subnav_title a{

	line-height:45px;

	text-indent:25px;

	color:#FFFFFF;

	font-size:16px;

	font-weight:bold;

	display:block;

}

#subnav_title a:hover {

	text-decoration:underline;

}

#subnav li.bb_solid{

	border-bottom:solid 1px #CCCCCC;

}

#subnav li.bb_dotted{

	border-bottom:dotted 1px #CCCCCC;

}



#subnav li a{

	width:250px;

	height:40px;

	line-height:40px;

	text-indent:25px;

	font-size:13px;

	color:#333333;

	display:block;

	overflow:hidden;

	border-bottom:1px dotted #333;

}

#subnav li a:hover{

	color:#1D7625;

	font-weight:bold;

}

#subnav li.current a{

	background:url(../images/arrow_nav01.jpg) no-repeat 5px 14px;

	width:250px;

	height:40px;

	line-height:40px;

	text-indent:25px;

	font-size:13px;

	font-weight:bold;

	color:#1D7625;

	display:block;

	overflow:hidden;

	border-bottom:1px dotted #333;

}

#subnav ul li.current a:hover{

	color:#1D7625;

	font-weight:bold;

}



#subnav li.current ul li a{

	background:url(../images/arrow_nav01.jpg) no-repeat 5px 50px;

	width:250px;

	height:40px;

	line-height:40px;

	text-indent:48px;

	font-size:13px;

	color:#333333;

	display:block;

	overflow:hidden;

	font-weight:normal;

}

#subnav li.current ul li.current a{

	background:url(../images/arrow_nav01.jpg) no-repeat 23px 14px;

	width:250px;

	height:40px;

	line-height:40px;

	text-indent:40px;

	font-size:13px;

	color:#1D7625;

	display:block;

	overflow:hidden;

	font-weight:bold;

}

#subnav li.current ul li a:hover{

	color:#1D7625;

	font-weight:bold;

}









/*global*/

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



.subtitle02 {

	background:url(../images/subtitle02.gif) no-repeat center left;

	height:90px;

	font-size:30px;

	color:#000;

	font-weight:bold;

	padding:60px 0 0 20px;

	margin-bottom:40px;

}



.subtitle02 span{

	font-size:12px;

	color:#1D7625;

	display:block;

	margin-top:5px;

}



.subtitle03 {

	position:relative;

	height:30px;

	background:url(../images/subtitle03.jpg) no-repeat;

	line-height:32px;

	text-indent:18px;

	font-size:18px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

	overflow:hidden;

	color:#000000;

}

.subtitle03 span{

	position:absolute;

	top:1px;

	right:140px;

	font-size:13px;

	color:#13701B;

	font-weight:normal;

}



.subtitle03_2 {

	position:relative;

	height:30px;

	background:url(../images/subtitle03_2.jpg) no-repeat;

	line-height:32px;

	text-indent:25px;

	font-size:18px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

	overflow:hidden;

	color:#000000;

}



.subtitle03_3 {

	position:relative;

	height:30px;

	background:url(../images/subtitle03.jpg) no-repeat;

	line-height:32px;

	text-indent:18px;

	font-size:18px;

	font-weight:bold;

	margin:0px 0px 5px 0px;

	overflow:hidden;

	color:#000000;

}



.subtitle03_4 {

	padding:4px 0 2px 10px ;

	margin-bottom:10px;

	border-left: 5px solid #13701B;

	font-size:18px;

	font-weight:bold;

	color:#000000;

}

.subtitle03_4 span{

	font-size:10px;

	font-weight:normal;

}



.subtitle04_1 {

	position:relative;

	width:700px;

	height:30px;

	background:url(../images/subtitle04_1.jpg) no-repeat;

	line-height:22px;

	text-indent:10px;

	font-size:14px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

	overflow:hidden;

	color:#000000;}





.subtitle04 {

	position:relative;

	width:700px;

	height:30px;

	background:url(../images/subtitle04.jpg) no-repeat;

	line-height:22px;

	text-indent:22px;

	font-size:14px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

	overflow:hidden;

	color:#000000;

}



.subtitle04_2 {

	position:relative;

	width:700px;

	height:30px;

	background:url(../images/subtitle04_2.jpg) no-repeat;

	line-height:22px;

	text-indent:22px;

	font-size:14px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

	overflow:hidden;





	color:#000000;

}



.subtitle05 {

	position:relative;

	height:30px;

	background:url(../images/subtitle05.jpg) no-repeat;

	line-height:32px;

	text-indent:5px;

	font-size:18px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

	overflow:hidden;

	color:#000000;

}



.subtitle06 {

	position:relative;

	width:700px;

	height:30px;

	background:url(../images/subtitle06.jpg) no-repeat;

	line-height:22px;

	text-indent:5px;

	font-size:18px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

	overflow:hidden;

	color:#000000;

}



.subtitle07 {

	position:relative;

	width:100%;

	height:21px;

	background:url(../images/subtitle07.gif) no-repeat;

	line-height:21px;

	text-indent:8px;

	font-size:13px;

	font-weight:bold;

	margin:0px 0px 10px 0px;

	overflow:hidden;

	color:#000000;

}



.subtitle08{

	background:url(../images/subtitle08.gif) no-repeat;

	width:700px;

	height:23px;

	line-height:22px;

	text-indent:18px;

	font-size:14px;

	font-weight:bold;

	margin:0px 0px 20px 0px;

}



.txt_title{

	background:url(../images/title_bg.gif) repeat;

	padding:1px 5px;

	font-size:12px;

	color:#FFF;

}





/*table*/

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



table.tab{

	border-collapse:collapse;

	border:1px solid #cccccc;

}

table.tab td{

	border:1px solid #cccccc;

	padding:8px 10px;

}

table.tab td td{

	border:none;

	padding:0;

}

table.tab td.highlight{background-color:#EAEAEA;}

table.tab td.none_boder{border:none;}



table.tab2{

	border-collapse:collapse;

	border:1px solid #cccccc;

}

table.tab2 td{

	border:1px solid #cccccc;

	padding:8px 4px;

}

table.tab2 td td{

	border:none;

	padding:0;

}

table.tab2 td.highlight{background-color:#EAEAEA;}

table.tab2 td.none_boder{border:none;}





/*sub common*/

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



.box2{width:100%; clear:both; overflow:hidden;}

.box2:before, .box2:after { content: ""; display: block;}

.box2:after { clear: both;}



.box2_left{

	width:282px;

	float:left;

	margin-right:20px;

}

.box2_right{

	width:398px;

	float:right;

}



.box2_left02{

	width:398px;

	margin-right:20px;

	float:left;

}

.box2_right02{

	width:282px;

	float:right;

}



.box2_left03{

	width:340px;

	margin-right:20px;

	float:left;

}

.box2_right03{

	width:340px;

	float:right;

}





.box3{width:100%; clear:both; overflow:hidden;}

.box3:before, .box3:after { content: ""; display: block;}

.box3:after { clear: both;}



.box3_left{

	width:230px;

	float:left;

	margin-right:20px;

}

.box3_center{

	width:230px;

	float:left;

}

.box3_right{

	width:230px;

	float:right;

}



.box4{width:100%; clear:both; overflow:hidden;}

.box4:before, .box4:after { content: ""; display: block;}

.box4:after { clear: both;}



.box4_left{

	width:175px;

	float:left;

	margin-right:10px;

}

.box4_right{

	width:170px;

	float:right;

}



.gray_box{

	border:4px double #ccc;

	padding:20px;

	background-color:#f9f9f9;

	width:600px;

	margin:0 auto 40px;

}



.gray_box2{

	border:4px double #ccc;

	padding:20px;

	background-color:#f9f9f9;

	width:600px;

	margin:0 auto;

}





/*index.html*/

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

.top_box3{width:100%; clear:both; overflow:hidden;}

.top_box3:before, .top_box3:after { content: ""; display: block;}

.top_box3:after { clear: both;}



.top_box3_left{

	width:222px;

	float:left;

	margin-right:17px;

}

.top_box3_center{

	width:222px;

	float:left;

}

.top_box3_right{

	width:222px;

	float:right;

}



.top_box3_left, .top_box3_center, .top_box3_right{

	background:url(../images/top_box3_back.jpg) no-repeat center;

	height:325px;

}





/*connector_common*/

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



.etc_box2{width:100%; clear:both; overflow:hidden;}

.etc_box2:before, .etc_box2:after { content: ""; display: block;}

.etc_box2:after { clear: both;}



.etc_box2_left{

	float:left;

	width:342px;

}



.etc_box2_right{

	float:right;

	width:342px;

}



.etc_box_back{

	background:url(../images/etc_back.jpg) no-repeat center top;

	width:342px;

	height:185px;

}



.pdf_dl{

	width:690px;

	border:5px solid #E8F4E3;

}

.pdf_dl img{

	margin:-5px 0px 5px 0px;

}





/*simtemap*/

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



.sitemap {}

.sitemap li{

	list-style:none;

	background:url(../images/sitemap_icon.gif) no-repeat 0 5px;

	padding:0 0 0 20px;

	margin:20px 0px;

	font-size:14px;

}

.sitemap ul{ padding:0 0 5px 30px;}

.sitemap ul li{

	background:none;

	list-style:square;

	padding:0 0 0 0;

	margin:5px 0px;

	font-size:12px;

}

.sitemap ul ul{ padding:0 0 5px 30px;}

.sitemap ul ul li{

	background:none;

	list-style:none;

}





/*simtemap*/

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

.contact_tel_icon{

	font-size:20px;

	font-weight:bold;

	padding:5px;

	background:url(../images/contact_tel.gif) no-repeat 67px 8px;

	line-height:150%;

	text-align:center;

	border:1px solid #4A9151;

	text-indent:15px;

}

.contact_tel{

	padding:5px;

	font-weight:bold;

	text-align:center;

	background-color:#4A9151;

	color:#FFF;

}





/*about_us.html*/

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



#title_about_us {

	background:url(../images/about_us_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



.about_us3{width:100%; clear:both; overflow:hidden;}

.about_us3:before, .about_us3:after { content: ""; display: block;}

.about_us3:after { clear: both;}



.about_us3_left{

	width:234px;

	float:left;

	padding-right:5px;

}

.about_us3_center{

	width:234px;

	float:left;

	padding-right:5px;

}

.about_us3_right{

	width:222px;

	float:right;

}

.top_box3_back{

	background:url(../images/about_us3_back.jpg) no-repeat center;

	width:222px;

	height:316px;

}



#about_lead{

	background:url(../images/about_bg_lead.jpg) right top no-repeat;

}





/*wire_harness.html*/

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



#title_wire_harness {

	background:url(../images/wire_harness_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}

.wire_harness_box2{width:100%; clear:both; overflow:hidden;}

.wire_harness_box2:before, .wire_harness_box2:after { content: ""; display: block;}

.wire_harness_box2:after { clear: both;}



.wire_harness_box2_left{

	float:left;

	width:217px;

	padding-right:40px;

}

.wire_harness_box2_right{

	float:right;

	width:443px;

}

.wire_harness_box2_right img{

padding:0px 10px 0px 0px;

}



/*wire_harness01.html*/

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



#title_wire_harness01 {

	background:url(../images/wire_harness01_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*connector_custom.html*/

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



#title_connector_custom {

	background:url(../images/connector_custom_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}

.connector_custom_box2{width:100%; clear:both; overflow:hidden;}

.connector_custom_box2:before, .connector_custom_box2:after { content: ""; display: block;}

.connector_custom_box2:after { clear: both;}



.connector_custom_box2_left{

	float:left;

	width:267px;

	padding-right:30px;

}

.connector_custom_box2_right{

	float:right;

	width:403px;

}



/*ncs.html*/

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



#title_ncs {

	background:url(../images/ncs_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}

.ncs_box2{width:100%; clear:both; overflow:hidden;}

.ncs_box2:before, .ncs_box2:after { content: ""; display: block;}

.ncs_box2:after { clear: both;}



.ncs_box2_left{

	float:left;

	width:280px;

	padding-right:40px;

}

.ncs_box2_right{

	float:right;

	width:380px;

}



.etc_box2{width:100%; clear:both; overflow:hidden;}

.etc_box2:before, .etc_box2:after { content: ""; display: block;}

.etc_box2:after { clear: both;}



.etc_box2_left{

	float:left;

	width:342px;

}

.etc_box2_right{

	float:right;

	width:342px;

}



.etc_box_back{

	background:url(../images/etc_back.jpg) no-repeat center top;

	width:342px;

	height:185px;

}





/*wire_bound.html/

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



#title_wire_bound {

	background:url(../images/wire_bound_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



.bg_wire_bound {

	background:url(../images/bg_wire_bound.jpg) no-repeat left top;

	width:214px;

	height:27px;

	line-height:27px;

	text-indent:40px;

	overflow:hidden;

	font-weight:bold;

}



.bg_wire_bound a {

	color:#333;

}





.bg_cad_bound {

	background:url(../images/bg_wire_bound.png) no-repeat left top;

	width:214px;

	height:27px;

	line-height:27px;

	text-indent:40px;

	overflow:hidden;

	font-weight:bold;

}



.bg_cad_bound a {

	color:#333;

}





/*die_casting.html/

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



#title_die_casting {

	background:url(../images/die_casting_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*nanabosi_die_casting.html/

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



#title_nanabosi_die_casting {

	background:url(../images/nanabosi_die_casting_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}

.nanabosi_die_casting_back {

	background:url(../images/nanabosi_die_casting_back.jpg) no-repeat center top;

	position:relative;

	width:597px;

	height:299px;

	overflow:hidden;

	margin:0px auto;

}



/*new_metallic_mould.html/

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



#title_new_metallic_mould {

	background:url(../images/new_metallic_mould_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}

.new_metallic_mould_box2{width:100%; clear:both; overflow:hidden;}

.new_metallic_mould_box2:before, .new_metallic_mould_box2:after { content: ""; display: block;}

.new_metallic_mould_box2:after { clear: both;}



.new_metallic_mould_box2_left{

	float:left;

	width:298px;

	padding-right:20px;

}

.new_metallic_mould_box2_right{

	float:right;

	width:362px;

	padding-right:20px;

}



/*transfer.html/

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



#title_transfer {

	background:url(../images/transfer_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}

.transfer_box2{width:100%; clear:both; overflow:hidden;}

.transfer_box2:before, .transfer_box2:after { content: ""; display: block;}

.transfer_box2:after { clear: both;}



.transfer_box2_left{

	float:left;

	width:298px;

	padding-right:20px;

}

.transfer_box2_right{

	float:right;

	width:362px;

	padding-right:20px;

}



/*correspondence.html/

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



#title_correspondence {

	background:url(../images/correspondence_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*correspondence.html/

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



#title_design_change {

	background:url(../images/design_change_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*facility.html/

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



#title_facility {

	background:url(../images/facility_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*die_casting_faq.html/

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



#die_casting_faq {

	background:url(../images/die_casting_faq_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*q-tec.html/

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



#title_q-tec {

	background:url(../images/q-tec_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



.q-tec_box2{width:100%; clear:both; overflow:hidden;}

.q-tec_box2:before, .tec_box2:after { content: ""; display: block;}

.q-tec_box2:after { clear: both;}



.q-tec_box2_left{

	float:left;

	width:342px;

}

.q-tec_box2_right{

	float:right;

	width:342px;

}



.q-tec_back{

	background:url(../images/q-tec_back.jpg) no-repeat center top;

	width:342px;

	height:185px;

}

.q-tec_bot_top{

	background:url(../images/q_tec_box_top.gif) no-repeat left top;

	padding-top:3px;

}

.q-tec_bot_in{

	background:url(../images/q_tec_box_in.gif) repeat-y;

	padding:10px 20px 10px;

}

.q-tec_bot_bottom{

	background:url(../images/q_tec_box_bottom.jpg) no-repeat left bottom;

	padding-bottom:12px;

}



/*q-tec_product.html/

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



#title_q-tec_product {

	background:url(../images/q-tec_product_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}





.q-tec_product_box3{width:100%; clear:both; overflow:hidden;}

.q-tec_product_box3:before, .tec_product_box3:after { content: ""; display: block;}

.q-tec_product_box3:after { clear: both;}



.q-tec_product_box3_left{

	width:222px;

	float:left;

	padding-right:7px;

	padding-left:10px;

}

.q-tec_product_box3_center{

	width:222px;

	float:left;

	padding-right:7px;

}

.q-tec_product_box3_right{

	width:222px;

	float:right;

	padding-right:10px;

}



.q-tec_product_info_box{

	background:url(../images/q_tec_product_info_bg.gif) no-repeat;

	width:670px;

	height:300px;

	padding:25px 15px 0;

}



/*facilities.html/

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



#title_facilities {

	background:url(../images/facilities_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}





.facilities_box3{width:100%; clear:both; overflow:hidden;}

.facilities_box3:before, .facilities_box3:after { content: ""; display: block;}

.facilities_box3:after { clear: both;}



.facilities_box3_left{

	width:222px;

	float:left;

	padding-right:7px;

	padding-left:10px;

}

.facilities_box3_center{

	width:222px;

	float:left;

	padding-right:7px;

}

.facilities_box3_right{

	width:222px;

	float:right;

	padding-right:10px;

}



/*customer.html/

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



#title_customer {

	background:url(../images/customer_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



.customer_box2{width:100%; clear:both; overflow:hidden;}

.customer_box2:before, .customer_box2:after { content: ""; display: block;}

.customer_box2:after { clear: both;}



.customer_box2_left{

	float:left;

	width:330px;

}

.customer_box2_right{

	float:right;

	width:330px;

}

.customer_boder{

	border-bottom:dotted 1px #CCCCCC;

	padding-bottom:10px;

}



/*connector_faq.html/

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







#title_connector_faq {

	background:url(../images/connector_faq_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*company.html/

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



#title_company {

	background:url(../images/company_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*company.html/

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



#title_policy {

	background:url(../images/policy_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*profile.html/

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



#title_profile {

	background:url(../images/profile_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*environment.html/

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



#title_environment {

	background:url(../images/environment_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}



/*environment.html/

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



#title_recruit {

	background:url(../images/recruit_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}





/*environment.html/

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



#title_english_catalogue {

	background:url(../images/english_catalogue_title.jpg) no-repeat center top;

	position:relative;

	width:100%;

	height:150px;

	overflow:hidden;

	text-indent: -9000px;

}





/*tab.html/

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



li.style01_02{width:232px; float:left;}

li.style01 a{

	height:37px; 

	background:url(../images/style03_off.jpg) no-repeat 0 0;

	color:#474747;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	line-height:33px;

	cursor:pointer;

	display:block;

}



li.style01_02 a{

	height:37px;

	background:url(../images/style01_off.jpg) no-repeat 0 0;

	color:#474747;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	line-height:33px;

	cursor:pointer;

	display:block;

}



li.style01 a:hover, li.style01 a.tabover{

	background:url(../images/style03_on.jpg) no-repeat 0 0;

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	line-height:33px;

	text-decoration:none;

}



li.style01_02 a:hover, li.style01_02 a.tabover{

	background:url(../images/style01_on.jpg) no-repeat 0 0;

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	line-height:33px;

	text-decoration:none;

}





li.style02 {

	text-align:center;

	color:#FFF;

	font-size:123.1%;

	float:left;

	margin-bottom:30px;

}



li.style02_02 {

	text-align:center;

	color:#FFF;

	font-size:123.1%;

	float:left;

	margin-bottom:30px;

	margin-right:26px;

}



li.style00 {

	text-align:center;

	color:#FFF;

	font-size:123.1%;

	float:left;

	margin-bottom:30px;

}





li.style02 a, li.style02_02 a{

	margin-left:25px;

	width:300px;

	height:24px; 

 	background:url(../images/style02_off.jpg) no-repeat 0 0;

	color:#474747;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	vertical-align:middle;

	line-height:26px;

	display:block;

}

li.style02 a:hover, li.style02 a.tabover, li.style02_02 a:hover, li.style02_02 a.tabover{

	background:url(../images/style02_on.jpg) no-repeat 0 0;

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	line-height:26px;

}







li.style02-3 {

	text-align:center;

	color:#FFF;

	font-size:123.1%;

	float:left;

	padding-bottom:30px;

}



li.style02-3-2 {

	text-align:center;

	color:#FFF;

	font-size:123.1%;

	float:left;

	margin-bottom:30px;

	margin-right:16px;

}



li.style02-3 a, li.style02-3-2 a{

	margin-left:15px;

	width:200px;

	height:24px; 

 	background:url(../images/style02_off.jpg) no-repeat 0 0;

	color:#474747;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	vertical-align:middle;

	line-height:26px;

	display:block;

}

li.style02-3 a:hover, li.style02-3 a.tabover, li.style02-3-2 a:hover, li.style02-3-2 a.tabover{

	background:url(../images/style02_on.jpg) no-repeat 0 0;

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	line-height:26px;

}









.tab_wrapper{

	padding: 20px 10px 50px 10px;

	width:678px;

	border:1px solid #CCCCCC;

	margin-top:37px;

}



.tabindex2{clear:both; overflow:hidden;}



.tab_box01{

	width:680px;

}

.tab_box01_l{

	float:left;

	width:335px;}

.tab_box01_r{

	float:right;

	width:335px;}

	

.box_txt{

	height:110px;}

.box_txt02{

	height:109px;

}



.ov { overflow:hidden;}

.tabindex3  { overflow:hidden;}





/*layout*/

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

#top_box01 {

	width: 100%;

	background:url(../images/top_img_bg01.jpg) center top no-repeat;

}

#top_box01_in{

	text-align:left;

	width:980px;

	margin:10px auto 60px auto;

	position:relative;

}





/*TAB*/

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

.wrapper01 {

    height: 532px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}

.section- {

  position: absolute;

  top: 0;

}

.section-radio {

  display: none;

}

.section-name {

  position: relative;

  z-index: 10;

  background-color: #BBB; 

  /* 他、選択されていない時のCSSを記述 */

}

.section-two {

  margin-left: 66px;

}



.section-three {

  margin-left: 132px;

}

.section-radio:checked + .section-name {

	background-color: #EEE; 



  /* 選択された時のCSSを記述 */

}

.section-content {

  display: none;

}



.section-radio:checked ~ .section-content {

  display: block;



}

.section-inner {

	width: 100%;

	  background-color: #EEE;

}



.list_connect li {

	display: table-cell;



}







/*news rss*/

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

#news {

	width: 100%;

	height:40px!important;

	margin: 0 auto;

	background: url(../images/topics_bg.jpg) repeat;	

	position: relative;

}

#news h2 {

	position: absolute;

	top: 11px;

	font-size: 15px;

}

#news-box {

	width: 980px;

	margin: 0 auto;

	box-sizing:border-box;

	padding: 9px 0;

}

#news_ticker_box dl{width: 100%;display: none;}

#news-box dt {

	float: left;

    padding: 0 0 0 80px;

    font-size: 14px;

    color: #fff;

    display: inline-block;

    text-decoration: underline;

}

#news-box dd {

	float: left;

	padding: 0 0 0 10px;

    font-size: 14px;

    color: #fff;

    display: inline-block;

}

#news-box dd a, #news-box dd a:hover {

	color: #fff;

	text-decoration: underline;

}

#news_ticker_box{

	position: relative;

    height: 20px;

    overflow: hidden;

    line-height: 20px;

}





/*USER SUPPORT*/

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

#support_wrapper {

	width: 100%;

	height: 230px;

	margin-bottom: 92px;

	background: url(../images/top_img_bg02.jpg) center top no-repeat;

}

#support_box {

	width: 980px;

	height: 250px;

	margin: 0 auto;

}

#support_box h2 {

	padding-top: 45px;

}

#support_box p {

	line-height: 180%;

	margin-bottom: 32px;

}

.list01 li {

	display: inline-block;

	float: left;

	margin-right: 4px;

	border: none;/*-- IE8用 --*/

}

.list01 li:nth-child(3) {

	margin-right: -4px;

}





/*PRODUCT*/

/*custom*/

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

.pdct_wrapper {

	width: 100%;

	background: #fff;

	margin-bottom: 35px;

}

.pdct_in {

	width: 980px;

	margin: 0 auto;

}

.pdct_box01 {

	float: left;

    padding-top: 15px;

	width: 470px;

	margin-bottom: 20px;

	background: url(../images/pdct_bg.jpg) no-repeat;

	box-sizing:border-box;

	padding-bottom: 20px;

}

.pdct_box01_in {

	float: left;

	width: 420px;

    margin-left: 25px;

}

.pdct_box02_in {

	float: right;

	width: 420px;

	margin: 0 25px 0 25px;

}



.list_box01 {

    /*text-align: center;*/

    /*float: left;

    width: 462px;*/

}

.list_box02 {

	margin-right: 15px;

	float: left;

}

.list_box03 {

	float: left;

	text-align: left;

	width: 250px;

}

.pdct_detail {

	float: right;

	margin-top: 5px;

}



/*wireharness*/

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

.pdct_box02 {

	float: right;

	padding-top: 15px;

	width: 470px;

	margin-bottom: 20px;

	background: url(../images/pdct_bg.jpg) no-repeat;

	box-sizing:border-box;

	padding-bottom: 20px;

}

.pdct_box02_in li {

	display: inline-block;

	float: left;

}

.pdct_box02_in p {

	/*width: 361px;

	margin-left: 50px;*/

}

.pdct_box02_in li:nth-child(1) {

	position: relative;

	width: 470px;

	vertical-align: top;

}

.pdct_box02_in li:nth-child(1) h2 {

	text-align: center;

	margin: 82px 0 42px 0;

}

.pdct_box02_in li:nth-child(1) div {

	position: absolute;

    right: 40px;

    bottom: -96px;

}

.pdct_box02_in li:nth-child(2) {

	margin-right: 9px;

	vertical-align: top;

}

.pdct_box02_in li:nth-child(3) {

	vertical-align: top;

}





/*PICKUP*/

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

.pickup_wrapper {

	width: 100%;

	background:url(../images/con_bg.png) repeat;

	margin-bottom: 50px;

	padding:30px 0 30px 0;

}

.pickup_in {

	width: 980px;

	margin: 0 auto;

}

.pickup_box {

	width: 980px;

}

.pickup_box h2 {

	margin-bottom: 20px;

}

.pickup_box_in li {

	float: left;

	display: inline-block;

	position: relative;

	width: 318px;

	margin-right: 8px;

}

.pickup_box_in li:nth-child(3) {

	margin-right: -10px;

}



.pickup_list li {

	padding: 37px 22px 22px 22px;

	position: relative;

    width: 273px;

	vertical-align: top;

	border: 1px solid #CCC;

	background:#FFF;

}

.pickup_list h3 {

	position: absolute;

	top: 10px;

    left: 21px;

	color: #333;

	font-size: 16px;

	font-weight: bold;

}

.pickup_list span {

    position: absolute;

    top: 35px;

    left: 165px;

    color: #8EC679;

    font-size: 13px;

}

.pickup_list p {

	color: #333333;

	font-weight: bold;

	margin: 10px 0 30px 0;

}

.pickup_list div {

	float: right;

    margin-bottom: 8px;

}









/*NEWS*/

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

#contents {

    text-align: left;

    width: 980px;

    margin: 0 auto;

    position: relative;

}

#contents_left {

    width: 700px;

    min-height: 280px;

    float: left;

}

#contents_right {

    width: 250px;

    float: right;

}

#news_box {

	clear: both;

}

.top_title_news {

	position: relative;

	height: 90px;

	background: url(../images/news_border.jpg) no-repeat 0 80px;

}

.top_title_news li {

	display: inline-block;

}

.news_detail {

	position: absolute;

	left: 641px;

    top: 45px;

}

.ItemDate {

    clear: both;

    width: 90px;

    float: left;

    padding: 10px 0;

    margin: 0 0 5px 0;

    font-size: 12px;

    font-weight: bold;

    color: #333333;

    border-bottom: 1px dashed #ccc;

}

.ItemTitle {

    width: 610px;

    float: right;

    padding: 10px 0;

    margin: 0 0 5px 0;

    font-size: 12px;

    color: #333333;

    border-bottom: 1px dashed #ccc;

}



.rss_contents {

	display:none;

}





#banner {

	width: 100%;

}

#banner table {

	width: 980px;

}

#banner td {

	width: 310px;

	padding-right: 22px;

}

#banner img {

	border: 0;

}