@charset"UTF-8";
/*
-----------------------------------------------
Master Site CSS / Pension Kaigan Douri
Version: 2006.6
----------------------------------------------- */

a:link,a:visited,a:hover,a:active {text-decoration: none}
a:link {color: #b55cb2}
a:visited {color: #8b4513 }
a:hover {color: #666666 }

html {
	min-width: 910px;
}
img {
	border: 0;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fefdf6 url(../images/bg_sand.png) repeat 0 0 ;
}
hr.hidd {
	margin: 0;
	padding: 0;
	visibility : hidden ;
}
.clear {
	clear : both ;
}
em {
	font-size: 120%;
	font-style : normal ;
}

/* __________________________＊ CONTAINER __________________________ */
#container {
	width: 775px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	color: #000000;
	background: #ffffff url(../images/bg_sand_con.png) repeat-y left top;
}

/* __________________________＊ HEADER __________________________ */
#header {
	margin: 0;
	padding: 53px 0 0 20px;
	background: transparent url(../images/topgreen2.png) no-repeat 0 0;
	height : 130px;
	text-align : left ;
}
img#markPrint {
	display: none ;
}
h1 a{
	position : absolute ;
	top: 55px;
	margin: 0;
	padding: 0;
	width : 183px;
	height : 129px;
	text-indent :-9999px ;
	background: transparent url(../images/greennlogo2.png) no-repeat 0 0;
	display: block ;
}
h2 {
	position : absolute ;
	top: 105px;
	margin: 0 0 0 228px;
	padding: 0;
	width : 490px;
	height : 46px;
	text-indent :-9999px ;
}
h2#topH {
	background: transparent url(../images/hcopy/h_top.gif) no-repeat 0 0;
}
h2#guideH {
	background: transparent url(../images/hcopy/h_guide.gif) no-repeat 0 0;
}
h2#dishH {
	background: transparent url(../images/hcopy/h_dish.gif) no-repeat 0 0;
}
h2#roomsH {
	background: transparent url(../images/hcopy/h_rooms.gif) no-repeat 0 0;
}
h2#reserveH {
	background: transparent url(../images/hcopy/h_reserve.gif) no-repeat 0 0;
}
h2#accessH {
	background: transparent url(../images/hcopy/h_access.gif) no-repeat 0 0;
}
h2#dressingH {
	background: transparent url(../images/hcopy/h_dressing.gif) no-repeat 0 0;
}
h2#bousouH {
	background: transparent url(../images/hcopy/h_bousou.gif) no-repeat 0 0;
}
h2#sisetsulinkH {
	background: transparent url(../images/hcopy/h_sisetsulink.gif) no-repeat 0 0;
}
h2#osusumelinkH {
	background: transparent url(../images/hcopy/h_osusumelink.gif) no-repeat 0 0;
}
h2#backnumberH {
	background: 
}
h2#whatsnewH {
	background: transparent url(../images/hcopy/h_bousou.gif) no-repeat 0 0;
}
h2#backnumberH {
	background: 
}

/* __________________________＊ SIDEBAR __________________________ */
#sidebar {
	position : absolute ;
	top: 200px;
	margin: 0 0 0 42px;
	padding: 0;
	width : 144px;
	font-size : 75% ;
	text-align : left ;
	float : left ;
}
#add li,#navi li {
	list-style:none;
}
ul#add {
	margin: 1px 0 0 3px;
	padding: 0;
	font-size :100% ;
	background: transparent url(../images/add.png) no-repeat 0 0 ;
	text-indent :-9999px ;
	line-height : 120% ;
}
ul#add li#mail a{
	margin: 3px 0 0 0;
	padding: 0;
	height : 10px;
	background: transparent url(../images/btn/btn_mail_off.png) no-repeat 0 0 ;
	text-indent :-9999px ;
	display: block ;
}
ul#add li#mail a:hover{
	background: transparent url(../images/btn/btn_mail_on.png) no-repeat 0 0 ;
}
ul#navi {
	margin: 24px 0 0 0;
	padding: 0;
}
dl#news {
	margin: 20px 0 0 3px;
	padding: 0;
	width : 140px;
	line-height : 120% ;
}
#news dt {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 95%;
}
#news dd {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 90%;
}
#news dd span {
	display: block ;
}

/* __________________________＊ NAVIGATION __________________________ */
#navi li,#navi li a {
	display: block ;
	text-indent :-9999px ;
	width : 138px;
	height : 33px;
}
#guide a{
	background: transparent url(../images/btn/btn_guide.png) no-repeat 100% 0;
}
#guide a:hover {
	background-position : 100% 100%;
}
#guide_here {
	background: transparent url(../images/btn/btn_guide.png) no-repeat 100% 100%;
}
#dish a{
	background: transparent url(../images/btn/btn_dish.png) no-repeat 100% 0;
}
#dish a:hover {
	background-position : 100% 100%;
}
#dish_here {
	background: transparent url(../images/btn/btn_dish.png) no-repeat 100% 100%;
}
#rooms a{
	background: transparent url(../images/btn/btn_rooms.png) no-repeat 100% 0;
}
#rooms a:hover {
	background-position : 100% 100%;
}
#rooms_here {
	background: transparent url(../images/btn/btn_rooms.png) no-repeat 100% 100%;
}
#reserve a{
	background: transparent url(../images/btn/btn_reserve.png) no-repeat 100% 0;
}
#reserve a:hover {
	background-position : 100% 100%;
}
#reserve_here {
	background: transparent url(../images/btn/btn_reserve.png) no-repeat 100% 100%;
}
#access a{
	background: transparent url(../images/btn/btn_access.png) no-repeat 100% 0;
}
#access a:hover {
	background-position : 100% 100%;
}
#access_here {
	background: transparent url(../images/btn/btn_access.png) no-repeat 100% 100%;
}
#dressing a{
	background: transparent url(../images/btn/btn_dressing.png) no-repeat 100% 0;
}
#dressing a:hover {
	background-position : 100% 100%;
}
#dressing_here {
	background: transparent url(../images/btn/btn_dressing.png) no-repeat 100% 100%;
}
#bousou a{
	background: transparent url(../images/btn/btn_bousou.png) no-repeat 100% 0;
}
#bousou a:hover {
	background-position : 100% 100%;
}
#bousou_here {
	background: transparent url(../images/btn/btn_bousou.png) no-repeat 100% 100%;
}
#whatsnew a{
	background: transparent url(../images/btn/btn_whatsnew.png) no-repeat 100% 0;
}
#whatsnew a:hover {
	background-position : 100% 100%;
}
#whatsnew_here {
	background: transparent url(../images/btn/btn_whatsnew.png) no-repeat 100% 100%;
}
#home a{
	background: transparent url(../images/btn/btn_home.png) no-repeat 100% 0;
}
#home a:hover {
	background-position : 100% 100%;
}
#home_here {
	background: transparent url(../images/btn/btn_home.png) no-repeat 100% 0;
}
#toMimi a{
	background: transparent url(../images/btn/btn_blog.png) no-repeat 100% 0;
}
#toMimi a:hover {
	background-position : 100% 100%;
}
#toMimi_here {
	background: transparent url(../images/btn/btn_blog.png) no-repeat 100% 100%;
}

/* __________________________＊ CONTENT __________________________ */
#content {
	margin: 17px 0 0 203px;
	padding: 0 0 0 47px;
	font-size : 0.75em ;
	text-align : left ;
	line-height : 160% ;
	background: transparent url(../images/dott.gif) repeat-y 0 0;
}
h3 {
	margin: 0 0 11px 0;
	padding: 0;
	height : 10px;
	text-indent :-9999px ;
}
.section {
	margin: 0 0 26px 0;
	padding: 0;
}
.Photo-A {
	float : left ;
	width : 200px;
	margin: 0 24px 0 0;
	padding: 0;
}
.Photo-A p {
	clear : left ;
	margin: 0;
	padding: 2px 0 0 0;
}
.copy {
	margin: 0 0 17px 0;
	padding: 0;
	width : 400px;
}
#copyright {
	margin: 0px 0 0 0;
	padding: 0;
	font-size: 85%;
	font-family : Verdana,sans-serif ;
}

/*=========== トップページ ===========*/
#TOP {
	margin: 0 0 55px 0;
	padding: 0 100px 370px 0 ;
	background: transparent url(../images/topimg.jpg) no-repeat -10px 100%;
}
img#exImg01 {
	position : absolute ;
	top: 4px;
	right: 1%;
	margin: 0 ;
	padding: 0 ;
}
img#exImg02 {
	position : absolute ;
	top: 195px;
	left: 62%;
	margin: 0 ;
	padding: 0 ;
}
img#exImg03 {
	position : absolute ;
	top: 190px;
	left: 75%;
	margin: 0 ;
	padding: 0 ;
}
img#exImg04 {
	position : absolute ;
	bottom: 10px;
	left: 30px;
	margin: 0 ;
	padding: 0 ;
}
div#exImg_z {
	position : absolute ;
	top: 800px;
	margin: 0 0 40px 0;
	padding: 0;
	height : 40px;
	width : 800px;
	background: transparent url(../images/shell04.png) no-repeat 743px 0 ;
	display: block ;
	text-indent :-9999px ;
}

/*=========== 施設のご案内 ===========*/
h3#MORNING {
	background: transparent url(../images/h3gif/morning.gif) no-repeat left top;
}
h3#AFTERNOON {
	background: transparent url(../images/h3gif/afternoon.gif) no-repeat left top;
}
h3#EVENING {
	background: transparent url(../images/h3gif/evening.gif) no-repeat left top;
}

/*=========== 自慢料理です ===========*/
#intro {
	width : 434px;
	margin: 0;
	padding: 0;
}
#photo {
	margin: 3px 0 0 0 ;
	padding: 0;
	width : 200px;
	float : right ;
}
#photo .Photo-A {
	width : 200px;
	margin: 0 0 36px 0;
	padding: 0;
}
#profile {
	margin: -3px 0 0 0 ;
	padding: 0;
	width : 193px;
}
#profile p{
	margin: 0 0 16px 0;
	padding: 0;
	width : 193px;
}
table.Dishs {
	margin: 20px 0 40px 0;
	padding: 0;
}
table.Dishs td{
	margin: 0;
	padding: 0 12px 6px 0;
	vertical-align : top ;
}
#Breakfast h3 {
	background: transparent url(../images/h3gif/breakfast.gif) no-repeat left top;
}
#Dinner h3{
	background: transparent url(../images/h3gif/dinner.gif) no-repeat left top;
	margin-left: 21px ;
}
dl.Menu {
	margin-top: 20px ;
	width : 204px;
}
dl.Menu dt{
	margin-bottom: 10px ;
}
dl.Menu dd{
	margin: 0;
	line-height : 150% ;
}
#Breakfast dl.Menu {
	margin-right: 18px ;
}
#Dinner dl.Menu {
	margin-left: 21px ;
}

/*=========== お部屋のご案内 ===========*/
p#roomName {
	margin: 35px 0 0 0;
	padding: 0 80px 20px 0;
	background: transparent url(../images/potiron.png) no-repeat 90% 100%;
}
#Bed {
	margin: 10px 0 0 0;
	padding: 0;
	background: transparent url(../images/poteto.png) no-repeat 80% 23%;
}
img.Photo-B {
	float : left ;
	margin: 0 10px 0 0;
	padding: 0;
}
#Bed p{
	margin: 0;
	padding: 0;
	line-height : 135% ;
}
p#Pime {
	margin: 0;
	padding: 0 0 83px 0;
	background: transparent url(../images/piments.png) no-repeat 90% 12%;
}
p#Toma {
	margin: 20px 0 0 0;
	padding: 0 0 84px 0;
	background: transparent url(../images/tomate.png) no-repeat 90% 100%;
}

/*=========== 空室案内 ===========*/
table.charge {
	margin: 0;
	padding: 0;
	border-collapse : collapse ;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	width : 476px;
}
table.charge th,table.charge td {
	margin: 0;
	padding: 7px ;
	line-height: 130%;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	vertical-align : top ;
	text-align : left ;
}

table.charge th.first{
background-color : #fabde7 ;
}
table.charge th.second{
background-color : #fdf5e6 ;
}
table.charge th.third{
background-color : #fdf5e6 ;
}
table.charge th.fourth{
background-color : #fdf5e6 ;
}

table.charge td.first{
background-color : #fff0f5 ;
}
table.charge td.second{
background-color : #ffffff ;
}
table.charge td.third{
background-color : #ffffff ;
}
table.charge td.fourth{
background-color : #ffffff ;
}

#Reserve-page td.yen {
	text-align : right ;
}
#Reserve-page caption,#calender h4 {
	text-align : left ;
	color: #000000;
	font-size: 115%;
	margin: 0;
	padding: 0 0 6px 0;
	font-weight : bold ;
}
#Reserve-page caption span,#calender h4 span{
	display: block ;
	margin: -1.6em 0 0 0;
	padding: 0;
	text-align : right ;
	font-size: 80%;
	color: #000000;
}
#Reserve-page caption span#GW {
	display: inline ;
}
#calender {
	margin: 50px 0 0 0;
	padding: 0;
	width : 500px;
}
#calender h4 {
	width : 95%;
}
#Reserve-page ul {
	list-style:none;
	margin: 18px 0 0 0;
	padding: 0;
}
table.vacant {
	margin: 4px 23px 23px 0;
	padding: 0;
	width : 226px;
	border-width : 1px 0 0 1px ;
	border-style : solid ;
	float : left ;
}
table.vacant td,table.vacant th {
	vertical-align : middle ;
	text-align : center ;
	line-height: 110%;
	border-width : 0 1px 1px 0 ;
	border-style : solid ;
}
table.colorA,table.colorA td,table.colorA th {
	border-color : #a0522d;
}
table.colorB,table.colorB td,table.colorB th{
	border-color : #a0522d;
}
table.vacant td {
	padding-bottom: 3px ;
	width : 33px;
	font-weight : bold ;
}
table.vacant td span {
	display: block ;
	font-weight : bold ;
}
table.vacant th{
	background-color: #ffe7cc;
}
table.vacant th.month{
	color: #ffffff;
	padding:3px;
	font-weight : bold !important;
}
table.colorA th.month{
	background-color: #a0522d;
}
table.colorB th.month{
	background-color: #a0522d;
}
.holday {
	color: red;
}
.satday {
	color: blue;
}
#accessBox {
	margin: 18px 0 38px 0;
	padding: 9px 0 0 0;
	width : 476px;
	background: transparent url(../images/call_top.png) no-repeat 0 0 ;
	text-align : center ;
}
#accessBox p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height : 150% ;
	background: transparent url(../images/call_mid.png) repeat-y 0 0;
}
#accessBox p#tel-mail {
	margin: 0;
	padding: 0 0 4px 0;
}
#accessBox div{
	margin: 0;
	padding: 0 0 8px 0;
	background: transparent url(../images/call_bot.png) no-repeat 0 100%;
}

/*=========== 交通のご案内 ===========*/
#train {
	margin: 0 0 0 -13px;
	padding: 0 0 0 15px;
	width : 490px;
	background: #8ed3da url(../images/bg_map.png) repeat 0 0;
}
#train img{
	margin: 0 0 10px 20px;
	padding: 0;
	width : 267px;
	float : right ;
	background-color: #eee8aa;
}
h3#trainH,h3#carH{
	padding: 12px 0 5px 0;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-size: 110%;
	font-weight : bold ;
	letter-spacing : normal ;
	color: #301c4a;
	text-indent :0 ;
}
h3#carH{
	clear : both ;
}
span.LmapBtn a{
	display: block ;
	width : 92px;
	height : 38px;
	text-indent :-9999px ;
	background: transparent url(../images/btn/leage_btn.png) no-repeat 100% 0;
	margin: -53px 12px 16px 0;
	padding: 0 !important;
	float : right ;
}
span.LmapBtn a:hover{
	background-position : 100% 100% ;
}
#car {
	margin: 20px 0 30px -13px;
	padding: 0 0 0 15px;
	width : 490px;
	background: #8ed3da url(../images/bg_map.png) repeat 0 0;
}
#car img{
	margin: 0 0 17px 15px;
	padding: 0;
	float : right ;
}
#train p a{
	border-bottom: 1px dotted #3333ff;
	color: #3333ff;
	padding-bottom: 2px ;
}
#train p a:hover{
	color: #666666;
}

/*=========== 手作りドレッシング ===========*/
#Dressing-page {
	margin: 0 0 -30px 0;
	padding: 0 30px 210px 0 ;
	width : 440px;
	background: transparent url(../images/vegetables.png) no-repeat 168px 100%;
}
#photoDres{
	margin: 0;
	padding: 0;
	width : 200px;
	float : right ;
}
#presen {
	margin: 0px 50px 0 0 ;
	padding: 0;
	width : 193px;
}
#presen h3 {
	margin: 0 0 30px 0;
	height : 28px;
	background: transparent url(../images/h3gif/salad.gif) no-repeat left top;
}
#presen p{
	margin: 0 0 16px 0;
	padding: 0;
}
img.Photo-C {
	margin: 0 0 20px 0;
	padding: 0;
}

/* __________________________＊ FOOTER __________________________ */
#footer {
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	background: transparent url(../images/footgreen.png) no-repeat 0 100%;
}