@charset "utf-8";
/* CSS Document */
/* RESET & SETTING
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
	/* FOR IE8 */
}

html,
body {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 100%;
}
a { color: inherit; text-decoration: underline; }
br { letter-spacing: normal; }
img { vertical-align: top; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/**/

.fl { float: left; }
.fr { float: right; }
.bgW { background: #fff!important; }
.bgRB { background: #7098c3!important; color: #fff!important;}
.bgRRB { background: #a9bfd7!important; }
.cb { clear: both; }

.taC { text-align: center;}
.taL { text-align: left;}
.taR { text-align: right;}

/* ----------------------- */

.bold { font-weight: bold!important;}
.fontRed { color: #ed3635!important; }
.fontS { font-size:12px;}
.fontL { font-size: 16px!important;}

p { font-size: 13px; line-height: 1.6em; letter-spacing :0.05em;color:#43190e;}

.mat9 { margin-top: 9px;}
.mat10 { margin-top: 10px;}
.mat14 { margin-top: 14px;}
.mat20 { margin-top: 20px;}
.mat25 { margin-top: 25px;}
.mat30{ margin-top: 30px;}
.mat40 { margin-top: 40px;}
.mat45{ margin-top: 45px;}
.mat50{ margin-top: 50px;}
.mat56{ margin-top: 56px;}
.mat431 { margin-top: 431px;}
.mar10{ margin-right: 10px;}
.mar13 { margin-right: 13px;}
.mar20 { margin-right: 20px;}
.mar21 { margin-right: 21px;}
.mar22 { margin-right: 22px;}
.mar30 { margin-right: 30px;}
.mar40 { margin-right: 40px;}
.mar55 { margin-right: 55px;}
.mar70 { margin-right: 70px;}
.mal5 { margin-left: 5px !important;}
.mal10 { margin-left: 10px !important;}
.mal20 { margin-left: 20px !important;}
.mal25 { margin-left: 25px !important;}
.mal50 { margin-left: 50px !important;}
.mal80 { margin-left: 80px !important;}
.mal165 { margin-left: 165px;}
.mab5 { margin-bottom: 5px;}
.mab7 { margin-bottom: 7px;}
.mab10{ margin-bottom: 10px;}
.mab11{ margin-bottom: 11px;}
.mab13 { margin-bottom: 13px;}
.amb14 { margin-bottom: 14px;}
.mab15 { margin-bottom: 15px;}
.mab16 { margin-bottom: 16px;}
.mab20 { margin-bottom: 20px !important;}
.mab25 { margin-bottom: 25px;}
.mab30 { margin-bottom: 30px;}
.mab40 { margin-bottom: 40px;}
.mab42 { margin-bottom: 42px;}
.mab50 { margin-bottom: 50px;}
.mab55 { margin-bottom: 50px;}
.pat46 { padding-top: 46px;}
.pat40 { padding-top: 40px;}
.pat50 { padding-top: 50px;}
.par20 { padding-right: 20px;}
.pal6 { margin-left: 6px;}
.pal10 { margin-left: 10px !important;}
.pal20 { margin-left: 20px !important;}
.pad20 { padding: 20px;}

.tile_line_two { margin-bottom:30px; margin-top:30px;}
.tile_line_three {margin-top:20px;margin-bottom:40px;}
/* ----------------------- */

#wrapArea {
	margin:0 auto;
	background:#f6f6ef;
	position:relative;
	}
	
#slide {
	width:1140px;
	height:306px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#slide img {
	position:absolute;
	left:0;
	top:0;
}

#index #mainArea {
	margin: 0 auto;
	width:980px;
	position: relative;
	top:-171px;
	z-index:100;
	}

#thisweeks { }
#thisweeks #mainArea {
	margin: 0 auto;
	width:980px;
padding-top:20px;	}

#index header {
	position: relative;
	height:171px;
	}

#index header h1 {
	position: absolute;
	bottom:20px;
	left:210px;
	letter-spacing :0.2em;
	line-height:1.2em;
	color:#43190e;
	}
	
#index header .re-air {
	position: absolute;
	bottom:0;
	left:210px;
	letter-spacing :0.15em;
	line-height:1.2em;
	color:#43190e;
	font-size:13px;
	}

.tvk {
	position:absolute;
	top:-124px;
	left:0;}
/* -----------------------thisweeks */
#thisweeks header h1 {
	letter-spacing :0.2em;
	line-height:1.2em;
	color:#43190e;
	font-size:13px;
	margin:15px 5px 0 5px;
	}
	
#thisweeks header .re-air {
	letter-spacing :0.15em;
	line-height:1.2em;
	color:#43190e;
	font-size:12px;
	margin:0 5px 20px 5px;
	}

#thisweeks header h2 {
	padding-bottom:20px;
	}

/*トグルになるメニューの初期のデザイン*/
dl dt { background:url("../images/toggle_down.png") right center no-repeat #bfdde7; padding:10px; letter-spacing:0.2em;}

/*トグルになるメニューがアクティブ時のデザイン*/
dl dt.active { background:url("../images/toggle_up.png") right center no-repeat #bfdde7; padding:10px;}

/*表示切り替えしたい要素は最初は非表示にしておく*/
dl dd { display:none; padding:10px; background:#dfeef3; }
dl dd ul { width:49%;}
dl dd ul li { margin-bottom:10px; border-bottom:3px dotted #fff; padding-bottom:10px; padding-left:5px;}


#btn_noren {
	position:absolute;
	top:0;
	right:0;
	}

#mainNav {
	width:184px;
	height:225px;
	background:url(../images/grain_line_nav.gif) top left repeat-x #fff;
	padding:15px 8px 0;
	}

#mainNav ul li {
	float:left;
	padding-top:15px;
	background:url(../images/icon.gif) center 0 no-repeat;
	}

#contentsArea {
	width:740px;
	background:url(../images/grain_line.gif) top left no-repeat #fff !important;
}
	
#IncontentsArea {
	padding:10px 20px !important;}

#index h2 {
	background:url(../images/icon.gif) left top no-repeat;
	padding-left:27px;
	margin-bottom:20px;}
	
#news {
	width:330px;}	

#trailer {
	width:330px;}

#mc .fr {
	width:495px;}

#bathNav {
	margin:20px 0 40px 0 !important;
	}

#bathNav ul li{
	float:left;
	margin-right:20px;
	text-align:center;
	display:block;	
	}
	
#bathNav ul li a{ color:#43190e;text-decoration: none; display: block;	background:#bfdde7;	padding:15px;width:94px; }
#bathNav ul li a:hover {filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*FF*/ opacity:0.70;display:block; background:#d2e7ed;padding:15px;width:94px;}

#bathNav ul li:last-child {
	margin-right:0 !important;	
	}

#bathNav2 {
	margin:20px 0 0 0 !important;
	}

#bathNav2 ul li{
	display:block;
	margin-bottom:10px;
	}
#bathNav2 ul li:last-child{
	margin-bottom:0;}
	
#bathNav2 ul li:nth-child(2n+1){ color:#43190e;text-decoration: none; display: block; background:url(../images/icon_onsen2.png) left center no-repeat #d9ebf1; padding:10px 0 10px 60px;}
#bathNav2 ul li:nth-child(2n+0){ color:#43190e;text-decoration: none; display: block; background:url(../images/icon_onsen3.png) left center no-repeat #ecf5f8; padding:10px 0 10px 60px;}
#bathNav2 ul li a:hover {filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*FF*/ opacity:0.70;display:block;}

#slidetoggle_menu ul li a:hover {filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*FF*/ opacity:0.70;display:block;}

.bathBox .fl{
	width:295px;
	}

.bathBox .fr{
	width:386px;
	}

.bathBox .number {
	padding:5px 17px;
	background:#bfdde7;
	margin-right:10px;
	font-size:13px;
	}	
		
a,a:link,a:hover,a:visited { color:#6a9bb4;text-decoration: none; }
a {display: block;}

.mail a:hover {filter:alpha(opacity=80); /*IE*/ -moz-opacity:0.80; /*FF*/ opacity:0.80;}
	
p.gotop{
    position: fixed;
    right: 5%;
	bottom: 0;
	z-index:100;
}

p.gotop a{
    width: 146px;
    height: 100px;
    display: block;
}
/* ------ layout ------ */

#thisweeks footer{
	margin-top:130px;
	}

footer {
	height:300px;
	padding-top:30px;
	text-align:center;
	background:url(../images/footer_bg.gif) bottom left repeat ;
	color:#fff;}

#footer p {
	color:#fff;
	font-family: "メイリオ",
	"ＭＳ Ｐゴシック",
	"ヒラギノ明朝 ProN W3",
	"HiraMinProN-W3",
	"HG明朝E",
	"MS PMincho",
	"MS 明朝",
	serif;
	}
	
#footNav ul {
	width:280px;
	margin:0 auto 10px;
	}

#footNav ul li {
	float:left;
	}

/* -------------------------------------------------- Clearfixes */

/* clearfix */

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size: 0;	
  clear: both; 
  visibility: hidden;
}
	
.clearfix{ display: inline-block; } 

/* Hides from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Hack */ 


@media screen and (max-width: 1480px) { .rpOr { width: 980px; } }
@media screen and (max-width: 1040px) { #logo span { display: none; } }
@media screen and (max-width: 980px) { .rpOr { width: 768px; } #logo span { display: none; } }
@media screen and (max-width: 768px) {

#wrapArea {
	width:100%;
	margin:0 auto;
	background:#f6f6ef;
	position:relative;
	}
	
#slide {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:0;
}

}

@media screen and (max-width: 480px) {
	body {	width:100%;}
}