@charset "utf-8";



@media print {

body {
zoom: 80%; /* WinIE only */
}
}


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

ヘッダ

--------------------------------------------------------------------------------------------*/
#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.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;}




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

初期設定

--------------------------------------------------------------------------------------------*/
body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,embed,object { margin: 0; padding: 0; vertical-align: baseline; }

img { border: 0; vertical-align: middle;}

input { font-size: 100%;}
textarea { font-size: 100%;}

.fleft { float: left;}
.fright { float: right;}

a { text-decoration: none;}
a:link { color: #3389B6; text-decoration: none;}
a:hover { text-decoration: underline; color:#186993;}

.clear { clear: both;}

a {
/**/
	overflow: hidden;
/**/
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p img { vertical-align: middle;}
a img { vertical-align: middle;}

.center { text-align: center;}


address { font-style: normal;}

body { background: #f3efe2 url(../imgs/bg_main.jpg); margin: 0; padding: 0; font-size: 80%; width: 100%; color: #252525; text-align: center;}


h1 { font-size: 100%;}
h2 { font-size: 100%; clear: both; margin-top: 0.5em; margin-bottom: 0.5em;}
h3 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h4 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h5 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}







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

背景設定

--------------------------------------------------------------------------------------------*/
#wrap {}


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

グローバルナビゲーション

--------------------------------------------------------------------------------------------*/
#global { height: 69px; background: url(../imgs/bg_gnav.gif) top repeat-x; width: 100%;}

#global ul { width: 900px; margin-left: auto; margin-right: auto; height: 69px; background: url(../imgs/bg_gnav.gif) top repeat-x;}
#global li { list-style: none;}

#global #navHome { width: 180px; height: 69px; float: left; display: block;}
#global #navAbout { width: 180px; height: 69px; float: left; display: block;}
#global #navSearch { width: 180px; height: 69px; float: left; display: block;}
#global #navAccess { width: 180px; height: 69px; float: left; display: block;}
#global #navContact { width: 180px; height: 69px; float: left; display: block;}

#global #navHome a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_home.gif); text-indent: -9999px;}
#global #navAbout a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_about.gif); text-indent: -9999px;}
#global #navSearch a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_search.gif); text-indent: -9999px;}
#global #navAccess a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_access.gif); text-indent: -9999px;}
#global #navContact a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_contact.gif); text-indent: -9999px;}

#home #global #navHome a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_home_on.gif); text-indent: -9999px;}
#about #global #navAbout a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_about_on.gif); text-indent: -9999px;}
#search #global #navSearch a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_search_on.gif); text-indent: -9999px;}
#detail #global #navSearch a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_search_on.gif); text-indent: -9999px;}
#access #global #navAccess a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_access_on.gif); text-indent: -9999px;}
#contact #global #navContact a { width: 180px; height: 69px; display: block; background: url(../imgs/gnav_contact_on.gif); text-indent: -9999px;}

#gnavShadow { background:url(../imgs/img_gnav_btm.gif) top center no-repeat; height: 10px; font-size: 1px; width: 100%;}






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

フッタ

--------------------------------------------------------------------------------------------*/
#footer { width: 910px; margin-left: auto; margin-right: auto; height: 80px; margin-top: 10px;}
#ftrCopyright { background: url(../imgs/img_copyright.gif) no-repeat; width: 910px; height: 37px; display: block;}
#ftrCopyright p { display: none;}
#footer p { padding: 4px; margin-left: 10px; color: #6d510e; text-align: left;}



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

ピックアップ

--------------------------------------------------------------------------------------------*/
#columnRightBody h2 { margin:0 0 0.2em 0;}
ul#pickuplist { margin-bottom: 5px;}
ul#pickuplist li { margin-bottom: 1px; list-style: none;}

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

クチコミ

--------------------------------------------------------------------------------------------*/
#review table { margin-bottom: 5px; background: #f7f7f7; border-top: 1px solid #e4e4e4;}
#review table .trcolorOn { margin-bottom: 5px; background:#fcfcfc;}
#review table td { padding: 5px; border-bottom: 1px solid #e4e4e4;}

#review table td h3,#review table td p { margin-top: 0.2em; margin-bottom: 0.2em;}

#review h3 a { color: #0099FF;}
#review h3 a:hover { color: #666666;}

#review p a { color: #666666;}
#review p a:hover { color: #0066CC;}

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

バナー

--------------------------------------------------------------------------------------------*/
#banner { background: #f1f1f1; padding: 3px;}
#banner li {padding: 1px; list-style: none;}





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

文字体裁

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