@charset "utf-8";

body { background:#fcf6f6;	color:#500e09; font-size:small; line-height:1.6em; font-family:メイリオ,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;}
a {	color:#500e09; text-decoration:none; overflow:hidden;}
a:hover { color:#926e66; text-decoration:underline;}
img {vertical-align:top;}

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
hr { display:none;}

/*clear*/	
.clear{ clear:both;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


/*common*/
#wrapper { background:#edcecc; width:948px; margin:0 auto; border:1px solid #d3c6bd; border-right:1px solid #d3c6bd;}

#header { position:relative; width:948px; height:81px;}
#header h2 { position:absolute;}
#header ul { position:absolute; top:46px; left:507px; width:439px;}
#header ul li { float:left; padding-left:8px;}
#header p { position:absolute;}

#tt { position:relative; width:948px; height:300px;}
#tt a { position:absolute; top:250px; left:677px;}

.gnt ul { padding-bottom:8px;}
.gnb ul { padding-bottom:12px;}
.gn ul { width:948px; background:#edcecc;}
.gn ul li { float:left;}
.gn ul li a { display:block; text-indent:-9999px; height:56px;}
.gn ul li.n1 a { background:url(cogn1.gif) no-repeat; width:92px;}
.gn ul li.n1 a:hover,#home .gn ul li.n1 a { background:url(cogn1.gif) no-repeat bottom;}
.gn ul li.n2 a { background:url(cogn2.gif) no-repeat; width:109px;}
.gn ul li.n2 a:hover,#spa .gn ul li.n2 a { background:url(cogn2.gif) no-repeat bottom;}
.gn ul li.n3 a { background:url(cogn3.gif) no-repeat; width:83px;}
.gn ul li.n3 a:hover,#cuisine .gn ul li.n3 a { background:url(cogn3.gif) no-repeat bottom;}
.gn ul li.n4 a { background:url(cogn4.gif) no-repeat; width:157px;}
.gn ul li.n4 a:hover,#room .gn ul li.n4 a { background:url(cogn4.gif) no-repeat bottom;}
.gn ul li.n5 a { background:url(cogn5.gif) no-repeat; width:117px;}
.gn ul li.n5 a:hover,#omotenashi .gn ul li.n5 a { background:url(cogn5.gif) no-repeat bottom;}
.gn ul li.n6 a { background:url(cogn6.gif) no-repeat; width:119px;}
.gn ul li.n6 a:hover,#sightseeing .gn ul li.n6 a { background:url(cogn6.gif) no-repeat bottom;}
.gn ul li.n7 a { background:url(cogn7.gif) no-repeat; width:135px;}
.gn ul li.n7 a:hover,#access .gn ul li.n7 a { background:url(cogn7.gif) no-repeat bottom;}
.gn ul li.n8 a { background:url(cogn8.gif) no-repeat; width:136px;}
.gn ul li.n8 a:hover,#dayplan .gn ul li.n8 a { background:url(cogn8.gif) no-repeat bottom;}

p.pt { width:908px; background:#fff; padding:10px 20px; text-align:right;}

#fb { width:937px; background:#fff; padding:0 0 20px 11px;}
#fb ul { width:937px;}
#fb ul li { width:229px; float:left; padding-right:3px;}

#fn { width:950px; margin:0 auto 3px auto; text-align:right;}
#fn ul { text-align:right;}
#fn ul li { float:right; background:url(comark.gif) no-repeat 0 50%; padding:0 10px 0 18px; font-size:0.8em;}
#fn ul li a {	color:#500e09; text-decoration:none; overflow:hidden;}
#fn ul li a:hover { color:#926e66; text-decoration:underline;}

#ft { width:950px; margin:0 auto; padding:7px 0 20px 0; border-top:1px solid #9d8493;}
#ft p { float:left; line-height:1.3em; font-size:0.9em; padding:5px 30px 0 0;}
#ft p strong { font-weight:bold;}
#ft #qr { float:left; width:82px; padding-bottom:5px; background:#fff;}
#ft #qr a { display:block; padding-left:5px;}

/* home */
#home { background:#fff; font-size:0.9em;}
#home #flash { width:948px;}
#home #flash object { float:left; width:700px;}
#home #flash ul { float:right; width:248px;}
#home #flash ul img { vertical-align:top;}

#home #box { width:928px; padding:0 10px;}
#home #box_l { float:left; width:208px; height:780px; background:#edcecc; margin-top:20px; padding:6px 6px 0 6px;}
#home #box_l img { padding-bottom:10px;}
#home #box_r { float:right; width:700px;}
#home #box1 { background:url(hobg1.jpg) no-repeat; width:693px; height:195px;}
#home #box1 a { display:block; padding:80px 0 0 288px;}
#home #box1 #voice { overflow:auto; width:385px; height:60px; margin:12px 0 0 20px; padding:5px 7px; background:#fdf7f7; color:#744003; font-size:0.9em; line-height:1.5em; border:1px solid #d4c7bd;}
#home #box2 { background:url(hobg2.jpg) no-repeat; width:693px; height:174px; margin-top:15px;}
#home #box2 ul { padding:60px 0 0 40px; width:430px; font-size:11px;}
#home #box2 ul li { border-bottom:1px solid #d3bb75; color:#fff;}
#home #box2 ul li span { color:#bcd45c; font-weight:bold; font-size:12px; padding-right:10px;}
#home #box2 ul li a { color:#fff; text-decoration:underline;}

/* 震災のお知らせ */
#home #intro { width:651px; margin:20px 0 10px 0; padding:20px; border:1px solid #A56134; color:#23170b;}
#home #intro h4 { font-size:1.3em; font-weight:bold; color:#712411; text-align:center; padding-bottom:15px;}
#home #intro p.strong { border-bottom:1px dotted #534428; padding-bottom:10px;}
#home #intro p strong { font-weight:bold;}
#home #intro dl { width:651px; padding-top:15px;}
#home #intro dl dt { float:left; width:126px; font-weight:bold;}
#home #intro dl dt.small { font-size:0.9em;}
#home #intro dl dd { float:left; width:500px;}
#home #intro dl dd span { text-decoration:underline;}

#tab { width:922px; margin:20px auto 0 auto;}
#tab img.left { float:left;}
#tab img.right { float:right;}

#home #box3 { width:918px; margin:0 auto 30px auto; padding:26px 0 26px 4px; background:#fdf7f7;}
#home .box4 { width:915px;}
#home .box4.top { padding-bottom:9px;}
#home .box4.bot { padding-top:9px}

#home .box5 { float:left; width:451px; padding-left:6px;}
#home .border { border-left:1px dashed #ceb7b6;}
#home .box5 img.left { float:left; padding:5px; border:1px solid #ceb7b6;}
#home .box5 .box5_r { position:relative; float:left; width:247px; padding:0 4px 0 6px; font-size:0.9em;}
#home .box5 .box5_r p a { color:#dc6e03; text-decoration:underline;}
#home .box5 .box5_r a.plan { position:absolute; display:block; top:108px;}

/* spa */
#spa { background:#fff;}
#spa object { margin-left:35px;}
#spa #box1 { background:url(spbg1.jpg) no-repeat; width:948px; height:446px;}
#spa #box1 a { display:block; text-align:right; margin:8px 38px 0 0;}
#spa #box2 { background:url(spbg3.jpg) no-repeat; width:948px; padding-top:333px;}
#spa #box2 p.ame { background:#faf1f1; width:750px; color:#ba6666; font-size:0.75em; line-height:1.6em; margin-left:27px; padding:5px 10px; border:1px solid #f0c5c5;}
#spa #box2 p.kas { font-size:0.8em;}
#spa #box2 p.kas span { display:inline-block; background:#efefca; width:156px; font-size:small; color:#50412b; line-height:1.6em; margin:10px 7px 0 27px; padding:0px 5px; border:1px solid #ab966d;}

/* cuisine */
#cuisine { color:#281503; font-size:0.9em; line-height:1.5em;}
#cuisine #box1 { position:relative; background:url(cubg1.jpg) no-repeat; width:948px; height:586px; margin-bottom:11px;}
#cuisine #box1 object { position:absolute; top:134px; left:27px;}
#cuisine #box1 p { position:absolute; top:392px; left:608px;}
#cuisine #box1 a { position:absolute; top:479px; left:608px;}
#cuisine #box2 { position:relative; background:url(cubg2.jpg) no-repeat; width:948px; height:587px;}
#cuisine #box2 p.text1 { position:absolute; top:180px; left:359px;}
#cuisine #box2 p.text2 { position:absolute; top:383px; left:359px;}
#cuisine #box3 { position:relative; background:url(cubg3.jpg) no-repeat; width:948px; height:528px;}
#cuisine #box3 p.text1 { position:absolute; top:363px; left:107px;}
#cuisine #box3 p.text2 { position:absolute; top:363px; left:493px;}
#cuisine #box4 { position:relative; background:url(cubg4.jpg) no-repeat; width:948px; height:428px;}
#cuisine #box4 p { position:absolute; top:290px; left:429px;}

/* room */
#room { color:#744003; font-size:0.9em; line-height:1.4em;}
#room span { font-size:0.75em;}
#room #box1 { position:relative; background:url(robg1.jpg) no-repeat; width:948px; height:854px;}
#room #box1 p.text1 { position:absolute; top:305px; left:482px;}
#room #box1 p.text2 { position:absolute; top:533px; left:85px;}
#room #box1 p.text3 { position:absolute; top:730px; left:482px;}
#room #box2 { background:url(robg2.jpg) no-repeat; width:948px; height:320px; margin-top:11px;}
#room #box2 p { padding-left:123px;}
#room #box2 p a { float:left; margin-top:87px; padding-right:58px;}
#room #box3 { position:relative; background:url(robg3.jpg) no-repeat; width:948px; height:440px; margin-top:11px;}
#room #box3 p { position:absolute; top:175px; left:504px;}
#room #box3 a { position:absolute; top:284px; left:504px;}
#room #box4 { position:relative; background:url(robg4.jpg) no-repeat; width:948px; height:436px; margin-top:11px;}
#room #box4 p { position:absolute; top:175px; left:504px;}
#room #box4 a { position:absolute; top:284px; left:504px;}
#room #box5 { position:relative; background:url(robg5.jpg) no-repeat; width:948px; height:432px; margin:11px 0 11px 0;}
#room #box5 p { position:absolute; top:175px; left:504px;}
#room #box5 a { position:absolute; top:284px; left:504px;}

/* omotenashi */
#omotenashi #box1 { margin-bottom:10px;}

/* sightseeing */
#sightseeing { background:#fff;}
.sight { width:800px; font-size:80%; margin:30px auto 0 auto; padding-bottom:30px; border-bottom:1px dotted #666;}
.sight_left { float:left; width:385px;}
.sight_right { float:right; width:385px;}
.sight dl {	float:left; width:220px;}
.sight dl dd { padding:0 5px;}
.sight img.photo { float:right;	width:160px;}
#no_border { border:none;}

/* access */
#access { background:#fff;}

/* day */
#dayplan { background:#fff; color:#281503; font-size:0.9em; line-height:1.5em;}
#dayplan span { font-size:0.9em;}
#dayplan #tt a { position:absolute; top:253px; left:19px;}
#dayplan #box1 { background:url(hibg1.jpg) no-repeat; width:894px; height:281px; margin:0 auto;}
#dayplan #box2 { background:url(hibg2.gif) no-repeat; width:826px; height:154px; margin:0 auto 70px auto;}
#dayplan #box2 p { padding:170px 0 0 30px;}
#dayplan #box3 { background:url(hibg3.gif) no-repeat; width:826px; margin:0 auto 50px auto;}
#dayplan #box3 p { padding:100px 0 0 30px;}
#dayplan #box4 { background:url(hibg4.jpg) no-repeat; width:826px; height:343px; margin:0 auto 30px auto;}
#dayplan #box4 p { padding:150px 0 0 295px;}
#dayplan #box5 { background:url(hibg5.jpg) no-repeat; width:826px; height:313px; margin:0 auto 50px auto;}
#dayplan #box5 p { padding:145px 0 0 295px;}
#dayplan #box5 p span strong { display:block; font-size:1.1em; font-weight:bold;}
#dayplan #box6 { background:url(hibg6.jpg) no-repeat; width:826px; height:498px; margin:0 auto 6px auto;}
#dayplan #box6 p.link { padding:238px 0 0 590px;}
#dayplan #box6 p.text { padding:138px 0 0 240px;}
#dayplan #box7 { width:650px; margin:0 0 30px 245px;}
#dayplan #box7 dl { width:200px; float:left; padding-right:9px;}
#dayplan #box7 dl dd { padding:5px;}
#dayplan #box7 dl dd span { display:inline-block; padding-top:5px;}

#dayplan ul.plan_link { width:700px; margin:20px auto 0 auto;}
#dayplan ul.plan_link li { float:left; width:350px; padding-bottom:0;}
#dayplan ul.plan_link li a { font-size:13px; text-decoration:underline;}