@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: company.css
 * style info	: page styles
 -----------------------------------------------------------*/

/* common
----------------------------------------------------------- */
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

.content {
	min-height:800px;
}

.content #main_unit{
	display:table;
}

.content #main_unit #product_main_image{
	display:table-cell;
	width:300px;
	height:300px;
	border-radius: 100%;
	overflow: hidden;
	text-indent:-99999px;
	background-color:#fff;
}

    .yukilon .content #main_unit #product_main_image{background: url("../img/img_main_yukilon.jpg") #fff;}
       .tera .content #main_unit #product_main_image{background: url("../img/img_main_tera.jpg") #fff;}
     .y-cube .content #main_unit #product_main_image{background: url("../img/img_main_y-cube.jpg") #fff;}
.tera_polyca .content #main_unit #product_main_image{background: url("../img/img_main_tera_polyca.jpg") #fff;}
       .epdm .content #main_unit #product_main_image{background: url("../img/img_main_epdm.jpg") #fff;}
        .pvc .content #main_unit #product_main_image{background: url("../img/img_main_pvc.jpg") #fff;}

.content #main_unit #product_main_text{
	display:table-cell;
	vertical-align:middle;
	padding-left:35px;
}
.content #main_unit #product_main_text h1{
	margin-top:1em;
	font-size:1.8em;
	color:#1a1a1a;
	font-family: 'Noto Sans Japanese';
	font-weight:700;
	line-height:1.2em;
}
.content #main_unit #product_main_text h1 span{
	display:block;
	font-size:0.6em;
	font-weight:300;
	margin-bottom:0.3em;
	line-height:1.5;
}

.content #main_unit #product_main_text p{
	margin-top:1em;
}

.content h3{
	margin:2em 0 0.7em;
	font-family: 'Noto Sans Japanese';
	font-size:1.4em;
	font-weight:700;
}

.content h4{
	margin:35px 0 20px 0;
	padding-left:20px;
	color:#1a1a1a;
	border-left:3px #88bcbf solid;
	font-size:1.2em;
	font-family:'Noto Sans Japanese';
	line-height:3em;
	font-weight:700;
	background:url(../../../common/img/modules/img_dot.gif) repeat-x bottom left;
}

.content ul{
	margin-bottom:1em;
}

.content ul.detail_list li{
	margin-left:1.5em;
	list-style-type:disc;
}


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

.content table{
	width:560px;
	border-top:1px #e5e5e5 solid;
	border-right:1px #e5e5e5 solid;
	margin:10px 0 30px;
}
.content table th{
	color:#1a1a1a;
	text-align:center;
	font-weight:bold;
	background-color:#e8f1f1 !important;
	border-bottom:1px #fff solid;
	border-left:1px #e5e5e5 solid;
}

.content table td{
	padding:15px 0 12px 30px;
}

.content table td{
	border-bottom:1px #e5e5e5 solid;
	border-left:1px #e5e5e5 solid;
}


/* .index
----------------------------------------------------------- */

.index #tab{
	border-bottom:10px #e8f1f1 solid;
	overflow:hidden;
}

.index #tab li{
	float:left;
}

.index #tab li a{
	display:block;
	text-align:center;
	width:220px;
	font-size:1.4em;
	color:#1a1a1a;
	font-family: 'Noto Sans Japanese';
	font-weight:400;
}

.index #tab li.select a{
	margin-top:0;
	line-height:95px;
	height:80px;
	background-color:#e8f1f1;
	
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	    -ms-box-shadow:none;
	     -o-box-shadow:none;
	        box-shadow:none;
	
	-webkit-transition: all ease-out 0.7s;
	   -moz-transition: all ease-out 0.7s;
	     -o-transition: all ease-out 0.7s;
	        transition: all ease-out 0.7s;
	
	
}
.index #tab li a{
	margin-top:10px;
	line-height:75px;
	height:70px;
	background-color:#cfe4e5;
	
	-webkit-box-shadow:5px -5px 30px rgba(116,190,194,0.3) inset, -5px 5px 10px rgba(207,228,229,1) inset;
	   -moz-box-shadow:5px -5px 30px rgba(116,190,194,0.3) inset, -5px 5px 10px rgba(207,228,229,1) inset;
	    -ms-box-shadow:5px -5px 30px rgba(116,190,194,0.3) inset, -5px 5px 10px rgba(207,228,229,1) inset;
	     -o-box-shadow:5px -5px 30px rgba(116,190,194,0.3) inset, -5px 5px 10px rgba(207,228,229,1) inset;
	        box-shadow:5px -5px 30px rgba(116,190,194,0.3) inset, -5px 5px 10px rgba(207,228,229,1) inset;
}

.index #tab li a:hover{
	-moz-opacity: 0.8;
	     opacity: 0.8;
	      filter:alpha(opacity=80);
	
	-webkit-transition: all ease-out 0s;
	   -moz-transition: all ease-out 0s;
	     -o-transition: all ease-out 0s;
	        transition: all ease-out 0s;
}

.index #tab:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html .index #tab{
	display:inline-block;
}
*+ html .index #tab{
	display:inline-block;
}

.index p#catch{
	padding-left:20px;
	margin:40px 0;
}

/* ul#material
------------------------ */

.index ul#material li{
	width:200px;
	float:left;
	margin-right:7px;
}

.index ul#material li:nth-child(3n){
	margin-right:0;
}

.index ul#material li p{
	margin-bottom:0;
}

.index ul#material li dl{
	text-align:center;
	min-height:160px;
	background:#f8f8f8;
	margin-bottom:10px;
}
.index ul#material li dl dt{
	color:#1a1a1a;
	padding:25px 0 5px 0;
	font-family: 'Noto Sans Japanese';
	font-size:1.2em;
	font-weight:400;
}
.index ul#material li dl dd:before{
	content:"[ "
}
.index ul#material li dl dd:after{
	content:" ]"
}

/* ul#use
------------------------ */

.index ul#use{
	display:none;
}

.index ul#use li{
	clear:both;
}

.index ul#use li p{
	width:200px;
	float:left;
}

.index ul#use li dl{
	display:table;
	width:415px;
	text-align:left;
	min-height:160px;
	background:#f8f8f8;
	margin-bottom:10px;
	float:left;
}

.index ul#use li dl dt{
	display:table-cell;
	color:#1a1a1a;
	text-align:center;
	vertical-align:middle;
	width:160px;
	font-family: 'Noto Sans Japanese';
	font-size:1.2em;
	font-weight:400;
}
.index ul#use li dl dd{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.index ul#use li dl dd a:before{
	color:#1a1a1a;
	content:"[ "
}
.index ul#use li dl dd a:after{
	color:#1a1a1a;
	content:" ]"
}


/* .yukilon
----------------------------------------------------------- */


/* add 201712 bqmn
----------------------------------------------------------- */

.btn_doc_dl_01,
.btn_doc_dl_01:link,
.btn_doc_dl_01:visited{
	display: block;
	position: relative;
	padding: 20px 0 20px 85px;
	margin: 30px 0; 
	color: #fefefe;
	background: #afcfd0;
	line-height: 1;
	font-size: 1.57em;
}
.btn_doc_dl_01:before{
	content:"";
	position: absolute;
	width: 17px;
	height: 17px;
	left: 35px;
	top: 50%;
	margin-top: -8.5px;
	background-image: url('/common/img/parts/btn_arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.btn_doc_dl_01:after{
	content:"";
	position: absolute;
	width: 40px;
	height: 39px;
	top: 50%;
	right: 50px;
	margin-top: -20px;
	background-image: url('/common/img/icon/icon_pdf_02.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.btn_doc_dl_01 span{
	display: inline-block;
	margin-bottom: 8px;
	font-size: 0.63em;
}

.detail_after_block{
	width: 615px;
	padding: 30px 35px 30px 40px;
	margin-top: 30px;
	background-color: #f3f8f9;
	border-top: solid 2px #88bcbf;
	display: table;
	box-sizing: border-box;
}
.detail_after_block .unit{
	display: table-cell;
	vertical-align: middle;
}

.detail_after_block .unit_left{
	padding-right: 10px;
	box-sizing: border-box;
}

.detail_after_block p:nth-of-type(1){
	font-size: 1.14em;
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 1.4;
}
.detail_after_block p:nth-of-type(2){
	font-family: 'Open Sans Condensed';
	font-size: 2.2em;
	margin-bottom: 0;
	line-height: 1;
}
.detail_after_block p:nth-of-type(2) span{
	font-size: 1.28em;
}
.detail_after_block p:nth-of-type(3){
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 0.85em;
	font-weight: bold;
}
.btn_to_contact,.btn_to_contact:link,.btn_to_contact:visited{
	display: block;
	position: relative;
	width: 240px;
	padding: 10px 0 10px 75px;
	color: #fefefe;
	background-color: #afcfd0;
	line-height: 60px;
	font-size: 1.14em;
	font-weight: bold;
	margin-left: auto;
	box-sizing: border-box;
}
.btn_to_contact:before{
	content: "";
	position: absolute;
	width: 26px;
	height: 20px;
	left: 30px;
	top: 50%;
	margin-top: -10px;
	background-image: url('/common/img/icon/icon_mail.png');
	background-repeat: 
}
.btn_to_contact,.btn_doc_dl_01{
	transition: all ease-out 0.7s;
}
.btn_to_contact:hover,.btn_doc_dl_01:hover{
	opacity:0.5;
}