@charset "utf-8";

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

初期設定

--------------------------------------------------------------------------------------------*/
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,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; font-size: 1px; height: 5px;}

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;}
.txtright { text-align: right;}


address { font-style: normal;}

body { margin: 0; padding: 0; font-family: "メイリオ","Meiryo","MS UI Gothic",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size: 82%; width: 100%; text-align: center; color: #303030;}


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


.hrline { clear: both; margin-bottom: 10px; height: 10px; border-bottom: 1px dotted #CCCCCC;}
.hrline hr { display: none;}


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

背景設定

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

#wrap { background: url(../../imgs/bg_main.jpg) top center no-repeat; width: 100%;}



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

ヘッダー

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

#header { height: 130px; background: url(../../imgs/bg_header.jpg) bottom repeat-x;}
#header-line { background: #62b9f5; font-size: 1px; line-height: 1px; height: 4px; border-bottom: 1px solid #FFFFFF;}
#header-inner { height: 98px; width: 960px; margin-left: auto; margin-right: auto; text-align: left; position: relative;}

#logo { width: 312px; height: 130px; background: url(../../imgs/logo.png) bottom left no-repeat;}
#logo a { width: 312px; height: 130px; background: url(../../imgs/logo.png) bottom left no-repeat; text-indent: -9999px; display: block;}
#header h1 { width: 312px; height: 98px;} /*トップページのみ*/



/* ヘッダナビゲーション */
#ml { width: 410px; position: absolute; top: 8px; left: 554px;}
#ml ul { margin:0; padding: 0;}
#ml ul li { margin-right: 10px; padding: 0; float: left; list-style: none;}
#ml ul li a { background-repeat: no-repeat; height: 16px;}


#header-navi { width: 409px; height: 23px; position: absolute; top: 30px; left: 550px;}
#header-navi ul { margin:0; padding: 0;}
#header-navi ul li { margin: 0; padding: 0; float: left; height: 23px; list-style: none;}
#header-navi ul li a { display: block; background-repeat: no-repeat; height: 23px; text-indent: -9999px;}

#header-navi-qanda { width: 63px; background: url(../../imgs/hnavi_qanda.png) top left;}
#header-navi-about { width: 155px; background: url(../../imgs/hnavi_about.png) top left;}
#header-navi-inquiry { width: 100px; background: url(../../imgs/hnavi_inquiry.png) top left;}
#header-navi-sitemap { width: 90px; background: url(../../imgs/hnavi_sitemap.png) top left;}

#header-navi-qanda a { width: 63px; background: url(../../imgs/hnavi_qanda.png) top left;}
#header-navi-about a { width: 155px; background: url(../../imgs/hnavi_about.png) top left;}
#header-navi-inquiry a { width: 100px; background: url(../../imgs/hnavi_inquiry.png) top left;}
#header-navi-sitemap a { width: 90px; background: url(../../imgs/hnavi_sitemap.png) top left;}


/* フォントチェンジャー */
#fontchanger { width: 252px; height: 21px; position: absolute; top:64px; left: 708px;}

#fstitle { display: inline; float: left;}

#fontchanger li { height: 23px; float: left; list-style: none;}
#fontchanger li a { height: 23px; display: block; text-indent: -9999px;}
#fsstandard a { background: url(../../imgs/btn_fc_normal.png) no-repeat; width:56px;}
#fslarge a { background: url(../../imgs/btn_fc_large.png) no-repeat; width:56px;}
#fsexlarge a { background: url(../../imgs/btn_fc_exlarge.png) no-repeat; width:55px;}
#fsstandard a:hover { background: url(../../imgs/btn_fc_normal_on.png) no-repeat; width:56px;}
#fslarge a:hover { background: url(../../imgs/btn_fc_large_on.png) no-repeat; width:56px;}
#fsexlarge a:hover { background: url(../../imgs/btn_fc_exlarge_on.png) no-repeat; width:55px;}

/* サイト内検索 */

#sitesearch { height: 24px; width: 250px; position: absolute; top: 95px; left: 710px;}
#sitesearch table { border: none; border-collapse: collapse;}
#sitesearch #searchinput { height: 22px; border: 1px solid #e6e6e6 !important; background: #f3f3f3; width: 161px; padding: 0 !important;}



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

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

--------------------------------------------------------------------------------------------*/
#gnavi { height: 41px; background: url(../../imgs/bg_gnavi.png) top left repeat-x;}
#gnavi-inner { width: 960px; margin-left: auto; margin-right: auto;}

#gnavi-inner ul { margin: 0; padding: 0;}
#gnavi-inner ul li { height: 41px; width: 160px; float: left; margin: 0; padding: 0; list-style: none;}
#gnavi-inner ul li a { height: 41px; width: 160px; display: block; background-repeat: no-repeat; text-indent: -9999px;}

#gnavi-tourism { background: url(../../imgs/gnavi_tourism.png) top left;}
#gnavi-event { background: url(../../imgs/gnavi_event.png) top left;}
#gnavi-stay { background: url(../../imgs/gnavi_stay.png) top left;}
#gnavi-gourmet { background: url(../../imgs/gnavi_gourmet.png) top left;}
#gnavi-special { background: url(../../imgs/gnavi_special.png) top left;}
#gnavi-access { background: url(../../imgs/gnavi_access.png) top left;}

#gnavi-tourism a { background: url(../../imgs/gnavi_tourism.png) top left;}
#gnavi-event a { background: url(../../imgs/gnavi_event.png) top left;}
#gnavi-stay a { background: url(../../imgs/gnavi_stay.png) top left;}
#gnavi-gourmet a { background: url(../../imgs/gnavi_gourmet.png) top left;}
#gnavi-special a { background: url(../../imgs/gnavi_special.png) top left;}
#gnavi-access a { background: url(../../imgs/gnavi_access.png) top left;}

#gnavi-tourism.on a,#gnavi-tourism.on a:hover { background: url(../../imgs/gnavi_tourism_on.png) top left;}
#gnavi-event.on a,#gnavi-event.on a:hover { background: url(../../imgs/gnavi_event_on.png) top left;}
#gnavi-stay.on a,#gnavi-stay.on a:hover { background: url(../../imgs/gnavi_stay_on.png) top left;}
#gnavi-gourmet.on a,#gnavi-gourmet.on a:hover { background: url(../../imgs/gnavi_gourmet_on.png) top left;}
#gnavi-special.on a,#gnavi-special.on a:hover { background: url(../../imgs/gnavi_special_on.png) top left;}
#gnavi-access.on a,#gnavi-access.on a:hover { background: url(../../imgs/gnavi_access_on.png) top left;}

#gnavi-tourism a:hover { background: url(../../imgs/gnavi_tourism_over.png) top left;}
#gnavi-event a:hover { background: url(../../imgs/gnavi_event_over.png) top left;}
#gnavi-stay a:hover { background: url(../../imgs/gnavi_stay_over.png) top left;}
#gnavi-gourmet a:hover { background: url(../../imgs/gnavi_gourmet_over.png) top left;}
#gnavi-special a:hover { background: url(../../imgs/gnavi_special_over.png) top left;}
#gnavi-access a:hover { background: url(../../imgs/gnavi_access_over.png) top left;}


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

本文格納

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

#contents { width: 940px; margin-left: auto; margin-right: auto; text-align: justify; -ms-text-justify: inter-ideograph;}








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

イベントカレンダー

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

#event-calendar { margin-bottom: 3px;}
#about-navi-box { margin-bottom: 5px;}
#about-navi-box li { margin-bottom: 1px; list-style: none;}



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

フッタ

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

#footer { clear: both; text-align: left; padding-top: 20px; position: relative; background: #FFF;}

#footer #footer-pagetop { width: 134px; height: 47px; position: absolute; top: 0; left: 801px;}

#footer #footer-link { background: #f6f6f6; padding: 10px; font-size: 75%; line-height: 140%;}
#footer p { width: 790px;}
#footer address { font-style: normal; padding: 10px; background: #dee7ee; font-size: 85%;}
#footer #copyright { height: 37px; width: 940px; background: #7ea6c2 url(../../imgs/img_copyright.png) top left no-repeat;}
#footer #copyright p { height: 37px; width: 940px; text-indent: -9999px; padding: 0; background: none;}

#bg-bottom { background: url(../../imgs/bg_footer.jpg) center bottom no-repeat;}





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

マージン

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

.mgl05px { margin-left: 5px;}
.mgl10px { margin-left: 10px;}
.mgl15px { margin-left: 15px;}
.mgl20px { margin-left: 20px;}
.mgl25px { margin-left: 25px;}

.mgr05px { margin-right: 5px;}
.mgr10px { margin-right: 10px;}
.mgr15px { margin-right: 15px;}
.mgr20px { margin-right: 20px;}
.mgr25px { margin-right: 25px;}

#contents-inner .mgb00px { margin-bottom: 0;}
.mgb05px { margin-bottom: 5px;}
.mgb10px { margin-bottom: 10px;}
.mgb15px { margin-bottom: 15px;}
.mgb20px { margin-bottom: 20px;}
.mgb25px { margin-bottom: 25px;}

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

テキストカラー

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

.txtclrorg1 { color: #FDEBCA;}
.txtclrorg2 { color: #F0B62F;}
.txtclrorg3 { color: #F7B70F;}

.txtclrred1 { color: #FFDDDE;}
.txtclrred2 { color: #FF4242;}
.txtclrred3 { color: #D20005;}

.txtclrgrn1 { color: #EBF8D6;}
.txtclrgrn2 { color: #CAD297;}
.txtclrgrn3 { color: #829B28;}

.txtclrble3 { color: #06C;}

.txtclrgray1 { color: #F3F3F3;}
.txtclrgray2 { color: #DFDFDF;}
.txtclrgray3 { color: #A5A5A5;}


.bgcolorgrn01 { background-color: #DAF2B0;}
.bgcolorgrn02 { background-color: #CADE96;}

.bgcoloryel01 { background-color: #FDEC9D;}
.bgcoloryel02 { background-color: #FFF5D9;}
.bgcolorred01 { background-color: #FFDDDD;}
.bgcolororg01 { background-color: #FDD7A4;}


.bgcolorgray1 { background-color: #F3F3F3;}
.bgcolorgray2 { background-color: #DFDFDF;}
.bgcolorgray3 { background-color: #A5A5A5;}


.bgcolorblue1 { background-color: #b0e3fd;}
.bgcolorblue2 { background-color: #96ceeb;}
.bgcolorblue3 { background-color: #7ebcdb;}