#contents:before, #contents:after { content: ""; display: block; }
#contents:after { clear: both; }
#contents{
	width: 980px;
	position:relative;
	margin: 0 auto 80px;
}
#contents_left{
	background:#fff;
	width: 730px;
	float: left;
	padding:25px 0;
	/*padding:25px 20px;*/
}


.contents_left_in{
	margin-left:20px;
	margin-right:20px;
}

/* contents */
/* -------------------------- */


#contents_right{
	position:absolute;
	right:0;
	float: right;
	top: 0;
	width: 230px;
	float: right;
}

.subtitle02 {
	background: rgba(0, 0, 0, 0) url(../image/common/subtitle02.jpg) no-repeat scroll center 0;
	margin-bottom: 20px;
	padding: 60px 0;
}

.subtitle02 h2 {
	font-size: 260%;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 980px;
}

.subtitle03{
	color: #000;
	font-size: 150%;
	font-weight: bold;
	line-height: 2.5;
	margin-bottom: 20px;
	padding: 5px 0 0 20px;
	border-top:2px solid #D2232A;
	border-bottom:1px dotted #EBE8DC;
}

.subtitle04{
	background: url(../image/common/subtitle04.png) no-repeat scroll 20px center;
	background-size: 15px 11px;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 5px 0 0 45px;
}

.subtitle05{
	color: #000;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	margin:0 20px 20px;
	padding: 0 0 10px;
	border-bottom:1px solid #EBE8DC;
}

.subtitle06{
	background: #666;
	color:#FFF;
	padding:5px 25px;
	font-size:110%;
	font-weight:bold;
	margin-bottom:15px;
}


/* locator---------------------------------------------------------- */
#locator {
	color: #333;
	font-size: 90%;
	line-height: 110%;
	margin: 0 auto;
	width: 980px;
	padding-bottom:10px;
}
#locator a{
	color: #D2232A;
	text-decoration:underline;
}

/*subnav*/
/*------------------------------------------------------------------------------*/
#subnav{
	width:230px;
	margin-bottom:30px;
}
#subnavi_title a{
	background-color:#464C54;
	font-weight:bold;
	color:#fff;
	padding:18px;
	text-align: center;
	display:block;
	text-decoration:none;
	font-size:120%;
}
#subnavi_title a:hover {
	text-decoration:underline;
}
#subnav li a{
	background:#fff url(../image/common/arr02.png) no-repeat 15px center;
	background-size: 18px 18px;
	border-bottom:dotted 1px #CCC;
	padding:20px 10px 20px 42px;
	font-size:90%;
	line-height:1;
	color:#333;
	display:block;
	text-decoration:none;
}
#subnav li a:hover,#subnav ul li.current a,#subnav ul li.current a:hover{
	text-decoration:underline;
	color:#D2232A;
}
#subnav li.current ul li a{
	background:#fff url(../image/common/arr03.png) no-repeat 40px center;
	background-position: 40px center;
	background-size: 11px 11px;
	border-bottom:dotted 1px #CCC;
	padding:15px 10px 15px 58px;
	text-decoration:none;
	color: #333;

}
#subnav li.current ul li a:hover,#subnav li.current ul li.current a{
	background:#fff url(../image/common/arr03_on.png) no-repeat 40px center;
	text-decoration:underline;
	color:#d2232a;
}
#subnav li.current ul li.current ul li a{
	background-position: 20px center;
	background-size: 4px 7px;
	border-bottom:none;
	padding:15px 10px 15px 32px;
}
#subnav li.current ul li.current ul li a:hover,#subnav li.current ul li.current ul li.current a{
	text-decoration:underline;
	color:#999;
}


/*btn_3*/
/*------------------------------------------------------------------------------*/

.btn_box3:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.btn_box3 {
	min-height: 1px;
}
.btn_box3_left{
	width: 31%;
	float: left;
	margin-right: 3.5%;
	background:#D2232A;
}

.btn_box3_left a {
	display:block;
	width:100%;
	background:url(../image/common/btn3_arr.png) no-repeat 10px center;
	background-size: 5px 6px;
	color:#fff;
	padding-left:25px;
	line-height:2.5;
	color:#FFF !important;
}


.btn_box3_right{
	width: 31%;
	float: right;
	background:#D2232A;
}

.btn_box3_right a{
	display:block;
	width:100%;
	background:url(../image/common/btn3_arr.png) no-repeat 10px center;
	background-size: 5px 6px;
	color:#fff;
	padding-left:25px;
	line-height:2.5;
	color:#FFF !important;

}

/*bg_gray*/
/*------------------------------------------------------------------------------*/

.bg_gray {
	background: url(../image/common/top_box02_bg.gif);
	padding: 15px 10px;
	margin-bottom: 50px;
}


/*table*/
/*------------------------------------------------------------------------------*/

table.tab{
	border-collapse:collapse;
	width: 100%;
}
table.tab th,table.tab td{
	border:1px solid #ddd;
	padding: 5px 15px;
}
table.tab th td,table.tab td td{
	border:none;
	padding:0;
}
table.tab th,table.tab td.highlight{background-color:#F7F4EB; font-weight:bold; color:#000;	border:1px solid #ddd;}
table.tab td.none_boder{border:none;}


/*common*/
/*------------------------------------------------------------------------------*/
span.sub_sub {
	background: #CCCCCC;
	color: #fff;
	padding:10px 20px;
	text-align:center;
	margin-right: 20px;
}

.common_dl dt{
	float:left;
	width:20%;
	background: #999;
	color:#FFF;
	padding:10px 20px;
	text-align:center;
	display:table;
	font-weight:bold;
}
.common_dl dd{
	float:right;
	width:80%;
	padding:10px 0 0 20px;
}
.common_dl .common_dt_in{
	display:table-cell;
	vertical-align:middle;
}
.common_dl .common_dd_in{
	display:table-cell;
	vertical-align:middle;
}

.attention_list li{
	padding:0 0 10px 20px;
	position:relative;
}
.attention_list li:before{
	display:block;
	position:absolute;
	content:"※";
	font-weight:bold;
	color:#F00;
	top:0;
	left:0;
}

.common_btn a {
	background: url(../image/common/btn3_arr.png) no-repeat;
	background-color:#d2232a;
	background-position: 10px center;
	background-size:5px 6px;
	color: #fff !important;
	display:inline;
	line-height: 1.4;
	padding: 5px 15px 5px 25px;
	width: 100%;
}


.contact_box{
	border:#EBE8DC 1px solid;
	text-align:center;
	padding:25px 10px 20px;
	margin-left:5%;
	margin-right: 5%; 
	background: #eee;
}

/*common_box*/
/*------------------------------------------------------------------------------*/

.box2{width:100%; clear:both; overflow:hidden;}
.box2:before, .box2:after { content: ""; display: block;}
.box2:after { clear: both;}

/*product*/
/*------------------------------------------------------------------------------*/

.product_green:after,
.product_purple:after,
.product_orange:after,
.product_blue:after,
.product_gray:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.product_green,
.product_purple,
.product_orange,
.product_blue,
.product_gray
{min-height: 1px;}

.product_green_left{
	width: 34%;
	background:#52BE98;
	height:55px;
	float: left;
	font-size: 120%;
	color:#fff;
	padding:20px 10px;
}
.product_green_right{
	width: 66%;
	float: left;
	height:55px;
	background:#DCF2EA;
	padding:10px;
}

.product_purple_left{
	width: 34%;
	background:#8B81A2;
	height:55px;
	float: left;
	font-size: 120%;
	color:#fff;
	padding:20px 10px;
}
.product_purple_right{
	width: 66%;
	float: left;
	height:55px;
	background:#E8E6EC;
	padding:10px;
}

.product_orange_left{
	width: 34%;
	background:#E0861A;
	height:55px;
	float: left;
	font-size: 120%;
	color:#fff;
	padding:20px 10px;
}
.product_orange_right{
	width: 66%;
	float: left;
	height:55px;
	background:#F9E7D1;
	padding:10px;
}

.product_blue_left{
	width: 34%;
	background:#7BB1D5;
	height:55px;
	float: left;
	font-size: 110%;
	color:#fff;
	padding:20px 10px;
}
.product_blue_right{
	width: 66%;
	float: left;
	height:55px;
	background:#E5EFF7;
	padding:10px;
}


.product_gray_left{
	width: 34%;
	background:#CCCCCC;
	height:55px;
	float: left;
	font-size: 120%;
	color:#fff;
	padding:20px 10px;
}
.product_gray_right{
	width: 66%;
	float: left;
	height:55px;
	background:#F5F5F5;
	padding:10px;
}


.img_box3:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.img_box3 {
	min-height: 1px;
}
.img_box3_left{
	width: 31%;
	float: left;
	margin-right: 3.5%;
}
.img_box3_right{
	width: 31%;
	float: right;
}
.img_box3_left img,
.img_box3_right img{width: 100%; height: auto;}


.product_name{
	list-style:none;
	background:url(../image/common/arr02.png) no-repeat 0 1px;
	background-size: 18px 18px;
	padding:0 0 0 30px;
	margin:10px 0px;
	line-height:1.6;
}

/*simtemap*/
/*------------------------------------------------------------------------------*/

.sitemap li{
	list-style:none;
	background:url(../image/common/arr02.png) no-repeat 0 1px;
	background-size: 18px 18px;
	padding:0 0 0 30px;
	margin:10px 0px;
	line-height:1.6;
}
.sitemap ul{ padding:5px 0 5px 30px;}
.sitemap ul li{
	background:none;
	list-style:none;
	padding:0 0 0 0;
	margin:5px 0px;
}
.sitemap ul ul{ padding:5px 0 5px 30px;}
.sitemap ul ul li{
	background:none;
	list-style:none;
}

/*contact*/
/*------------------------------------------------------------------------------*/

.contact_info{width:100%; clear:both; overflow:hidden;}
.contact_info:before, .contact_info:after { content: ""; display: block;}
.contact_info:after { clear: both;}

.contact_info_left {
	float:left;
	width:50%;
	background-color:#D2232A;
	padding:15px;
	color:#FFF;
	text-align:center;
}
.contact_info_right {
	float:right;
	width:50%;
	background-color:#FFFFFF;
	padding:14px;
	border:1px solid #D2232A;
	text-align:center;
}
.contact_tel{
	display:inline-block;
	font-size:180%;
	font-weight:bold;
	padding-left:40px;
	background:url(../image/common/icon_tel.png) no-repeat;
	background-position:0 center;
	margin:20px 0;
	line-height:30px;
}
.contact_tel a{ color:#FFF;}
.contact_tel span{font-size:70%;}
.contact_tel_txt_sub{ display:block; margin-top:10px; font-size:90%;}

.contact_fax{
	display:inline-block;
	font-size:180%;
	font-weight:bold;
	padding-left:40px;
	background:url(../image/common/icon_fax.png) no-repeat;
	background-position:0 center;
	margin:20px 0;
	line-height:30px;
}
.contact_fax a{ color:#333;}
.contact_fax span{font-size:70%;}
.contact_fax_txt{ text-align: left;}

/*steel_sheet*/
/*------------------------------------------------------------------------------*/

.performance_table_left{
	float:left;
	width:48%;
}
.performance_table_right{
	float:right;
	width:48%;
}
.performance{
	width:100%;
	border-bottom:1px dotted #CCC;
	clear:both;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:10px;
}
.performance:before, .performance:after { content: ""; display: block;}
.performance:after { clear: both;}

.performance dt{
	float:left;
	width:48%;
	position:relative;
	padding-right:4%;
}
.performance dt:after{
	display:block;
	position:absolute;
	top:0;
	right:0;
	content:"：";
}
.performance dd{
	float:right;
	width:48%;
}

.product_img_l{
	float:left;
	width:36%;
}
.product_img_r{
	float:right;
	width:60%;
}
.product_img_l img,.product_img_r img{
	width:100%;
	height:auto;
}
.product2_img_l{
	float:left;
	width:48%;
}
.product2_img_r{
	float:right;
	width:48%;
}
.product2_img_l img,.product_img_r img{
	width:100%;
	height:auto;
}
.product2_img_100{
	float:left;
	width:100%;
}
.product2_img_100 img{
	width:100%;
	height:auto;
}

.product_img_r_in{display:table-cell; vertical-align:middle;}

.drawing_name{ background-color:#999; color:#FFF; text-align:center; padding:5px 10px; font-weight:bold;}

.color_box li{
	float:left;
	width:18.4%;
	margin-right:2%;
	margin-bottom:10px;
}
.color_box li:nth-child(5n){
	margin-right:0;
}
.color_box li img{
	width:100%;
	height:auto;
	border:1px solid #ddd;
}


/* Add 20150617 company.html */
/*------------------------------------------------------------------------------*/

.company_box01{
	width: 730px;
	box-sizing:border-box;
	padding:0 20px;
}
.company_box01_left{
	width:490px;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
}
.company_box01_right{
	width:200px;
	float:right;
}
.company_history_box{
	width: 730px;
	box-sizing:border-box;
	padding:0 20px;
	margin-bottom: 30px;
}
.company_history_box table{
	width: 100%;
	border-collapse: collapse
}
.company_history_box table tr.company_tb_sprite{background-color: #F8F8F8}
.company_history_box table tr th{
	text-align: left;
	vertical-align: top;
	width: 20%;
	border: 1px solid #D8D8D8;
	font-weight: normal;
	padding: 9px;
	line-height: 130%;
}
.company_history_box table tr td{
	border: 1px solid #D8D8D8;
	text-align: left;
	vertical-align: top;
	padding-right: 30px;
	position: relative;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	line-height: 130%;
}
.company_box02{
	width: 730px;
	box-sizing:border-box;
	padding:0 20px;
}
.company_box02_left{
	width:375px;
	float:left;
}
.company_box02_right{
	width:315px;
	float:right;
	text-align: center;
}
.company_box02_right span{
	width: 315px;
	height: 260px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.company_map_link{
	padding-left: 20px;
	font-size: 12px;
	margin-bottom: 10px;
}
.company_map_detail{
	padding-left: 20px;
	font-size: 14px;
}


.company_box03{
	width: 730px;
	box-sizing:border-box;
	padding:0 20px;
	margin-bottom: 30px;
}
.company_box03_left{
	width:68%;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
}
.company_box03_right{
	width:31%;
	float:right;
}


.company_box04{
	width: 730px;
	box-sizing:border-box;
	padding:0 20px;
	margin-bottom: 5px;
}
.company_box04_left{
	width:65%;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
}
.company_box04_right{
	width:35%;
	float:right;
}

/* Add 20150617 company/other.html */
/*------------------------------------------------------------------------------*/
.company_other_txt{
	padding: 0 20px;
	margin-bottom: 30px;
}
.company_other_pname{
	line-height: 1.6;
	margin: 10px 0;
}
.company_other_features{
	width: auto;
	margin:0 20px;
	box-sizing:border-box;
	background-color:#DCDCDC;
}
.company_other_features ul{padding: 20px 0 20px 40px}
.company_other_features ul li{
	list-style-type:decimal;
	padding: 5px 10px;
}



/* Add 20150618 information/maintenance.html */
/*------------------------------------------------------------------------------*/
.maintenance_txt{
	margin: 0 20px 30px;
	line-height: 1.6;
}
.maintenance_txt table{padding: 5px 10px 5px 10px;}
.maintenance_txt ul{padding: 5px 5px 5px 15px;}
.maintenance_box01{
	width: 730px;
	box-sizing:border-box;
	padding:0 20px;
	margin-bottom: 30px;
}
.maintenance_left{
	width:462px;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
}
.maintenance_right{
	width:228px;
	float:right;
}
.maintenance_txt2{
	margin: 0 20px 20px;
	line-height: 1.6;
}
.lh{line-height: 1.6;}
.maintenance_txt3{
	margin: 0 20px 10px;
	line-height: 1.6;
}
.maintenance_img_box{
	width: 730px;
	padding: 0 20px;
	box-sizing:border-box;
	text-align: center;
	margin-bottom: 15px;
}

/* Add 20150618 information/faq.html */
/*------------------------------------------------------------------------------*/
.faq_txt{
	margin: 0 20px 20px;
	line-height: 1.6;
}
.faq{margin-bottom: 20px;}
.question p span{
	padding-right: 20px;
}
.question{
	width: 690px;
	margin: 0 20px;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	border: 1px solid #D2232A;
	cursor: pointer;
	box-sizing:border-box;
}
.question p{
}
.faq .active, .faq p:hover{
	text-decoration:underline !important;
	color:#D2232A !important;
}

.faq span,.faq span:hover{
	text-decoration:none !important;
}


#tinymce .answer{display: block;}
.question.active.answer{display: block;}
.answer{
	display: none;
	width: 690px;
	margin: 0 20px;
	padding: 10px 20px;
	border-left: 1px solid #D2232A;
	border-right: 1px solid #D2232A;
	border-bottom: 1px solid #D2232A;
	box-sizing:border-box;
}
.answer p{
	line-height: 1.6;
}
.answer p span{
	color: #D2232A;
	padding-right: 20px;
}

/* catalog_cad */
/*------------------------------------------------------------------------------*/

.catalog_box3:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.catalog_box3 {
	min-height: 1px;
}
.catalog_box3_in{
	width: 23.5%;
	float: left;
	margin-left: 2%;
}
.catalog_box3_in:first-child{
	margin-left: 0%;
}

.catalog_box3 img{
	width:100%;
	height:auto;
}