@charset "utf-8";

/*【トップを含むサイト全体に共通するスタイル設定となります。】*/

/* ########################################################

■共通基本設定-----------------------------
フォントリセット（YUI使用）
body設定（ベース設定、背景画像、フォント指定他）
リンク、リンクカラー設定
文字設定（見出し、本文他）
clearfix（float解除））
-------------------------------------------

■大枠・レイアウト-------------------------
id=container -----------全体を囲む枠
id=header -----ヘッダー
id=globalnavi--グローバルナビ
id=main -------コンテンツ領域_大枠
id=footer -----フッター
--------------------------------------------

■個々のidの内容の設定-------------------------
id=header -----ヘッダー（ロゴ、h1及びコメント、言語ボタン、ユーティリティー）
id=globalnavi--グローバルナビ
id=main--------コンテンツ内容（右カラムの指定）
id=footer -----フッター
--------------------------------------------

カラー--------------------------------------
メインイメージカラー（青）#003399
テキスト（黒）#333333
テキスト（グレー）#555555
テキスト（薄い青）#7F99CC
ポイントカラー（薄い青）#CCD6EB
ポイントカラー（薄いグレー）#DDDDDD
リンクカラー（青）#003399
ロールオーバー（水色）#3366FF
フッター背景色（灰色）#EEEEEE
コンテンツ背景#ffffff
--------------------------------------------

######################################################### */




/*========================================================*/
/*共通基本設定*/
/*========================================================*/

/*---------------------------------------------------------
  フォントリセット
--------------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

-YUI FONT SIZE GUIDE

10px = 77
11px = 85
12px = 93 (was 93)
13px = 100
14px = 108 (was 107)
15px = 116 (was 114)
16px = 123.1 (was 122)
17px = 131 (was 129)
18px = 138.5 (was 136)
19px = 146.5 (was 144)
20px = 153.9 (was 152)
21px = 161.6 (was 159)
22px = 167
23px = 174
24px = 182
25px = 189
26px = 197

*/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/*---------------------------------------------------------
  body設定
--------------------------------------------------------- */
body{
	margin: 0 auto;
	padding: 0;
	border: 0;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	text-align: center;
	background:url(/common/images/body_back.gif) left top repeat-x;
	color: #333333;
	line-height: 140%;
}




/*---------------------------------------------------------
  文字設定（見出し、本文他）
--------------------------------------------------------- */


p, dt, dd, li, th, td, caption, blockquote {
	font-size:100%;
}

strong, em{
	font-weight: bold;
}




/*---------------------------------------------------------
  リンク
--------------------------------------------------------- */
a{
	color:#003399;
}

a:hover{
	color:#3366FF;
	text-decoration: none;
}

a img{
border:none;
}




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

.clear{
	display:inline-table;
}

/* Mac IE には適用させない \*/
.clear{
	height: 1%;
	display: block;
}
/* */








/*========================================================*/
/*大枠・レイアウト*/
/*========================================================*/

/*---------------------------------------------------------
  id=container
--------------------------------------------------------- */
#container{
	width: 1060px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background:url(/common/images/container_back.gif) right top no-repeat;
	text-align:center;
}




/*---------------------------------------------------------
  id=header
--------------------------------------------------------- */
#header {
	width: 900px;
	margin: 0 80px 0 80px;
	padding: 0;
	border: 0;
	font-size:12px;
}





/*---------------------------------------------------------
  id=globalnavi
--------------------------------------------------------- */
#globalnavi {
	clear:both;
	margin: 10px 80px 0 80px;
	padding:0;
	border: 5px #CCD6EB solid;
	width: 890px;
	height:40px;
}

div#globalnavi a {
	display: inline-block;
	height: 40px;
	background: 0 0 no-repeat;
}
div#globalnavi a:hover {
	background-color: #fff; /* IE6用 */
}
div#globalnavi a:hover img {
	visibility: hidden;
}

/*-- hover image ------------------------------------------------------- */
div#globalnavi  a.gnav01 {width: 149px; background: url(/common/images/gnav01_on.jpg) ;}
div#globalnavi  a.gnav02 {width: 148px; background: url(/common/images/gnav02_on.jpg) ;}
div#globalnavi  a.gnav03 {width: 148px; background: url(/common/images/gnav03_on.jpg) ;}
div#globalnavi  a.gnav04 {width: 148px; background: url(/common/images/gnav04_on.jpg) ;}
div#globalnavi  a.gnav05 {width: 148px; background: url(/common/images/gnav05_on.jpg) ;}
div#globalnavi  a.gnav06 {width: 149px; background: url(/common/images/gnav06_on.jpg) ;}
/*-- // hover image ---------------------------------------------------- */



/*---------------------------------------------------------
  id=main
--------------------------------------------------------- */

/*--
  トップページは/css/top.css参照
  サブページは/common/css/common_sub.css参照
-- */


/*---------------------------------------------------------
  id=footer
--------------------------------------------------------- */
#footer {
	width: 900px;
	height:103px;
	background: #FFF;
	clear: both;
	margin: 10px 80px 0 80px;
	padding:0;
	border: 0;
	text-align: center;
	font-size:92%;
	color:#555555;
}




/*========================================================*/
/*個々のidの内容の設定*/
/*========================================================*/


/*---------------------------------------------------------
  id=header
--------------------------------------------------------- */

/*logo*/

#header #logo{
float:left;
	width:390px;
	height:86px;
	margin:0;
	padding:5px 0 0 0;
}

#header #free_dail{
	margin:0;
	padding:0;
	float:right;
}




/*テキスト*/
#header h1{
clear:both;
	margin: 3px 0 0 0;
	padding: 0;
	text-align:left;
	color: #7F99CC;
	font-weight:normal;
	font-size:92%;
	line-height:105%;
}

#header p{
	margin:0;
	padding:0;
	line-height:105%;
	font-size:92%;
	text-align:left;
	color: #7F99CC;
	float:left;
}


/*ヘッダーリンク*/

#header #header_link{
	text-align:right;
	font-size:12px;
	line-height:100%;
}

#header_link a{
background:url(/common/images/arrow_left.gif) left 0.3em no-repeat;
padding:3px 5px 0 18px;
display:inline;
}




/*--------------------------------------------------------
  id=main
--------------------------------------------------------- */

.go_to_top{
clear:both;
margin:20px 0 35px 0;
text-align: right;
}
.go_to_top a{
margin:8px 0 10px 0;
background:url(/common/images/arrow_top.gif) left 0.3em no-repeat;
padding:0 0 0 16px;
}

.go_to_left{
display: inline;
margin:10px 0 10px 0;
background:url(/common/images/arrow_left.gif) left 0.3em no-repeat;
padding:0 0 0 16px;
}




/*右カラム個別の設定
--------------------------------------------------------- */

table#reservation {
margin:0 0 8px 0;
padding:0;
border:0;
border-collapse:collapse ;
}
table#reservation td{
margin:0;
padding:0;
border:0;
}


table#reservation td a {
	display: inline-block;
	background: 0 0 no-repeat;
}
table#reservation td a:hover {
	background-color: #fff; /* IE6用 */
}
table#reservation td a:hover img {
	visibility: hidden;
}


/*-- hover image ------------------------------------------------------- */
table#reservation td.reservation01 {padding: 10px 0 0 0; background-color: #F37A21; color: #ffffff;}
table#reservation td.reservation02 a {width: 79px; height:29px; background: url(/common/images/reservation_btn01_on.jpg) ;}
table#reservation td.reservation03 a {width: 73px; height:29px; background: url(/common/images/reservation_btn02_on.jpg) ;}
table#reservation td.reservation04 a {width: 78px; height:29px; background: url(/common/images/reservation_btn03_on.jpg) ;}
/*-- // hover image ---------------------------------------------------- */


.reservation_comment{
font-size:12px;
line-height:110%;
color:#993300;
}

.qr{
border:#669933 solid 2px;
padding:0;
}
.qr span{
display:block;
font-size:10px;
margin:0 0 5px 0;
}
.qr span a{
color:#555555;
text-decoration:none;
}


.address_box{
text-align:left;
clear:both;
border: 2px solid #CCCCCC;
margin:10px 0;
padding:5px;
}

.address_box strong{
display:block;
color:#003399;
font-weight:bold;
font-size:100%;
border-bottom:#CCCCCC solid 1px;
margin-bottom:5px;
}

.address_box ul{
margin:0 0 0 5px;
padding:0;
list-style:none;
}

.address_box ul li{
background:url(/common/images/icon_list02.gif) left 0.3em no-repeat;
padding:0 0 0 16px;
line-height:110%;
margin-bottom:3px;
}



.card_name{ font-size:10px; color:#555555; line-height:110%; margin-top:3px;}

.other_box{
clear:both;
border: 1px solid #CCCCCC;
margin:10px 0;
padding:3px;
}

.other_box p.right{
float:right;
padding:25px 3px 3px 3px;
text-align:left;
}




/*20100727追加---------------*/

#special{
position:relative;
margin:10px 0 0 0;
padding:0;
height:65px;
width:230px;
}

#special a img{
position:absolute;
margin:0;
padding:0;
top:0;
left:0;
}




/*--------------------------------------------------------
  id=footer
--------------------------------------------------------- */

#footer a{
background:url(/common/images/arrow_left.gif) left 0.3em no-repeat;
padding:3px 5px 0 18px;
text-decoration:underline;
}


#footer_navi{
background:#EEEEEE;
padding-top:16px;
margin-bottom:16px;
height:37px;
}

#footer_navi a{
display:inline;
background: none;
padding:0 8px 0 8px;
text-decoration:underline;
}