@charset "utf-8";



/*--------------------------------------------------------------------------------------------

ヘッダ

--------------------------------------------------------------------------------------------*/
#header { background: url(../imgs/bg_topheader.jpg) center top no-repeat; height: 390px; width: 100%;}

/*--------------------------------------------------------------------------------------------

カラム設定

--------------------------------------------------------------------------------------------*/
#container { width: 910px; margin-left: auto; margin-right: auto; clear: both; text-align: left; /*background:url(../imgs/img_rightarea_btm.gif) right bottom repeat-y;*/}
#container #columnLeft { width: 602px; float: left;}
#container #columnRight { width: 297px; float: right; background: url(../imgs/img_rightarea_bg.gif) repeat-y; text-align: center;}


#container #columnRight #columnRightTop { background: url(../imgs/img_rightarea_top.gif) top left no-repeat; height: 8px; font-size: 1px; line-height: 2px;}
#container #columnRight #columnRightBody { width: 281px; margin-left: auto; margin-right: auto; text-align: left;}
#container #columnRight #columnRightBtm { /*background: url(../imgs/img_rightarea_btm.gif) bottom left no-repeat;*/ height: 8px; font-size: 1px; line-height: 2px;}



#topicsarea { background: url(../imgs/img_topicsarea_bg.gif) left top;}
#topicsareabtm { background: url(../imgs/img_topicsarea_btm.gif) left bottom no-repeat; height: 8px; clear: both;}



/*--------------------------------------------------------------------------------------------

インデックス お知らせ

--------------------------------------------------------------------------------------------*/
#news { background: url(../imgs/img_leftarea_bg.gif) left top; text-align:center;}
#news .boxtop { background: url(../imgs/img_leftarea_top.gif) left top no-repeat; height: 8px; line-height:1px; font-size: 1px; overflow: hidden;}
#news .boxbody { width: 586px; margin-left: auto; margin-right: auto; text-align: left;}
#news .boxbtm { background: url(../imgs/img_leftarea_btm.gif) left bottom no-repeat; height: 8px; line-height:1px; font-size: 1px; overflow: hidden;}

#news h2 { margin: 0;}

#news table { margin-top: 3px;}
#news table td { vertical-align: top; padding: 3px; border-bottom: 1px solid #FFFFFF; color: #555555;}
#news table th { vertical-align: top; padding: 3px; border-bottom: 1px solid #FFFFFF;}

#news .trcolorOff { background: #f4f4f4;}
#news .trcolorOn { background: #e7e6de;}
#news td.cityWest { background: #b57fbb; text-align: center; color: #FFFFFF; width: 15%;}
#news td.cityNorth { background: #97cd2f; text-align: center; color: #FFFFFF; width: 15%;}
#news td.cityCentral { background: #e88e00; text-align: center; color: #FFFFFF; width: 15%;}
#news td.citySouth { background: #60a9af; text-align: center; color: #FFFFFF; width: 15%;}
#news td.cityAppeal { background: #990000; text-align: center; color: #FFFFFF; width: 15%;}
#news td.section { background: #d90000; text-align: center; color: #FFFFFF; width: 15%;}
#news td.day { text-align: center;}






/*--------------------------------------------------------------------------------------------

インデックス スケジュール

--------------------------------------------------------------------------------------------*/
#schedule { background: url(../imgs/img_leftarea_bg.gif) left top; text-align: center;}
#schedule .boxtop { background: url(../imgs/img_leftarea_top.gif) left top no-repeat; height: 8px; line-height:1px; font-size: 1px; overflow: hidden;}
#schedule .boxbody { width: 586px; margin-left: auto; margin-right: auto; text-align: left;}
#schedule .boxbtm { /*background: url(../imgs/img_leftarea_btm.gif) left bottom no-repeat;*/ height: 1px; line-height:1px; font-size: 1px; overflow: hidden; clear:both;}

#schedule h2 { margin: 0;}

#schedule table { width: 193px; float: left; margin-top: 2px; margin-left: 1px; margin-right: 1px;}
#schedule table td { border-bottom: 1px solid #FFFFFF; font-size: 85%;}
#schedule table td a { color: #FFFFFF;}
#schedule table td h3 { margin: 0; padding: 0; font-weight: normal;}
#schedule table + table {}
#schedule table .photo {}
#schedule table .festitle { padding: 2px; background: #383838; color: #FFFFFF; text-align: center; height: 34px;}
#schedule table .city { padding: 2px; background: #e7e6de; border-right: 1px solid #FFFFFF; width: 30%; text-align: center; height: 34px;}
#schedule table .day { padding: 2px; background: #e7e6de; color: #69643e; text-align: center; height: 34px;}

#schedule td.cityWest { background: #b57fbb; text-align: center; color: #FFFFFF; width: 30%;}
#schedule td.cityNorth { background: #97cd2f; text-align: center; color: #FFFFFF; width: 30%;}
#schedule td.cityCentral { background: #e88e00; text-align: center; color: #FFFFFF; width: 30%;}
#schedule td.citySouth { background: #60a9af; text-align: center; color: #FFFFFF; width: 30%;}
#schedule td.section { background: #d90000; text-align: center; color: #FFFFFF; width: 30%;}

#schedule .clear { height: 3px; line-height: 3px; font-size: 1px;}


/*--------------------------------------------------------------------------------------------

インデックス エリア一覧

--------------------------------------------------------------------------------------------*/
#areaList { width: 910px; margin-left: auto; margin-right: auto; background: url(../imgs/img_area_bg.gif); margin-top: 8px; margin-bottom: 8px;}
#areaList .boxtop { background: url(../imgs/img_area_top.gif) left top no-repeat; height: 8px; line-height:1px; font-size: 1px; overflow: hidden;}
#areaList .boxbody { width: 894px; margin-left: auto; margin-right: auto; text-align: left;}
#areaList .boxbtm { background: url(../imgs/img_area_btm.gif) left bottom no-repeat; height: 8px; line-height:1px; font-size: 1px; overflow: hidden; clear: both;}

#areaList h2 { margin: 0;}
#areaList h3 { margin:1em 0 0.5em 0;}
#areaList p { line-height: 130%; font-size: 82%; margin-bottom: 1em;}

#areaListtxt { width: 430px; float: left; margin-left: 10px; margin-right: 10px;}






/*--------------------------------------------------------------------------------------------

ピックアップ

--------------------------------------------------------------------------------------------*/
#pickup {}
#pickup .title { background: url(../imgs/img_ttl_pickup.gif) left no-repeat; width: 281px; height: 32px; margin-bottom: 2px;}
#pickup h2 { text-indent: -9999px; display: block; width: 281px; height: 32px;}






/*--------------------------------------------------------------------------------------------

クチコミ

--------------------------------------------------------------------------------------------*/
#review {}
#reviewtitle { background: url(../imgs/img_ttl_review.gif) left no-repeat; width: 281px; height: 32px; margin-bottom: 2px; clear: both;}
#reviewtitle h2 { text-indent: -9999px; display: block; width: 281px; height: 32px;}

#review h3 { margin-top: 0.1em; margin-bottom: 0.2em; line-height: 120%; font-size: 85%; font-weight: normal; background: url(../imgs/icon_review.gif) no-repeat top left; padding-left: 15px;}
#review p { margin-top: 0.1em; margin-bottom: 0.1em; line-height: 120%; font-size: 85%; color: #666666;}




/*--------------------------------------------------------------------------------------------

エクストラ

--------------------------------------------------------------------------------------------*/
#columnRight #extra { margin-top: 5px;}
#columnRight #extra .box { clear: both; border-bottom: 1px dotted #CCCCCC; margin-bottom: 6px;}
#columnRight #extra .box img { border: 1px solid #CCCCCC; float: left;}
#columnRight #extra .box .boxbody { width: 200px; float: right; font-size: 90%;}
#columnRight #extra .box .boxbody h3 { font-size: 100%; margin-top: 0; margin-bottom: 0.2em;}
#columnRight #extra .box .boxbody p { font-size: 85%; color: #666666; line-height: 130%;}
#columnRight #extra .box .boxbtm { clear: both; height: 6px; font-size: 1px;}