body {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	
}

div#wrap {
	width: 100%;
	margin: 0px auto;
    position: relative;
	}

img{
	border:none;
   }


h1{
 float:left;
 color:#FFF;
 font-size:11px;
 padding:0;
}

h3{
 color:#850000;
 font-size:15px;
 letter-spacing:0.1em;
 line-height: 22px;
 margin:0 0 30 0;
 padding:0;
 text-align:left;
}


h4{
 color:#663300;
 font-size:15px;
 letter-spacing:0.1em;
 line-height: 22px;
 margin:0 0 30 0;
 padding:0;
 text-decoration:none;
}

h5{
 color:#666600;
 font-size:15px;
 letter-spacing:0.1em;
 line-height: 32px;
 margin:0 0 30 0;
 padding:0;
 text-decoration:none;

}



p {
	line-height: 20px;
	font-size: 13px;
	margin:0;
	clear: both;
	}
	.pink {
	color: #FF9999;
	}
	.red {
	color: #BB0000;
    }
	.gray {
	color: #333333;
	}
	.green {
	color: #66660E;
	}
	.yellow {
	color: #FFCC00;
	}
	.white {
	color: #FFFFFF;
	}
	.brown {
	color: #CC6600;
	}
	

 a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
	} 


/* Style_text
--------------------------------------------------- */
.small {font-size:11px}
.large {font-size:14px}
.bold {font-weight: bold;}
.big {font-size:20px}



/* Style_border
--------------------------------------------------- */
.border {border: 1px solid #CC6633;}
.border_double {border: 3px double #543;}
.border_btm {border-bottom: 1px solid #CC6633;}

.border02 {border: 2px double #CC6633;}

.borderdot {border: 1px dotted #CE8639;}
.borderdot_btm {border-bottom: 1px dotted #CE8639;}

.borderbox01 {
	border: 3px double #543;
	margin: 0px 5px 5px;
	padding: 10px;
	width: 510px;
	}
.line {
	margin: 0px 0px 10px;
	height: 10px;
	width: auto;
	clear: both;
	padding-bottom: 3px;
	line-height: 10px;
	}
hr{
    border:0;
    border-top:dotted 1px #999999;
	width:100%;
    height:1px;
	margin-bottom:25px;
}





body,td,th {
	color:#110000;
}
a:link {
	color: #663300;
	text-decoration: underline;

}
a:visited {
	color: #663300;
	text-decoration: underline;

}
a:hover {
	color: #663300;
	text-decoration: underline;

}
a:active {
	color: #663300;
	text-decoration: underline;

}

/* Header
-----------------------------------------------------------------------------

div#header_wrap {
	top: 0px;
	width: 100%;
	height: 730px;
	margin: 0px auto;
	background-image:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
	}

div#header {
	margin: 0px auto;
	width: 1150px;
	height: 40px;
	padding: 0px;
	text-align:left;
	}*/

	
/* Navigation
----------------------------------------------------------------------------*/

/* Main navi *****/

		
div#menu_wrap {
	width: 100%;
	clear: both;
	height: 160px;
	margin: 0px auto 40px auto;
	background-image:url(../img/menu_bg.jpg);
	background-repeat:repeat-x;
	text-align: center;
	z-index: 20;
	}	
	

/* navi *****/

#navi {
	height: 160px;
	width: 1020px;
	margin: 0px auto 0px auto;
	position: relative;
	}
	#navi li {
	height: 160px;
	float: left;
	margin: 0px;
	display: block;
	}
	#navi a {
	height: 160px;
	display: block;
	text-indent: -9999px;
	}
	#navi a:hover {
	background-image: url();
	}

#navi01 { width: 360px; background-image:url(../img/logo.jpg);}
#navi01 a { background-image:url(../img/logo.jpg); }
#navi02 { width: 110px; background-image:url(../img/spa_on.jpg);}
#navi02 a { background-image:url(../img/spa_off.jpg); }
#navi03 { width: 110px; background-image:url(../img/cuisine_on.jpg);}
#navi03 a {background-image:url(../img/cuisine_off.jpg); }
#navi04 { width: 110px; background-image:url(../img/room_on.jpg);}
#navi04 a {background-image:url(../img/room_off.jpg); }
#navi05 { width: 110px; background-image:url(../img/access_on.jpg); }
#navi05 a {background-image:url(../img/access_off.jpg);}
#navi06 { width: 110px; background-image:url(../img/sightseeing_on.jpg); }
#navi06 a {background-image:url(../img/sightseeing_off.jpg);}
#navi07 { width: 110px; background-image:url(../img/plan_on.jpg); }
#navi07 a {background-image:url(../img/plan_off.jpg);}



/* Contents
----------------------------------------------------------------------------*/
/*#topimage{
	position: absolute;
	margin-left: -1000px;
	top: 0px;
	width: 2000px;
	height: 720px;
	left: 50%;
}*/

div#image_wrap {
	width: 100%;
	clear: both;
	height: auto;
	margin: 0px auto 0px auto;
	background-image:url(../img/image_bg.jpg);
	background-repeat:repeat-x;
	text-align: center;
	z-index: 20;
	}	

#image {
	margin: 0px auto 0px auto;
	width: 1200px;
	height: 320px;
	text-align: center;
	}
	#image:after{content: ""; display: block; clear: both;}
	
	
#contents {
	margin: 40px auto 0px auto;
	width: 1020px;
	}
	#contents:after{content: ""; display: block; clear: both;}
	


/* side_column
 **************************************************/
#sidecol {
	float: left;
	width: 280px;
	height:100%;
	text-align:center;
	padding-left: 0px;
	}
	#sidecol:after{content: ""; display: block; clear: both;}
	#sidecol h3 {background:none; padding:0;}

/*#Search {
	margin-bottom: 40px;
	background: url(../img/search_bg.jpg);
	}
	#planSearch iframe {
	background: #dddddd;
	height: 264px;
	width: 242px;
	}
#blog {
	width:280px;
	margin:0 0 40px 0;
	}
	#topics a {
	color: #eed;
	text-decoration: underline;
	}
	#topics p { margin-bottom: 6px; }
	#topics p span {
	}

#address{
	width:280px;
	height:260px;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	clear: both;
	text-align:center;
}	
   #address p{
	margin:0px auto;
 }*/

.bnr{
	margin-bottom:20px;
}

.bnr img:hover{
    opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
}



/* main_column
 **************************************************/
#maincol {
	width: 1020px;
	float: left;
	padding-top:0px;
	text-align:center;
	}
.contentsbox {
	width: 1020px;
	clear: both;
	margin: 0px auto 20px auto;
	text-align:left;
	}
	#maincol:after,
	.contentsbox:after{
  content: ""; 
  display: block; 
  clear: both;
  }
  
  .box {
	width: 1020px;
	clear: both;
	align:center;  
  }
  


.boxl {
	width: 1020px;
	clear: both;
	margin:0px;
	padding: 0px;
	}
	.boxl img{
	float:left;
	margin:0px 20px 0px 0px;
	}
	.boxl .typearea {
	float: right;
	margin:0px;
    padding: 0px;
	text-align:left;
	}


.boxr {
	width: 1020px;
	clear: both;
	padding: 0px;
	margin: 0px auto 20px auto;
	}
	.boxr img{
	float:right;
	margin:0px 0px 0px 20px;
	}
	.boxr object{
	float:right;
	margin:0px 0px 0px 20px;
	}
	.boxr .typearea {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
	.boxr .typearea img{
	float: left;
	margin:0px;
	padding: 0px;
	}
	
/*.plan{
	width:620px;
	height:200px;
	align:center;
　　}
.plan .shadow {
      -moz-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
      -webkit-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
      box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
}
.plan .shadow img {
      position: relative;
      z-index: -1;
}*/




/* Footer
-----------------------------------------------------------------------------*/

div#footer_wrap {
	width: 100%;
	height: 150px;
	clear: both;
	margin-top:0px;
	bottom:0;
	background-color:#F1EAD0;
	}	
	
div#footer {
	margin: 0px auto;
	width: 1020px;
	height: 150px;
	clear: both;
	padding-top: 0px;
	}

div#pagetop {
	width: 1020px;
	margin: 20px auto 0px auto;
	text-align:right;
	}
	div#pagetop a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	} 
			
div#footer_add {
	float:right;
	margin: 15px auto 0px auto;
	height: auto;
	width: 530px;
	text-align: right;
	vertical-align:20px;
	line-height: 1.8em;
	}

div#footernavi {
	margin: 15px auto 0px auto;
	width: 470px;
	padding: 0px;
	font-size: 13px;
	float: left;
	text-align: left;
	}
	div#footernavi ul {
	margin-bottom: 4px;
	}
	div#footernavi li {
	padding: 0px 5px;
	border-right: 1px solid #110000;
	display: inline;
	}
	div#footernavi a {
	color:#110000;
	text-decoration: underline;
	}
	div#footernavi a:hover {
	color:#110000;
	text-decoration: underline;
	}

/*

div#footer_yadobnr {
	margin: 0px;
	width: 570px;
	float: left;
	}
	div#footer_yadobnr p {
	}

#copyright {
	margin: 0px;
	padding: 7px 0px 0px;
	height: 18px;
	width: 290px;
	font-size: 10px;
	overflow: hidden;
	float: right;
	}

*/



/* Style float margin padding
---------------------------------------------------*/ 
.alignleft {text-align:left;}
.alignright {text-align: right;}

.lfloat {float: left;}
.rfloat {float: right;}


img.lfloat {float: left; margin-right: 10px; margin-bottom: 0px;}
img.rfloat {float: right; margin-bottom: 0px; margin-left: 10px;}

.lfloatmrb5 {float: left; margin-right: 5px; margin-bottom: 5px;}
.rfloatmbl5 {float: right; margin-bottom: 5px; margin-left: 5px;}
.lfloatmrb10 {float: left; margin-right: 10px; margin-bottom: 10px;}
.lfloatmrb15 {float: left; margin-right: 15px; margin-bottom: 15px;}
.lfloatmrb20 {float: left; margin-right: 20px; margin-bottom: 20px;}
.rfloatmbl10 {float: right; margin-left: 15px; margin-bottom: 10px; }
.lfloatmr20 {float: left; margin-right: 20px;}
.lfloatmr30 {float: left; margin-right: 30px;}

.lfloatbox {width:240px; float: left; margin-top:5px; margin-right: 0px; margin-bottom: 5px;}
.rfloatbox {width:240px; float: right; margin-top:5px; margin-left: 0px; margin-bottom: 5px; }

.m5 { margin: 5px;}
.m10 { margin: 10px;}
.m15 { margin: 15px;}
.m20 { margin: 20px;}
.m30 { margin: 30px;}
.m40 { margin: 40px;}

.mr5 { margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr25 {	margin-right: 25px;}
.mr30 {	margin-right: 30px;}

.mrb5 { margin-right: 5px; margin-bottom: 5px;}
.mrb10 { margin-right: 10px; margin-bottom: 10px;}
.mrb20 { margin-right: 20px; margin-bottom: 20px;}

.mb0 { margin-bottom: 0px;}
.mb3 { margin-bottom: 3px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}


.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}

.mside10 { margin-right: 10px; margin-left: 10px;}
.mside15 { margin-right: 15px; margin-left: 15px;}
.mside20 { margin-right: 20px; margin-left: 20px;}

.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p20 { padding: 20px;}

.ptb5 { padding-top: 5px; padding-bottom: 5px;}
.ptb10 { padding-top: 10px; padding-bottom: 10px;}
.ptb20 { padding-top: 20px; padding-bottom: 20px;}

.pside10 { padding-right: 10px; padding-left: 10px;}
.pside20 { padding-right: 20px; padding-left: 20px;}

.pt5 { padding-top: 5px}
.pr5 { padding-right: 5px}
.pb5 { padding-bottom: 5px}
.pl5 { padding-left: 5px}

.pt20 { padding-top: 20px}

  
  



clear{
clear:both;}




	
/* リストの余計な空白削除 
------------------------------------------------ */
ul, ol, li {
	margin: 0 0 0 0;
	padding: 0;
}
ul, li {
	list-style-type:none;
}

/* h1～h6 の余計な空白削除
------------------------------------------------ */ 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}




/* each page
=============================================================================*/

/* index page
=============================================================================*/

#welcome {
	width: 700px;
	height: 635px;
	background-image:url(../img/top_bg.jpg);
	}
	#welcome .typearea {
	width:700px;
    padding:165px 0px 0px 0px;
	text-align:center;
	}


/* spa page
=============================================================================*/
#spa{
	width: 1020px;
	height: 490px;
	background-image:url(../spa/spa_bg.jpg);
	}	
	#spa .typearea {
	float:right;
	width:530px;
    margin:40px 0px 0px 0px;
	text-align:left;
	}	
	
#shiobaraonsen{
	width: 690px;
	height: 404px;
	background-image:url(../spa/shiobaraonsen.jpg);
	}
	#shiobaraonsen .typearea {
	float:right;
	width:655px;
    margin-top:65px;
	text-align:left;
	}	
	
#taruburo{
	width: 1020px;
	height: 915px;
	background-image:url(../spa/taruburo.jpg);
	}
	#taruburo .typearea {
	float:left;
	width:395px;
    margin-top:755px;
	text-align:left;
	}	

#ishiburo{
	width: 1020px;
	height: 890px;
	background-image:url(../spa/ishiburo.jpg);
	}
	#ishiburo .typearea {
	float:right;
	width:385px;
    margin-top:755px;
	text-align:left;
	}	
	
#toukiburo{
	width: 1020px;
	height: 915px;
	background-image:url(../spa/toukiburo.jpg);
	}
	#toukiburo .typearea {
	float:left;
	width:395px;
    margin-top:760px;
	text-align:left;
	}	
	
	
/* cuisine page
=============================================================================*/
#cuisine{
	width: 1020px;
	height: 510px;
	background-image:url(../cuisine/cuisine_bg.jpg);
	}
	#cuisine .typearea {
	float:right;
	width:530px;
    margin:30px 0px 0px 0px;
	text-align:left;
	}	

#breakfast{
	width: 1020px;
	height: 535px;
	background-image:url(../cuisine/breakfast_bg.jpg);
	}	
	#breakfast .typearea {
	float:left;
	width:500px;
	margin-top:80px;
	text-align:left;
	}	
	

			
/* room page
=============================================================================*/
#room{
	width: 1020px;
	height: 370px;
	background-image:url(../room/room_bg.jpg);
	}
	#room .typearea {
	float:right;
	width:515px;
	margin-top:115px;
	text-align:left;
	}	
	
#lounge{
	width: 1020px;
	height: 265px;
	background-image:url(../room/lounge_bg.jpg);
	}
	#lounge .typearea {
	float:right;
	width:650px;
	margin-top:105px;
	text-align:left;
	}	






/* access page
=============================================================================*/
	
#jr{
	width: 230px;
	height:375px;
	background-image:url(../access/title_jr.jpg);
	}
	#jr img {
	float:left;
	width:156px;
	margin:234px 0px 0px 37px;
	}	

#uozu_ic{
	width: 230px;
	height:375px;
	background-image:url(../access/title_uozu_ic.jpg);
	}
	#uozu_ic img {
	float:left;
	width:156px;
	margin:234px 0px 0px 37px;
	}	
	
#namerikawa_ic{
	width: 230px;
	height:375px;
	background-image:url(../access/title_namerikawa_ic.jpg);
	}
	#namerikawa_ic img {
	float:left;
	width:156px;
	margin:234px 0px 0px 37px;
	}	
	
#tateyama{
	width: 230px;
	height:375px;
	background-image:url(../access/title_tateyama.jpg);
	}
	#tateyama .typearea {
	float:left;
	width:187px;
	margin:210px 0px 0px 22px;
	text-align:left;
	}		
	#tateyama img {
	float:left;
	width:156px;
	margin:20px 0px 0px 37px;
	}	

#unazuki{
	width: 230px;
	height:375px;
	background-image:url(../access/title_unazuki.jpg);
	}
	#unazuki img {
	float:left;
	width:156px;
	margin:234px 0px 0px 37px;
	}	
	
	
/* sightseeing page
=============================================================================*/
#hotaru{
	width: 1020px;
	height: 240px;
	background-image:url(../sightseeing/hotaru_bg.jpg);
	}
	#hotaru .typearea {
	float:right;
	width:660px;
	margin-top:100px;
	text-align:left;
	}	
.if_box {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}