@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: 0.83em; }


/* 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; }
#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 ul { position: absolute; top: 10px; right: 5px; height: 20px; }
#header li { display: inline; padding: 0 3px; }


/* 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 { margin: 0; padding: 0; font-size: 0; line-height: 0; }

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

.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; }

.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; }


/* 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
{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

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

/* exlude MacIE5 \*/

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

#contents,
#maincontent,
#footer_inner
{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;
}