ul.label{
	margin:0px auto;
	padding:0px;
	text-align: center;
	list-style:none;
}
div.sub{
	width:220px;
	height:240px;
	left: 0px;
	position: relative;
	margin:7px;
	float: left;
	border: 1px solid #cccccc;		/*ボーダー色*/

}

.clear {	clear:both;}

//a.sub_link {
//	display:block;
//	margin:0px;
//	padding:0px;
//	color:#000000;
//	font-size:0.8em;
//	text-decoration:none;
//	text-align: center;
//	font-weight: bold;
//}

.sub a {
	display:block;
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:0.8em;
	text-decoration:none;
	width:100%;
	height:100%;
//	border: 1px solid #00ff00;		/*ボーダー色*/
	position:absolute;
    top:0;
    left:0;
}

.sub a:hover{    background-color:#efefef;}
.sub a span.bold:hover{  font-weight: bold;}

div.cat{
	width:800px;
	margin:0px auto;
}

.label li{
//	position:relative;
	padding-right: 15px;
	letter-spacing: 1px;	/* 文字間スペース */
	font-size:0.9em;
	float: left;
}

.label a.link {
	margin:0px;
	padding:0px;
	color:#550000;
	text-decoration:none;
	text-align: center;
}

.label a.link2 {
	margin:0px;
	padding:0px;
	color:#550000;
	text-decoration:none;
	text-align: center;
	font-weight: bold;
}

hr.style-one {/* グラデーションCSS3 */
	border: 0;
	height: 1px;
	width:800px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

/* コンテンツ少でもフッター下固定 */
html,body{height:100%;}
#container{
	position:relative;
	height:auto;
	min-height:100%;
}

*html body #container{height:100%;}

#footer2{
	position:absolute;
	width:100%;
	bottom:0;
	padding: 15px;
	background-color:#dddddd;
	color: #4E4E4E;
	min-width: 900px;
}
#footer2 a{
	white-space:nowrap;
	color: #4E4E4E;
}
#footer2 h2{
	font-size:0.8em;
	margin-top:0px;/* hクラス改行幅０ */
	margin-bottom:0px;
	font-weight:normal;/* font太さ　ノーマル */
}
.mh500{
	min-height:500px;
	height: auto !important;
	height: 500px;
}	/* コンテンツ表示高さ最低固定 IE6含む */



.comsoon{
	border:1px #9A9A9A solid;
	width:210px;
	height:130px;
	margin:0 auto;
	margin-top:1em;
}





/* ボタンデザイン */
/* General button style (reset) */
.btn_d .btnn {
	border: none;
	color: inherit;
	background: none;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s;		/*バックカラーフェードタイム*/
	-moz-transition: all 0.3s;			/*バックカラーフェードタイム*/
	transition: all 0.3s;				/*バックカラーフェードタイム*/
}
/* Filled star */
.btn_d .icon-arrow-right:before {	content: url(../common2/example/img/arrow-right2.png);}

.btn_d .icon-arrow-left:before {	content: url(../common2/example/img/arrow-left2.png);}

/* Button 4 */
.btn_d .btn-4 {
	border-radius: 20px;		/*ボーダー角を丸く*/
	border: 1px solid #333;		/*ボーダー色*/
	width:200px;
	height:40px;
}

.btn_d .btn-4 a{
    display:block;
	width:100%;
	height:100%;
	border: 0px solid #f00;		/*ボーダー色*/
}

.btn_d .btn-4:active {			/*クリック中*/
	border-color: #17954c;
	color: #17954c;
	background: #17954c;
}

.btn_d .btn-4:hover {	background: #acd598;}	/*マウスオーバー背景色*/

.btn_d .btn-4:before {				/*前に入れる*/
	position: absolute;
	-webkit-transition: all 0.3s;	/*バックカラーフェードタイム*/
	-moz-transition: all 0.3s;		/*バックカラーフェードタイム*/
	transition: all 0.3s;			/*バックカラーフェードタイム*/
}

.btn_d .btn-4:active:before {	color: #17954c;}

/* Button 4c */
.btn_d .btn-4c:before {
	left: 70%;
	opacity: 0;
	top: 3px;
}

.btn_d .btn-4c:hover:before {
	left: 80%;
	opacity: 1;
}

/* Button 4d */
.btn_d .btn-4d:before {
	left: 30%;
	opacity: 0;
	top: 3px;
}

.btn_d .btn-4d:hover:before {
	left: 10%;
	opacity: 1;
}
/* ボタンデザインEND */



.mid_cmt span{	white-space:nowrap;}

.box6{
	width:540px;
	height:160px;
	text-align:left;
	line-height:160%;
	padding:10px;
	border:1px dotted #222;
//	box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4);	/*シャドウ*/
	background: #fbf4d4;
	border-radius: 10px;
}/*施工例　説明文*/

.ls0{	list-style:none;}

.container {
	padding:2%;
	text-align:justify;
}

.container .mix,
.container .gap {
	display:inline-block;
	width:49%;
}

#container .mix {
	display:none;
}