@charset "utf-8";

/*===================================================================
	supply.htm
===================================================================*/
body.supply #contents .detailSection .main .detailGroup {
	padding:0 19px 30px;
	border-radius:2px;
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}
body.supply .heading {
	margin: 30px 0 15px;
	padding:5px 10px;
	background-color:#F1F1F1;
}
body.supply h4 { color:#005AB4; }

body.supply #contents .detailSection .main .cont01{
	position:relative;
	width:920px;
	height:550px;
}

body.supply #contents .detailSection .main .cont02 {
	position:relative;
	width:920px;
	height:650px;
}
body.supply #contents .detailSection .main .cont01 p,
body.supply #contents .detailSection .main .cont02 p { font-size:85%; } /* font-size:12px; */

body.supply #contents .detailSection .main .cont01 .txt01 { position: absolute; top:60px; left:0; width:230px; }
body.supply #contents .detailSection .main .cont01 .txt02 { position: absolute; top:200px; left:0; width:180px; }
body.supply #contents .detailSection .main .cont01 .txt03 { position: absolute; top:280px; left:0; width:235px; }
body.supply #contents .detailSection .main .cont01 .txt04 { position: absolute; top:350px; left:0; width:200px; }
body.supply #contents .detailSection .main .cont01 .txt06 { position: absolute; top:430px; left:0; width:165px; }
body.supply #contents .detailSection .main .cont01 .txt07 { position: absolute; top:300px; left:250px; width:120px; }
body.supply #contents .detailSection .main .cont01 .txt08 { position: absolute; top:340px; left:420px; width:140px; }
body.supply #contents .detailSection .main .cont01 .txt09 { position: absolute; top:30px; left:500px; width:250px; }
body.supply #contents .detailSection .main .cont01 .txt10 { position: absolute; top:120px; left:710px; width:140px; }
body.supply #contents .detailSection .main .cont01 .txt11 { position: absolute; top:165px; left:710px; width:140px; }
body.supply #contents .detailSection .main .cont01 .txt12 { position: absolute; top:210px; left:710px; width:140px; }
body.supply #contents .detailSection .main .cont01 .txt13 { position: absolute; top:255px; left:710px; width:140px; }
body.supply #contents .detailSection .main .cont01 .txt14 { position: absolute; top:330px; left:720px; width:250px; }
body.supply #contents .detailSection .main .cont01 .txt15 { position: absolute; top:420px; left:720px; width:250px; }





body.supply #contents .detailSection .main .cont02 .txt01 { position: absolute; top:90px; left:205px; width:200px; }
body.supply #contents .detailSection .main .cont02 .txt02 { position: absolute; top:195px; left:160px; width:220px; }
body.supply #contents .detailSection .main .cont02 .txt03 { position: absolute; top:295px; left:40px; width:250px; }
body.supply #contents .detailSection .main .cont02 .txt04 { position: absolute; top:400px; left:70px; width:250px; }
body.supply #contents .detailSection .main .cont02 .txt05 { position: absolute; top:420px; left:300px; width:250px; }
body.supply #contents .detailSection .main .cont02 .txt06 { position: absolute; top:60px; left:480px; width:220px; }
body.supply #contents .detailSection .main .cont02 .txt07 { position: absolute; top:145px; left:655px; width:230px; }
body.supply #contents .detailSection .main .cont02 .txt08 { position: absolute; top:225px; left:680px; width:150px; }
body.supply #contents .detailSection .main .cont02 .txt09 { position: absolute; top:260px; left:615px; width:180px; }
body.supply #contents .detailSection .main .cont02 .txt10 { position: absolute; top:310px; left:570px; width:120px; }
body.supply #contents .detailSection .main .cont02 .txt11 { position: absolute; top:390px; left:500px; width:210px; }

body.supply #contents .detailSection .main .option_wrap{
	width: 960px;
}
body.supply #contents .detailSection .main .optionArea{
	width:860px;
	padding:29px 50px 40px 50px;
	border-radius:2px;
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}
body.supply #contents .detailSection .main .optionArea ul.optionBoxL,
body.supply #contents .detailSection .main .optionArea ul.optionBoxR{
	float:left;
	width:378px;
}
body.supply #contents .detailSection .main .optionArea ul.optionBoxL{
	margin-right:47px;
}
/* body.supply #contents .detailSection .main .optionArea ul li{
	border-bottom:1px solid #E5E5E5;
} */
body.supply #contents .detailSection .main .optionArea ul li ul li{
	width:260px;
}
body.supply #contents .detailSection .main .optionArea ul li ul .margin_left{
	margin-left: 40px;
}
body.supply #contents .detailSection .main .optionArea ul li ul li p{
	word-wrap: break-word;
}
body.supply #contents .detailSection .main .optionArea ul li p.manual{
	margin-top:57px;
	padding-bottom:73px;
	width:260px;
}
body.supply #contents .detailSection .main .optionArea ul li.last{
	border-bottom:none;
}
.supply .sp{
	display: none;
}
.head_margin{
	margin-bottom: 30px;
}
/*===================================================================
bt40s responsive
===================================================================*/
@media screen and (max-width: 768px){
	body.supply #contents .detailSection .main .detailGroup {
		padding:0;
		border: none;
	}
	body.supply .heading {
		margin: 0 0 10px;
		padding: 0;
		background-color: #fff;
		font-size: 18px;
		font-weight: 600;
	}
	body.supply h4 { 
		box-sizing: border-box;
		display: block;
		margin: 20px 0 10px;
		padding: 5px 10px;
		width: 100%;
		background-color:#F1F1F1;
		color: #000;
		font-size: 16px;
		font-weight: 600;
	}
	body.supply #contents .detailSection .main .cont01{
		position:static;
		width: 100%;
		height: auto;
	}
	
	body.supply #contents .detailSection .main .cont02 {
		position:static;
		width: 100%;
		height: auto;
	}
	body.supply #contents .detailSection .main .cont01 p,
	body.supply #contents .detailSection .main .cont02 p { font-size:100%; }
	
	body.supply #contents .detailSection .main .cont01 .txt01,
	body.supply #contents .detailSection .main .cont01 .txt02,
	body.supply #contents .detailSection .main .cont01 .txt03,
	body.supply #contents .detailSection .main .cont01 .txt04,
	body.supply #contents .detailSection .main .cont01 .txt06,
	body.supply #contents .detailSection .main .cont01 .txt07,
	body.supply #contents .detailSection .main .cont01 .txt08,
	body.supply #contents .detailSection .main .cont01 .txt09,
	body.supply #contents .detailSection .main .cont01 .txt10,
	body.supply #contents .detailSection .main .cont01 .txt11,
	body.supply #contents .detailSection .main .cont01 .txt12,
	body.supply #contents .detailSection .main .cont01 .txt13,
	body.supply #contents .detailSection .main .cont01 .txt14,
	body.supply #contents .detailSection .main .cont01 .txt15 {
		position: static;
		width: 100%;
	}
	
	body.supply #contents .detailSection .main .cont02 .txt01,
	body.supply #contents .detailSection .main .cont02 .txt02,
	body.supply #contents .detailSection .main .cont02 .txt03,
	body.supply #contents .detailSection .main .cont02 .txt04,
	body.supply #contents .detailSection .main .cont02 .txt05,
	body.supply #contents .detailSection .main .cont02 .txt06,
	body.supply #contents .detailSection .main .cont02 .txt07,
	body.supply #contents .detailSection .main .cont02 .txt08,
	body.supply #contents .detailSection .main .cont02 .txt09,
	body.supply #contents .detailSection .main .cont02 .txt10,
	body.supply #contents .detailSection .main .cont02 .txt11 { 
		position: static;
		width: 100%;
	}
	
	body.supply #contents .detailSection .main .option_wrap{
		width: 100%;
	}
	body.supply #contents .detailSection .main .optionArea{
		box-sizing: border-box;
		width: 100%;
		padding:29px 50px 40px 50px;
		border-radius:2px;
		border-top:1px solid #E5E5E5;
		border-left:1px solid #E5E5E5;
		border-right:1px solid #E5E5E5;
		border-bottom:1px solid #E5E5E5;
	}
	body.supply #contents .detailSection .main .optionArea ul.optionBoxL,
	body.supply #contents .detailSection .main .optionArea ul.optionBoxR{
		float:none;
		width:100%;
	}
	body.supply #contents .detailSection .main .optionArea ul.optionBoxL{
		margin-right:0;
	}
	body.supply #contents .detailSection .main .optionArea ul li ul li{
		width:100%;
	}
	body.supply #contents .detailSection .main .optionArea ul li ul .margin_left{
		margin-left: 0;
	}
	body.supply #contents .detailSection .main .optionArea ul li ul li p{
		word-wrap: break-word;
		font-weight: 600;
	}
	body.supply #contents .detailSection .main .optionArea ul li p.manual{
		margin-top:40px;
		padding-bottom:53px;
		width:100%;
	}
	body.supply #contents .detailSection .main .optionArea ul li.last{
		border-bottom: none;
	}
	.supply .sp{
		display: inline-block;
	}
	.supply .pc{
		display: none;
	}
	.supply img{
		width: 100%;
	}
	.head_margin{
		margin-bottom: 10px;
	}
}