@charset "utf-8";

/*--CTBdesignCSS -- 2009,03,17 Rel-ish iori--*/
/*--CTBdesignCSS -- 2011,09,16 Rel-ish yu-ki--*/

/* IE6 alpha 
img, div { behavior: url(../common/js/iepngfix.htc) }
*/
/* FF Scrolbar */
html { overflow-y: scroll; }

/* Base Font */
body {
	background: #fff url(../img/img_top/bg_site_x.gif) repeat-x left top;
	font: 13px "MS P Gothic","ＭＳ Ｐゴシック" sans-serif;
	*font-size: small;
	*font: x-small;
	line-height: 150%;
	color: #333;
}
table { font-size: inherit; font: 100%; }
html>/**/body { font-size: 81.3%; }


/* To page top:To past event */
.pgtop,
.pagetop,
.past_event
{
	text-align: right;
	clear: both;
}

/* =header */
#header { position: relative; height: 25px; width: 900px; margin: 0 auto; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif; }
/* #header h1 { position: absolute; top: 10px; height: 20px; width: 450px; background: url(../img/img_top/H1.png) no-repeat left top; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; } */
#header h1 { width: 400px; padding: 5px 0 0; font-size: 92.3%; }
#header ul { position: absolute; top: 5px; right: 5px; }
#header li { float: left; padding: 0 3px; font-size: 84.6%; }
#header li.submJ { width: 40px; background: url(../img/img_top/sub_02.png) no-repeat center top; }
#header li.submE { width: 50px; background: url(../img/img_top/sub_03.png) no-repeat center top; }
#header li.submC { width: 62px; background: url(../img/img_top/sub_04.png) no-repeat center top; }
#header li.submT { width: 62px; background: url(../img/img_top/sub_05.png) no-repeat center top; }
#header li.submK { width: 27px; background: url(../img/img_top/sub_06.png) no-repeat center top; }
#header li a { display: block; width: 100%; height: 20px; text-decoration: none; color: #524C40; }

/* CONTENTS */
#contents { width: 900px; margin: 0 auto 20px; }

/* =navigation */
#navigation { float: left; width: 180px; }

#globalNavi { background: url(../img/img_top/global_bg_y.png) repeat-y left top; }
#globalNavi div.box_top { height: 5px; background: url(../img/img_top/global_bg_top.png) no-repeat left top; font-size: 0; }
#globalNavi div.box_bottom { height: 5px; background: url(../img/img_top/global_bg_bottom.png) no-repeat left bottom; font-size: 0; }
#globalNavi h3 { height: 15px; width: 100px; margin: 0 auto; background: url(../img/img_top/re_global_contents.png) no-repeat left top; }
#globalNavi dl { width: 174px; margin: 0 auto; }
#globalNavi dl#navOther { margin: 3px auto 0; }
#globalNavi dt,#globalNavi dd { margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; }
#globalNavi dt.gN_attention { margin: 3px 0 0; }

/**/
#gN a { display: block; background: url(../img/img_top/gN_bg.png) no-repeat top left; }
#gN dt.g_spot a.sprite-btn_global_00:link { background-position: 0 0; width: 174px; height: 53px; }
#gN dt.g_spot a.sprite-btn_global_00:visited { background-position: 0 0; width: 174px; height: 53px; } 
#gN dt.g_spot a.sprite-btn_global_00:hover { background-position: 0 -103px; width: 174px; height: 53px; }
#gN dd.navGuide a.sprite-btn_global_01:link { background-position: 0 -206px; width: 174px; height: 35px; }
#gN dd.navGuide a.sprite-btn_global_01:visited { background-position: 0 -206px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_01:hover { background-position: 0 -291px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_02:link { background-position: 0 -376px; width: 174px; height: 35px; }
#gN dd.navGuide a.sprite-btn_global_02:visited { background-position: 0 -376px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_02:hover { background-position: 0 -461px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_03:link { background-position: 0 -546px; width: 174px; height: 35px; }
#gN dd.navGuide a.sprite-btn_global_03:visited { background-position: 0 -546px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_03:hover { background-position: 0 -631px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_04:link { background-position: 0 -716px; width: 174px; height: 35px; }
#gN dd.navGuide a.sprite-btn_global_04:visited { background-position: 0 -716px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_04:hover { background-position: 0 -801px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_05:link { background-position: 0 -886px; width: 174px; height: 35px; }
#gN dd.navGuide a.sprite-btn_global_05:visited { background-position: 0 -886px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_05:hover { background-position: 0 -971px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_06:link { background-position: 0 -1056px; width: 174px; height: 35px; }
#gN dd.navGuide a.sprite-btn_global_06:visited { background-position: 0 -1056px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_06:hover { background-position: 0 -1141px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_07:link { background-position: 0 -1226px; width: 174px; height: 35px; }
#gN dd.navGuide a.sprite-btn_global_07:visited { background-position: 0 -1226px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_07:hover { background-position: 0 -1311px; width: 174px; height: 35px; } 
#gN dd.navGuide a.sprite-btn_global_08:link { background-position: 0 -1396px; width: 174px; height: 36px; }
#gN dd.navGuide a.sprite-btn_global_08:visited { background-position: 0 -1396px; width: 174px; height: 36px; } 
#gN dd.navGuide a.sprite-btn_global_08:hover { background-position: 0 -1482px; width: 174px; height: 36px; }
#gN dt.g_area a.sprite-btn_global_09:link { background-position: 0 -1568px; width: 174px; height: 53px; }
#gN dt.g_area a.sprite-btn_global_09:visited { background-position: 0 -1568px; width: 174px; height: 53px; } 
#gN dt.g_area a.sprite-btn_global_09:hover { background-position: 0 -1671px; width: 174px; height: 53px; } 
#gN dd.navArea a.sprite-btn_global_10:link { background-position: 0 -1774px; width: 174px; height: 35px; }
#gN dd.navArea a.sprite-btn_global_10:visited { background-position: 0 -1774px; width: 174px; height: 35px; } 
#gN dd.navArea a.sprite-btn_global_10:hover { background-position: 0 -1859px; width: 174px; height: 35px; } 
#gN dd.navArea a.sprite-btn_global_11:link { background-position: 0 -1944px; width: 174px; height: 35px; }
#gN dd.navArea a.sprite-btn_global_11:visited { background-position: 0 -1944px; width: 174px; height: 35px; } 
#gN dd.navArea a.sprite-btn_global_11:hover { background-position: -224px 0; width: 174px; height: 35px; } 
#gN dd.navArea a.sprite-btn_global_12:link { background-position: -224px -85px; width: 174px; height: 35px; }
#gN dd.navArea a.sprite-btn_global_12:visited { background-position: -224px -85px; width: 174px; height: 35px; } 
#gN dd.navArea a.sprite-btn_global_12:hover { background-position: -224px -170px; width: 174px; height: 35px; } 
#gN dd.navArea a.sprite-btn_global_13:link { background-position: -224px -255px; width: 174px; height: 36px; }
#gN dd.navArea a.sprite-btn_global_13:visited { background-position: -224px -255px; width: 174px; height: 36px; } 
#gN dd.navArea a.sprite-btn_global_13:hover { background-position: -224px -341px; width: 174px; height: 36px; }
#gN dt.gN_attention a.sprite-btn_global_14:link { background-position: -224px -427px; width: 174px; height: 104px; }
#gN dt.gN_attention a.sprite-btn_global_14:visited { background-position: -224px -427px; width: 174px; height: 104px; } 
#gN dt.gN_attention a.sprite-btn_global_14:hover { background-position: -224px -581px; width: 174px; height: 104px; } 
#gN dt.g_irodori a.sprite-btn_global_15:link { background-position: -224px -735px; width: 174px; height: 54px; }
#gN dt.g_irodori a.sprite-btn_global_15:visited { background-position: -224px -735px; width: 174px; height: 54px; }
#gN dt.g_irodori a.sprite-btn_global_15:hover { background-position: -224px -839px; width: 174px; height: 54px; }
#navOther a { display: block; background: url(../img/img_top/navOther_bg.png) no-repeat top left; }
#navOther dd a.sprite-btn_global_16:link { background-position: 0 0; width: 174px; height: 38px; }
#navOther dd a.sprite-btn_global_16:visited { background-position: 0 0; width: 174px; height: 38px; } 
#navOther dd a.sprite-btn_global_16:hover { background-position: 0 -88px; width: 174px; height: 38px; } 
#navOther dd a.sprite-btn_global_17:visited { background-position: 0 -176px; width: 174px; height: 36px; }
#navOther dd a.sprite-btn_global_17:link { background-position: 0 -176px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_17:hover { background-position: 0 -262px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_18:visited { background-position: 0 -348px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_18:link { background-position: 0 -348px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_18:hover { background-position: 0 -434px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_19:visited { background-position: 0 -520px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_19:link { background-position: 0 -520px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_19:hover { background-position: 0 -606px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_20:link { background-position: 0 -692px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_20:visited { background-position: 0 -692px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_20:hover { background-position: 0 -778px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_21:link { background-position: 0 -864px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_21:visited { background-position: 0 -864px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_21:hover { background-position: 0 -950px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_22:link { background-position: 0 -1036px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_22:visited { background-position: 0 -1036px; width: 174px; height: 36px; } 
#navOther dd a.sprite-btn_global_22:hover { background-position: 0 -1122px; width: 174px; height: 36px; } 
/**/

p.banner { margin: 15px 0; line-height: 120%; }
p.banner span a { font-size: 100%; color: #F00; }
p.banner a { font-size: 84.6%; color: #0C5FAA; }
p.bannerF { margin: 0 0 15px; }

.banners_pdfDL a { display: block; background: url(../img/img_top/banners01_bg.png) no-repeat top left; }
.banners_pdfDL p a { font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; }
.banners_pdfDL p a.sprite-banner_s_01:link { background-position: 0 0; width: 180px; height: 64px; }
.banners_pdfDL p a.sprite-banner_s_01:visited { background-position: 0 0; width: 180px; height: 64px; } 
.banners_pdfDL p a.sprite-banner_s_01:hover { background-position: 0 -114px; width: 180px; height: 64px; } 
.banners_pdfDL p a.sprite-banner_s_02:link { background-position: 0 -228px; width: 180px; height: 61px; cursor: default; }
.banners_pdfDL p a.sprite-banner_s_02:visited { background-position: 0 -228px; width: 180px; height: 61px; } 
.banners_pdfDL p a.sprite-banner_s_02:hover { background-position: 0 -339px; width: 180px; height: 61px; } 
.banners_pdfDL p a.sprite-banner_s_03:link { background-position: 0 -450px; width: 180px; height: 70px; }
.banners_pdfDL p a.sprite-banner_s_03:visited { background-position: 0 -450px; width: 180px; height: 70px; } 
.banners_pdfDL p a.sprite-banner_s_03:hover { background-position: 0 -570px; width: 180px; height: 70px; } 

.genre { background: url(../img/img_top/genre_bg_y.png) repeat-y left top; }
.genre div.box_top { height: 5px; background: url(../img/img_top/genre_bg_top.png) no-repeat left top; font-size: 0; }
.genre div.box_bottom { height: 5px; background: url(../img/img_top/genre_bg_bottom.png) no-repeat left top; font-size: 0; }
.genre dl { width: 174px; margin: 0 auto; }
.genre dt { height: 20px; background: url(../img/img_top/re_genre.png) no-repeat 6px top; }
/*MAP PDF*/
.ico_01_on { display: block; width: 174px; height: 49px; background-image: url(../img/img_top/map01.png); background-repeat: no-repeat; }
.ico_01_on:hover { background-position: -174px -0px; height: 49px; width: 174px; }
.ico_02_on { display: block; width: 174px; height: 48px; background-image: url(../img/img_top/map02.png); background-repeat: no-repeat; }
.ico_02_on:hover { background-position: -174px -0px; height: 48px; width: 174px; }
.ico_03_on { display: block; width: 174px; height: 48px; background-image: url(../img/img_top/map03.png); background-repeat: no-repeat; }
.ico_03_on:hover { background-position: -174px -0px; height: 48px; width: 174px; }
.ico_06_on { display: block; width: 174px; height: 45px; background-image: url(../img/img_top/map06.png); background-repeat: no-repeat; }
.ico_06_on:hover { background-position: -174px -0px; height: 45px; width: 174px; }
.ico_07_on { display: block; width: 174px; height: 48px; background-image: url(../img/img_top/map07.png); background-repeat: no-repeat; }
.ico_07_on:hover { background-position: -174px -0px; height: 48px; width: 174px; }
/**/

.walking { margin: 10px 0 0; background: url(../img/img_top/walk_bg_y.png) repeat-y left top; }
.walking div.box_top { height: 5px; background: url(../img/img_top/walk_bg_top.png) no-repeat left top; font-size: 0; }
.walking div.box_bottom { height: 5px; background: url(../img/img_top/walk_bg_bottom.png) no-repeat left top; font-size: 0; }
.walking dl { width: 174px; margin: 0 auto; }
.walking dt { height: 20px; background: url(../img/img_top/re_walk.png) no-repeat 6px top; }
/**/
.walking a { display: block; background: url(../img/img_top/left_walk_bg.png) repeat-y left top; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; }
.walking dd a.sprite-btn_walk_01:link { background-position: 0 0; width: 174px; height: 48px; } 
.walking dd a.sprite-btn_walk_01:visited { background-position: 0 0; width: 174px; height: 48px; } 
.walking dd a.sprite-btn_walk_01:hover { background-position: 0 -98px; width: 174px; height: 48px; } 
.walking dd a.sprite-btn_walk_02:link { background-position: 0 -196px; width: 174px; height: 46px; } 
.walking dd a.sprite-btn_walk_02:visited { background-position: 0 -196px; width: 174px; height: 46px; } 
.walking dd a.sprite-btn_walk_02:hover { background-position: 0 -292px; width: 174px; height: 46px; } 
.walking dd a.sprite-btn_walk_03:link { background-position: 0 -388px; width: 174px; height: 45px; } 
.walking dd a.sprite-btn_walk_03:visited { background-position: 0 -388px; width: 174px; height: 45px; } 
.walking dd a.sprite-btn_walk_03:hover { background-position: 0 -483px; width: 174px; height: 45px; } 
.walking dd a.sprite-btn_walk_04:link { background-position: 0 -578px; width: 174px; height: 46px; } 
.walking dd a.sprite-btn_walk_04:visited { background-position: 0 -578px; width: 174px; height: 46px; } 
.walking dd a.sprite-btn_walk_04:hover { background-position: 0 -674px; width: 174px; height: 46px; } 
.walking dd a.sprite-btn_walk_05:link { background-position: 0 -770px; width: 174px; height: 46px; }
.walking dd a.sprite-btn_walk_05:visited { background-position: 0 -770px; width: 174px; height: 46px; }
.walking dd a.sprite-btn_walk_05:hover { background-position: 0 -866px; width: 174px; height: 46px; }
.walking dd a.sprite-btn_walk_06:link { background-position: 0 -962px; width: 174px; height: 46px; }
.walking dd a.sprite-btn_walk_06:visited { background-position: 0 -962px; width: 174px; height: 46px; }
.walking dd a.sprite-btn_walk_06:hover { background-position: 0 -1058px; width: 174px; height: 46px; }
/**/

/* sub02 */
.sub02 a { display: block; background: url(../img/img_top/left_sub02_bg.png) repeat-y left top; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; }
.sub02 p a.sprite-banner_01:link { background-position: 0 0; width: 180px; height: 92px; } 
.sub02 p a.sprite-banner_01:visited { background-position: 0 0; width: 180px; height: 92px; } 
.sub02 p a.sprite-banner_01:hover { background-position: 0 -142px; width: 180px; height: 92px; } 
.sub02 p a.sprite-banner_02:link { background-position: 0 -284px; width: 180px; height: 89px; } 
.sub02 p a.sprite-banner_02:visited { background-position: 0 -284px; width: 180px; height: 89px; } 
.sub02 p a.sprite-banner_02:hover { background-position: 0 -423px; width: 180px; height: 89px; } 
.sub02 p a.sprite-banner_03:link { background-position: 0 -562px; width: 180px; height: 59px; } 
.sub02 p a.sprite-banner_03:visited { background-position: 0 -562px; width: 180px; height: 59px; } 
.sub02 p a.sprite-banner_03:hover { background-position: 0 -671px; width: 180px; height: 59px; }
.sub02 span { display: block; margin: -1em 0 0; }
/**/

.banners_pdfDL { margin: 10px 0; }
.banners_pdfDL p.banner { margin: 5px 0; line-height: 120%; }

/* mobile_qr */
.mobile_qr {
	margin: 10px 0;
}



/* =footer */
#footer { width: 100%; padding: 20px 0 0; background: #f2f2f2 url(../img/img_top/footer_bg_x.png) repeat-x left top; }
#footer_inner { width: 960px; margin: 0 auto; }

.fBox { float: left; width: 139px; min-height: 15em; _height: 15em; padding: 0 10px 0; border-left: solid 1px #ccc; }
* html .fBox { margin: 0 -3px 0 0; }
.fBox li { display: inherit; padding: 0 0 0 10px; background: url(../img/img_top/blet_arrow_gray.gif) no-repeat left .4em; font-size: 85%; }
.fBox dt { font-size: 85%; font-weight: bold; color: #666; }
.fBox dd { padding: 0 0 0 10px; background: url(../img/img_top/blet_dot.gif) no-repeat left center; font-size: 85%; }

.fBox li a,
.fBox dd a
{ color: #666; }

address { height: 20px; margin: 20px 0 0; background: url(../img/img_top/copy.png) no-repeat center bottom; }



/* hac:clearfix */
#contents:after,
#maincontent:after,
#footer_inner:after,
.footer_guide:after
{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

#contents,
#maincontent,
#footer_inner,
.footer_guide
{ display: inline-block; }

/* exlude MacIE5 \*/

* html #contents,
* html #maincontent,
* html #footer_inner,
* html .footer_guide
{ height: 1% }

#contents,
#maincontent,
#footer_inner,
.footer_guide
{display:block;}
/* end MacIE5 */


/* ---------------------------------------imgRead---------------------------------------- */
.bg {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

.ie_bg {
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}