@charset "utf-8";
/*
///////////////////////////////////////////
CSS FOR Index
Made by TRAM
/////////////////////////////////////
*/

#Subvisual {
	background:url(../images/entrance/img_sv.jpg) no-repeat 50% 0;
	background-size:cover;
	height:330px;
}


.contact-btn {
	width:768px;
	height:218px;
	margin:0 auto;
	display:block;
}
#Entrance {
	margin-bottom:45px;	
}
.bg-left {
	background:url(../images/entrance/bg_l01.png) no-repeat 0 100%;	
}
.bg-right {
	background:url(../images/entrance/bg_r01.png) no-repeat 100% 100%;
	padding-bottom:	80px;
}
.article {
	background:url(../images/entrance/bg_txt.png) no-repeat 50% 0;
	padding:54px 0 0;
	height:210px;
	text-align:center;
	margin-bottom:80px;
}
.txt {
	color:#303030;
	font-size:125%;
	margin-bottom:30px;
	line-height:30px;
}
.s-title {
	text-align:center;
}
.entrance {
	width:827px;
	margin:0 auto;
}
.inner-entrance {
	padding:10px 0 15px;
	margin:0 14px;
	border-bottom:2px  dotted #9ad6fb;
}
.inner-entrance dt {
	display:table-cell;
	height:50px;
	width:245px;
	padding-left:13px;
	vertical-align:middle;
}
.inner-entrance dd {
	display:table-cell;
	vertical-align:middle;
	color:#303030;
	font-size:134%;	
	line-height:26px;
}
.blue-article {
	background: #c2e8fe url(../images/entrance/up.png) no-repeat;
	background-size:100%;	
	padding-top:45px;
	margin-bottom:100px;
}
.bg-bottom {
	background:url(../images/entrance/down.png) no-repeat 0 100%;	
	background-size:100%;	
	padding-bottom:50px;
}
.sub-title {
	color:#303030;
	line-height:1.1;
	padding:20px 0 45px;	
	text-align:center;
}
.inner02 {
	width:800px;
	margin:0 auto 22px;	
}
.inner02 dt {
	display:table-cell;
	width:177px;
	height:160px;
	vertical-align:middle;
}
.inner02 dd {
	display:table-cell;
	height:160px;	
	vertical-align:middle;
}
.inner02 dd p{
	color:#303030;
	font-size:134%;
	line-height:26px;
	padding:20px 0 0 35px;
}
#Carport {
	margin-bottom:190px;	
}
.bg-left02 {
	background:url(../images/entrance/bg_l02.png) no-repeat 0  55px ;	
}
.bg-right02 {
	background:url(../images/entrance/bg_r02.png) no-repeat 100% 55px;	
}
.article02 {
	margin-left:95px;	
}
.article02 > img {
	float:left;	
}
.article02 .text {
	padding:75px 0 0 370px;
}
#Bathroom-door {
	
}
.bg-left03 {
	background:url(../images/entrance/bg_l03.png) no-repeat 0 65px; 	
	position:relative;
	z-index:3;
}
.bg-right03 {
	background:url(../images/entrance/bg_r03.png) no-repeat 100% 65px; 	
	position:relative;
	z-index:3;
	padding-bottom:36px;
}
#Bathroom-door .m-title {
	margin-bottom:10px;	
}
.article03 {
	background:url(../images/entrance/bg_txt02.png) no-repeat 50% 0;
	padding:55px 0 200px;
	text-align:center;	
}
.article03 .txt {
	margin-bottom:50px;	
}
.img-group img {
	width:150px;
	height:150px;
	margin:0 22px;	
}
.txt02 {
	color:#303030;
	line-height:18px;	
}
.product {
	margin-bottom:85px;	
}
.product li {
	float:left;
	width:320px;	
	text-align:center;
}
.product h5 {
	color:#303030;
	font-size:134%;
	padding:5px 0 10px;
}
.product h5 img {
	vertical-align:middle;	
}
.white-group {
	background:#fff;	
	position:relative;
	text-align:center;
	padding:100px 0 20px;
}
.white-group h5 {
	color:#303030;
	font-size:134%;
	margin-bottom:10px;	
}
.image-top {
	position:absolute;
	top:-74px;
	left:50%;
	margin-left:-80px;
}
.detail {
	padding-bottom:100px;	
}
.detail li {
	width:320px;
	float:left;
	text-align:center;	
}
.detail h5 {
	color:#303030;
	font-size:134%;
	padding:5px 0;
}
#Bathroom-door02 {
	margin-top:-36px;	
}