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

@charset "utf-8";

/* --------------------------------------------
	CSS Reset
-------------------------------------------- */
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td
{margin: 0;padding: 0;}
input, textarea{margin: 0;font-size: 100%;}
label {cursor: pointer;}
table{font-size: 100%;}
fieldset, img{ border: 0;}
address, caption, cite, code, dfn, em, th, var{font-style: normal;font-weight: normal;}
ol, ul{list-style: none;}
caption,th {text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}

.clear{ clear:both; clear:left; clear:right;}
.clearleft{clear:left;}

a{ text-decoration:none;color:#900}
a:hover{text-decoration:underline; }
.center{ text-align:center;}

/* --------------------------------------------
	CSS 記述start
-------------------------------------------- */
#home{ font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#42210b; font-size:1em; line-height:1.5em; background:url(../images/common_bg_home.gif) repeat top center;}
#wrapper{ width:900px; margin:0 auto; padding:15px 30px; background:url(../images/common_wrapper_bg.jpg) no-repeat top center #efd9b6; overflow:hidden;}

h1{ width:240px; height:164px; background:url(../images/common_header_logo.png) no-repeat; display:block;text-indent: -9999px; float:left; margin:0 0 0 0;}/*サイトロゴ*/
h1 a{width:240px; height:164px;display:block;}
h2{}/*サブタイトル*/
h3{background:url(../images/mainarea_icon.png) no-repeat left; padding:10px 0 10px 40px; color:#906; margin:5px 0; font-size:1.2em;}/*サブ見出し*/
h4{ background:url(../images/sub_icon.png) no-repeat left; padding:0 0 0 30px; color:#906; margin:5px 0;}/*サイドバー見出し*/
h5{}

hr{border: none;
color: #906;
background-color: #906;
height:1px;}

p.totop{ text-align:right; margin:10px 0 0 0; font-size:0.9em}
.point1{ color:#C00}
.point2{color:#06C}


#head{ margin:0 0 20px 0;}
p.description{ color:#C36; float:right; font-size:0.95em; text-align:right; font-weight:bold; line-height:1.5em; margin:30px 0 10px 0; height:60px; width:560px; overflow:hidden;}

ul#gNav{ height:45px;}
ul#gNav li{ float:left; margin:0 5px 0 0;}

div.mainvisual{ margin:0 0 20px 0;}

div#main{width:670px; float:left;}

div#index-only{}

div#contents{background:#f7f1eb;}
div#contents-inner{padding:20px 25px 30px 25px;}

section.event{background-color: #fff;margin: 20px 0;padding:14px 20px 20px 20px; overflow: hidden;}
section.event h3{margin-bottom: 10px;font-weight:bold;}
/*section.event img{float: left;}*/
/*section.event div.inner{float:left; width:300px; margin: 0 0 0 20px;}*/
section.event div.inner h4{background-image:none; background-color: #EEEFDA;display: block; padding: 5px 5px 3px 10px;border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */ font-weight: bold; border-left: 10px solid #BF4545; margin-bottom: 10px;}
section.event div.inner dl.program{}
section.event div.inner dl.program dt{ display: block; border-bottom: 1px dashed #DBB2B2;font-size: 0.9em;color:#906 }
section.event div.inner dl.program dd{display: block;}

section.event p.text{margin:20px 0;}

table.inner-list{ border-collapse: collapse; background:#FFF; font-size:0.9em; width:100%;border: solid 1px #f7f1eb; border-collapse: collapse; margin:10px 0 0 0;}
table.inner-list th{border: solid 1px #f7f1eb; background:#F8ECEC; padding:10px; text-align:center; border-left:5px solid #936; width:50%;}
table.inner-list td{border: solid 1px #f7f1eb;padding:5px; text-align:center;}

dl.info { padding:12px 0 12px 90px; background: url(../images/info_bg.jpg) no-repeat left #FFF; margin:20px 0; font-size:0.9em; height:96px;}
dl.info dt{ float:left; margin:0 20px 0 0;}
dl.info dd{}
dl.info dd a{ color:#039}

table.list ,table.attention{border: solid 1px #efd9b6; border-collapse: collapse; background:#FFF; font-size:0.9em; width:100%;}
table.list th.title ,table.attention th.title{ background: url(../images/list_bg.gif);}
table.list th ,table.attention th{border: solid 1px #efd9b6; background:#F8ECEC; padding:10px; text-align:center;}
table.list td ,table.attention td{border: solid 1px #efd9b6;padding:5px; text-align:center;}

div#sub{ width:200px;float:right}
div#sub p{ font-size:0.8em; line-height:1.2em;}

dl.hours{
	margin-bottom: 10px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 5px;
	background: url(../images/hours_bg.gif);
}
dl.hours dt{
	width: 50px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
dl.hours dt.holiday{
	color: #c1272d;
}
dl.hours dt.size_s{
	font-size: 11px;
}
dl.hours dd{
	width: 130px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
dl.hours dd.size_s{
	font-size: 15px;
}

ul.attention{font-size:0.8em; line-height:1.2em;}
ul.attention li{ border-bottom:#960 dashed 1px; padding:8px 0;}


/* footer */
div#footer{ width:900px; margin:0 auto; background-color:#563e3a; color:#FFF; padding:30px; overflow:hidden;}

div#footer img{ float:left;}

div#fotter-inner-right{ width:590px;float:right; height:200px; overflow:hidden;}

div#fotter-inner-right ul{ padding:10px 0 10px 0; overflow:hidden;}
div#fotter-inner-right li{float:left; font-weight:bold; font-size:0.8em; margin:0 20px 0 0; text-align:right;}
div#fotter-inner-right li a{color:#FFF}
div#fotter-inner-right li a:hover{}

div#fotter-inner-right p.access{  font-size:0.75em; line-height:1.6em; border-top:#960 1px dotted; padding:15px 0 0 0;}




/* お風呂紹介 */
table.ofuro{}
table.ofuro th{border: solid 5px #f7f1eb; color:#906; font-weight:bold; text-align:center;line-height:1.2em;}
table.ofuro td{border: solid 5px #f7f1eb; font-size:0.85em; line-height:1.4em;}

/* おかってやさん */
table.okatteyasan{}
table.okatteyasan th{border: solid 5px #f7f1eb; color:#906; font-weight:bold; text-align:center;line-height:1.2em;}
table.okatteyasan td{border: solid 5px #f7f1eb; font-size:0.85em; line-height:1.4em;}

p#okatteyasan_menu{width: 620px; height: 1600px; background: url(../images/menu-250919.png) no-repeat left #FFF; text-indent: -9999px; margin: 20px 0 0 0}

/* お問い合わせ */
table.form{ border-collapse: collapse; background:#FFF; font-size:0.9em; width:100%;border: solid 1px #f7f1eb; border-collapse: collapse; margin:10px 0 0 0;}
table.form th{border: solid 1px #f7f1eb; background:#F8ECEC; padding:10px; text-align:center; border-left:5px solid #936; width:50%;}
table.form td{border: solid 1px #f7f1eb;padding:5px; }

div.pp{ height:200px; overflow:auto; font-size:0.9em}
