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

*{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}

body{
	background-color:#000033;
	color:#FFFFFF;
}

#wrap{
	width:850px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
	padding:0;
}
#wrap-inner{
	width:850px;
	height:100%;
	float:left;
	clear:both;
	background-image:url(../image/title001.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
#site{
	width:790px;
	height:100%;
	margin:0 0 0 1px;
	padding:0 0 0 59px;
	float:left;
	clear:both;
}

/*-- コンテンツ部分 --*/
#title{
	display:none;
	float:left;
	clear:both;
}

#content{
	width:640px;
	height:100%;
	float:right;
}
#content h2{
	float:left;
	clear:both;
	margin:10px 1px;
	padding:5px 14px;
	width:590px;
	font-size:18px;
	border-bottom:#FFFF99 solid 1px;
	border-left:#FFFF99 solid 20px;
}
#content h3{
	float:left;
	clear:both;
	margin:10px 1px;
	padding:5px 14px;
	width:590px;
	font-size:18px;
	border-bottom:#99CCFF solid 1px;
	border-left:#99CCFF solid 20px;
}
#content h4{
	float:left;
	clear:both;
	margin:10px 1px;
	padding:5px 14px;
	width:500px;
	font-size:14px;
	color:#00FF00;
	border-bottom:#CCFF99 solid 1px;
	border-left:#CCFF99 solid 20px;
}
#content p{
	float:left;
	clear:both;
	margin:5px 10px;
	padding:0;
	line-height:1.5;
	width:600px;
}
#content img{
	float:left;
	clear:both;
}
#content .whatsnew{
	float:left;
	width:610px;
	height:100%;
	font-size:12px;
	margin: 20px 0;
	padding: 10px;
	background-color: #000044;
}
#content .whatsnew h4{
	color:#FFFF00;
	width: 400px;
}

#content ul.music-list{
	width:600px;
	height:100%;
	float:left;
	clear:both;
	margin:10px;
	padding:0;
	list-style:inside;
	list-style-type:none;
}
#content ul.music-list li{
	float:left;
}
#content ul.music-list li a{
	display:block;
	color:#FFFFFF;
	width:120px;
	height:15px;
	background-image:url(../image/music-ico_off.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	margin:5px 0 5px 1px;
	padding-left:29px;
}
#content ul.music-list li a:hover{
	background-image:url(../image/music-ico_on.jpg);
	color:#FFFF00;
}
#content table{
	float:left;
	clear:both;
	width:550px;
}
#content table ul{
	list-style:inside;
	list-style-type:none;
}
#content table tr td{
	padding:5px;
	border-bottom:#0099FF solid 1px;
	line-height:1.5;
}
#content dl{
	width:600px;
	margin:10px 0 0 1px;
	padding:0 0 0 19px;
	float:left;
	clear:both;
	height: 200px;
	overflow: auto;
}
#content dt{
	float:left;
	clear:both;
	width:80%;
	margin:5px 0;
	padding:0;
	font-size:16px;
	font-weight:700;
}
#content dd{
	width:80%;
	font-size:12px;
	margin:5px 0 0 1px;
	padding:0 0 0 19px;
	float:left;
	clear:both;
	line-height:1.5;
}
#content dd a{
	color:#FFFFFF;
}
#content dd a:hover{
	color:#FFFF00;
}



/*-- メニュー部分 --*/
#menu{
	width:140px;
	height:420px;
	float:left;
}
#menu ul{
	width:140px;
	float:left;
	margin:0;
	padding:0;
	list-style:inside;
	list-style-type:none;
}
#menu ul li{
	width:140px;
	height:38px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}

#menu ul li.home a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-home.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.home a:hover{
	background-image:url(../image/btn-home_on.jpg);
}

#menu ul li.explain a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-explain.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.explain a:hover{
	background-image:url(../image/btn-explain_on.jpg);
}

#menu ul li.history a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-history.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.history a:hover{
	background-image:url(../image/btn-history_on.jpg);
}

#menu ul li.odori a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-odori.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.odori a:hover{
	background-image:url(../image/btn-odori_on.jpg);
}

#menu ul li.map a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-map.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.map a:hover{
	background-image:url(../image/btn-map_on.jpg);
}

#menu ul li.photo a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-photo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.photo a:hover{
	background-image:url(../image/btn-photo_on.jpg);
}

#menu ul li.music a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-music.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.music a:hover{
	background-image:url(../image/btn-music_on.jpg);
}

#menu ul li.whatsnew a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-whatsnew.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.whatsnew a:hover{
	background-image:url(../image/btn-whatsnew_on.jpg);
}

#menu ul li.link a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-rink.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.link a:hover{
	background-image:url(../image/btn-rink_on.jpg);
}

#menu ul li.bbs a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-bbs.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.bbs a:hover{
	background-image:url(../image/btn-bbs_on.jpg);
}

#menu ul li.inq a{
	display:block;
	width:140px;
	height:0;
	margin:0;
	padding:38px 0 0;
	float:left;
	background-image:url(../image/btn-inq.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#menu ul li.inq a:hover{
	background-image:url(../image/btn-inq_on.jpg);
}


#footer{
	float:left;
	clear:both;
	margin:0;
	padding:20px 0;
	text-align:center;
	width:850px;
	height:100%;
}