@charset "Shift_JIS";

/*土湯宝生園のサイトで使用されるCSS*/
/*各場所ごとの区切り線はほとんどCSSで制御しています*/

hr {
	color: #996633;
	height: 1px;
	width: 98%;
}

h1 {
	font-size: larger;
	font-weight: bold;
	color: #592C00;
	margin: 20px 0px;
	padding: 0px;
}

/*枠内でh1タグを使う（アクセスマップの下等）*/
h1.waku {
	margin: 0px;
	padding: 0px;
	color: #592C00;
	font-size: medium;
	font-weight: bold;
}

h2 {
	font-size: medium;
	font-weight: bold;
	color: #996633;
	margin: 20px 0px 10px;
	padding: 0px;
}
h3 {
	font-size: medium;
	font-weight: normal;
	color: #666666;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h4 {
	color: #666666;
	margin: 0px 0px 5px;
	padding: 0px;
	font-weight: normal;
	font-size: medium;
}

/*サイドバー*/
#sidebar {
	background-color: #dcb78d;
}

#sidemenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
}
#sidemenu il,#sidemenu a {
	display: block;
}

#sidemenu a {
	background-image: url(img/btn_sidebar.jpg);
}

#menu01 a {
	background-position: 0px 0px;
	height: 50px;
	width: 169px;
}
#menu02 a {
	background-position: 0px -50px;
	height: 35px;
	width: 169px;
}
#menu03 {
	background-position: 0px -85px;
	height: 35px;
	width: 169px;
	background-image: url(img/btn_sidebar.jpg);
}
#menu04 a {
	background-position: 0px -120px;
	height: 40px;
	width: 169px;
}
#menu05 a {
	background-position: 0px -160px;
	height: 40px;
	width: 169px;
}
#menu06 a {
	background-position: 0px -200px;
	height: 40px;
	width: 169px;
}
#menu07 a {
	background-position: 0px -240px;
	height: 40px;
	width: 169px;
}
#menu08 a {
	background-position: 0px -280px;
	height: 40px;
	width: 169px;
}
#menu09 a {
	background-position: 0px -320px;
	height: 35px;
	width: 169px;
}
#menu10 a {
	background-position: 0px -355px;
	height: 35px;
	width: 169px;
}
#menu11 a {
	background-position: 0px -390px;
	height: 35px;
	width: 169px;
}
#menu12 a {
	background-position: 0px -425px;
	height: 35px;
	width: 169px;
}
#menu13 a {
	background-position: 0px -460px;
	height: 36px;
	width: 169px;
}


#menu01 a:hover {
	background-position: -171px 0px;
	height: 50px;
	width: 169px;
}
#menu02 a:hover {
	background-position: -171px -50px;
	height: 35px;
	width: 169px;
}

/*#menu03はリンクを張っていないためhoverは無し*/

#menu04 a:hover {
	background-position: -171px -120px;
	height: 40px;
	width: 169px;
}
#menu05 a:hover {
	background-position: -171px -160px;
	height: 40px;
	width: 169px;
}
#menu06 a:hover {
	background-position: -171px -200px;
	height: 40px;
	width: 169px;
}
#menu07 a:hover {
	background-position: -171px -240px;
	height: 40px;
	width: 169px;
}
#menu08 a:hover {
	background-position: -171px -280px;
	height: 40px;
	width: 169px;
}
#menu09 a:hover {
	background-position: -171px -320px;
	height: 35px;
	width: 169px;
}
#menu10 a:hover {
	background-position: -171px -355px;
	height: 35px;
	width: 169px;
}
#menu11 a:hover {
	background-position: -171px -390px;
	??height: 35px;
	width: 169px;
}
#menu12 a:hover {
	background-position: -171px -425px;
	height: 35px;
	width: 169px;
}
#menu13 a:hover {
	background-position: -171px -460px;
	height: 36px;
	width: 169px;
}

/*施設毎のメニュー（トップページ上部）*/
#mainmenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
	font-size: 1px;
}
#mainmenu em {
	display: block;
	padding: 0px;
	margin: 0px;
}

#mainmenu a {
	display: block;
	float: left;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(img/btn_mainmenu.gif);
}
#m-menu01 a {
	background-position: 0px 0px;
	height: 100px;
	width: 105px;
}
#m-menu02 a {
	background-position: -105px 0px;
	height: 100px;
	width: 106px;
}
#m-menu03 a {
	background-position: -211px 0px;
	height: 100px;
	width: 106px;
}
#m-menu04 a {
	background-position: -317px 0px;
	width: 106px;
	height: 100px;
}
#m-menu05 a {
	background-position: -423px 0px;
	height: 100px;
	width: 105px;
}
#m-menu06 a {
	background-position: -529px 0px;
	height: 100px;
	width: 102px;
}

#m-menu01 a:hover {
	background-position: 0px -101px;
	height: 100px;
	width: 105px;
}
#m-menu02 a:hover {
	background-position: -105px -101px;
	height: 100px;
	width: 106px;
}
#m-menu03 a:hover {
	background-position: -211px -101px;
	height: 100px;
	width: 106px;
}
#m-menu04 a:hover {
	background-position: -317px -101px;
	height: 100px;
	width: 106px;
}
#m-menu05 a:hover {
	background-position: -423px -101px;
	height: 100px;
	width: 105px;
}
#m-menu06 a:hover {
	background-position: -529px -101px;
	height: 100px;
	width: 102px;
}

/*施設毎のメニュー（内部ページ上部）*/
#inmenu {
	margin: 0px 0px 30px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
	font-size: 1px;
	height: 28px;
}
#inmenu em {
	display: block;
	padding: 0px;
	margin: 0px;
}

#inmenu a {
	display: block;
	float: left;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(img/btn_inmenu.gif);
}
#i-menu01 a {
	background-position: 0px 0px;
	height: 28px;
	width: 105px;
}
#i-menu02 a {
	background-position: -105px 0px;
	height: 28px;
	width: 106px;
}
#i-menu03 a {
	background-position: -211px 0px;
	height: 28px;
	width: 106px;
}
#i-menu04 a {
	background-position: -317px 0px;
	width: 106px;
	height: 28px;
}
#i-menu05 a {
	background-position: -423px 0px;
	height: 28px;
	width: 105px;
	background-position: -423px 0px;
}
#i-menu06 a {
	background-position: -529px 0px;
	height: 28px;
	width: 101px;
}

#i-menu01 a:hover {
	background-position: 0px -31px;
	height: 28px;
	width: 105px;
}
#i-menu02 a:hover {
	background-position: -105px -31px;
	height: 28px;
	width: 106px;
}
#i-menu03 a:hover {
	background-position: -211px -31px;
	height: 28px;
	width: 106px;
}
#i-menu04 a:hover {
	background-position: -317px -31px;
	height: 28px;
	width: 106px;
}
#i-menu05 a:hover {
	background-position: -423px -31px;
	height: 28px;
	width: 105px;
}
#i-menu06 a:hover {
	background-position: -529px -31px;
	height: 28px;
	width: 101px;
}

/*トップページのイメージ*/
#img-top {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/*トップページスタッフコラム*/
#column {
	margin: 20px 30px;
}
#column ul {
	list-style-position: outside;
	list-style-image: url(img/mark_arw.gif);
}
#column li {
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


/*トップページスタッフコラム｜画像表示*/
#column_imagearea{text-align:left;margin: 0px;width: 500px;}
#column_image1{width:242px;font-size: small;font-weight: normal;color: #666666;text-align: center;padding-top: 5px;float:left;}
#column_image2{width:242px;font-size: small;font-weight: normal;color: #666666;text-align: center;padding-top: 5px;float:right;}
.column_image{margin-bottom: 5px;border: 1px solid #CCCCCC;}
.column_comment{font-weight: normal;color: #666666;}


/*過去ログボタン*/
.past {
	height: 20px;
	width: 115px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 455px;
}
.past a {
	background-image: url(img/btn_past.gif);
	background-position: 0px 0px;
	display: block;
	height: 20px;
	width: 115px;
	text-indent: -9999px;
}
.past a:hover {
	background-position: 0px -25px;
}


/*内部ページのヘッダ（イメージ）*/
#head-img {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


/*枠で囲む部分*/
table.waku {
	border: 1px solid #999999;
	margin: 0px;
	padding: 0px;
}
th.waku {
	background-image: url(img/back_waku.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: none;
	padding: 6px;
	margin: 0px;
}
td.waku {
	margin: 0px;
	padding: 6px;
	vertical-align: top;
}
h2.waku {
	margin: 0px;
	padding: 0px;
}

/*点線枠付きテーブル（TDタグに点線。）*/
table.dot {
	margin: 0px;
	padding: 0px;
}

td.dot {
	margin: 0px;
	padding: 6px;
	border: 1px dotted #592C00;
	width: 280px;
	background-color: #FBF3EB;
	vertical-align: top;
}