@charset "EUC-JP";

/*========================================

	[1]ブラウザ初期化設定
	[2]汎用要素
	[3]汎用クラス
	[4]レイアウト
	[5]ヘッダー
	[6]メニュー
	[7]ボディ
	[8]フッター

=========================================*/

/*----------------------------------------
	ブラウザ初期化設定
-----------------------------------------*/

body,h1,h2,h3,h4,h5,h6,div,li,ul,dl,dt,dd{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

li{
	list-style:none;
}

/*----------------------------------------
	汎用要素
-----------------------------------------*/

body {
	text-align:center;
	background-color:#B8E6E6;
}

body,td,th{
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	font-size: small;
	color:#333;
	line-height: 1.4em;
}

p{
	margin:0;
	padding:0.5em 0;
}
img{
	border:0;
}

div hr{
display:none;
}

/*----------------------------------------
	汎用クラス
-----------------------------------------*/

.small{
	font-size:x-small;
}
.medium{
	font-size:medium;
}
/*float*/
.left{
float:left;
}
.right{
float:right;
}
/*クリア*/
.clear{
	clear:both;
}

/*基本リンク*/
a:link{
	color:#009;
}
a:visited{
	color:#039;
}
a:hover{
	text-decoration:none;
	color:#c00;
}

/*ドット区切り線-hrと合わせて使用*/
div.dotline_hr{
width:730px;
margin:0 auto;
padding:0;
font-size:1px;
border-bottom:1px dashed #ccc;
}

.ml_20{
	margin-left:20px;
}
.ml_30{
	margin-left:30px;
}

/*----------------------------------------
	レイアウト
-----------------------------------------*/

#base{
	width:760px;
	margin:0 auto;
}


/*----------------------------------------
	ヘッダー
-----------------------------------------*/

#top #header,
#event #header{
	height:160px;
	background:url(../img_cmn/header_bg_1.gif) repeat-y;
}

#guide #header,
#facility #header{
	height:185px;
	background:url(../img_cmn/header_bg_2.gif) repeat-y;
}

#header div#title{
	float:left;
	width:380px;
	height:93px;
	background:url(../img_cmn/maintitle.gif);
	background-repeat:no-repeat;
	background-position:20px 0;
}
#header div#title h1 a{
	display:block;
	width:380px;
	height:80px;
	text-decoration:none;
	text-indent:-999px;
	/*\*/overflow:hidden;/**/
}
#header div#title p{
	visibility:hidden;
}

/*----------------------------------------
	メニュー
-----------------------------------------*/

/*--ヘッター上部リンク--*/
#headerMenu{
float:left;
}
#headerMenu ul{
margin-left:120px;
}
#headerMenu ul li{
float:left;
}
#headerMenu ul li a{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:119px;
	height:44px;
	text-decoration:none;
	text-indent:-999px;
	/*\*/overflow:hidden;/**/
}
#headerMenu ul li a:hover{
	background-position:0 -50px;
}

#headerMenu ul li a#link01{
	background-image:url(../img_cmn/btn_newbook.gif);
}
#headerMenu ul li a#link02{
	background-image:url(../img_cmn/btn_ranking.gif);
}
#headerMenu ul li a#link03{
	background-image:url(../img_cmn/btn_search.gif);
}
#headerMenu p{
clear:both;
visibility:hidden;
}


/*--グランドメニュー--*/
#gmenu{
clear:both;
padding-left:140px;
}

#gmenu ul li{
	float:left;
}
#gmenu ul li a{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	text-decoration:none;
	text-indent:-999px;
	/*\*/overflow:hidden;/**/
}
#gmenu ul li a:hover{
	background-position:0 -40px;
}

#gmenu ul li a#menu01{
	width:94px;
	background-image:url(../img_cmn/btn_top.jpg);
}
#gmenu ul li a#menu02{
	width:111px;
	background-image:url(../img_cmn/btn_oshirase.jpg);
}
#gmenu ul li a#menu03{
	width:117px;
	background-image:url(../img_cmn/btn_guide.jpg);
}
#gmenu ul li a#menu04{
	width:112px;
	background-image:url(../img_cmn/btn_facility.jpg);
}
#gmenu ul li a#menu05{
	width:148px;
	background-image:url(../img_cmn/btn_event.jpg);
}
/*グランドメニュー・カレント設定*/
#top #gmenu ul li a#menu01,
#guide #gmenu ul li a#menu03,
#facility #gmenu ul li a#menu04,
#event #gmenu ul li a#menu05{
background-position:0 -40px;
}

/*--サブメニュー--*/
#smenu{
padding-left:100px;
height:24px;
background-image:url(../img_cmn/mark_s_menu.gif);
background-repeat:no-repeat;
background-position:60px 0;
}
#smenu ul li{
float:left;
text-align:left;
margin-right:30px;
padding-top:2px;
}
#smenu ul li a{
color:#099;
font-weight:bold;
}
#smenu ul li a:hover{
color:#c00;
}
/*サブメニュー・カレント設定*/
#smenu ul li a.curr{
color:#c00;
text-decoration:none;
}


/*----------------------------------------
	ボディ
-----------------------------------------*/

#containerBody{
background-image:url(../img_cmn/containerbody_bg.gif);
background-repeat:repeat-y;
padding:0 14px 10px;
text-align:left;
}

#top h2{
	display:none;
}
#con_box{
margin:5px 20px 10px 20px;
}
#con_box h3.ttl{
height:28px;
background-color:#DBF4F4;
background-image:url(../img_cmn/mark_h3.gif);
background-repeat:no-repeat;
background-position:4px 50%;
padding-left:32px;
font-size:110%;
line-height:200%;
margin:10px 0 5px;
}
#con_box h4.ttl{
padding-left:4px;
border-left:6px solid #099;
}

/*テーブル*/
.tb_style table{
border-collapse:collapse;
border-top:4px solid #7BCDCD;
border-left:1px solid #7BCDCD;
}
.tb_style th,.tb_style td{
border-right:1px solid #7BCDCD;
border-bottom:1px solid #7BCDCD;
padding:3px 10px;
}
.tb_style th{
background-color:#DBF4F4;
}
.tb_style td{
background-color:#FFFFE6;
}


/*----------------------------------------
	フッター
-----------------------------------------*/
#footer{
background-image:url(../img_cmn/footer_bg.gif);
background-repeat:no-repeat;
height:49px;
padding-left:20px;

color:#fff;
}
#footer p{
font-size:16px;
float:left;
}
#footer ul{
float:right;
width:585px;
}
#footer ul li{
font-size:12px;
float:left;
text-align:left;
line-height:110%;
padding-top:9px;
margin-left:30px;
}