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

@import "contents.css";
@import "base.css";

/* =================================== */
/* ボディとラッパー */
/* =================================== */


body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック',Osaka, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:78%;
	color:#4A565E;
	height:100%; 
	min-height:100%;
	background:url(../images/back_topobi.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#FFF;
	line-height:180%;
	margin:0px 0px 0px 0px;
}

#wrapper {
	background:url(../images/back_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:860px;
	height:auto;
	top:3px;
	margin:0 auto;
	padding:0 auto;
	position:relative;
}

#column_body {
	float:right;
	position:relative;
	display:block;
	width:589px;
	margin:30px 0px 0px 0px;
	padding-bottom:30px;
}

* html #column_body {
	float:right;
	position:relative;
	display:block;
	width:589px;
	margin:30px 0px 0px 0px;
}

#column_navi {
	float:left;
	position:relative;
	display:block;
	width:220px;
	margin:31px 0px 0px 0px;
}

.information {
	width:567px;
	height:197px;
	position:relative;
	display:block;
	background-image:url(../images/info_border.jpg);
	margin:25px 0px 0px 0px;
	padding:30px 0px 0px 22px;
}

.information h2 {
	width:106px;
	height:10px;
	background:url(../images/infomation.jpg);
	line-height:1px;
	font-size:1px;
	text-indent:-9999px;
	display:block;
	position:relative;
	margin:0px 0px 0px 0px;
}

.information dl {
	display:block;
	position:relative;
	width:549px;
	height:111px;
	margin:25px 0px 20px 0px;
}

.information dt {
	display:block;
	position:relative;
	float:left;
	color:#4EB3C5;
	font-size:90%;
	line-height:100%;
	text-indent:11px;
	background-image:url(../images/icon_infoblue.jpg);
	background-repeat:no-repeat;
	width:80px;
	margin:0px 0px 12px 0px;
}

.information dd {
	display:block;
	position:relative;
	float:left;
	font-size:90%;
	line-height:100%;
	width:452px;
	margin:0px 0px 12px 0px;
}


* html .information dt,* html .information dd {
	display:block;
	position:relative;
	float:left;
	font-size:90%;
	line-height:110%;
	margin:0px 0px 10px 0px;
}


.information dd a {
	text-decoration:none;
	color:#4A565E;
	}
	
.information dd a:hover {
	color:#4EB3C5;
	border-bottom:1px #4EB3C5 dotted;
	}
	
#infobt {
	display:block;
	position:relative;
	width:550px;
	height:14px;
	margin:0px 0px 0px 0px;
}

#mark {
	width:64px;
	height:13px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:26px 0px 0px 525px;
}



/* =================================== */
/* ヘッダー */
/* =================================== */


h1#header_top {
	width:589px;
	height:392px;
	background-image:url(../images/top_image.jpg);
	display:block;
	text-indent:-4000px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
}

#logo {
	position:relative;
	margin:60px 0px 0px 16px;
	padding:0px 0px 0px 0px;
}


/* =================================== */
/* フッター */
/* =================================== */

#footer {
	width:860px;
	height:68px;
	display:block;
	clear:both;
	position:relative;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 40px 0px;
}

#foot_button {
	float:left;
	font-size:85%;
	line-height:100%;
	margin:12px 0px 0px 13px;
}

* html #foot_button {
	float:left;
	font-size:85%;
	line-height:100%;
	margin:12px 0px 0px 7px;
}


#foot_button a {
	text-decoration:none;
	color:#ffffff;
	font-size:85%;
	line-height:100%;
}

#foot_button a:hover {
	text-decoration:underline;
	color:#4EB3C5;
}


#f-copyright{
	color:#ffffff;
	float:right;
	font-size:70%;
	line-height:150%;
	text-align:right;
	margin:30px 15px 0px 0px;
}

* html #f-copyright{
	color:#ffffff;
	float:right;
	font-size:70%;
	line-height:150%;
	text-align:right;
	margin:30px 7px 0px 0px;
}






/* =================================== */
/* ナビゲーション */
/* =================================== */

ul#navigation{
	width:162px;
	height:219px;
	position:relative;
	display:block;
	margin:141px 0px 0px 0px;
	padding:39px 0px 0px 59px;
	background:url(../images/main_navi.jpg);
	background-repeat:no-repeat;
}


#navigation li{
	position:relative;
	width:106px;
	height:16px;
	display:block;
	margin:0px 0px 17px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:bottom;
	line-height:100%;
}



#bt1 a,#bt2 a,#bt3 a,#bt4 a,#bt5 a,#bt6 a {
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	text-indent:-4000px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
}

#bt1 a:hover,#bt2 a:hover,#bt3 a:hover,#bt4 a:hover,#bt5 a:hover,#bt6 a:hover {
	background-position:bottom;
	background-repeat:no-repeat;
	text-indent:-4000px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
}


#bt1 a {
	background:url(../images/navi_about.jpg);
	width:84px;
	height:16px;
}


#bt2 a {
	background:url(../images/navi_report.jpg);
	width:69px;
	height:16px;
}


#bt3 a {
	background:url(../images/navi_speial.jpg);
	width:68px;
	height:16px;
}


#bt4 a {
	background:url(../images/navi_ticket.jpg);
	width:65px;
	height:16px;
}


#bt5 a {
	background:url(../images/navi_access.jpg);
	width:66px;
	height:16px;
}


#bt6 a {
	background:url(../images/navi_contact.jpg);
	width:106px;
	height:16px;
}




	
	
/* =================================== */
/* border関連 */
/* =================================== */

.border1 {
	background-image:url(../images/border1.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
}


	
	
/* =================================== */
/* clearfix */
/* =================================== */


.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

/*\*/
* html #wrapper_content {
   height: 1em;
}
/**/

.clearfix {
	display: block;
	zoom:1;
	min-height:1%;
	}