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



body {
	background: url(../images/bg.gif);
	color: #333333;
}
.clear {
	clear: both;
}

#wrapper {
	background: url(../images/bg_rep.gif) repeat-y;
	width: 808px;
	margin-right: auto;
	margin-left: auto;
}
#headerArea {
	background: url(../images/bg_header.gif) repeat-x;
	height: 82px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 18px;
}
#headerArea p {
	background: url(../images/logo_jindai.gif) no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 174px;
	margin-left: 20px;
}
#headerArea h1 {
	height: 35px;
	width: 337px;
	float: left;
	padding-top: 6px;
	padding-left: 20px;
}
#headerArea h1 a {
	background: url(../images/logo_sportscenter.gif) no-repeat;
	height: 25px;
	width: 317px;
	text-indent: -9999px;
	display: block;
}
#headerArea #acsess {
	height: 25px;
	width: 107px;
	float: right;
	padding-top: 8px;
	padding-right: 20px;
}

#headerArea #acsess a {
	background: url(../images/access.gif) no-repeat;
	height: 25px;
	width: 107px;
	text-indent: -9999px;
	display: block;
}
#menuArea {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#menuArea li {
	float: left;
	height: 31px;
	width: 160px;
}

#menuArea .list01 a {
	background: url(../images/menu_01.gif) no-repeat;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list01 a:hover {
	background: url(../images/menu_01.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
.facilities #menuArea .list01 a {
	background: url(../images/menu_01.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list02 a {
	background: url(../images/menu_02.gif) no-repeat;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list02 a:hover {
	background: url(../images/menu_02.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
.guide #menuArea .list02 a {
	background: url(../images/menu_02.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list03 a {
	background: url(../images/menu_03.gif) no-repeat;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list03 a:hover {
	background: url(../images/menu_03.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
.activity #menuArea .list03 a {
	background: url(../images/menu_03.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list04 a {
	background: url(../images/menu_04.gif) no-repeat;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list04 a:hover {
	background: url(../images/menu_04.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
.event #menuArea .list04 a {
	background: url(../images/menu_04.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list05 a {
	background: url(../images/menu_05.gif) no-repeat;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
#menuArea .list05 a:hover {
	background: url(../images/menu_05.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}
.contact #menuArea .list05 a {
	background: url(../images/menu_05.gif) no-repeat 0px -31px;
	display: block;
	height: 31px;
	width: 160px;
	text-indent: -9999px;
}

#contents {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#wrapper #contents .mainV {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/mainvisual_bottom.gif) no-repeat center bottom;
	height: 303px;
	clear: both;
}



#topicsArea {
	float: left;
	width: 490px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#topicsArea h2 {
	background: #DFE7F5 url(../images/topics_title.gif) no-repeat 10px 0px;
	text-indent: -9999px;
	height: 19px;
	margin-bottom: 5px;
}
#topicsArea li {
	background: url(../images/topics_icon.gif) no-repeat 10px 12px;
	padding-left: 30px;
	padding-top: 5px;
	font: 0.8em/1.2em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
}
#topicsArea a {
	color: #333333;
	text-decoration: none;
}
#topicsArea a:hover {
	color: #3399FF;
	text-decoration: none;
}
#topicsArea li .days {
	color: #1D4295;
	font-weight: bold;
}
#topicsArea img {
	margin-left: 5px;
}
#bannerArea {
	float: right;
	width: 250px;
	padding-right: 20px;
	padding-top: 20px;
}
#bannerArea img {
	margin-bottom: 10px;
}
#return {
	height: 25px;
}
#return a {
	background: url(../images/return.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 15px;
	margin-left: auto;
	margin-right: 25px;
}




#footerArea {
	background: url(../images/footer.gif) no-repeat;
	height: 65px;
	width: 808px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#footerArea .left {
	float: left;
	width: 114px;
	padding-top: 15px;
	padding-left: 20px;
}
#footerArea .left a {
	background: url(../images/logo_jindai_s.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 114px;
}
#footerArea .right {
	float: right;
	width: 500px;
	text-align: right;
	padding-right: 22px;
	padding-top: 12px;
}
#footerArea .right a {
	font: 0.8em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #999999;
	text-decoration: none;
}
#footerArea .right a:hover {
	text-decoration: underline;
}
#footerArea .right .copy {
	background: url(../images/copy.gif) no-repeat;
	height: 20px;
	width: 262px;
	margin-left: auto;
}
#footerArea .right .copy span {
	display: none;
}