@charset "utf-8";
/* CSS Document */

/*h1ページタイトル設定class*/
.drysauna {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../sauna/img/bner_s1.jpg) no-repeat;
}

.wetsauna {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../sauna/img/bner_s2.jpg) no-repeat;
}

.healsauna {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../sauna/img/bner_s3.jpg) no-repeat;
}

.studiosauna {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../sauna/img/bner_s4.jpg) no-repeat;
}

.pool {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../spapool/img/bner_sp1.jpg) no-repeat;
}


.spa {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../spapool/img/bner_sp2.jpg) no-repeat;
}


.roka {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../filteration/img/bner_wt.jpg) no-repeat;
}

.acces {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../accessory/img/bner_a1.jpg) no-repeat;
}

.work {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../work/img/bner_w1.jpg) no-repeat;
}

.company {
	width: auto;
	padding: 38px 0px 50px 35px;
	color: #FFF;
	font-size: 120%;
	font-weight : normal;
	background: url(../images/bner_c1.jpg) no-repeat;
}


/* -----------------------------------------------
    h2 デザイン～コンテンツメイン～下線
-------------------------------------------------- */
.box-line {
	border: solid 1px #bbb;
	margin-right: 0px;
	padding: 3px 0px 3px 15px; /* 上・右・下・左 */
	background-color: #f7f6f2;
}

.box {
	padding-left: 27px;
	border-left: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	}

.bk_sen { height: 3px; background: url(../images/home/top_bk_sen.jpg) repeat-x; } 


/* -----------------------------------------------
   レイアウトブロック
-------------------------------------------------- */

#header {
	width: 960px;
	margin: auto;
	overflow: hidden;
}

#header-wrap {
	background: #fff url(../images/home/top_bk.jpg) no-repeat center 0px;
}

#header-container {
	margin: auto;
	width: 960px;
	height: 322px;
	margin-top: 0px;
	}
	
#header-rogo {
	float: left;
	width: 564px;
	height: 75px;
	}

#header-navi {
	float: left;
	width: 395px;
	margin: 0;
		}
/* ヘッダーナビ */
	
ul.hnavi {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.hnavi li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.hnavi li img {
	display: block;
} 

.clearLeft { 
	clear: left; 
}


#main-navi{
	padding: 120px 0px 20px 0px; /* 上・右・下・左 */

}


#topic-wrap {
	float: left;
	height: 20px;
}


#contents-wrap {
	/*margin: auto;
	overflow:auto;  子ボックスの背景を表示するため 
	background-position: center; 
	background-repeat: repeat-y;
	background-image: url(../images/home/w_bk.png); */
	}
/*\*/
　* html div.parent{overflow: visible;}
/**/

#contents-body {
	width: 930px;
	margin: auto;
	padding: 26px 0px 0px 3px; /* 上・右・下・左 */
}

#sidebar {
	float: left;
	width: 240px;
}

#contents {
	float: left;
	width: 680px;
}

/***フッター2列複数行リスト***/

.icnavi {
	margin: auto;
	width: 800px;
	list-style:none;
	padding: 50px 0px 0px 100px; /* 上・右・下・左 */
}

.icnavi li{
	float: left;
	width : 33%;
	font-size: 80%;
	line-height:130%;
	margin-bottom: 3px;　/***下余白***/
}


#footer-wrap {
	clear: both;
	height: 235px;
	background-image: url(../images/home/top_bk.jpg); 
	background-position: center -90px; 
	background-repeat: no-repeat;
}

#footer-body {
	width: 960px;
	margin: auto;
	font-size: 90%;
}

.box_a { float: left; width: 300px; }
.box_b { float: left; padding: 0px 0px 0px 30px; }

.box_c { float: left; width: 335px; }
.box_d { float: left; padding: 0px 0px 0px 15px; }

ul.list_none{ list-style-type:none; }
.mgn { margin-top: 10px; }

/* -----------------------------------------------
    お問い合わせフォーム
-------------------------------------------------- */

form{
	width:400px;
	margin-left: 10px;
	background-color:rgba(32,160,179,0.1);
	/*角丸*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(PIE.htc);
	border-bottom:1px solid #eee;
}
form div{padding: 10px 30px;}

.text, textarea, .dropdown{
    border:1px solid #bbb;
    padding: 5px;
    color: #666;
    background: #fff;
    border-radius: 5px;
}

.submit{
	border:1px solid #999;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
		
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;

}




/* -----------------------------------------------
    レスポンシブ対応テーブル
-------------------------------------------------- */

/*@media only screen and (min-width: 571px) {

PC用テーブル
-------------------------------------------------- */

.tb-01{ border-top: 1px dotted #999; }

.tb-01 th,.tb-01 td{
	font-weight:normal;
	border-bottom: 1px dotted #999;
	padding: 8px;
	background-color: #FFF; 
	}

.tb-01 th{
	background: url(../images/tbg.jpg) repeat-y -160px 0;
	}

.img-waku {	border:solid 1px #ccccff; box-shadow: 0 2px 4px #ccc; padding:1px; }

/*}*/




/* スマホ Display - width:571px under - */
@media screen and (max-width: 571px) { 

/* スマホ
=======================================*/
img { width:100%;height:auto; }

/* スマホCOMMON
=======================================*/

body { width:auto;padding:3%;margin:0; }

/* #header */
#header { width:auto; }

/* #contents */
#contents-wrap { width:auto; } /* スマホは表示しないBOX */
#contents-body { width:auto; }
#contents { float: none; width:auto; } /* float: none;は必ず必要 */
#plist { display: none; } /* スマホは表示しないBOX */


/* #main*/
#main {
	float: none;
	width:auto;
}

/* #sidebar */
#sidebar{width:auto;}

/* #footer-wrap { */
#footer-wrap {display: none;} /* スマホは表示しないBOX */

ul.hnavi li img {
	width:auto;height:auto;
} 


/* スマホ用テーブル 段組みが落ちるレイアウト
-------------------------------------------------- 

.tb-01 th,.tb-01 td{
	width:auto;
	display:block;
	border: none;
	}

.tb-01 th{
	background: url(../images/home/bg.gif) ;
	}*/
/*-------------------- max-width:640px --------------------*/
}