@charset : "Shift-JIS";

/* ==================================================================
   ブラウザ毎のデフォ値クリア
================================================================== */

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
line-height : 1.3;
font-family : "Times New Roman", serif;
}

img {
border : none;
}





/* ==================================================================
   新デフォ値
================================================================== */
h1, h2, h3, h4, em, strong, dt, a {
font-weight : bold;
}

a {
color : #00f;
background-color : transparent;
}

a:visited {
color : #009;
background-color : transparent;
}

a:hover {
color : #69f;
background-color : transparent;
text-decoration : none;
}



/* ==================================================================
   全体のレイアウト
================================================================== */

body {
background : #fff url(img/backleft3.jpg) no-repeat fixed left center;
color : #333;
}

#body {
margin-left : 150px;
width : 680px;
background :transparent url(img/back.jpg) no-repeat scroll right;
}

#colL {
width : 450px;
float : left;
padding : 30px 0;
}

#colR {
width : 200px;
float : right;
padding-top : 30px;
}

h1 {/* ヘッダー */
padding : 0.5em 0;
border-bottom : #333 1px solid;
font-weight : bold;
font-size : 90%;
text-align : right;
}

.copy {/* フッター（コピーライト） */
clear : both;
padding : 0.5em 0;
border-top : #333 1px solid;
text-align : right;
font-size : 80%;
}





/* ==================================================================
   右：ナビゲーション装飾
================================================================== */
.none, #colR h2 {
display : none;
}

#colR li {
list-style-type : none;
margin : 4px 0;
}

#colR li.here {
width : 180px;
padding-left : 12px;
border-width : 1px 9px 1px 1px;
border-color : #000 #060 #000 #000;
border-style : solid;
font-weight : bold;
font-size : 110%;
color : #060;
background-color : #ffd;
}

#colR li a {
display : block;
width : 180px;
padding-left : 12px;
border-width : 1px 9px 1px 1px;
border-color : #ccc;
border-style : solid;
}

#colR a:hover {
border-color : #ccc #c60 #ccc #ccc;
color : #00f;
background-color : #eee;
}



#colR ul.reservation_ul {
margin-top:20px;
}
#colR ul.reservation_ul li a {
border-color : #690;
}
#colR ul.reservation_ul li a:hover {
border-color : #c60;
color : #00f;
}






/* ==================================================================
   右：所在地
================================================================== */

address {
margin : 30px 0;
padding : 5px 10px;
color : #333;
background-color : #ffd;
border : #333 3px double;
font-size : 80%;
}





/* ==================================================================
   左：メインデータ
================================================================== */

#colL h2 {
font-style : Italic;
font-size : 200%;
border-left : #060 0.5em solid;
padding-left : 0.5em;
color : #000;
background-color : transparent;
}

#colL h3 {
clear : both;
margin : 2em 0 1em 0;
padding : 0.1em 0;
border-bottom : #333 1px dashed;
font-size : 120%;
color : #060;
background-color : transparent;
}


#colL p, #colL ol, #colL ul, #colL dl {
margin : 0.5em 0;
}

#colL em {
color : #c06;
background-color : transparent;
}

#colL strong {
color : #c60;
background-color : transparent;
}

#colL dt {
clear : both;
}

#colL dd {
margin-left : 1.5em;
}

#colL li {
margin-left : 2em;
}

#colL caption {
text-align : right;
}

.data {
border : #000 1px solid;
border-collapse : collapse;
}

.data th, .data td {
border : #000 1px solid;
padding : 0 0.2em;
}

.data thead th {
color : #000;
background-color : #efd;
}

.data tbody th {
color : #000;
background-color : #eee;
}

.data .price {
font-weight : bold;
color : #000;
background-color : transparent;
text-align : center;
}

.data .price2 {
font-weight : bold;
color : #c03;
background-color : transparent;
text-align : center;
}

.data caption {
font-weight : bold;
}

.data caption em {
font : normal Italic bold 110% /1.1;
color : #000;
background-color : transparent;
}

#colL p.photo {
text-align : center;
}

#colL p.photo img {
margin : 5px;
}

#colL p.photo2 img {
float : right;
margin-left : 10px;
}




/*----- 装飾 -----*/
.whiteBox {
border:1px solid #333;
padding:10px;
background-color:#FFFFFF;
}
.whiteBox strong {
background-color:#CC6600 !important ;
color:#FFF!important ;
padding-left:5px;
padding-right:5px;
}

.pinkBox {
border:1px solid #333;
padding:10px;
background-color:#FFCCCC;
}








/* ==================================================================
   Access のみ
================================================================== */

table.access {
border : none !important;
}

.access th {
background-color : #eee;
border : #999 1px solid;
color : #000;
padding : 0 5px;
}

.access td {
background-color : transparent;
border : none;
padding : 0;
text-align : center;
}

.access td p {
font-size : 80%;
line-height : 1;
}

.st h4 {
margin-left : 15px;
color : #fff;
background-color : #060;
padding : 0 5px;
}

.st dl {
margin : 0;
padding-left : 20px;
}





/* ==================================================================
   sightseeing, speciality
================================================================== */

.seeing dt {
margin-top : 10px;
}

.seeing dd img {
float : right;
margin-left : 10px;
}

.seeing dd img {
border : #333 1px solid;
}






/* ==================================================================
   トップページのみ
================================================================== */


.top h1 {
padding : 0.2em 0;
font-weight : bold;
font-size : 250%;
text-align : left;
border : none;
}

.top h1 span, h2 span {
font-size : 50%;
}


dl.topinfo {
border-bottom : #060 1px solid;
}

.topinfo dt {
padding-left : 10px;
background-color : #060;
color : #fff;
}

.topinfo dd {
margin-left : 10px !important;
padding-bottom : 5px;
}





/* これはどこで使ってる？ */
.attention {
border : #000 1px solid;
padding : 0.5em;
color : #333;
background-color : #ffe;
}
.attention2 {
border : #000 1px solid;
padding : 0.5em;
background-color : #FCC;
color:#900;
}

.center {
text-align : center;
}






/* ==================================================================
   hightlight
================================================================== */
#adachi {
border:3px double #333;
margin:10px;
margin-left:20px;
padding:10px;
}