#wrap #contents {
    padding: 0 0px !important;
}

#container-all {
	width:100%;
	margin:0 auto;
}
#container-all a {
	text-decoration:none;
}
#container-all a:hover{
	display:block;
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	zoom:1;
}




.maindesign{
margin-bottom: 20px; 
}
.maindesign img{
	width:100%;
	height:auto;
	
}
.maindesign .title{
	position:relative;
	margin-bottom:10px;
	
}
.maindesign .title h1{
	/*position:absolute;
	left:30px;
	top:30px;
	font-size:32px;
	color:#fff;*/
}
.maindesign p{
	line-height:1.6;
	font-size:14px;
	margin: 0 3%;
}






/*見出し*/
.maindesign .heading{
	font-size:1.6em;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:10px;
	line-height:1.2;
	background-image:url(/include_html/koukoku/20_windowfilm_ordercut/img/bg.gif);
	clear:both;
}
.maindesign .heading span{
	display:block;
	padding:0.8em;
}
.maindesign .subHeading{
	border-bottom:solid 2px #d9a603;
	color:#d9a603;
	font-size:1.2em;
	font-weight:bold;
	padding:6px;
	margin-top:18px;
	margin-bottom:10px;
	overflow:hidden;
	line-height:1.2;
}

.maindesign ul.check{
	border:solid 1px #ccc;
	padding:10px 3%;
	width:74%;
	margin:-30px 10% 120px;
	position:absolute;
	background-color:#fff;
	left:0;
	top:180px;
}
.maindesign ul.check li{
	line-height:1.4;
	font-size:1.6em;
	font-weight:bold;
	background-image:url(/include_html/koukoku/20_windowfilm_ordercut/img/check.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:6px;
	padding-left:36px;
	margin-bottom:4px;
	border-bottom:dotted 1px #ccc;
}

.maindesign .pointBox{
	overflow:hidden;
	margin-bottom:20px;
}
.maindesign .leftBox{
	width:94%;
	margin:0 3%;
	float:none;
}
.maindesign .leftBox span.image{
	display:block;
	width:90%;
	margin:0 5%;
}
@media only screen and (min-width: 640px) {
.maindesign .leftBox span.image{
	display:block;
	width:70%;
	margin:0 15%;
}
}
.maindesign .leftBox span.image img{
	width:100%;
	height:auto;
}
.maindesign .rightBox{
	width:94%;
	margin:0 3%;
	float:none;
}



/*セレクション*/
.maindesign ul.selectBox{
	overflow:hidden;
}
.maindesign ul.selectBox li{
	float:left;
	display:block;
	width:74%;
	margin:5px 13%;
	padding:8px 8px;
	font-size:1.2em;
	text-align:center;
	border:solid 4px #eee;
	box-sizing: border-box;
}
@media only screen and (min-width: 640px) {
.maindesign ul.selectBox li{
	width:46%;
	margin:5px 2%;
}
}
.maindesign ul.selectBox2 li{
	width:44%;
}
.maindesign ul.selectBox li span{
	display:block;
}
.maindesign ul.selectBox li span.image{
	width:100%;
	margin-bottom:8px;
}
.maindesign ul.selectBox li img{
	width:100%;
	height:auto;
}
.maindesign ul.selectBox li span.details{
	background-image:url(/include_html/koukoku/20_windowfilm_ordercut/img/bg.gif);
	padding:8px 6px;
}

.maindesign ul.selectBox li a:link,
.maindesign ul.selectBox li a:visited,
.maindesign ul.selectBox li a:hover{
	color:#333;
}
.maindesign ul.selectBox li a:link .productName,
.maindesign ul.selectBox li a:visited .productName,
.maindesign ul.selectBox li a:hover .productName{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	margin-bottom:5px;
}





/*機能説明*/
.maindesign ul.iconDescriptionBox{
	overflow:hidden;
}
.maindesign ul.iconDescriptionBox li span{
	display:block;
}
.maindesign ul.iconDescriptionBox li{
	float:left;
	display:block;
	width:94%;
	margin:5px 3%;
	font-size:1.1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:right 10px center;
	border-bottom:solid 1px #eee;
}
.maindesign ul.iconDescriptionBox li .leftBox{
	width:94%;
	margin:5px 3%;
	float:none;
}
.maindesign ul.iconDescriptionBox li span.icon img{
	width:180px;
	height:auto;
}
.maindesign ul.iconDescriptionBox li p{
	font-size:14px;
	margin:8px 0;
}
.maindesign ul.iconDescriptionBox li span.image{
	width:100%;
	margin:0 0 10px;
	float:none;
}
.maindesign ul.iconDescriptionBox li span.image img{
	width:94%;
	margin:5px 3%;
	height:auto;
}


/*シリーズ*/
.maindesign ul.seriesBox{
	overflow:hidden;
}
.maindesign ul.seriesBox li{
	float:left;
	display:block;
	width:94%;
	margin:5px 3%;
	padding:8px 8px;
	font-size:1.1em;
	text-align:center;
	background-repeat:no-repeat;
	background-position:right 10px center;
	border:solid 4px #eee;
	box-sizing: border-box;
}
.maindesign ul.seriesBox li span{
	display:block;
}
.maindesign ul.seriesBox li span.image{
	width:100%;
	margin-bottom:8px;
}
.maindesign ul.seriesBox li img{
	width:100%;
	height:auto;
}
.maindesign ul.seriesBox li span.details{
	background-image:url(/include_html/koukoku/20_windowfilm_ordercut/img/bg.gif);
	padding:8px 6px;
}
.maindesign ul.seriesBox li span.iconBox{
	overflow:hidden;
	margin-bottom:5px;
}
.maindesign ul.seriesBox li span.iconBox .icon{
	float:left;
	display:block;
	width:31.3333%;
	margin:1%;
}
.maindesign ul.seriesBox li span.iconBox .icon img{
	width:100%;
	height:auto;
}
.maindesign ul.seriesBox li span.details span.comment{
	background-color:#999;
	color:#fff;
	width:98%;
	padding:1%;
}
.maindesign ul.seriesBox li a:link,
.maindesign ul.seriesBox li a:visited,
.maindesign ul.seriesBox li a:hover{
	color:#333;
}
.maindesign ul.seriesBox li a:link .productName,
.maindesign ul.seriesBox li a:visited .productName,
.maindesign ul.seriesBox li a:hover .productName{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	margin-bottom:5px;
}






/*貼り方*/
.maindesign div.howtoBox{
	overflow:hidden;
}
.maindesign div.howtoBox span{
	display:block;
}
.maindesign div.howtoBox{
	float:left;
	display:block;
	width:94%;
	margin:10px 3%;
	font-size:1.1em;
	text-align:left;
}
.maindesign div.howtoBox.border{
	border-bottom:none;
}
.maindesign div.howtoBox .leftBox{
	width:94%;
	margin:10px 3%;
	float:none;
}
.maindesign div.howtoBox .waku{
	border:solid 4px #CCC;
	background-color:#eee;
	padding:10px 3%;
	box-sizing: border-box;
}
.maindesign div.howtoBox span.image{
	width:94%;
	margin:10px 3% 0;
	float:none;
}
.maindesign div.howtoBox span.image img{
	width:100%;
	height:auto;
}
.maindesign .frames{
	width:300px;
	margin:0 auto;
}
.maindesign .frames iframe{
	width:300px;
	height:168px;
	margin:0 auto;
}
.maindesign .moveBtn{
	width:94%;
	margin:10px 3%;
	display:block;
	color:#fabe00;
	font-size:1.2em;
	font-weight:bold;
	padding:0.8em 1.0em;
	line-height:1.2;
	text-align:center;
	border:solid 2px #fabe00;
	background-color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin-bottom:15px;
	box-sizing: border-box;
}
.maindesign .moveBtn:link{
	color:#fabe00;
}
.maindesign .moveBtn:visited{
	color:#fabe00;
}
.maindesign .moveBtn:hover{
	background-color:#fabe00;
	color:#fff;
}
.maindesign .moveBtn:active{
	color:#fabe00;
}
.maindesign span.indent{
	display:block;
	padding-left:1.0em;
	text-indent:-1.0em;	
}

.maindesign ul.pdfBtn{
	margin-bottom:20px;
	overflow:hidden;
}
.maindesign ul.pdfBtn li a{
	display:block;
	width:94%;
	margin:5px 2%;
	float:left;
	color:#d9a603;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	border:solid 2px #d9a603;
	background-color:#fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0.5em 1%;
	box-sizing: border-box;
}

.maindesign ul.pdfBtn li a:link{
	color:#d9a603;
}
.maindesign ul.pdfBtn li a:visited{
	color:#d9a603;
}
.maindesign ul.pdfBtn li a:hover{
	background-color:#d9a603;
	color:#fff;
}
.maindesign ul.pdfBtn li a:active{
	color:#d9a603;
}