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

/* 初期設定
------------------------------------------------------------------- */
body {
	background-image: url(../images/body_base.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	font-size: 80%;
	line-height: 1.6;
}
h1 h2 h3 h4 h5 h6 {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border: none;
}

A:link {
	color:#336699;
	text-decoration: underline;
} 
A:visited {
	color: #4E006A;
	text-decoration: underline;
}
A:hover {
	color:#FF004E;
	text-decoration: underline;
}
#container:after, #header:after, #contents:after, #navi:after, #footer:after, .floor-ex:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container, #header, #contents, #navi, #footer, .floor-ex {
	display: inline-table;
}
/* Hides from IE-mac ?*/
*html #container, #header, #contents, #navi, #footer, .floor-ex {height: 1%;}
#container, #header, #contents, #navi, #footer, .floor-ex {display: block;}
/* End hide from IE-mac */

/* base
------------------------------------------------------------------- */
.p-none {
	background-image: url(../images/container_base_bottom.gif);
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 766px;
}
#container {
	background-image: url(../images/container_base_top.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	width: 750px;
	text-align: left;
}

/* header
------------------------------------------------------------------- */
#header {
	background-image: url(../images/header_base.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 70px;
}
#header h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}
#header h1 a {
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	display: block;
	width: 360px;
	height: 65px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#header ul {
	margin: 44px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: right;
}
#header li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#header li.m-1 {
	background-image: url(../images/h_link01_on.jpg);
	background-repeat: no-repeat;
}
#header li.m-2 {
	background-image: url(../images/h_link02_on.jpg);
	background-repeat: no-repeat;
}
#header li.m-3 {
	background-image: url(../images/h_link03_on.jpg);
	background-repeat: no-repeat;
}

#header li a.h_link01 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 70px;
	height: 18px;
	display: block;
	overflow: hidden;
	text-indent: 9999px;
	text-align: right;
}
#header li a.h_link01 {
	background-image: url(../images/h_link01_off.jpg);
}
#header li a.h_link01:hover {
	background:none;
}

#header li a.h_link02 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 115px;
	height: 18px;
	display: block;
	overflow: hidden;
	text-indent: 9999px;
	text-align: right;
}
#header li a.h_link02 {
	background-image: url(../images/h_link02_off.jpg);
}
#header li a.h_link02:hover {
	background:none;
}

#header li a.h_link03 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 170px;
	height: 18px;
	display: block;
	overflow: hidden;
	text-indent: 9999px;
	text-align: right;
}
#header li a.h_link03 {
	background-image: url(../images/h_link03_off.jpg);
}
#header li a.h_link03:hover {
	background:none;
}

/* promoarea
------------------------------------------------------------------- */
#promoarea {
	background-color: #592F30;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	height: 245px;
}
#promoarea .promo-img {
	background-color: #EEEEEE;
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 240px;
}

/* contents
------------------------------------------------------------------- */
#contents {
	width: 565px;
	float: right;
}
#contents h2 {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#contents .topimg {
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 0px;
	clear: both;
}
#contents .topimg2 {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	clear: both;
}
#contents .topimg {
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 0px;
	clear: both;
}
.c-access #contents .topimg {
	background-image: url(../access/images/index_img.jpg);
}
.c-sitemap #contents .topimg {
	background-image: url(../sitemap/images/index_img.jpg);
}
#contents .t-caption {
	background-image: url(../images/caption_h3.gif);
	background-repeat: no-repeat;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	width: 560px;
	height: 50px;
}
.c-top #contents .t-caption {
	background-image: url(../images/caption_h3.gif);
}
.c-outline #contents .t-caption {
	background-image: url(../outline/images/caption_h3.gif);
}
.c-facilities #contents .t-caption {
	background-image: url(../facilities/images/caption_h3.gif);
}
.c-access #contents .t-caption {
	background-image: url(../access/images/caption_h3.gif);
}
.c-sitemap #contents .t-caption {
	background-image: url(../sitemap/images/caption_h3.gif);
}
#contents h3 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	float: left;
}
.t-caption {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.t-caption .path {
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 0px 10px;
}
#contents p.bn {
	margin: 0px 0px 0px 0px;
	padding: 22px 100px 0px 0px;
	float: right;
}
#contents p.bn a {
	background-image: url(../images/bn_off.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 96px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#contents p.bn a:hover {
	background-image: url(../images/bn_on.gif);
}
#contents p.bn a:active {
	background-image: url(../images/bn_on.gif);
}
.c-top #contents ul {
	margin: 0px 0px 30px 30px;
	padding: 0px;
	width: 500px;
}
.c-top #contents li {
	border-bottom: 1px dotted #999999;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}
.c-top #contents li .ts {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: auto;
	float: left;
}
.c-top #contents li .read {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	
}
.c-top #contents li .read a {
	background-image: url(../images/arrow_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	margin: 0px 0px 0px 90px;
	padding: 0px 0px 0px 20px;
}
.c-top #contents li .read a:hover {
	background-image: url(../images/arrow_on.gif);
}
.c-top #contents li .read a:active {
	background-image: url(../images/arrow_on.gif);
}

#contents .pagemain {
	width: 540px;
	height: auto;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
#contents .pagemain p {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 30px 10px;
}
#contents .pagemain h4 {
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 540px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	clear: both;
}
.c-outline .pagemain h4.h4-1 {
	background-image: url(../outline/images/h4-1_img.gif);
}
.c-outline .pagemain h4.h4-2 {
	background-image: url(../outline/images/h4-2_img.gif);
}
.c-outline .pagemain h4.h4-3 {
	background-image: url(../outline/images/h4-3_img.gif);
}
.c-outline .pagemain h4.h4-4 {
	background-image: url(../outline/images/h4-4_img.gif);
}

.c-facilities .pagemain h4.h4-1 {
	background-image: url(../facilities/images/h4-1_img.gif);
}
.c-facilities .pagemain h4.h4-2 {
	background-image: url(../facilities/images/h4-2_img.gif);
}
.c-facilities .pagemain h4.h4-3 {
	background-image: url(../facilities/images/h4-3_img.gif);
}
.c-facilities .pagemain h4.h4-4 {
	background-image: url(../facilities/images/h4-4_img.gif);
}
.c-facilities .pagemain h4.h4-5 {
	background-image: url(../facilities/images/h4-5_img.gif);
}

.c-access .pagemain h4.h4-1 {
	background-image: url(../access/images/h4-1_img.gif);
}
.c-access .pagemain h4.h4-2 {
	background-image: url(../access/images/h4-2_img.gif);
}
.c-access .pagemain h4.h4-3 {
	background-image: url(../access/images/h4-3_img.gif);
}
#contents address {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 20px 10px;
	font-variant: normal;
	font-style: normal;
	line-height: 1.6;
}
#contents .map-img {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
#contents .map-bt {
	text-align: center;
	clear: both;
}
#contents .map-bt a {
	background-repeat: no-repeat;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 144px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#contents .map-bt a {
	background-image: url(../access/images/map-bt_off.jpg);
}
#contents .map-bt a:hover {
	background-image: url(../access/images/map-bt_on.jpg);
}
#contents .map-bt a:active {
	background-image: url(../access/images/map-bt_on.jpg);
}

.floor-ex {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
.floor-ex p {
	margin: 0px;
	padding: 0px;
}
.floor-ex .f-img {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
}
.floor-ex .f-img02 {
	background-image: url(../facilities/images/floor_img02.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 230px;
	height: 153px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	float: left;
}
.floor-ex .f-img03 {
	background-image: url(../facilities/images/floor_img03.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 230px;
	height: 153px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	float: left;
}
.floor-ex .f-img04 {
	background-image: url(../facilities/images/floor_img04.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 230px;
	height: 153px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	float: left;
}
.floor-ex .f-img05 {
	background-image: url(../facilities/images/floor_img05.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 230px;
	height: 153px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	float: left;
}

#contents .backlink {
	text-align: right;
	clear: both;
}
#contents .backlink a {
	background-repeat: no-repeat;
	display: block;
	margin: 20px 0px 10px auto;
	padding: 0px;
	width: 128px;
	height: 13px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#contents .backlink a {
	background-image: url(../images/backlink_off.gif);
}
#contents .backlink a:hover {
	background-image: url(../images/backlink_on.gif);
}
#contents .backlink a:active {
	background-image: url(../images/backlink_on.gif);
}
#contents p.m-copy {
	background-image: url(../access/images/m_copy.gif);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 191px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#contents p.m-copy2 {
	margin: 2px auto 12px auto;
	padding: 0px;
	text-align: center;
}

.c-sitemap #contents ul {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.c-sitemap #contents li {
	border-bottom: 1px dotted #999999;
	background-position: 0px 5px;
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 10px;
	width: 500px;
}
.c-sitemap #contents li a {
	background-image: url(../images/arrow_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
.c-sitemap #contents li a:hover {
	background-image: url(../images/arrow_on.gif);
}


#contents .t-banner {
	background-image: url(../images/t-banner_on.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 52px;
}

#contents .t-banner a {
	background-image: url(../images/t-banner_off.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 456px;
	height: 66px;
	overflow: hidden;
	text-indent: -9999px;
}
#contents .t-banner a:hover {
	background:none;
}
#contents .t-banner a:active {
	background-image: url(../images/t-banner_on.gif);
}



/* navi
------------------------------------------------------------------- */
#navi {
	background-image: url(../images/navi_base.gif);
	background-repeat:no-repeat;
	width: 185px;
	height: 320px;
	float: left;
}
#navi h2 {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#navi ul {
	margin: 10px 0px 0px 5px;
	padding: 0px;
}
#navi li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}
#navi li.m-1 {
	background-image: url(../images/home_on.gif);
	background-repeat: no-repeat;
}
#navi li.m-2 {
	background-image: url(../images/outline_on.gif);
	background-repeat: no-repeat;
}
#navi li.m-3 {
	background-image: url(../images/facilities_on.gif);
	background-repeat: no-repeat;
}
#navi li.m-4 {
	background-image: url(../images/access_on.gif);
	background-repeat: no-repeat;
}

#navi a {
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 170px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#navi a.home {
	background-image: url(../images/home_off.gif);
}
#navi a.home:hover {
	background:none;
}
#navi a.home-active {
	background-image: url(../images/home_on.gif);
}

#navi a.outline {
	background-image: url(../images/outline_off.gif);
}
#navi a.outline:hover {
	background:none;
}
#navi a.outline-active {
	background-image: url(../images/outline_on.gif);
}


#navi a.facilities {
	background-image: url(../images/facilities_off.gif);
}
#navi a.facilities:hover {
	background:none;
}
#navi a.facilities-active {
	background-image: url(../images/facilities_on.gif);
}

#navi a.access {
	background-image: url(../images/access_off.gif);
}
#navi a.access:hover {
	background:none;
}
#navi a.access-active {
	background-image: url(../images/access_on.gif);
}

/* footer
------------------------------------------------------------------- */
#footer {
	clear: both;
	background-image: url(../images/footer_base.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 83px;
}
#footer address {
	display: block;
	font-variant: normal;
	font-style: normal;
	line-height: 1.2;
}
#footer address.ad {
	margin: 0px;
	padding: 13px 0px 13px 17px;
	float: left;
}
#footer ul {
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 0px 0px;
	width: auto;
	float: right;
}
#footer li {
	float: left;
}
#footer address.co {
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 4px 0px 0px 0px;
	width: 730px;
	border-top: 1px solid #D4D4D4;
	clear: both;
}