@charset "Shift_JIS";


/* reset
----------------------------------- */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

img {
	border: none;
}

ul {
list-style: none;
margin:0;
padding:0;
}

ul li {
list-style: none;
margin:0;
padding:0;
}


/* headline
----------------------------------- */
h1 span{
text-indent:-9999px;
visibility:hidden;
font-size:0em;
line-height:0;
}

h2 {

}

h2 span{	/* index.html*/
text-indent:-9999px;
visibility:hidden;
font-size:0em;
line-height:0;
}

h3{
	margin-bottom:20px;
}

h3 span{	/* index.html*/
text-indent:-9999px;
visibility:hidden;
font-size:0em;
line-height:0;
}


blockquote {
	margin:5px 10px;
	width:620px;
	padding:10px;
	font-size:12px;
	border:1px solid #1998DB;
	background-color:#f6f6f6;
	vertical-align:middle;
	clear:both;
	text-align:left;
	}
	
blockquote span {
	border:#ccc 1px solid;
	background-color:#FF3300;
	color:#FFFFFF;
	padding:3px;
	margin-right:10px;
	height:15px;
	font-size:11px;


}


/* body
----------------------------------- */

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family: "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
}

a {	text-decoration:none; }
a:link {  color:#444; }
a:hover {	color:#444; }


input, select, textarea { 
	font-family: Verdana, Arial, sans-serif;
	color: #444; 	
}



/* class
----------------------------------- */

.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.ud {
text-decoration:underline;

}

.r1 {
	float:right;
	border:1px solid #ccc;
	margin:0px 0px 10px 10px;
}

.r {
	float:right;
}

.l1 {
	float:left;
	border:1px solid #ccc;
	margin:0px 10px 10px 0px;
}

.l {
	float:left;
}


.red {
	color:#FF0101;

}


.form_ex{
	color:#999;
	font-size:80%;
}

.reds {
	color:#E20000;
	font-size:10px;

}

.redb {
	color:#E20000;
	font-weight:bold;

}

.red15 {
	color:#E20000;
	font-size:15px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;

}

.red16 {
	color:#E20000;
	font-size:18px;
	font-weight:bold;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}

.bl16 {
	color:#111;
	font-weight:bold;
	font-size:16px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}


.red17 {
	color:#E20000;
	font-size:17px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}


.red18 {
	color:#E20000;
	font-size:18px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}

.red18b {
	color:#E20000;
	font-size:18px;
	font-weight:bold;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}

.red20b {
	color:#E20000;
	font-size:20px;
	font-weight:bold;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}

.red24b {
	color:#E20000;
	font-size:24px;
	font-weight:bold;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}


.blue15 {
	color:#00469D;
	font-size:15px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	font-weight:bold;

}

.b_udline {
font-weight:bold;
border-bottom:1px #333 solid;
font-size:14px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}

.bor {
border:1px solid #ccc;
}

.center {
text-align:center;

}


/* margin set
----------------------------------- */

.mt10 {margin-top:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}

.mt20 {margin-top:20px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}

.mt30 {margin-top:30px;}
.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px;}

.mt40 {margin-top:40px;}
.mb40 {margin-bottom:40px;}
.mr40 {margin-right:40px;}
.ml40 {margin-left:40px;}

.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px;}

.mt60 {margin-top:60px;}
.mb60 {margin-bottom:60px;}



/* oowaku
----------------------------------- */

#all {
	text-align:center;
	background:url(../img/footer_bg.jpg) repeat-x left bottom;
}

#container {
	text-align:center;
	margin:0 auto;
}


#container-in1 {
	text-align:left;
	margin:0 auto;
	background:url(../img/bg_container.jpg) no-repeat center top;
}

#container-in2 {
	text-align:left;
	margin:0 auto;
	width:1000px;
}



/* head
----------------------------------- */

#head_index{
	position:relative;
	width:1000px;
	height:450px;
	display:block;
	margin:0 auto 11px;
	text-align:center;
}

#head_index #fade{
	position:absolute;
	top:0;
	left:-200px;
}

#head {
	width:1000px;
	height:131px;
	background:url(../img/head.jpg) no-repeat left top;
	margin:0 auto 10px;
	position:relative;
}

#head a{
	display:block;
	width:360px;
	height:96px;
	position:absolute;
	top:21px;
	left:0;
}



/* navi
----------------------------------- */

#navi {
	width:1000px;
	height:56px;
	padding:6px 0 5px 0;
	margin:0;
	background:url(../img/navi_r.jpg) no-repeat left top;
}

#navi ul li a {
	display:block;
	height:56px;
	background:url(../img/navi.jpg) no-repeat;
}

#navi ul li {
	float:left;
}

#navi ul li a#navi01 {width:156px;background-position:0px -6px;}
#navi ul li a#navi02 {width:173px;background-position:-156px -6px;}
#navi ul li a#navi03 {width:158px;background-position:-329px -6px;}
#navi ul li a#navi04 {width:168px;background-position:-487px -6px;}
#navi ul li a#navi05 {width:167px;background-position:-655px -6px;}
#navi ul li a#navi06 {width:178px;background-position:-822px -6px;}

#navi ul li a:hover{
	background:0;
}

#navi ul li span{
text-indent:-9999px;
visibility:hidden;
font-size:0em;
line-height:0;
}


/* main 
----------------------------------- */

#main {
	width:1000px;
	margin:22px auto 100px;
	padding:0;
}

/* pankuz
----------------------------------- */
#pankuz{
	height:50px;
}

#pankuz ol li{
	display:inline;
	padding-right:10px;
	font-family:"‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono, monospace;
}

#pankuz ol li a:hover{
	text-decoration:underline;
}


/* side
----------------------------------- */

#side {
	width:230px;
	margin:0 auto 100px;
	padding:0;
	float:right;
}

#side p{
	margin-bottom:15px;
}

#side a#side01,
#side a#side02,
#side a#side03,
#side a#side04,
#side a#side05{
	display:block;
	width:230px;
}

#side a#side02{
	height:190px;
	background:url(../img/side02_r.jpg) no-repeat left top;
}
#side a#side03{
	background:url(../img/side03_r.jpg) no-repeat left top;
}
#side a#side04{
	background:url(../img/side04_r.jpg) no-repeat left top;
}
#side a#side05{
	background:url(../img/side05_r.jpg) no-repeat left top;
}

#side a#side02:hover,
#side a#side03:hover,
#side a#side04:hover,
#side a#side05:hover{
	text-indent:-9999px;
	overflow:hidden;
}

/* contents
----------------------------------- */

#contents {
	width:720px;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
}



/* copy & footer
----------------------------------- */

#footer_out {
	height:200px;
	background-color:#33B0B4;
	background:url(../img/bg_footer.jpg) repeat-x left top;
}

#footer {
	clear:both;
	width:1000px;
	height:150px;
	margin:0 auto;
	color:#FFF;
	background:url(../img/footer.jpg) no-repeat left top;
	position:relative;
}

#footer ul{
	position:absolute;
	top:21px;
	left:0;
}

#footer ul li{
	height:20px;
	float:left;
	background:url(../img/blt_ftlist_r.jpg) no-repeat left top;
}

#footer ul li a{
	display:block;
	height:20px;
	padding:0 15px 0 15px;
	background:url(../img/blt_ftlist.jpg) no-repeat left top;
	color:#FFF;
}

#footer ul li a:hover{
	text-decoration:underline;
	background:0;
}

#footer address{
	position:absolute;
	right:0px;
	top:120px;
}

#footer p#copy {
	text-align:right;
	font-size:10px;
	position:absolute;
	right:0px;
	top:140px;
}


/* ------------------------------------------------------------------------
   page settings
------------------------------------------------------------------------- */


/* toppage
------------------------------------- */
#news{
	margin-bottom:50px;
	color:#444;
}

#news h2{
	width:74px;
	height:234px;
	float:left;
	background:url(../img/index_news_tit.jpg) no-repeat;
}


#news #newsin{
	width:606px;
	float:right;
}

#news table{
	border-top:#DFDFDF solid 1px;
	width:606px;
}

#news table th{
	padding:16px 10px 16px 30px;
	width:94px;
	background:url(../img/ico_newsdate.jpg) no-repeat 10px 18px;
	vertical-align:top;
	border-bottom:#DFDFDF solid 1px;
}

#news table td{
	padding:16px 10px 16px 25px;
	background:url(../img/ico_newstopic.jpg) no-repeat left 18px;
	border-bottom:#DFDFDF solid 1px;
}


#info{
	margin-bottom:30px;
	color:#666;
}

#info h2{
	margin-bottom:45px;
	width:720px;
	height:44px;
	background:url(../img/index_info_tit.jpg) no-repeat;
}

#info h3{
	width:63px;
	height:250px;
	float:left;
	padding-right:17px;
}

#info p{
	width:140px;
	float:left;
	padding-right:30px;
}

#info p.end{
	padding-right:0;
}

#info a{
	display:block;
	width:140px;
	height:141px;
	margin-bottom:10px;
}

#info a#info01{
	background:url(../img/index_room_img_r.jpg) no-repeat left top;
}
#info a#info02{
	background:url(../img/index_dinner_img_r.jpg) no-repeat left top;
}

#info a#info03{
	background:url(../img/index_hotsp_img_r.jpg) no-repeat left top;
}

#info a:hover{
	text-indent:-9999px;
	overflow:hidden;
}

	
#reservation{
	margin-bottom:56px;
	background:url(../img/index_reserve_bnr_r.jpg) no-repeat left top;
}

#reservation a{
	display:block;
	width:720px;
	height:85px;
}

#reservation a:hover{
	text-indent:-9999px;
	overflow:hidden;
}


#things h2{
	margin-bottom:46px;
	height:46px;
	width:720px;
	background:url(../img/index_things_tit.jpg) no-repeat left top;
}

#things .things {
	width:133px;
	float:left;
}

#things .things p{
	padding:10px 20px;
}

#things .thingsimg{
	width:96px;
	float:left;
	padding-right:10px;
}

/* about
------------------------------------- */
#aboutkey{
	margin-bottom:38px;
}

#aboutlead{
	margin-bottom:50px;
	height:218px;
	background:url(../img/about_img01.jpg) no-repeat right top;
}

#aboutlead p{
	width:370px;
}

#aboutinfo {
	margin-bottom:70px;
}

#aboutinfo table {
	font-size:10px;
}

#aboutinfo th{
	padding:10px 30px;
	width:130px;
	background-color:#E8E5DC;
	text-align:left;
	font-weight:normal;
	border-bottom: #FFF solid 5px;
}

#aboutinfo td{
	padding:10px 15px;
	border-left: #FFF solid 5px;
	border-bottom: #FFF solid 5px;
}

#aboutinfo td.bgc{
	background-color:#F4F3EF;
}


#aboutmap #map_canvas {
  width: 720px;
  height: 450px;
  margin:0 auto;
}
	

/* dinner
------------------------------------- */
#dinnerkey{
	margin-bottom:67px;
}

#dinnerlead{
	color:#3C3C3C;
	background:url(../img/dinner_bg.jpg) no-repeat left top;
}

#dinnerlead h3{
	float:left;
	width:78px;
}

#dinnertext{
	width:173px;
	float:left;
}

#dinnerphoto{
	margin-bottom:30px;
	float:right;
}

table#dinnerimage{
	margin-bottom:10px;
	width:396px;
	float:left;
}

table#dinnerimage td img{
	padding-left:50px;
	padding-bottom:35px;
}

table#dinnermenu {
	margin-bottom:10px;
	width:310px;
	float:right;
}

table#dinnermenu th{
	text-align:left;
	width:65px;
}

table#dinnermenu th,
table#dinnermenu td{
	padding-bottom:20px;
}

/* hotsprings
------------------------------------- */
#hskey{
	margin-bottom:67px;
}

#hsinfo{
	width:430px;
	float:left;
}

#hsinfo th{
	padding:10px 0;
	width:110px;
	color:#4E4E4E;
	text-align:left;
	vertical-align:top;
}

#hsinfo td{
	padding:10px 0;
}

#hsinfo em{
	color:#009CA1;
	font-weight:bold;
	font-size:110%;
}

#hsinfo table#hsdetail{
	border-top: #D8D0C4 dotted 1px;
	border-bottom: #D8D0C4 dotted 1px;
	margin:7px 0 15px;
}

#hsinfo table#hstime{
	background-color:#E1F5F6;
}

#hsinfo table#hstime th{
	padding:15px 0 15px 12px;
	width:98px;
}

#hsinfo table#hstime td{
	padding:15px 0;
}

#hsimage {
	width:229px;
	float:right;
}

/* room
------------------------------------- */
#roomkey{
	margin-bottom:34px;
}

#roomlead{
	margin-bottom:70px;
}

#roomlead p#rltit{
	float:left;
}

#roomlead p#rltext{
	padding-top:17px;
	width:424px;
	float:right;
}

div.room{
	background:url(../img/room_bg.jpg) no-repeat left bottom;
	padding-bottom:10px;
	border-bottom:#DFDFDF solid 1px;
}

div.roominfo{
	width:115px;
	float:left;
}

div.roominfo table.roomsize{
	border-top:#DFDFDF solid 1px;
	margin-bottom:110px;
}

div.roominfo table.roomtime{
	border-top:#DFDFDF solid 1px;

}

div.roominfo table.roomsize th,
div.roominfo table.roomtime th{
	padding:3px 0;
	text-align:left;
	white-space:nowrap;
}

div.roominfo table.roomtime th{
	letter-spacing:-0.8px;
}

div.roominfo table.roomsize td,
div.roominfo table.roomtime td{
	padding:3px 0;
	text-align:right;
	white-space:nowrap;
}

div.roominfo tr.fline th,
div.roominfo tr.fline td{
	padding-top:20px;
}


div.roomimage{
	width:566px;
	float:right;
}

div.roomimage td{
	padding-bottom:40px;
}


/* reservation
------------------------------------- */

#reservkey{
	margin-bottom:30px;
}

#reservlead{
	margin-bottom:68px;
}

#reservjaran{
	width:343px;
	float:left;
}

#reservjaran a{
	display:block;
	width:343px;
	height:272px;
	background:url(../img/reservation_jaran_r.jpg) no-repeat;
}

#reservraku{
	width:343px;
	float:right;
}

#reservraku a{
	display:block;
	width:343px;
	height:272px;
	background:url(../img/reservation_raku_r.jpg) no-repeat;
}

#reservjaran a:hover,
#reservraku a:hover{
	text-indent:-9999px;
	overflow:hidden;
}


/* privacy
------------------------------------- */
#privacy h3{
	margin-bottom:10px;
}


/* form
------------------------------------- */
#formkey{
	margin-bottom:20px;
}

#formarea{
	margin-bottom:20px;
	padding:15px;
	border:#B7B7B7 solid 1px;
}

table.form {
	width:100%;
	margin:0 auto;
	background:url(../img/form_bg_th.jpg) repeat left top;
}

table.form th{
	padding:18px 18px 21px 15px;
	width:150px;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	background:url(../img/form_bg_tr.jpg) repeat-x left top;
}

table.form th span{
	float:left;
}

table.form th img{
	float:right;
}

table.form td {
	padding:10px;
	text-align:left;
	background:url(../img/form_bg_tr.jpg) repeat-x left top;
	background-color:#FFF;
}

table.form td p{
	float:left;
	line-height:140%;
}

table.form td input,
table.form td textarea,
table.form td select {
	padding:1px;
	margin:5px 10px;
}

table.form .note{
	font-size:10px;
	color:#858584;
	line-height:160%;
}


#submit {
	padding:20px 0;
	text-align:center;
	background-color:#E1F5F6;
}

#submit .reset{
	padding:5px 10px;
	margin-right:10px;
}

#submit .confirm {
	padding:5px 10px;
}

map_canvas a#mapbottun{
	display:block;
	width:113px;
}

map_canvas a#mapbottun{
	background:url(../img/map_bottun_2.jpg) no-repeat left top;
}

map_canvas a#mapbottun:hover{
	text-indent:-9999px;
	overflow:hidden;
}

a#mapbottun{
	display:block;
	width:150px;
	height:48px;
	background:url(../img/map_bottun_02.jpg) no-repeat left top;
}

a#mapbottun:hover{
	text-indent:-9999px;
	overflow:hidden;
}