@charset "utf-8";



h1,h2,h3,h4,h5,
p,ul,ol,dl,li,dd,dt { margin: 0; padding: 0;}

.clear { display: block; clear: both;}

a { color: #439FBE; text-decoration: none;}
a:hover { color: #439FBE; text-decoration: underline;}



img { border: 0;}

body {font-size: 75%; margin: 0; padding: 0; text-align: center; font-family: 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,sans-serif,'ＭＳ Ｐゴシック' ; color: #484848;}






#headcopy { background: url(../imgs/bg_header.gif) bottom repeat-x;}
#headcopy strong { width: 780px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; display: block; margin: 0 auto; text-align: right; color: #979A88; font-size: 85%;}



#bgset { background: url(../imgs/bg_main.gif) top repeat-x; width: 100%; text-align: center;}


#container { width: 780px; margin: 0 auto; text-align: center;}

#header { width: 780px; text-align: left; position: relative; background: url(../imgs/bg_headmain.gif) no-repeat bottom;}
#header ul { float: left; display: block; width: 250px; position: absolute; top: 17px; right: 0;}
#header ul li { float: left; list-style: none;}


#subheader { width: 780px; text-align: left; position: relative; background: url(../imgs/bg_subhead.gif) no-repeat bottom;}
#subheader ul { float: left; display: block; width: 250px; position: absolute; top: 17px; right: 0;}
#subheader ul li { float: left; list-style: none;}


#idxleft { float: left; width: 451px; text-align: left;}



#idxbnr01 { display: block; margin-bottom: 5px;}
#idxbnr02 { display: block; margin-bottom: 8px;}


#idxspotlist { width: 451px; text-align: left; background: url(../imgs/bg_spotlist.gif) repeat-y; margin-bottom: 8px;}
#idxspotlist h3 { width: 433px; margin: 0 auto; clear: both; display: block;}
#idxspotlistbody { width: 433px; margin: 0 auto;}
#idxspotlistbody table.grmlst a { background: url(../imgs/list_01.gif) no-repeat 0 0.2em; padding-left: 13px; }
#idxspotlistbody table.joyfullst a { background: url(../imgs/list_02.gif) no-repeat 0 0.2em; padding-left: 13px; }
#idxspotlistbody table.othlst a { background: url(../imgs/list_03.gif) no-repeat 0 0.2em; padding-left: 13px; }

.grmlst {}
.joyfullst {}
.othlst {}


table#news { width: 100%; border-collapse: collapse;}
table#news th { font-weight: normal; color: #757575; background: url(../imgs/line_news.gif) bottom no-repeat; padding: 7px 0;}
table#news td { font-weight: normal; color: #757575; background: url(../imgs/line_news.gif) bottom no-repeat; padding: 7px 0;}




#idxright { float: right; width: 329px;}

#idxrightbnr { margin-bottom: 5px;}

#idxright table { float: right; clear: both;}
#idxright table td { vertical-align: top; text-align: left; font-size: 80%;}
#idxright table div { margin: 0 auto; width: 140px;}


#idxrightbody { display: block; float: right; width: 308px;}

#bnrarea { border: 1px solid #DCDCDC; display: block; background: #F8F8F8; clear: both; width: 780px; border-collapse: collapse; margin-top: 10px; margin-bottom: 10px;}
#bnrarea td { text-align: center; width: 33%; padding-top: 5px; padding-bottom: 5px;}


#footer { padding: 10px; text-align: center; font-size: 80%;}


#imgsubmain { margin-bottom: 10px;}

#snavi { width: 189px; float: left;}
#snavi ul { display: block; margin-bottom: 5px;}
#snavi li { width: 189px; display: block;}
#snavi a { width: 189px; text-indent: -9999px; display: block;}

#snavi01 { background: url(../imgs/snavi_01.gif) top no-repeat; height: 78px;}
#snavi02 { background: url(../imgs/snavi_02.gif) top no-repeat; height: 78px; margin-bottom: 3px;}
#snavi03 { background: url(../imgs/snavi_03.gif) top no-repeat; height: 27px; margin-bottom: 1px;}
#snavi04 { background: url(../imgs/snavi_04.gif) top no-repeat; height: 27px;}
#snavi05 { background: url(../imgs/snavi_05.gif) top no-repeat; height: 68px;}

#snavi01 a { background: url(../imgs/snavi_01.gif) top no-repeat; height: 78px;}
#snavi02 a { background: url(../imgs/snavi_02.gif) top no-repeat; height: 78px;}
#snavi03 a { background: url(../imgs/snavi_03.gif) top no-repeat; height: 27px;}
#snavi04 a { background: url(../imgs/snavi_04.gif) top no-repeat; height: 27px;}
#snavi05 a { background: url(../imgs/snavi_05.gif) top no-repeat; height: 68px;}

#modile { background: url(../imgs/bg_mobile.gif) repeat-y; width: 189px;}
#modilebody { padding: 0 5px; text-align: left; }
#modilebody img { float: left;}
#modilebody p { float: right; width: 80px; font-size: 80%; line-height: 130%;}
#snavi #modile #modilebtm { width: 189px; background: url(../imgs/snavi_mobilebtm.gif) bottom no-repeat; width: 189px; height: 6px; font-size: 1px; line-height: 2px; clear: both;}


#subbody { width: 572px; float: right; background: #FFF url(../imgs/bg_contents.gif) top no-repeat; text-align: left;}

#subbody h1 { margin-bottom: 0.5em;}

#subbodymain { margin-left: 15px; width: 542px;}

#subbodymain h2 { padding-left: 40px; margin-bottom: 10px; font-size: 130%; clear:both; background: url(../imgs/bg_h2.gif) top left no-repeat; line-height: 34px; color: #729A3A;}
#subbodymain p { line-height: 130%; margin-bottom: 0.3em;}


#subbodymain h3 { background: url(../imgs/bg_h3.gif) 0 0.1em no-repeat; no-repeat; padding-top: 3px; margin-top: 10px; padding-bottom: 3px; padding-left: 20px; font-size: 120%; color: #009900;}

#subbodymain h3.spotinfo { color: #00CC66; margin-top: 10px; padding: 0;}
#subbodymain h3.spotmap { color: #00CC66; margin-top: 10px; padding: 0;}

#mainbottom { height: 70px; display: block; padding-top: 10px; width: 100%; clear: both;}

.spotinfotable { border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; width: 100%;}
.spotinfotable th { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 4px; background: #F7F7F4; white-space: nowrap; text-align: center; font-weight: normal; color: #80806B;}
.spotinfotable td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 4px;}


br.clear { width:542px; height: 5px; line-height: 5px; display: block; clear: both; }


.spotleft { float: left; width: 325px;}
.spotright { float: right; width: 200px;}

.spotright { margin-top: 10px;}
.spotright img { margin-bottom: 3px;}

.copy { font-size: 80%; color:#777777; margin-top: 0.2em;}


.qrcode { background: url(../spot/imgs/img_qr02.gif) repeat-y left;}
.qrcode img { text-align: center; margin: 0 auto; display: block;}
.qrcode .top { background: url(../spot/imgs/img_qr01.gif) no-repeat top; font-size: 1px; line-height: 2px; height: 24px;}
.qrcode .btm { background: url(../spot/imgs/img_qr03.gif) no-repeat bottom; font-size: 1px; line-height: 2px; height: 5px;}


#subbodymain {}


#guidemaplist { width: 225px; float: right;}
#guidemaplist img { display: block;}
#guidemaplist ul li { margin-left: 25px;}
#subbodymain #guidemaplist h2 { margin-bottom: 0; border-bottom: none; background: none; padding: 0;}



.coupon { background: url(../spot/imgs/img_coupon02.gif) repeat-y; margin-top: 5px;}
.coupon .top { margin-bottom: 3px;}
.coupon p { margin-left: 10px; margin-right: 10px;}
.coupon .btm { background: url(../spot/imgs/img_coupon03.gif) no-repeat bottom; font-size: 1px; line-height: 2px; height: 8px;}

#eventinfo01 { background: url(../report/imgs/vol01/img_02.gif) left repeat-y; margin-bottom: 10px; margin-top: 7px;}
#eventinfo01 .boxbody { margin-left: 12px; margin-right: 12px;}
#eventinfo01 .boxbody h3 { background: url(../imgs/spacer.gif); padding-left: 0; border-bottom: 1px dotted #D3C1C1; margin-bottom: 0.2em; color: #B48181;}
#eventinfo01 .btm { background: url(../report/imgs/vol01/img_03.gif) no-repeat bottom; height: 10px; line-height: 2px; font-size: 1px; display: block; clear: both;}


.repVol01sty01 {}
.repVol01sty01 td { vertical-align: top; line-height: 120%; font-size: 85%; padding-bottom: 5px;}
.repVol01sty01 td strong { font-size: 120%; color:#CC3300;}

#subbodymain ul li { margin-left: 25px;}
ul.list01 { margin-top: 0.3em; margin-bottom: 0.7em;}
ul.list01 li { list-style-image: url(../imgs/list_01.gif); margin-bottom: 0.4em;}
ul.list02 { margin-top: 0.3em; margin-bottom: 0.7em;}
ul.list02 li { list-style-image: url(../imgs/list_02.gif); margin-bottom: 0.4em;}
ul.list03 { margin-top: 0.3em; margin-bottom: 0.7em;}
ul.list03 li { list-style-image: url(../imgs/list_03.gif); margin-bottom: 0.4em;}


@charset "utf-8";

body {
}

.left { float: left;}
.right { float: right;}








.table01 { border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-collapse: collapse; width: 100%;}
.table01 td { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse: collapse; padding: 5px;}
.table01 th { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse: collapse; padding: 5px;}

.table02 { border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-collapse: collapse; width: 100%;}
.table02 td { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse: collapse; padding: 5px;}
.table02 th { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse: collapse; padding: 5px; background: #EDF3DA; color:#8A9742; font-weight: normal;}



.telephone { border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-collapse: collapse; width: 100%; margin-bottom: 1em;}
.telephone td { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse: collapse; padding: 5px;}
.telephone th { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse: collapse; padding: 5px; background: #E7F2CC; color: #5C6031; font-weight: normal;}