@charset "utf-8";


/* =slide
----------------------------------------------- */
#slide{
	position:relative;
}
#slide .message{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:5px 10px;
	background-repeat:repeat-y;
	background-position:0 0;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
	background-image:url(../images/index/slide_message_bg.png);
}
#slide .message .line1{font-weight:bold;}
#slide .message .line2{color:#666; font-size:1.0rem;}
#slide .reform{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:5px 10px;
	background:url(../images/index/slide_reform_bg.png) 0 0 repeat;
	color:#FFF;
	text-align:center;
	font-size:1.1rem;
}
#slide .nav{
	position:relative;
	height:35px;
	background-color:#A5A5A5;
	line-height:1;
}
#slide .control{
	position:relative;
	height:18px;
}
#slide .control .next{
	position:absolute;
	right:10px;
	top:50%;
}
#slide .control .prev{
	position:absolute;
	left:10px;
	top:50%;
}
#slide .pager{
	position:absolute;
	left:10%;
	top:10px;
	width:80%;
	height:10px;
	text-align:center;
}
#slide .pager li{
	display:inline;
	padding-left:3px;
	padding-right:3px;
}


/* =carousel
----------------------------------------------- */
#example .example{
	position:relative;
	padding-bottom:10px;
}
#example .example li{
	text-align:center;
	font-size:1.0rem;
}
#example .example li span{display:block; padding-top:3px;}
#example .example .next{
	position:absolute;
	right:0;
	top:0;
}
#example .example .prev{
	position:absolute;
	left:0;
	top:0;
}


/* =main_contents
----------------------------------------------- */
/* バナー */
#banner{
	padding:20px 10px;
	background-repeat:repeat-x;
	background-position:0 0;
	-webkit-background-size:5px 10px;
	-moz-background-size:5px 10px;
	background-size:5px 10px;
	background-color:#EEE;
	background-image:url(../images/common/inner_shadow.png);
	text-align:center;
}
#banner .w300{
	margin-bottom:15px;
}

/* 施工例 */
#example .mds{
	padding:15px 10px 15px;
}
#example .content{
	padding-top:20px;
	background-repeat:repeat-x;
	background-position:0 0;
	-webkit-background-size:5px 10px;
	-moz-background-size:5px 10px;
	background-size:5px 10px;
	background-color:#FFF;
	background-image:url(../images/common/inner_shadow.png);
}
#example .link ul{
	border-top:1px #EEE solid;
}
#example .link li{
	border-bottom:1px #EEE solid;
}
#example .link li .inner{
	display:block;
	background-repeat:no-repeat;
	background-position:right center;
	-webkit-background-size:11px 18px;
	-moz-background-size:11px 18px;
	background-size:11px 18px;
	background-image:url(../images/common/icn_arrow_02_r.png);
}
#example .link li a{
	display:block;
	height:100%;
	padding:5px 10px;
}
#example .link .thumb, #example .link .txt{
	display:block;
	float:left;
}
#example .link .txt{padding-left:10px; padding-top:1px;}
#example .link .line1{display:block;}
#example .link .line2{font-size:1.0rem;}