@charset "UTF-8";

/*ブロックテンンプレート用 wcvblock.css（コンテンツ内の設定）
@import "wcvblock.css"; */
@import "table.css";

/* ------------------------------------------------------
 content.css
 （コンテンツ内項目設定用）

　目　次
	1.全体
	2.見出し
	3.段落
	4.リスト
	5.テーブル
	6.横罫線
	7.パンくずリスト
	8.作成日表示
	9.問合せ先表示
	10.「▲このページのトップに戻る」部分 (Back To Top)
	11.トップページ
	12.サイドナビ
------------------------------------------------------ */

/* ------------------------------------------------------
 1.全体
------------------------------------------------------ */
#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

header {
    height: 197px;
    position: relative;
}
header h1 {
	position: absolute;
	top: 22px;
	left: 90px;
}

img#logo {
	position: absolute;
	left: 15px;
	top: 15px;
}
#h_list {
	position: absolute;
	right: 20px;
	top: 10px;
}

#sitesearch {
	position: absolute;
/*	right: 25px;
	top: 28px;*/
	right: 70px;
	top: 40px;
	text-align: right;
}

/*
nav#g_navi {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 110px;
	width: 750px;
	box-shadow:#cccccc 2px 2px 2px;
}

nav#g_navi ul.gl_menu {
	height: 44px;
	display: block !important;
}
nav#g_navi li a {
	display: block;
	float: left;
	color: #666666;
	text-decoration: none;
	line-height: 16px;
	height: 110px;
	font-size: 12px;
	text-indent:-9999px;
	width: 125px;

}
nav#g_navi li#g_navi01 a{background-image:url(../img/g_navi01.png);}
nav#g_navi li#g_navi02 a{background-image:url(../img/g_navi02.png);}
nav#g_navi li#g_navi03 a{background-image:url(../img/g_navi03.png);}
nav#g_navi li#g_navi04 a{background-image:url(../img/g_navi04.png);}
nav#g_navi li#g_navi05 a{background-image:url(../img/g_navi05.png);}
nav#g_navi li#g_navi06 a{background-image:url(../img/g_navi06.png);}
nav#g_navi li#g_navi07 a{background-image:url(../img/g_navi07.png);}
nav#g_navi li#g_navi08 a{background-image:url(../img/g_navi08.png);}

nav#g_navi .gl_menu li a:hover {
	background-position:left -110px;
}
nav#g_navi li {
	display: inline;
}

a.menu {
	display:none;
}
nav#g_navi {
	height: 110px;
	width: 1000px;
}
nav#g_navi ul {
	height: 110px;
}
*/

#container2 {
	background:#FFF;
	margin:15px 0 15px 0;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #CCC;
}

#content {
	line-height: 1.4;
	padding: 15px 15px 5px 20px;
}

footer {
	width: 1000px;
/*	height: 120px;*/
	height: 90px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

footer li a {
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}

footer li a:hover {
	color: #999999;
}

footer li {
	font-size: 12px;
	display: inline;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

footer div {
	position: relative;
	top:60px;
}

footer #f_menu1 {
	position: absolute;
	right: 10px;
	top: 15px;
}

/* ------------------------------------------------------
 2.見出し
------------------------------------------------------ */
#content #midashi_h1 {
	border: 1px solid #999;
	background: #fff;
	padding: 1px;
	margin:0 0 10px 0;
}

#content h1 {
	clear: both;
	color: #069;
	border-left: 4px solid #026773;
	margin: 0px;
	font-weight: bold;
	background: url(../img/bottom_gradation.jpg) repeat-x left bottom;
	padding: 6px;
}


#content h2 {
	clear: both;
	font-size: 17px;
	font-weight: bold;
	margin: 20px 10px 20px 15px;
	padding: 2px 2px 2px 21px;
	line-height: 1em;
	background: url(../img/ico-h2.gif) no-repeat left center;
	border-bottom:none;
}

#content h3 {
	clear: both;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 5px 20px 5px;
	padding: 5px 8px 3px;
	border-bottom: 1px solid #AAA;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #026773;
	background-color: #FFF;
	line-height: 1.2;
}


/*　温泉用　*/
#content h1.onsen {
	clear: both;
	color: #000;
	font-size: 23px;
	font-weight: bold;
	margin: 5px 0 10px 10px;
	padding: 0 0 0 30px;
	line-height: 3;
	height: 63;
	background-image: url(../img/h1_bg.gif);
	background-repeat: no-repeat;
	border: 0;
}


#content h2.onsen {
	clear: both;
	color: #000;
	font-size: 14px;
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	font-weight: normal;
	background: none;
}


#content h3.onsen {
	clear: both;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	margin: 20px 5px 10px;
	padding: 5px 8px 3px;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #026773;
	background-color: #FFF;
	line-height: 1.2;
	background-color: #F0F7E2;
/*	border-width: 1px;
	border-style: solid;
	border-color: #83AB31;*/
	border-color: #026773;
}


#content h3.onsen a:link {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#content h3.onsen a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#content h3.onsen a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #A52A2A;
}



/* ------------------------------------------------------
 3.段落
------------------------------------------------------ */
#content p {
	margin: 0 10px 1em;
	line-height: 1.7;
}

/* ------------------------------------------------------
 4.リスト
------------------------------------------------------ */
#content ul {
	margin: 10px 10px 0 40px;
	padding: 0 0 0 1em;
	line-height: 1em;
}
#content ul li {
	margin: 0 0 0.7em 0;
	padding: 0;
	list-style: disc;
	list-style-position: outside;
}
#content ul li::marker{
	color:#046574;
}
#content ul li:last-of-type {
	margin-bottom: 0;
}
#content ol {
	margin: 10px 10px 0 50px;
	padding: 0;
	line-height: 1em;
}
#content ol li {
	margin: 0 0 5px 0;
	padding: 0;
}

/* ------------------------------------------------------
 5.テーブル
------------------------------------------------------ */
#content table {
	clear: both;
/*	margin: 10px 15px;*/
	border-collapse: collapse;
	border: 1px solid #666;
	border-spacing: 0;
	empty-cells: show;
}
#content caption {
	color: #000;
	font-size: 120%;
	text-align: center;
	padding: 5px 5px 3px;
	font-weight: bold;
}
#content th {
	color: #000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	border: 1px solid #999;
	background-color: #E5E5E5;
}
#content td {
	text-align: left;
	vertical-align: middle;
	padding: 7px;
	border: 1px solid #999;
}

/* ------------------------------------------------------
 6.横罫線
------------------------------------------------------ */
#content hr {
	margin: 15px 10px;
}

/* ------------------------------------------------------
 7.パンくずリスト
------------------------------------------------------ */
#content .crumbs {
	margin: 5px 5px 10px;
	line-height: 1.2;
}
.crumbs li{ display: inline; }
.crumbs li a{ color: inherit; }
.crumbs li + li:before{ content: ">"; margin:.5em; }

/* ------------------------------------------------------
 8.作成日表示
------------------------------------------------------ */
#content p#pagetop-makeday {
	margin: 0 5px 20px;
	padding: 7px 5px;
	line-height: 1.2;
	border-bottom: 1px solid #CCC;
}

#content p#pagetop-makeday-right {
	margin: 0 5px 20px;
	padding: 7px 5px;
	line-height: 1.2;
	border-bottom: 1px solid #CCC;
	text-align: right;
}


/* ------------------------------------------------------
 10.「▲このページのトップに戻る」部分 (Back To Top)
------------------------------------------------------ */
#content p.btt {
	clear: both;
	text-align: right;
	margin: 15px 10px 10px;
}





/* ------------------------------------------------------
 13.サイトマップ
------------------------------------------------------ */
#sitemap table {
	clear: both;
	margin: 10px 15px;
	border-style: none;
	empty-cells: show;
	width: 90%;
}


#sitemap td {
	text-align: left;
	vertical-align: top;
	padding: 7px;
	border-style: none;
	width: 50%;
}

#sitemap h1 {
	clear: both;
	color: #069;
	border-left: 4px solid #026773;
	margin: 0px;
	font-weight: bold;
	background: url(../img/bottom_gradation.jpg) repeat-x left bottom;
	padding: 6px;
}


#sitemap h3 {
/*	clear: both;
	color: #000;
	font-weight: bold;
	font-size: 15px;
	margin: 20px 5px 10px;
	padding: 5px 8px 3px;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #026773;
	background-color: #FFF;
	line-height: 1.2;
	background-color: #F0F7E2;
/*	border-width: 1px;
	border-style: solid;
	border-color: #83AB31;*/
/*	border-color: #026773;*/

	color: #000;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	border: 0px;
	margin: 0;
	padding: 4px 2px 4px 18px;
	background-image: url(../img/ico_sitemap1.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 4px 7px;
	line-height: 1.4;

}

#sitemap h3 a:link {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#sitemap h3 a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#sitemap h3 a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #A52A2A;
}


#sitemap ul {
	margin: 1px 10px 0 40px;
	padding: 0;
	line-height: 1em;
	list-style-image: url(../img/ico-sitemap2.gif);
}
#sitemap ul li {
	margin: 0;
	padding: 0;
}

#sitemap ul a:link {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#sitemap ul a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#sitemap ul a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #A52A2A;
}