@charset "shift_jis";

/*-------------------------------------------------------------------
全体の基本設定
--------------------------------------------------------------------*/
* {
padding : 0px;
margin : 0px;
text-decoration : none; 
background-repeat : no-repeat;
}


/*-------------------------------------------------------------------
全体の背景などの設定
--------------------------------------------------------------------*/
BODY{
font-family : "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size : large;
font-weight : normal;
bottom : auto;
background-image : url(../06item/0601b.jpg);
background-repeat : repeat-y;
background-position : center 15px;
text-decoration : none;
}


/*-------------------------------------------------------------------
見出し１の設定
--------------------------------------------------------------------*/
H1{
margin-top : 0px;
font-size : 1px;
text-align : center;
color : #ffffff;
padding-top : 10px;
}

/*-------------------------------------------------------------------
見出し２の設定
--------------------------------------------------------------------*/
H2{
 font-size : 12px;
 color : #ffffff;
 padding : 7px 10px 5px 10px;
}

/*-------------------------------------------------------------------
見出し３の設定
--------------------------------------------------------------------*/
H3{
 margin : 5px 0px 5px 0px;
 font-size : 12px;
 line-height : 29px;
 color : #00000;
 text-align : center;
 width : 940px;
 height : 3px;
 background-image : url(../06item/060a2.gif);
 background-position : center bottom;
}

/*==================================================================
　各メニューバーのナビゲーション
====================================================================*/
/*-------------------------------------------------------------------
　メニューの見出し設定
--------------------------------------------------------------------*/
.menu00{
 color : #ffffff;
 padding : 5px 5px 5px 5px;
 text-align : center;
 line-height : 21px;
 font-size : 15px;
 background-color : #0000ff;
 margin : 0px 3px 0px 3px;
}


/*-------------------------------------------------------------------
　メニューの一番上の見出し設定マージントップあり
--------------------------------------------------------------------*/
.menu00a{
 color : #ffffff;
 padding : 5px 5px 5px 5px;
 text-align : center;
 line-height : 21px;
 font-size : 15px;
 background-color : #0000ff;
 margin : 3px 3px 0px 3px;
}


/*-------------------------------------------------------------------
　メニューの初行目
 line-height : 17px;
--------------------------------------------------------------------*/
.menu01{
 display : block;
 color : #1188ff;
 text-decoration : none;
 padding : 7px 5px 5px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 background-color : #ffffff;
 margin : 0px 3px 0px 3px;
}


/*-------------------------------------------------------------------
メニューの初行目のマウスオーバー
--------------------------------------------------------------------*/
.menu01:hover{
 color : #ffffff;
 background-color : #ff7f50;
}


/*-------------------------------------------------------------------
　メニューの初行目ページＯＮ
--------------------------------------------------------------------*/
.menu11{
 display : block;
 color : #ff5bbd;
 text-decoration : none;
 padding : 7px 5px 7px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 background-color : #ffd9f9;
 margin : 0px 3px 0px 3px;
}


/*-------------------------------------------------------------------
メニューの初行目ページＯＮのマウスオーバー
--------------------------------------------------------------------*/
.menu11:hover{
 color : #ffffff;
 background-color : #ff5bbd;
}


/*-------------------------------------------------------------------
メニューの中行目
--------------------------------------------------------------------*/
.menu02{
 display : block;
 color : #1188ff;
 text-decoration : none;
 padding : 5px 5px 5px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 background-color : #ffffff;
 margin : 0px 3px 0px 3px;
}


/*-------------------------------------------------------------------
メニューの中行目のマウスオーバー
--------------------------------------------------------------------*/
.menu02:hover{
 color : #ffffff;
 background-color : #ff7f50;
}


/*-------------------------------------------------------------------
メニューの中行目ページＯＮ
--------------------------------------------------------------------*/
.menu12{
 display : block;
 color : #ff5bbd;
 text-decoration : none;
 padding : 7px 5px 7px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 background-color : #ffd9f9;
 margin : 0px 3px 0px 3px;
}


/*-------------------------------------------------------------------
メニューの中行目ページＯＮのマウスオーバー
--------------------------------------------------------------------*/
.menu12:hover{
 color : #ffffff;
 background-color : #ff5bbd;
}


/*-------------------------------------------------------------------
メニューの終行目
--------------------------------------------------------------------*/
.menu03{
 display : block;
 color : #1188ff;
 text-decoration : none;
 padding : 5px 5px 7px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 background-color : #ffffff;
 margin : 0px 3px 0px 3px;
}


/*-------------------------------------------------------------------
メニューの終行目のマウスオーバー
--------------------------------------------------------------------*/
.menu03:hover{
 color : #ffffff;
 background-color : #ff7f50;
}


/*-------------------------------------------------------------------
メニューの終行目ページＯＮ
--------------------------------------------------------------------*/
.menu13{
 display : block;
 color : #ff5bbd;
 text-decoration : none;
 padding : 7px 5px 7px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 background-color : #ffd9f9;
 margin : 0px 3px 0px 3px;
}


/*-------------------------------------------------------------------
メニューの終行目ページＯＮのマウスオーバー
--------------------------------------------------------------------*/
.menu13:hover{
 color : #ffffff;
 background-color : #ff5bbd;
}


/*-------------------------------------------------------------------
メニューの最終行目
--------------------------------------------------------------------*/
.menu04{
 display : block;
 color : #1188ff;
 text-decoration : none;
 padding : 7px 5px 7px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-bottom-color : #1188ff;
 background-color : #ffffff;
 margin : 0px 3px 3px 3px;
}


/*-------------------------------------------------------------------
メニューの最終行目のマウスオーバー
--------------------------------------------------------------------*/
.menu04:hover{
 color : #ffffff;
 background-color : #ff7f50;
}


/*-------------------------------------------------------------------
メニューの最終行目ページＯＮ
--------------------------------------------------------------------*/
.menu14{
 display : block;
 color : #ff5bbd;
 text-decoration : none;
 padding : 7px 5px 7px 15px;
 font-size : 15px;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-bottom-color : #1188ff;
 background-color : #ffd9f9;
 margin : 0px 3px 3px 3px;
}

/*===================================================================
　ここからメインの詳細設定
=====================================================================*/
/*-------------------------------------------------------------------
　外枠テーブルの余白設定（左側：上段）
--------------------------------------------------------------------*/
.table01a{
 border-width : 1px;
 border-style : solid;
 border-color : #acacac;
 background-color : #ffffff;
 margin : 5px 5px 5px 5px;
}

/*-------------------------------------------------------------------
　外枠テーブルの余白設定（左側：上段）上余白が無いように
--------------------------------------------------------------------*/
.table01a2{
 border-width : 1px;
 border-style : solid;
 border-color : #acacac;
 background-color : #ffffff;
 margin : 0px 5px 5px 15px;
}

/*-------------------------------------------------------------------
　外枠テーブルの余白設定（左側：上段）
--------------------------------------------------------------------*/
.table01a1{
 border-width : 1px;
 border-style : solid;
 border-color : #acacac;
 background-color : #ffffff;
}

/*-------------------------------------------------------------------
　外枠テーブルの余白設定（左側：中段、下段）
--------------------------------------------------------------------*/
.table01b{
 border-width : 1px;
 border-style : solid;
 border-color : #acacac;
 background-color : #ffffff;
 margin : 0px 5px 5px 5px;
}

/*-------------------------------------------------------------------
　外枠テーブルの余白設定（中側、右側：上段）
--------------------------------------------------------------------*/
.table02a{
 border-width : 1px;
 border-style : solid;
 border-color : #acacac;
 background-color : #ffffff;
 margin : 5px 5px 5px 0px;
}

/*-------------------------------------------------------------------
　外枠テーブルの余白設定（中側、右側：上段、下段）
--------------------------------------------------------------------*/
.table02b{
 border-width : 1px;
 border-style : solid;
 border-color : #acacac;
 background-color : #ffffff;
 margin : 0px 5px 5px 0px;
}

/*-------------------------------------------------------------------
　内枠テーブルの余白設定（マージン統一）
--------------------------------------------------------------------*/
.table03a{
 margin : 3px 3px 3px 3px;
}

.table03a a:hover{
 position : relative;
 top : 2px;
 left : 2px;
}

/*-------------------------------------------------------------------
　内枠テーブルの余白設定（右側）
--------------------------------------------------------------------*/
.table03b{
 margin : 3px 3px 3px 0px;
}

/*-------------------------------------------------------------------
　内枠テーブルの余白設定（マージン統一）
--------------------------------------------------------------------*/
.table03c{
 margin : 7px 3px 3px 3px;
}

.table03c a:hover{
 position : relative;
 top : 2px;
 left : 2px;
}

/*-------------------------------------------------------------------
　内枠テーブルの余白設定（バナーはこちらを利用マージン統一）
--------------------------------------------------------------------*/
.table03d{
 margin : 3px 3px 0px 3px;
}

.table03d a:hover{
 position : relative;
 top : 2px;
 left : 2px;
}

.table03d1{
 margin : 0px 0px 3px 0px;
}

.table03d2{
 margin : 0px 0px 2px 0px;
}

/*-------------------------------------------------------------------
　内枠テーブルの余白設定（パティング統一）未使用？
--------------------------------------------------------------------*/
.table04a{
 padding : 3px;
}

/*-------------------------------------------------------------------
　内枠テーブルの余白設定（マージン統一）未使用？
--------------------------------------------------------------------*/
.table04b{
 margin : 2px 0px 2px 5px;
}


/*-------------------------------------------------------------------
　内枠テーブルの余白設定（拡大表示ボタン横メッセージ欄）
--------------------------------------------------------------------*/
.table05a{
 padding : 3px 5px 3px 15px;
}



/*-------------------------------------------------------------------
　トップページの背景（みんな共通？）
--------------------------------------------------------------------*/
.l0101top00{
 margin : 20px 25px 20px 25px;
 background-color : #ffffff;
 background-position : 50% 50%; 
 width : 730px;
}


/*-------------------------------------------------------------------
　ご挨拶
--------------------------------------------------------------------*/
.l0101top01a{
 padding : 7px;
 color : #404040;
 font-size : 12px;
 line-height : 15px;
 letter-spacing : 1px;
 text-decoration : none;
}

.l0101top01a img{
 float : left;
}

/*-------------------------------------------------------------------
　日付とスクロール
--------------------------------------------------------------------*/
.l0101top01a1{
 padding : 6px 7px 5px 7px;
 color : #ff8000;
 font-size : 14px;
 line-height : 15px;
 letter-spacing : 1px;
 text-decoration : none;
}

/*-------------------------------------------------------------------
　ホームページリニューアルに伴う告知
--------------------------------------------------------------------*/
.l0101top01b{
 padding : 7px;
 color : #404040;
 font-size : 12px;
 line-height : 15px;
 letter-spacing : 1px;
 text-decoration : none;
}

.l0101top01b p{
 text-align : right;
}

/*-------------------------------------------------------------------
　ホームページリニューアルに伴う告知（２行目）
--------------------------------------------------------------------*/
.l0101top01c{
 padding : 7px 0px 7px 7px;
 color : #404040;
 font-size : 12px;
 line-height : 15px;
 letter-spacing : 1px;
 text-decoration : none;
}

/*-------------------------------------------------------------------
　ＧＷご予約カレンダー
--------------------------------------------------------------------*/
.l0101top01d{
 padding : 7px 0px 7px 7px;
 color : #ffffff;
 font-size : 12px;
 line-height : 15px;
 letter-spacing : 1px;
 text-decoration : none;
}

/*-------------------------------------------------------------------
　お天気アイコンのパディング
--------------------------------------------------------------------*/
.l0101top02a{
 padding-bottom : 3px;
 line-height : 20px;
}

.l0101top02b{
 padding : 3px 0px 0px 8px;
}

/*-------------------------------------------------------------------
　今日の写真の文字
--------------------------------------------------------------------*/
.l0101top03a{
 padding-top : 5px;
 padding-bottom : 5px;
 color : #ffffff;
 line-height : 20px;
}


/*-------------------------------------------------------------------
　キャンペーンバナー（一番下はいらない）
--------------------------------------------------------------------*/
.l0101top04a{
 margin-bottom : 5px;
}


/*-------------------------------------------------------------------
　トピックス
--------------------------------------------------------------------*/
.infoArea dl{
 width : 433px;
 margin : 3px;
}

.infoArea dt{
 color : #ff8000;
 margin : 0;
 padding : 5px 0px 5px 0px;
 background : #1155c4;
 font-size : 15px;
 line-height : 21px;
 text-align : center;
}

.infoArea dd{
 margin : 0;
 padding : 5px 5px 5px 5px;
 display : block;
 width : 433px;
 height : 100%;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-bottom-color : #1188ff;
 clear : both;
}

.infoArea dd ul{
 margin : 0;
 padding : 0;
}

.infoArea dd li{
 margin : 0;
 font-size : 12px;
 background-image : none;
 list-style-type : none;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b02.gif) no-repeat 5px 5px;
}

.infoArea dd li a{
 color : #000000;
}

.infoArea dd li#aka {
 margin : 0;
 font-size : 12px;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b01.gif) no-repeat 5px 5px;
}

.infoArea dd li#aka a{
 color : #ff0000;
}

.infoArea dd li#ao {
 margin : 0;
 font-size : 12px;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b04.gif) no-repeat 5px 5px;
}

.infoArea dd li#ao a{
 color : #0000ff;
}

.infoArea dd li#mid {
 margin : 0;
 font-size : 12px;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b05.gif) no-repeat 5px 5px;
}

.infoArea dd li#mid a{
 color : #000000;
}

/*----見づらいのでコメントにする---
.infoArea dd li a:link{
 text-decoration : underline;
}
---------------------------------*/

/*-------------------------------------------------------------------
　トピックス（右側欄の２６７px用）
--------------------------------------------------------------------*/
.infoArea260 dl{
 width : 260px;
 margin : 3px;
}

.infoArea260 dt{
 color : #ff8000;
 margin : 0;
 padding : 5px 0px 5px 0px;
 background : #1155c4;
 font-size : 15px;
 line-height : 21px;
 text-align : center;
}

.infoArea260 dd{
 margin : 0;
 padding : 5px 5px 5px 5px;
 display : block;
 width : 260px;
 height : 100%;
 border-left-width : 1px;
 border-left-style : solid;
 border-left-color : #1188ff;
 border-right-width : 1px;
 border-right-style : solid;
 border-right-color : #1188ff;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-bottom-color : #1188ff;
 clear : both;
}

.infoArea260 dd ul{
 margin : 0;
 padding : 0;
}

.infoArea260 dd li{
 margin : 0;
 font-size : 12px;
 background-image : none;
 list-style-type : none;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b02.gif) no-repeat 5px 5px;
}

.infoArea260 dd li a{
 color : #000000;
}

.infoArea260 dd li#aka {
 margin : 0;
 font-size : 12px;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b01.gif) no-repeat 5px 5px;
}

.infoArea260 dd li#aka a{
 color : #ff0000;
}

.infoArea260 dd li#ao {
 margin : 0;
 font-size : 12px;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b04.gif) no-repeat 5px 5px;
}

.infoArea260 dd li#ao a{
 color : #0000ff;
}

.infoArea260 dd li#mid {
 margin : 0;
 font-size : 12px;
 padding : 3px 3px 4px 23px;
 background : url(../01top/012icon/012b05.gif) no-repeat 5px 5px;
}

.infoArea260 dd li#mid a{
 color : #000000;
}



/*-------------------------------------------------------------------
　各ページの予約フォームとお問い合わせアイコン（アイコンは02icon）
  .000axはブルー
　.000bxはオレンジ
　.000cxはピンク
　.000dxはグリーン
--------------------------------------------------------------------*/
.top0000a{
 width : 123px;
 height : 34px;
 border-width : 0px;
 background-image : url(../06item/000a1.gif);
}

.top0000a:hover{
 position : relative;
 top : 2px;
 left : 2px;
}

.top0000b{
 width : 123px;
 height : 34px;
 border-width : 0px;
 background-image : url(../06item/000a2.gif);
}

.top0000b:hover{
 position : relative;
 top : 2px;
 left : 2px;
}

.top0000c{
 width : 123px;
 height : 34px;
 border-width : 0px;
 background-image : url(../06item/000a3.gif);
}

.top0000c:hover{
 position : relative;
 top : 2px;
 left : 2px;
}


/*-------------------------------------------------------------------
　フッターの設定ライン
--------------------------------------------------------------------*/
.footer000{
 width : 940px;
 height : 3px;
 line-height : 20px;
 font-size : 18px;
 background-image : url(../06item/060a2.gif);
 background-position : center 10px;
 margin : 0px 0px 0px 0px;
}

/*-------------------------------------------------------------------
　フッターの設定カウンター
--------------------------------------------------------------------*/
.footer001{
text-align : center;
}

/*-------------------------------------------------------------------
　フッターの設定
--------------------------------------------------------------------*/
.footer002{
 height : 34px;
 color : #7396c6;
 text-align : right;
 font-size : 12px;
 background-image : url(../06item/060b1.gif);
 background-color : #ffffff;
 background-position : center top;
 margin : 0px 0px 5px 0px;
}

/*-------------------------------------------------------------------
　リンクページの設定（トップページとは別）
--------------------------------------------------------------------*/
.l0901link00a{
 margin : 3px 3px 10px 3px;
 color : #1155c4;
}

.l0901link00b{
 padding : 7px 0px 7px 15px;
 color : #1155c4;
 font-size : 12px;
 line-height : 16px;
}

.l0901link01a{
 margin : 3px 3px 20px 3px;
 color : #ffffff;
}

.l0901link01a a{
 color : #ffffff;
}

.l0901link01a a:hover{
 position : relative;
 top : 2px;
 left : 2px;
}

.l0901link02a{
 padding-left : 15px;
 padding-right : 15px;
}

.l0901link03a{
 margin : 3px 3px 3px 3px;
}

.l0901link03a a:hover{
 position : relative;
 top : 2px;
 left : 2px;
}

.l0901link03b{
 color : #fffff;
 margin : 5px 8px 8px 8px;
 font-size : 12px;
 line-height : 21px;
 text-decoration : none;
}

.l0901link03b a{
 color : #0000ff;
 padding : 0px 0px 0px 10px;
 text-decoration : underline;
}


/*-------------------------------------------------------------------
　日付の設定（トップページの写真）
--------------------------------------------------------------------*/
.the_date {
 display : block;
 text-align : center;
 float : left;
 font-family : Arial, Helvetica, sans-serif;
 background : url(../06item/date.png) no-repeat;
 background-position : 10px 10px;
 width : 89px;
 height : 90px;
}

.date_m {
 display : block;
 font-size : 0.9em;
 margin : 15 0 9 10;
 padding : 0;
 font-weight : bold;
 text-align : center;
}


.date_d {
display : block;
font-size : 3.0em;
margin : 0 0 0 10;
padding : 0 0 1.3em 0;
text-align : center;
}

/*-------------------------------------------------------------------
　文章（パディング７ｐｘ・・・
--------------------------------------------------------------------*/
.bunsyou00{
 color : #000000;
 font-size : 27px;
 letter-spacing : 1px;
 text-decoration : none;
}

.bunsyou00 p{
 padding : 15px 7px 7px 7px;
}

.bunsyou00 img{
 margin : 10px 50px 0px 0px;
 float : right;
}



.bunsyou01{
 padding : 0px 7px 7px 7px;
 color : #000000;
 font-size : 13px;
 line-height : 16px;
 letter-spacing : 1px;
 text-decoration : none;
}

.bunsyou01 img{
 float : right;
}


.bunsyou01a {
 font-size : 13px;
 padding : 8px 3px 4px 33px;
 background : url(../01top/012icon/012h1b.gif) no-repeat 5px 8px;
}


.bunsyou01b {
 font-size : 13px;
 padding : 8px 3px 4px 33px;
 background : url(../01top/012icon/012h2b.gif) no-repeat 5px 8px;
}

.bunsyou02{
 padding : 5px 12px 12px 12px;
 color : #666666;
 font-size : 13px;
 line-height : 16px;
 letter-spacing : 1px;
 text-decoration : none;
}

.bunsyou03 {
 margin : 0;
 font-size : 13px;
 padding : 3px 3px 4px 43px;
}

.bunsyou04{
 padding : 2px 12px 12px 12px;
 color : #000000;
 font-size : 13px;
 line-height : 16px;
 letter-spacing : 1px;
 text-decoration : none;
}

.bunsyou05{
 padding : 1px 0px 0px 20px;
 color : #000000;
 font-size : 12px;
 line-height : 16px;
 letter-spacing : 1px;
 text-decoration : none;
}

/*-------------------------------------------------------------------
　ポイントガイドの案内文
--------------------------------------------------------------------*/
.l0242point01a{
 padding : 7px 15px 15px 15px;
 color : #404040;
 font-size : 13px;
 line-height : 16px;
 letter-spacing : 1px;
 text-decoration : none;
}

.l0242point01a img{
 margin : 0px 15px 0px 0px;
 float : left;
}