/* ********************************************************************************
 * index
 * ******************************************************************************** */

.slideimage1 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:526px;
	background:url(../images/index/slides_cloth.jpg) no-repeat;
	background-size:100% auto;
	overflow:hidden;
}

.slideimage2 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:526px;
	background:url(../images/index/slides_board.jpg) no-repeat;
	background-size:100% auto;
	overflow:hidden;
}

.slideimage3 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:526px;
	background:url(../images/index/slides_wallsys.jpg) no-repeat;
	background-size:100% auto;
	overflow:hidden;	
}

.slideimage4 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:526px;
	background:url(../images/index/slides_panel.jpg) no-repeat;
	background-size:100% auto;
	overflow:hidden;	
}

.slideimage5 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:526px;
	background:url(../images/index/slides_paper.jpg) no-repeat;
	background-size:100% auto;
	overflow:hidden;	
}

.slideimage1:after {padding-top:52.6%;display:block;content:"";}
.slideimage2:after {padding-top:52.6%;display:block;content:"";}
.slideimage3:after {padding-top:52.6%;display:block;content:"";}
.slideimage4:after {padding-top:52.6%;display:block;content:"";}
.slideimage5:after {padding-top:52.6%;display:block;content:"";}

.slideimage1 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.slideimage2 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.slideimage3 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.slideimage4 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.slideimage5 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}

.inner {
	padding-left:4%;
	padding-top:1.5%;
	color:#000;
	font-size:16px;
	text-shadow:0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF;
	line-height:1.8;
}

.inner h1 {
	font-size:24px;
	color:#000;
}

@media screen and (max-width: 580px) {
	
.slideimage1 {
	height:300px;
	background-size:auto 100%;
	background-position:center;
}

.slideimage2 {
	height:300px;
	background-size:auto 100%;
	background-position:center;
}

.slideimage3 {
	height:300px;
	background-size:auto 100%;
	background-position:center;
}

.slideimage4 {
	height:300px;
	background-size:auto 100%;
	background-position:center;
}

.slideimage5 {
	height:300px;
	background-size:auto 100%;
	background-position:center;
}

.inner {
	padding-left:4%;
	padding-top:1.5%;
	color:#000;
	font-size:14px;
	line-height:1.3;
}

.inner h1 {
	font-size:20px;
	color:#000;
}

}

.subtitle1 {
	margin:0px 0px 5px;
}

/* ********************************************************************************
 * cloth, board, wallsystem common
 * ******************************************************************************** */

.topimg1 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:213px;
	background:url(../images/cloth/top_image.jpg) no-repeat;
	background-size:100% auto;
	margin:0px;
	overflow:hidden;
}

.topimg2 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:213px;
	background:url(../images/board/top_image.jpg) no-repeat;
	background-size:100% auto;
	margin:0px;
	overflow:hidden;
}

.topimg3 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:213px;
	background:url(../images/wallsys/top_image.jpg) no-repeat;
	background-size:100% auto;
	margin:0px;
	overflow:hidden;
}

.topimg4 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:213px;
	background:url(../images/panel/top_image.jpg) no-repeat;
	background-size:100% auto;
	margin:0px;
	overflow:hidden;
}

.topimg5 {
	display:block;
	position:relative;
	max-width:1200px;
	max-height:213px;
	background:url(../images/paper/top_image.jpg) no-repeat;
	background-size:100% auto;
	margin:0px;
	overflow:hidden;
}

.panel_movie {
	display:block;
	position:relative;
	margin-bottom: 30px;
	width:100%;
	padding:56.25% 0 0 0;
} 

.panel_movie iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ********************************************************************************
 * FAQ, Caution
 * ******************************************************************************** */

.caution {
	margin:0px auto;
	width: 90%;
	padding: 2%;
}

.caution p {
	margin:0 0 5% 0;
	font-size: 16px;
}

@media screen and (max-width: 750px) {
	
.caution p {
	font-size: 14px;
}	
	
}


@media screen and (max-width: 800px) {

.topimg1 {
	height:224px;
	background-size:auto 100%;
	background-position:center;
}

.topimg2 {
	height:224px;
	background-size:auto 100%;
	background-position:center;
}

.topimg3 {
	height:224px;
	background-size:auto 100%;
	background-position:center;
}

.topimg4 {
	height:224px;
	background-size:auto 100%;
	background-position:center;
}

.topimg5 {
	height:224px;
	background-size:auto 100%;
	background-position:center;
}

}

.topimg1:after {padding-top:22.4%;display:block;content:"";}
.topimg2:after {padding-top:22.4%;display:block;content:"";}
.topimg3:after {padding-top:22.4%;display:block;content:"";}
.topimg4:after {padding-top:22.4%;display:block;content:"";}
.topimg5:after {padding-top:22.4%;display:block;content:"";}

.topimg1 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.topimg2 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.topimg3 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.topimg4 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.topimg5 > .inner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}

.box190 {max-width:190px; position:relative; float:left;}
.box200 {max-width:200px; position:relative; float:left;}
.box230 {max-width:230px; position:relative; float:left;}
.box270 {max-width:270px; position:relative; float:left;}
.box290 {max-width:290px; position:relative; float:left;}
.box300 {max-width:300px; position:relative; float:left;}
.box315 {max-width:315px; position:relative; float:left;}
.box320 {max-width:320px; position:relative; float:left;}
.box368 {max-width:368px; position:relative; float:left;}
.box370 {max-width:370px; position:relative; float:left;}
.box400 {max-width:400px; position:relative; float:left;}
.box430 {max-width:430px; position:relative; float:left;}
.box450 {max-width:450px; position:relative; float:left;}
.box457 {max-width:457px; position:relative; float:left;}
.box460 {max-width:460px; position:relative; float:left;}
.box500 {max-width:500px; position:relative; float:left;}
.box550 {max-width:550px; position:relative; float:left;}
.box570 {max-width:570px; position:relative; float:left;}
.box650 {max-width:650px; position:relative; float:left;}
.box950 {max-width:950px; position:relative; float:left;}

.box190 img {width:100%; height:auto; width:auto\9;}
.box200 img {width:100%; height:auto; width:auto\9;}
.box230 img {width:100%; height:auto; width:auto\9;}
.box270 img {width:100%; height:auto; width:auto\9;}
.box290 img {width:100%; height:auto; width:auto\9;}
.box300 img {width:100%; height:auto; width:auto\9;}
.box315 img {width:100%; height:auto; width:auto\9;}
.box320 img {width:100%; height:auto; width:auto\9;}
.box368 img {width:100%; height:auto; width:auto\9;}
.box370 img {width:100%; height:auto; width:auto\9;}
.box400 img {width:100%; height:auto; width:auto\9;}
.box430 img {width:100%; height:auto; width:auto\9;}
.box450 img {width:100%; height:auto; width:auto\9;}
.box457 img {width:100%; height:auto; width:auto\9;}
.box460 img {width:100%; height:auto; width:auto\9;}
.box500 img {width:100%; height:auto; width:auto\9;}
.box550 img {width:100%; height:auto; width:auto\9;}
.box570 img {width:100%; height:auto; width:auto\9;}
.box650 img {width:100%; height:auto; width:auto\9;}
.box950 img {width:100%; height:auto; width:auto\9;}

.box450 p {margin:0; font-size:18px; color:#006;}
.box500 p {margin:0; font-size:18px; color:#006;}
.box650 p {margin:0; font-size:18px; color:#006;}

.table1 {
	margin:5px 0px;
	max-width:900px;
	border-collapse:collapse;
	display:block;
	float:left;
}

.table1 th {
	padding:3px 10px;
	text-align:center;
	color:#000;
	font-weight:bold;
	border-bottom:2px solid #000;
}

.table1 td {
	padding:3px 10px;
	text-align:center;
	border-bottom:1px solid #666;
}

@media screen and (max-width: 800px) {

.table1 {
	font-size:10px;
	line-height:1.2;
}

}

.table1 td.line {
	border-bottom:2px solid #000;
}

.table1 td.topline {
	border-top:1px solid #666;
}

.table1 td.noline {
	border-bottom:none;
	text-align:left;
}

.table1 p {
	display:inline;
}

.side_title {
	width:100%;
	position:relative;
	float:left;
	margin-bottom:5px;
}

.side_title h2 {
	display:inline;
}

.board_icon1,.board_icon2 {
	line-height:1.2;
	display:table-cell;
	text-align:center;
	width:45px;
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	background:#CCC;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	box-shadow:2px 2px 3px #666;
	text-shadow:2px 2px 2px #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.board_icon1 {
	padding:20px 10px;
}

.board_icon1 p { margin:0px }

.board_icon2 {
	padding:8px 10px;
}

.board_icon2 p { margin:0px }

.joiner_illust {
	width:29%;
	margin:0px 2% 10px 2%;
	display:block;
	position:relative;
	float:left;
}

.joiner_illust img {
	max-width:100%;
}

/* ********************************************************************************
 * Form
 * ******************************************************************************** */

#form {
	max-width:600px;
}

#form font {
	color:#F03;
	font-weight:bold;
}

#form .input1 {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
	border:solid #000;
	border-width:1px;
	width:100%;
}

#form .input2 {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
	border:solid #000;
	border-width:1px;
	min-height:80px;
	width:80%;
}

#form .input3 {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
	border:solid #000;
	border-width:1px;
}

#form .input4 {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
	border:solid #000;
	border-width:1px;
	min-height:100px;
	width:100%;
}

#form .button {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
	margin:20px 0px;
}

#form .textarea1 {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
}

#form .textarea2 {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
}

#form .textarea3 {
	font-family: Arial, "メイリオ", Meiryo UI, Osaka, "ヒラギノ角ゴ Pro W3";
}

/* ********************************************************************************
 * Contact
 * ******************************************************************************** */

.check_contents {
	max-width:600px;
	}

/* ********************************************************************************
 * Error
 * ******************************************************************************** */

#error, #error table {
	margin-top:10px;
	width:100%;
	position:relative;
	float:left;
	clear:left;
}