@charset "utf-8";
/* CSS Document */
#container {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 930px;
	height: 100%;
	background-image: url(../images/container_background.gif);
	background-repeat: repeat-y;
}
#container:after {
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
	color: #FFFFFF;
	content: ".";
	display: block;
	height: 1px;
	clear: both;
}
#content {
	border-left: 1px solid #656565;
	border-right: 1px solid #656565;
	background-color:#FFFFFF;
	width: 930px;
}	
#header {
	height: 56px;
	width:930px;
}
#header ul {
	list-style: none;
}
#header ul li {
	background-repeat: no-repeat;
	font-size: 12px;
	display: block;
	width: 103px;
	height: 56px;
	float: left;
}
#header ul li a {
	display: block;
	width: 103px;
	height: 56px;
}
#header ul li a:hover {
	background-color: #000000;
}
#header ul li img {
	height: 56px;
	display: block;
}
#header ul li a:hover img {
	visibility: hidden;
}

#header ul li#homeH a {
	background-image:url(../top/images/top_header_over_01.gif);
}

#header ul li#homeHon a {
	background-image:url(../top/images/top_header_on_01.gif);
}

#header ul li#traditionH a {
	background-image: url(../top/images/top_header_over_02.gif);
}
#header ul li#traditionHon a {
	background-image: url(../top/images/top_header_on_02.gif);
}
#header ul li#guestroomH a {
	background-image: url(../top/images/top_header_over_03.gif);
}
#header ul li#guestroomHon a {
	background-image: url(../top/images/top_header_on_03.gif);
}
#header ul li#diningH a {
	background-image: url(../top/images/top_header_over_04.gif);
}
#header ul li#diningHon a {
	background-image: url(../top/images/top_header_on_04.gif);
}
#header ul li#hotspringH a {
	background-image: url(../top/images/top_header_over_05.gif);
}
#header ul li#facilitiesH a {
	background-image: url(../top/images/top_header_over_06.gif);
}
#header ul li#facilitiesHon a {
	background-image: url(../top/images/top_header_on_06.gif);
}
#header ul li#accessH a {
	background-image: url(../top/images/top_header_over_07.gif);
}
header ul li#accessHon a {
	background-image: url(../top/images/top_header_on_07.gif);
}
#header ul li#reservationH {
	width: 103px;
}
#header ul li#reservationH a {
	background-image: url(../top/images/top_header_over_08.gif);
	width: 103px;
}
#header ul li#reservationHon {
	width: 103px;
}
#header ul li#reservationHon a {
	background-image: url(../top/images/top_header_on_08.gif);
	width: 103px;
}
#header ul li#shopH a{
	background-image: url(../top/images/top_header_over_09.gif);
	width: 103px;
}

#header ul li#shopHon a {
	background-image: url(../top/images/top_header_on_09.gif);
	width: 103px;
}



#main ul.categoryNavigation {
	margin: 0px 0px 0px 33px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	list-style: none;
}
#main ul.categoryNavigation li {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-repeat: no-repeat;
	display: block;
	float: left;
}
#main ul.categoryNavigation li a {
	display: block;
}
#main ul.categoryNavigation li a:hover {
	background-color: #ffffff;
}
#main ul.categoryNavigation li img {
	display: block;
}
#main ul.categoryNavigation li a:hover img {
	visibility: hidden;
}
#main #top {
	background-repeat: no-repeat;
	/*height: 150px;*/
	clear: both;
}
#main #top h1 {
	margin: 0px;
	clear: both;
}
#main #top h1 img {
	padding-top: 29px;
	padding-left: 33px;
}





#main h2 {
	margin: 30px 0px 0px 45px;
}
#main #mainText p {
	line-height: 140%;
}
#main p.mainImage {
	margin-top: 30px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
#main p.mainImage img {
	margin: 2px 0px 2px 0px;
}
#main #mainText {
	margin-left: 45px;
	width: 630px;
}





#footer {
	margin-top: 40px;
	clear: both;
}
#footer ul {
	list-style: none;
	height: 48px;
}
#footer ul li {
	background-repeat: no-repeat;
	font-size: 12px;
	display: block;
	width: 180px;
	height: 48px;
	float: left;
}
#footer ul li a {
	display: block;
	width: 180px;
	height: 48px;
}
#footer ul li a:hover {
	background-color: #000000;
	display: block;
}
#footer ul li img {
	height: 48px;
	display: block;
}
#footer ul li a:hover img {
	visibility: hidden;
}
#footer ul li#traditionF a {
	background-image: url(../images/footer_policy_over.gif);
}
#footer ul li#guestroomF a {
	background-image: url(../images/footer_world-coal_over.gif);
}
#footer ul li#guestroomFon a {
	background-image: url(../images/footer_Enriching-lives_on.gif);
}
#footer ul li#diningF a {
	background-image: url(../images/footer_Enriching-lives_on.gif);
}
#footer ul li#diningFon a {
	background-image: url(../images/footer_Enriching-lives_on.gif);
}
#footer ul li#hotspringF a {
	background-image: url(../images/footer_Coal-ceremony-over.gif);
}
#footer ul.submenu {
	float:left;
	height: 24px;
}
#footer ul.submenu li {
	width: 83px;
	height: 24px;
}
#footer ul.submenu li a {
	width: 83px;
	height: 24px;
	display: block;
}
#footer ul.submenu li a:hover {
	background-color: #000000;
}
#footer ul.submenu li img {
	height: 24px;
}
#footer ul.submenu li a:hover img {
	height: 24px;
}
#footer ul.submenu li#homeF {
	width: 75px;
}
#footer ul.submenu li#homeF a {
	background-image: url(../images/footer_home-over.gif);
	width: 75px;
}
#footer ul.submenu li#shopF {
	width: 83px;
}
#footer ul li#shopF a {
	background-image: url(../images/footer_shichi-pottery-over.gif);
	width:83px;
}
#footer ul.submenu li#accessF a {
	width:83px;
}
#footer ul.submenu li#accessF a {
	background-image: url(../images/footer_accsess-over.gif);
	width:83px;
}
#footer ul li#linksF {
	width: 100px;
}
#footer ul li#linksF a {
	background-image: url(../images/footer_links-over.gif);
	width: 100px;
}
#footer ul li#sitemapF {
	width: 98px;
}
#footer ul li#sitemapF a {
	background-image: url(../images/footer_sitemap-over.gif);
	width: 98px;
}
#footer ul li#aboutF {
	width: 83px;
}
#footer ul li#aboutF a {
	background-image: url(../images/footer_about-over.gif);
	width: 83px;
}
#footer ul li#inquiryF {
	width: 98px;
}
#footer ul li#inquiryF a {
	background-image: url(../images/footer_otoiawase-over.gif);
	width: 98px;
}

#footer ul.submenu2 {
	float:right;
	height: 10px;
	margin-top: 13px;
}
#footer ul.submenu2 li {
	width: 235px;
	height: 10px;
}
#footer ul.submenu2 li a {
	width: 235px;
	height: 10px;
	display: block;
}
#footer ul.submenu2 li a:hover {
	background-color: #000000;
}
#footer ul.submenu2 li img {
	height: 10px;
}
#footer ul.submenu2 li a:hover img {
	height: 104px;
}
#footer ul li#copy a {
	background-image: url(../images/index/top_copy2.gif);
	width: 235px;
}
#subContent {
	background-color:#FFFFFF;
	background-image: url(../images/shichifukutan_symbol.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 170px;
	float: right;
}	
#subContent p {
	margin-top: 30px;
	text-align: center;
}
#subContent p img {
	padding: 20px;
}
#subContent ul {
	list-style: none;
	margin: 295px 0px 0px 20px;
}
#subContent ul li {
	background-repeat: no-repeat;
	font-size: 12px;
	width: 129px;
	height: 11px;
	display: block;
}
#subContent ul li a {
	display: block;
	width: 129px;
	height: 11px;
}
#subContent ul li a:hover {
	background-color: #ffffff;
	display: block;
}
#subContent ul li a:hover img {
	width: 129px;
	visibility: hidden;
	display: block;
}
#subContent ul li#gentei {
	height: 28px;
}
#subContent ul li#gentei a {
	background-image: url(../images/sub_gentei-over.gif);
	height: 28px;
}
#subContent ul li#genteiOn {
	height: 28px;
}
#subContent ul li#genteiOn a {
	background-image: url(../images/sub_gentei-over.gif);
	height: 28px;
}
#subContent ul li#privacy {
	margin-top: 10px;
}
#subContent ul li#privacy a {
	background-image: url(../images/sub_privacy-over.gif);
}
#subContent ul li#privacyOn {
	margin-top: 10px;
	height: 11px;
}
#subContent ul li#privacyOn a {
	background-image: url(../images/sub_privacy-over.gif);
	height: 11px;
}
#subContent ul li#privacy1 {
	margin-top: 10px;
}
#subContent ul li#privacy1 a {
	background-image: url(../images/sub_air-over.gif);
}
#subContent ul li#privacy1On {
	margin-top: 10px;
	height: 11px;
}
#subContent ul li#privacy1On a {
	background-image: url(../images/sub_air-over.gif);
	height: 11px;
}
#subContent ul li#tel {
	margin-top: 30px;
	height: 29px;
}
#subContent ul li#copyright {
	margin-top: 30px;
	height: 36px;
}