@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: #FFC; }
.bg_white { background-color: #FFFFFF; }
.bg_pink { background-color: #fee6fe; }
.bg_orange { background-color: #FFE9AC; }
.bg_green { background-color: #E1FEBA; }
.bg_purple { background:#EDF;}
.bg_cream { background:#FFF8C4;}
.text_left { text-align: left;}
.text_right { text-align: right;}
.text_center { text-align: center;}
/* ↓ カレンダー・代金共通 ---------------------------------------------------*/
.no_bg { background: #FFF url(../img/calender/no_bg.gif) no-repeat center bottom;}
.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;
	color: #333333;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "HG丸ゴシックM-PRO", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../img/common/wrapper_bg.gif) repeat-x 0 0;
}
/*#footer_bg(フッターの背景1)-----------------------------------------------*/
#footer_bg {
	background: url(../img/common/footer_bg.gif) repeat-x 0 bottom;
}
/* #wrapper -----------------------------------------------*/
div#wrapper {
	width: 1020px;
	height: auto;
	padding: 0 40px 0 0;
	margin: 0 auto;
	text-align: left;
	background: url(../img/common/header.gif) no-repeat left top;
}
body.ana div#wrapper {
	background: url(../img/common/header_ana.gif) no-repeat left top;
}
body.jal div#wrapper {
	background: url(../img/common/header_jal.gif) no-repeat left top;
}
body.sky div#wrapper {
	background: url(../img/common/header_sky.gif) no-repeat left top;
}
body.sfj div#wrapper {
	background: url(../img/common/header_sfj.gif) no-repeat left top;
}
*html div#wrapper {
	width: 1060px;
}
/* #header -----------------------------------------------*/
div#header {
	width: 1020px;
	height: 90px;
	margin: 0 auto;
	position: relative;
}
h1 {
	font-size: 10px;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 30px;
}
div#header div.logo img {
	position: absolute;
	top: 25px;
	left: 30px;
	display: block;
}
h2 {
	padding: 25px 0 0 30px;
	width: 198px;
	height: 31px;
}
*html h2 {
	width: 223px;
	height: 56px;
}
/*グローバルナビ-----------------------------------------------*/
ul#navi {
	position: absolute;
	top: 26px;
	left: 350px;
}
ul#navi li {
	float:left;
	padding-right:10px;
}
ul#navi li a { display: block;}
ul#navi li a:hover { background-color:transparent; }
ul#navi li a:hover img { visibility:hidden; }
ul#navi li#navi1 a:hover {
	background: url(../img/common/navi1_on.gif) no-repeat left top;
}
ul#navi li#navi2 a:hover {
	background: url(../img/common/navi2_on.gif) no-repeat left top;
}
ul#navi li#navi3 a:hover {
	background: url(../img/common/navi3_on.gif) no-repeat left top;
}
ul#navi li#navi4 a:hover {
	background: url(../img/common/navi4_on.gif) no-repeat left top;
}
/*fontサイズ変更-----------------------------------------------*/
div.font_size {
	position: absolute;
	top: 10px;
	right: 35px;
	width: 55px;
	height: 23px;
}
div.font_size li {
	float:left;
	display: inline;
	margin: 0 5px 0 0;
}
div.font_size li.size_nor {
	margin: 3px 5px 0 0;
}
div.font_size li.size_nor a:hover {
	background: url(../img/common/size_nor_on.gif) no-repeat;
}
div.font_size li.size_big a:hover {
	background: url(../img/common/size_big_on.gif) no-repeat;
}
div.font_size a { display:block; }
div.font_size a:hover { background-color:transparent; }
div.font_size a:hover img { visibility:hidden; }
/*サイト内検索-----------------------------------------------*/
#site_search {
	position: absolute;
	top: 50px;
	right: 30px;
}
#site_search input {
	color: #666;
}
input.grabutton {
	background-color: #ebebeb;
	border: 0 solid;
	cursor: pointer;
}
/*#container-----------------------------------------------*/
#container {
	background: url(../img/common/container.gif) no-repeat center top;
	width: 1004px;
	min-height: 150px;
	padding: 0 8px;
}
*html #container {
	width: 1020px;
}
/* #container2(フッターの背景2) -----------------------------------------------*/
div#container2 {
	width: 1004px;
	min-height: 500px;
	background: url(../img/common/footer.gif) no-repeat center bottom;
}
/*#main-----------------------------------------------*/
div#main {
	width: 770px;
	height: auto;
	float: left;
	padding: 20px 20px 50px 25px;
}
*html div#main {
	width: 815px;
}
h3 {
	padding: 0 0 10px;
}
/*タイトルの背景-----------------------------------------------*/
.plan_title {
	background: url(../img/common/p_title.gif) repeat-x left top;
	width: 770px;
}
body.jal .plan_title {
	background: url(../img/common/p_title_jal.gif) repeat-x left top;
}
body.sky .plan_title {
	background: url(../img/common/p_title_sky.gif) repeat-x left top;
}
body.sfj .plan_title {
	background: url(../img/common/p_title_sfj.gif) repeat-x left top;
}
*html .plan_title {
	width: 770px;
}
.plan_title2 {
	background: url(../img/common/p_title2.gif) no-repeat left bottom;
	width: 770px;
	padding: 0 0 15px;
	margin: 0 0 10px;
}
.plan_title p {
	font-size: 18px;
	font-weight: bold;
	padding: 30px 20px 0;
}
/* h4見出し -----------------------------------------------*/
div#main h4 {
	background: url(../img/common/h4_bg.gif) no-repeat bottom left;
	width: 750px;
	height: 25px;
	padding: 5px 0 0 20px;
	margin: 15px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	clear: both;
}
body.jal div#main h4 {
	background: url(../img/common/h4_bg_jal.gif) no-repeat bottom left;
}
body.sky div#main h4 {
	background: url(../img/common/h4_bg_sky.gif) no-repeat bottom left;
}
body.sfj div#main h4 {
	background: url(../img/common/h4_bg_sfj.gif) no-repeat bottom left;
}
*html div#main h4 {
	width: 770px;
	height: 30px;
}
/*空席照会・予約ボタン（詳細ページ）-----------------------------------------------*/
div.kuseki {
	float: right;
	margin: 0 0 15px;
	}
div.kuseki a {
	float: left;
	width: 150px;
	margin: 0;
	background: url(../img/common/yoyaku_on.gif) no-repeat left top;
	display: block;
	}
div.kuseki a:hover img { visibility: hidden;}
/*#side_navi-----------------------------------------------*/
div#side_navi {
	width: 150px;
	height: auto;
	float: right;
	padding: 20px 25px 50px 0;
}
*html div#side_navi {
	width: 170px;
}
/* ページトップへ -----------------------------------------------*/
p.pagetop {
	width: 770px;
	text-align: right;
	padding: 10px 0 20px;
	clear: both;
	font-size: 11px;
	}
/*#tel-----------------------------------------------*/
div#tel {
	width: 150px;
	height: 90px;
	background: url(../img/common/tel.gif) no-repeat left bottom;
	margin: 0 0 15px;
}
div#tel p {
	font-size: 12px;
	line-height: 1.3em;
	padding: 35px 10px 0;
	width: 130px;
	height: 55px;
}
*html div#tel p {
	width: 100%;
	height: 80px;
}
/*#dep_search-----------------------------------------------*/
#dep_search {
	width: 150px;
	height: 80px;
	background: url(../img/common/dep_search.gif) no-repeat left top;
}
#dep_search form {
	width: 150px;
}
#dep_search form select {
	width: 140px;
	margin: 30px 5px 2px;
}
#dep_search form input {
	float: right;
	margin: 0 5px 0 0;
}
/*.info .bookmark-----------------------------------------------*/
div#side_navi dl {
	padding: 15px 0 0;
}
div#side_navi dt {
	width: 150px;
	height: 0px;
	padding: 30px 0 0;
	overflow: hidden;
	display: block;
}
*html div#side_navi dt {
	height: 30px;
}
div#side_navi dl.side_info dt {
	background: url(../img/common/side_info.gif) no-repeat left top;
}
div#side_navi dl.side_bookmark dt {
	background: url(../img/common/side_bookmark.gif) no-repeat left top;
}
div#side_navi dl.side_rss dt {
	background: url(../img/common/side_rss.gif) no-repeat left top;
}
div#side_navi dl.side_news dt {
	background: url(../img/common/side_news.gif) no-repeat left top;
}
div#side_navi dl.side_spot dt {
	background: url(../img/common/side_spot.gif) no-repeat left top;
}
div#side_navi dl.side_gourmet dt {
	background: url(../img/common/side_gourmet.gif) no-repeat left top;
}
div#side_navi dl.side_weather dt {
	background: url(../img/common/side_weather.gif) no-repeat left top;
}
div#side_navi dd {
	padding: 5px 0 0;
	font-size: 12px;
	line-height: 1.8em;
}
*html div#side_navi dd {
	width: 150px;
}
div#side_navi dd a {
	padding: 0 0 0 30px;
}
div#side_navi dd.side01 {
	background: url(../img/common/side01.gif) no-repeat 5px 6px;
}
div#side_navi dd.side02 {
	background: url(../img/common/side02.gif) no-repeat 5px 5px;
}
div#side_navi dd.side03 {
	background: url(../img/common/side03.gif) no-repeat 5px 5px;
}
div#side_navi dd.side04 {
	background: url(../img/common/side04.gif) no-repeat 5px 6px;
}
div#side_navi dd.side05 {
	background: url(../img/common/side05.gif) no-repeat 5px 6px;
}
div#side_navi dd.side06 {
	background: url(../img/common/side06.gif) no-repeat 5px 6px;
}
div#side_navi dd.side07 {
	background: url(../img/common/yahoo.gif) no-repeat 5px 9px;
}
div#side_navi dd.side08 {
	background: url(http://www.google.co.jp/favicon.ico) no-repeat 5px 9px;
}
div#side_navi dd.side09 {
	background: url(../img/common/hatena.gif) no-repeat 5px 9px;
}
div#side_navi dd.side10 {
	background: url(../img/common/livedoor.gif) no-repeat 5px 9px;
}
div#side_navi dd.side11 {
	background: url(../img/common/buzzurl.gif) no-repeat 5px 9px;
}
div#side_navi dd.side12 {
	background: url(../img/common/side12.gif) no-repeat 5px 6px;
}
div#side_navi dd.side13 {
	background: url(../img/common/side13.gif) no-repeat 5px 7px #E0F4FE;
	margin: 5px 0 0;
}
div#side_navi dd.side14 {
	background: url(../img/common/side14.gif) no-repeat 5px 2px #FFFFCC;
	margin: 5px 0 0;
}
div#side_navi dd.side15 {
	background: url(../img/common/side15.gif) no-repeat 5px 5px #FFEACC;
	margin: 5px 0 0;
}
div#side_navi dd .dd_text {
	background: #FFF;
	display: block;
}
div#side_navi dd .dd_text a {
	padding: 0;
}
/*footer-----------------------------------------------*/
div#footer {
	clear: both;
	height: 90px;
	padding: 0 20px 0;
}
*html div#footer {
	clear: both;
	width: 1000px;
	height: 80px;
}
div#footer div.other {
	float: right;
	width: 960px;
	padding: 0 0 15px;
	line-height: 1.5em;
}
*html div#footer div.other {
	height: 30px;
}
div#footer div.other p {
	text-align: right;
	font-size: 12px;
}
div#footer div.company {
	clear: both;
	text-align: left;
	width: 910px;
	padding: 0 0 0 50px;
	font-size: 12px;
}
*html div#footer div.company {
	height: 60px;
}
div#footer div.company .bw a {
	font-weight: bold;
	font-size: 16px;
	color: #333;
}
div#footer div.company .left {
	float: left;
}
div#footer div.company .right {
	float: right;
}
div#footer div.company .number {
	font-weight: bold;
	font-size: 16px;
	color: #06C;
}
/*子ボックスを内包-----------------------------------------------*/
div#container2:after,div#footer_bg:after {
	content: "";
	display: block;
	clear: both;
}
/*#linkarea-----------------------------------------------*/
div#linkarea {
	margin: 10px auto;
	width: 800px;
	background: #FFF;
}
div#linkarea img {
	margin: 0 5px 5px 5px;
}
div#linkarea p {
	color: #999;
	text-align: center;
	padding: 10px;
}