@charset "utf-8";
/*######################################################################
c2007 ԉHvUze
layout CSS
######################################################################*/
div#all{
width:710px;
margin:auto;
margin-top:20px;
text-align:left;
}
div#shadow{
width:720px;
background:url(../image/shadow.jpg) left top no-repeat;
}
div#content{
width:710px;
background:url(../image/background.jpg) left top no-repeat;
border:#F7D784 1px solid;
margin:auto;
}
div#header{
width:710px;
height:95px;
background:url(../image/header.jpg);
}
div#topcontent-left{
width:170px;
height:100%;
float:left;
margin-left:6px;
margin-top:10px;
}
div#navigation{
width:155px;
margin:auto;
margin-top:0;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
div#subnavi{
width:162px;
margin:auto;
margin-top:10px;
}
div#topcontent-right{
width:510px;
float:right;
}
div#topimage{
width:490px;
margin:auto;
background-color:#FFFFFF;
border:1px solid #999999;
padding:5px;
margin-top:15px;
margin-bottom:10px;
margin-right:8px;
}

div#icons{width:510px;}
div#iconarea{
width:510px;
border-bottom:1px solid #F7DBA5;
}
div#iconleft{
width:245px;
float:left;
padding-top:5px;
padding-bottom:5px;
border-right:1px solid #F7DBA5;
}
div#iconright{
width:240px;
float:left;
padding-top:5px;
padding-bottom:5px;
margin-left:10px;
}
div#icon-pic{
width:220px;
float:left;
}
div#icon-pic img{
width:220px;
padding:5px;
margin:auto;
border:#CCCCCC 1px solid;
}

div#qrcode{
width:160px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
background-color:#FFFFFF;
border:1px solid #BDAE94;
}
div#qrcode p{
padding-left:3px;
}
div#qrcode img{
width:80px;
margin-left:40px;
}
div#break-footer{
clear:both;
}
div#newsarea{
width:510px;
margin-top:10px;
padding-bottom:10px;
}
div#newsarea ul li{
list-style:none;
}
div#footer{
width:710px;
height:47px;
background:url(../image/foot.jpg) left top no-repeat;
}
div#copyright{
font-size:12px;
width:450px;
margin:auto;
text-align:center;
padding-top:20px;
color:#FFFFFF;
}
div#updated_normal{
width:490px;
padding:0 0 5px 5px;
}
div#updated_normal ul li{
font-size:12px;
line-height:1.5;
width:490px;
padding:5px;
border-bottom:1px solid #004D18;
}
div#updated_detail{
margin-top:15px;
padding-left:5px;
}
h5.newstitle{
width:490px;
font-size:14px;
line-height:1.5;
color:#004D18;
border-bottom:1px solid #004D18;
}
p.newscontent{
width:490px;
line-height:1.5;
padding-top:5px;
}
/*-------------------------------
客室ご案内
--------------------------------*/
div#roomInfoContent{
margin-top:10px;
width:510px;
}
div#roomInfoContentTop{
width:510px;
}
div#rooms{
width:500px;
margin:0;
float:left;
}
div#roomArea{
width:500px;
margin-top:10px;
}
div#roomLeft{
width:240px;
float:left;
border:#E7D7BD 1px solid;
}
div#roomRight{
width:240px;
float:right;
border:#E7D7BD 1px solid;
}
div#roomPic{
width:240px;
}
div#roomInfoContentBottom{
width:510px;
margin-top:15px;
}
div#pricesCoutions{
width:440px;
margin:auto;
margin-top:10px;
padding:5px;
background-color:#E8FAFF;
border:1px solid #B4DDE9;
}
div#pricesCoutions ul li{
list-style:none;
color:8c8c8c;
font-size:12px;
line-height:1.5;
letter-spacing:1px;
}
div#pricesCoutions2 ul li{
width:450px;
margin:0 auto;
padding:5px;
list-style:none;
color:8c8c8c;
font-size:10px;
line-height:1.5;
letter-spacing:1px;
color:#333333;
}
div#pricesTableArea{
width:510px;
margin-top:10px;
}
span.confirm{
width:240px;
font-size:12px;
margin-left:150px;
}
/*--------------------------------
価格テーブル
----------------------------------*/
div#pricesTableArea table{
width:450px;
border:1px solid #FFFFFF;
margin:0 auto;
font-size:12px;
text-align:center;
}
div#pricesTableArea table tr td,
div#pricesTableArea table tr th{
padding:5px 0 5px 0;
border:1px solid #FFFFFF;
}
div#pricesTableArea table tr th{
padding-left:3px;
}
div#pricesTableArea table tr#doublesized td{
padding:0;}
div#pricesTableArea table tr#tableTop td{
background-color:#006C00;
color:#FFFFFF;
}
div#pricesTableArea table tr#sizeup td{
width:109px;
}
div#pricesTableArea table tr th{
background-color:#007943;
color:#FFFFFF;
}
table tr.tablePrice1 td{
background:#DFEFCE;
color:#000000;
border-color:#FFFFFF;
}
table tr.tablePrice2 td{
background:#FFFFFF;
color:#000000;
border-color:#FFFFFF;
}
table tr.tablePrice1 td.secondth,
table tr.tablePrice2 td.secondth{
background-color:#007943;
color:#FFFFFF;
}
.tablefont{
color:#FFFFFF;
}
/*------------------------------
予約エリア
--------------------------------*/
div#researveBtnArea{
width:500px;
margin-top:15px;
margin-bottom:15px;
}
div#researveBthS{
width:380px;
margin-left:auto;
margin-right:auto;
}
div#researveBtn1{
width:170px;
height:45px;
float:left;
}
div#researveBtn2{
width:170px;
height:45px;
float:right;
}
/*------------------------------
Infomation
---------------------------------*/
div#infoPicTextArea{
width:510px;
}
div#infoPicTextLeft{
width:170px;
float:left;
margin:0;
}
div#infoPicTextRight{
width:300px;
float:right;
margin-right:15px;
padding:3px;
}
div#infoPic{
width:170px;
margin-left:5px;
}
div#infoPicTextRight ul li{
list-style:none;
font-size:12px;
padding:3px 0 3px 0;
}
div#otheritems{
width:500px;
padding:3px;
}
div#otheritems ul li{
list-style:none;
font-size:12px;
padding:5px;
line-height:1.5;
color:#333333;
}
div#otheritems ul li.blue{background-color:#FAF6ED;}
div#otheritems ul li.pink{background-color:#E8FAFF;}
div#othersPicTextArea1{
width:500px;
margin-top:5px;
background-color:#FAF6ED;
}
div#othersPicTextArea2{
width:500px;
margin-top:5px;
background-color:#E8FAFF;
}
div#othersPicTextLeft{
width:100px;
float:left;
margin-left:5px;
}
div#othersPic{
width:100px;
}
div#othersPicTextRight{
width:370px;
float:right;
padding:3px;
}

/*----------------------------------
近隣情報
------------------------------------*/
div#neighborsContent{
width:510ox;
margin:0;
}
div#neighborsArea{
width:500px;
height:50px;
margin:0 0 5px 0;
padding-bottom:5px;
}
div#neighborsArea1{
width:500px;
margin:0 0 5px 0;
padding-bottom:5px;
border-bottom:1px solid #3F963C;
background-color:#F1FBEC;
}
div#neighborsArea2{
width:500px;
margin:0 0 5px 0;
padding-bottom:5px;
border-bottom:1px solid #3F963C;
background-color:#F5F1EB;
}
div#neighborsArea3{
width:500px;
margin:0 0 5px 0;
padding-bottom:5px;
border-bottom:1px solid #3F963C;
background-color:#F0F6FA;
}
div#neighborsArea4{
width:500px;
margin:0 0 5px 0;
padding-bottom:5px;
border-bottom:1px solid #3F963C;
background-color:#EFEEF9;
}
div#neighborsArea5{
width:500px;
margin:0 0 5px 0;
padding-bottom:5px;
border-bottom:1px solid #3F963C;
background-color:#FCF1F1;
}
div#neighborsAreaTop{
width:500px;
padding-top:5px;
}
div.neighborsAreaTopLeft{
width:165px;
height:20px;
font-weight:700;
float:left;
padding:3px;
}
div.neighborsAreaTopLeft2{
width:300px;
height:20px;
font-weight:700;
float:left;
padding:3px;
}
div.neighborsAreaTopLeft3{
width:120px;
height:20px;
font-weight:700;
float:left;
padding:3px;
}
div.neighborsAreaTopRight{
width:310px;
height:10px;
margin-top:0;
margin-bottom:5px;
margin-right:5px;
text-align:right;
float:right;
}
div.neighborsAreaTopRight2{
width:180px;
height:10px;
margin-top:0;
margin-bottom:5px;
margin-right:5px;
text-align:right;
float:right;
}
div.neighborsAreaTopRight3{
width:350px;
height:10px;
margin-top:0;
margin-bottom:5px;
margin-right:5px;
text-align:right;
float:right;
}
div#neighborsAreaBottom{
width:500px;
height:40px;
text-align:left;
float:left;
}
div#neighborsAreaBottomLeft{
width:300px;
height:40px;
text-align:left;
float:left;
}
div#neighborsAreaBottomRight{
width:180px;
height:40px;
text-align:right;
float:right;
}
div#neighborsAreaBottom p{
text-indent:1em;
}
div#neighborsPic{
width:130px;
}

div#neighborsContent p{
	font-size: 12px;
}
/*----------------------------
アクセスマップ
-----------------------------*/
div#accessmap{
width:330px;
margin:auto;
margin-top:10px;
}
div#accessmap img{
padding:5px;
border:1px #CCCCCC solid;
}
div#hoteladdress{
width:350px;
margin:auto;
margin-top:10px;
}
div#addressleft{
width:160px;
float:left;
margin-left:10px;
}
div#addressleft img{
padding:5px;
border:1px #CCCCCC solid;
}
div#addressright{
width:170px;
float:left;
}
div#addressright ul li{
list-style:none;
font-size:12px;
line-height:2.0em;
}
div#addressright ul li.hotelname{
font-size:14px;
color:#004D10;
}

div#accessMapPic2{
width:450px;
margin:0 auto;
}
div#accessMapText{
width:250px;
margin-left:120px;
}
div#accessMapText ul li{
list-style:none;
font-size:12px;
line-height:2.0em;
}
div#accessMapText ul li.hotelname{
font-size:14px;
color:#004D10;
}
/*--------------------------------
link
----------------------------------*/
div#links{
width:500px;
background:url(../link/image/link_backGround.jpg) top right no-repeat;
border:1px solid #F2DEB1;
}
div#linkArea{
width:500px;
border-bottom:1px solid #3F963C;
}
div#linkAreaTop{
width:460px;
padding:8px 0 8px 0;
}
div#linkAreaBottom{
width:460px;
margin-left:10px;
}
div#linkpic{
display:none;
}
/*--------------------------------
FAQ
----------------------------------*/
div#qarea{
margin-top:10px;
padding-left:10px;
margin-bottom:30px;
}
div#qarea ul li{
font-size:12px;
line-height:1.5;
list-style-type:none;
}
div#qarea ul li a{color:#DEA200;}
div#qarea ul li a:hover{color:#996600;}
div.qback{
width:490px;
background-color:#B5EFBD;
color:#333333;
padding:3px;
font-size:12px;
}
div.answer{
width:470px;
float:right;
margin-top:10px;
margin-right:10px;
color:#333333;
}
/*--------------------------------
Mail Form
----------------------------------*/
table#mailform,
table#mailform2,
table#mailform3{
margin:0 auto;
width:500px;
margin-top:10px;
color:#333333;
}
table#mailform tr,
table#mailform2 tr{
border-bottom:1px solid #999999;
}
table#mailform tr:hover,
table#mailform2 tr:hover,
table#mailform3 tr:hover{
background-color:#FFFFDF;
}
table#mailform tr th,
table#mailform2 tr th{
width:150px;
font-size:12px;
padding-left:3px;
}
table#mailform3 tr th{
font-size:12px;
padding-left:3px;
}
table#mailform tr td,
table#mailform2 tr td{
font-size:12px;
padding:5px;
}
p#nonform{
width:300px;
margin:auto;
color:#0099FF;
}
div#button{
width:180px;
margin:auto;
margin-top:10px;
}
input.submit{
width:80px;
}

/*--------------------------------
facility
----------------------------------*/
div#facility{
width:250px;
margin:0 auto;
}
h5#bihin{
text-align:center;
color:#FFFFFF;
background-color:#3F963C;
font-size:14px;

}
div#facility p{
padding:3px;
font-size:12px;
}