@charset "utf-8";
/* 共通CSS -----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
/* よく登場する要素のリセット -----------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}
/* テキストエリア内文字サイズのブラウザ間での差異をなくす -----------------------------------------------*/
textarea { font-size: 100%; }
/* 画像の下にできる隙間をなくす -----------------------------------------------*/
img {	vertical-align: bottom;}
/* リンク表示リセット -----------------------------------------------*/
a {
	text-decoration: none;
	outline: none;
	overflow: hidden;
	color:#06C;
}
a:link { color:#06C; }
a:visited { color:#06C; }
a:hover { color:#F90; }
a:active { color:#06C; }

/* table内の文字を通常フォントにする -----------------------------------------------*/
table {	font-size: 1.0em;}
/* ↓ color 全ページ共通 ----↓ -----------------------------------------------*/
.f_red { color:#C30;}
.f_red_b {
	color: #CC0000;
	font-weight: bold;
}
.f_blue_b {
	color: #084ff0;
	font-weight: bold;
}
.f_orange { color:#ffa200;}
.f_brown { color: #960;}
.f_gray { color: #CCC;}
.f_bold { font-weight: bold;}
.bg_blue { background-color: #EEF9FF;}
.bg_gray { background-color: #EFEFEF; }
.bg_yellow { background-color: #FFFEEE; }
.bg_white { background-color: #FFFFFF; }
.bg_pink { background-color: #fee6fe; }
.text_left { text-align: left;}
.text_right { text-align: right;}
.text_center { text-align: center;}
/* ↓ カレンダー・代金共通 ---------------------------------------------------*/
.a { background: #FDACB2;}
.a_bg { background: #FDACB2 url(../img/calender/a_bg.gif) no-repeat center bottom;}
.b { background: #FED966;}
.b_bg { background: #FED966 url(../img/calender/b_bg.gif) no-repeat center bottom;}
.c { background: #D3EF76;}
.c_bg { background: #D3EF76 url(../img/calender/c_bg.gif) no-repeat center bottom;}
.d { background: #FEFE9A;}
.d_bg { background: #FEFE9A url(../img/calender/d_bg.gif) no-repeat center bottom;}
.e { background: #A0D7F5;}
.e_bg { background: #A0D7F5 url(../img/calender/e_bg.gif) no-repeat center bottom;}
.f { background: #FECEFF;}
.f_bg { background: #FECEFF url(../img/calender/f_bg.gif) no-repeat center bottom;}
.g { background: #D7CDF2;}
.g_bg { background: #D7CDF2 url(../img/calender/g_bg.gif) no-repeat center bottom;}
.h { background: #CDE5FF;}
.h_bg { background: #CDE5FF url(../img/calender/h_bg.gif) no-repeat center bottom;}
.i { background: #FEF9DC;}
.i_bg { background: #FEF9DC url(../img/calender/i_bg.gif) no-repeat center bottom;}
.j { background: #FF9B60;}
.j_bg { background: #FF9B60 url(../img/calender/j_bg.gif) no-repeat center bottom;}
.k { background: #A4CD6F;}
.k_bg { background: #A4CD6F url(../img/calender/k_bg.gif) no-repeat center bottom;}
.l { background: #9ECDBB;}
.l_bg { background: #9ECDBB url(../img/calender/l_bg.gif) no-repeat center bottom;}
.m { background: #FFCCCB;}
.m_bg { background: #FFCCCB url(../img/calender/m_bg.gif) no-repeat center bottom;}
.n { background: #D2FCE8;}
.n_bg { background: #D2FCE8 url(../img/calender/n_bg.gif) no-repeat center bottom;}
.o { background: #EAA2F6;}
.o_bg { background: #EAA2F6 url(../img/calender/o_bg.gif) no-repeat center bottom;}
.p { background: #FEDE87;}
.p_bg { background: #FEDE87 url(../img/calender/p_bg.gif) no-repeat center bottom;}
.q { background: #FF926D;}
.q_bg { background: #FF926D url(../img/calender/q_bg.gif) no-repeat center bottom;}
.r { background: #FFDB34;}
.r_bg { background: #FFDB34 url(../img/calender/r_bg.gif) no-repeat center bottom;}
.s { background: #E6F46D;}
.s_bg { background: #E6F46D url(../img/calender/s_bg.gif) no-repeat center bottom;}
.t { background: #D6FAB4;}
.t_bg { background: #D6FAB4 url(../img/calender/t_bg.gif) no-repeat center bottom;}
.u { background: #81B877;}
.u_bg { background: #81B877 url(../img/calender/u_bg.gif) no-repeat center bottom;}
.v { background: #89C7DC;}
.v_bg { background: #89C7DC url(../img/calender/v_bg.gif) no-repeat center bottom;}
.w { background: #5D9CE9;}
.w_bg { background: #5D9CE9 url(../img/calender/w_bg.gif) no-repeat center bottom;}
.x { background: #FF839E;}
.x_bg { background: #FF839E url(../img/calender/x_bg.gif) no-repeat center bottom;}
.y { background: #BCA1D8;}
.y_bg { background: #BCA1D8 url(../img/calender/y_bg.gif) no-repeat center bottom;}
.z { background: #8EA4D6;}
.z_bg { background: #8EA4D6 url(../img/calender/z_bg.gif) no-repeat center bottom;}
/* body -----------------------------------------------*/
body {
	text-align: center;
	background: #FFD932;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "HG丸ゴシックM-PRO", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*#header -----------------------------------------------*/

#header_wrap {
	background: url(../image/common/header_bg1.gif) repeat-x top left;
}

#header {
	width: 1041px;
	margin: 0 auto;
	position: relative;
	background: url(../image/common/header_bg2.gif) repeat-x top left;
}
#header_top {
	width: 100%;
	height: 87px;
}
h1 {
	font-size: 10px;
	text-align: right;
}

div#header_top div#head_logo {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}
div#header_top  p.other_navi {
	position: absolute;
	top : 35px;
	right: 0px;
}
div#header_top p.other_navi a {
	padding: 0px 10px;
	font-size: 80%;
}
div#header_top ul.area_navi {
	position: absolute;
	top : 60px;
	right: 0px;
}
div#header_top ul.area_navi li {
	float: left;
	width: 106px;
	height: 27px;
	padding-right: 5px;
	text-indent: -9999px;
}
body.okinawa div#header_top ul.area_navi li.area_navi1 {
	background: url(../image/common/area_navi1_on.gif) no-repeat top left;
}
body.hokkaido div#header_top ul.area_navi li.area_navi1,
body.kyusyu div#header_top ul.area_navi li.area_navi1 {
	background: url(../image/common/area_navi1.gif) no-repeat top left;
}
body.kyusyu div#header_top ul.area_navi li.area_navi2 {
	background: url(../image/common/area_navi2_on.gif) no-repeat top left;
}
body.okinawa div#header_top ul.area_navi li.area_navi2,
body.hokkaido div#header_top ul.area_navi li.area_navi2 {
	background: url(../image/common/area_navi2.gif) no-repeat top left;
}
body.hokkaido div#header_top ul.area_navi li.area_navi3 {
	background: url(../image/common/area_navi3_on.gif) no-repeat top left;
}
body.okinawa div#header_top ul.area_navi li.area_navi3,
body.kyusyu div#header_top ul.area_navi li.area_navi3 {
	background: url(../image/common/area_navi3.gif) no-repeat top left;
}

div#header_top ul.area_navi li a {
	width: 106px;
	height: 24px;
	display:block;
}
div#header_top ul.area_navi li.area_navi1 a:hover {
	background: url(../image/common/area_navi1_on.gif) no-repeat top left;
}
div#header_top ul.area_navi li.area_navi2 a:hover {
	background: url(../image/common/area_navi2_on.gif) no-repeat top left;
}
div#header_top ul.area_navi li.area_navi3 a:hover {
	background: url(../image/common/area_navi3_on.gif) no-repeat top left;
}


/* #wrapper -----------------------------------------------*/

div#wrapper_bg {
	clear: both;
	width: 1041px;
	height: auto;
	margin: 0 auto;
	background: url(../image/common/wrapper_bg.gif) repeat-y top left;
}
div#wrapper {
	width: 1000px;
	margin-left: 41px;
}
h3 {
	padding:10px 20px;
}

/* #side -----------------------------------------------*/

div#side_wrap {
	float: left;
	width: 150px;
	margin-left: 20px;
	font-size: 80%;
	position: relative;
}
*html div#side_wrap {
	margin-left: 10px;
}
div.side_box {
	width: 100%;
	margin-bottom: 20px;
}

/* fontサイズ変更 */

div.font_size {
	width: 150px;
	height: 30px;
	margin-bottom: 3px;
	background: url(../image/common/side_fontsize.gif) no-repeat top left;
}
div.font_size ul {
	position: absolute;
	top: 3px;
	left: 89px;
}
div.font_size li {
	float:left;
}
div.font_size li.normal {
	margin-right: 4px;
}
div.font_size li.normal a:hover {
	background: url(../image/common/icon_normal_over.gif) no-repeat top left;
}
div.font_size li.big a:hover {
	background: url(../image/common/icon_big_over.gif) no-repeat top left;
}
div.font_size a { display:block; }
div.font_size a:hover { background-color:transparent; }
div.font_size a:hover img { visibility:hidden; }


/* サイト内検索 */

div.site_search {
	width: 150px;
	height: 99px;
	background: url(../image/common/side_search_box.gif) no-repeat top left;
	position: relative;
}
div.site_search input.text {
	position: absolute;
	top: 36px;
	left: 10px;
	width: 126px;
	padding: 2px;
	color: #666;
}
div.site_search input.grabutton {
	position: absolute;
	top: 65px;
	left: 90px;
	border: 0 solid;
	cursor: pointer;
}


/* インフォメーション,ブックマーク,行き先で選ぶ,RSS配信 */

div.bookmark_box,
div.information_box,
div.days_box,
div.dest_box,
div.rss_box {
	width: 140px;
	padding: 5px 4px;
	background: #FFF;
	border: 1px solid #7d7d7d;
}
*html div.bookmark_box {
	width: 150px;
	padding: 5px 2px;
}
*html div.information_box,
*html div.days_box,
*html div.dest_box,
*html div.rss_box {
	width: 150px;
}
div.bookmark_box ul li,
div.information_box ul li,
div.dest_box ul li,
div.rss_box ul li {
	padding-bottom: 5px;
	background: url(../image/common/icon_arrow.gif) no-repeat 4px 5px;
}
div.information_box ul li,
div.dest_box ul li,
div.rss_box ul li {
	padding: 0px 0px 5px 15px;
}
div.side_box div.days {
	width: 150px;
	height: 48px;
	text-indent: -9999px;
}
body.okinawa div.side_box div.days {
	background: url(../image/common/side_days_oka.gif) no-repeat top left;
}
body.kyusyu div.side_box div.days {
	background: url(../image/common/side_days_fuk.gif) no-repeat top left;
}
body.hokkaido div.side_box div.days {
	background: url(../image/common/side_days_hkd.gif) no-repeat top left;
}
div.days_box dl dd {
	padding-bottom: 5px;
	background: url(../image/common/icon_arrow.gif) no-repeat 4px 5px;
}
div.days_box dl dd {
	padding: 0px 0px 5px 15px;
}
body.okinawa div.days_box dt {
	background: #FFA5A5;
}
body.hokkaido div.days_box dt {
	background: #DF9FDF;
}
body.kyusyu div.days_box dt {
	background: #FFCFA5;
}

/* おすすめ観光スポット,ご当地グルメ,現地の天気 */

div.spot_box,
div.gourmet_box,
div.weather_box {
	width: 140px;
	padding: 5px 4px;
	background: #FFF;
	border: 1px solid #7d7d7d;
}
*html div.spot_box,
*html div.gourmet_box,
*html div.weather_box {
	width: 150px;
}
body.okinawa div.spot_box dt,
body.okinawa div.gourmet_box dt,
body.okinawa div.weather_box dt {
	background: #FFA5A5;
}
body.hokkaido div.spot_box dt,
body.hokkaido div.gourmet_box dt,
body.hokkaido div.weather_box dt {
	background: #DF9FDF;
}
body.kyusyu div.spot_box dt,
body.kyusyu div.gourmet_box dt,
body.kyusyu div.weather_box dt {
	background: #FFCFA5;
}
div.spot_box dd,
div.gourmet_box dd,
div.weather_box dd {
	padding-bottom: 5px
}

div.banner img {
	margin-bottom: 20px;
}
/* #main_wrap -----------------------------------------------*/

div#main_wrap {
	float: left;
	width: 765px;
	margin-left: 30px;
}

/* ページトップへ -----------------------------------------------*/
p.pagetop {
	text-align: right;
	padding-top: 30px;
	font-size: 11px;
	}

/*footer_wrap-----------------------------------------------*/
div#footer_wrap {
	clear: both;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0 30px;
	background: url(../image/common/footer_bg.gif) no-repeat left bottom;
}
/*footer-----------------------------------------------*/
div#footer {
	clear: both;
	width: 1000px;
	border-top: 1px solid #E7E7E7;
	background: url(../image/common/company_bg.gif) no-repeat left bottom;
}
div#footer div.other {
	width: 100%;
}
div#footer div.other p {
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
}
div#footer div.other p.sitelink {
	font-size: 95%;
	padding-bottom: 10px;
}
div#footer div.other p.sitelink a {
	color: #333;
}
div#footer div.company {
	padding: 15px 0 16px 150px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
*html div#footer div.company {
	width: 950px;
	padding: 15px 0 16px 130px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
div#footer div.company p {
	display: block;
	float: left;
	padding-left: 30px;
	font-size: 12px;
}
div#footer div.company .bw1 {
	font-weight: bold;
	font-size: 16px;
	color: #333;
}
div#footer div.company .bw2 {
	font-size: 80%;
}
div#footer div.company .tel {
	font-weight: bold;
	color: #F30;
	letter-spacing: 0.2em;
}

/*#linkarea-----------------------------------------------*/

div#linkarea {
	clear: both;
	width: 1000px;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px;
}
div#linkarea img {
	margin: 0 5px 5px 5px;
}


/* clearfix ----------------------------------------------------*/

.clearfix:after {  
  content: ".";  
  clear: both;  
  display: block;
	line-height: 0;
  height: 0;
  visibility: hidden;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */