/* CSS Document */


/*body {filter: progid:DXImageTransform.Microsoft.Gradient
(StartColorStr=#000000, EndColorStr=#666633, GradientType=0);
 margin:0px;
background:repeat-x;
}*/

body {
   background-image:url(../common/img/back01.gif);
   background-repeat:repeat-x;
   background-color:#759048;
   background-attachment:fixed;
   margin:0;
   padding:0;
  }


.style1 {
	color: #003399;
	font-weight: bold;
}
a:link { color: #333333;}
a:visited { color: #003333;}
a:hover { color: #333333;}

h1 {
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	float:right;
}

h3 {
	margin : 0px;
	padding: 0px;
	left: 10px;
}
#shadow{
    width:725px;
	height:auto;
	background-image:url(../common/img/gra.gif);
	 background-repeat:repeat-y;
	 text-align:center;
    margin-left:auto;
	margin-right:auto;
	}

#container{
    width:720px;
	height: auto;
	margin:0;
	padding:0;
	text-align:center;
    margin-left:auto;
	margin-right:auto;
    text-align:left;
	background-color:#ffffff;
}

#header{
    width:720px;
    height:auto;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	border-top:#567E2D 5px solid;
}

#header h1{
    width:400px;
	height:18px;
/*	background:url(../common/img/title_back.jpg) no-repeat 0 0;*/
	margin:7px 0 0 0;
	float:right;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color:#333333;	
}

.hea {
    width:400px;
	height:30px;
	margin:0 0 5px 0;
	float:right;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color:#333333;	
}

.hea a{
	color:#333333;	
	text-decoration:none;
}

.hea a:visited{
	color:#333333;	
	text-decoration:none;
}

.hea_l{
	display:block;
    width:240px;
	height:60px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-5555px;
	background:url(../common/img/logo_01.gif) no-repeat 0 0;
	border-style:none;
}

#header h2{
	display:block;
    width:240px;
	height:60px;
	margin:0;
	padding:0;
	text-indent:-5555px;
	background:url(../common/img/logo_01.gif) no-repeat 0 0;
	border-style:none;
}

 

/*   サブナビゲーション */

#sub_navi{
    width:350px;
	height:18px;
	margin:0;
	padding:0;
	float:right;
}

#sub_navi ul{
   width:350px;
   margin:0;
   padding:0;
}

#sub_navi ul li{
   display:block;
   margin:0;
   padding:0;
   height:18px;
   float:right;
}

#sub_navi ul li a{
	display:block;
    float:right;
    margin:0;
	padding:0;
	text-indent:-5555px;
	text-decoration:none;
}

#sub_navi ul li#n_english,#sub_navi ul li#n_english a{
   width:80px;
   background:url(../navigation/n_english.gif) no-repeat 0 0;
}

#sub_navi ul li#n_korean,#sub_navi ul li#n_korean a{
   width:72px;
   background:url(../navigation/n_korean.gif) no-repeat 0 0;
}

#sub_navi ul li#n_access,#sub_navi ul li#n_access a{
   width:70px;
   background:url(../navigation/n_access.gif) no-repeat 0 0;
}

#sub_navi ul li#n_ask,#sub_navi ul li#n_ask a{
   width:110px;
   background:url(../navigation/n_ask.gif) no-repeat 0 0;

}


/*--------------------------------------

Navigation 09,07,23

----------------------------------------*/

#navi {
   width:718px;
   height:28px;
   background-color:#567E2D;
/*   background-color:#090b19;*/
   border:#627f60 1px solid;
   clear:both;
   margin:0;
}



#navi ul{
   width:716px;
   margin:0 0 0 1px;
   padding:0;
   float:left;
}

#navi ul li{
   display:block;
   float:left;
   margin:0;
}

#navi ul li a{
   height:28px;
   display:block;
   padding:0;
   float:left;
   text-decoration:none;
   text-indent:-5555px;
}

#navi ul li#n_top a{
	width: 68px;
	background: url(../common/img/navi02.gif) no-repeat 0px 0px;
 }

#navi ul li#n_reservation a{
	width: 126px;
	background: url(../common/img/navi02.gif) no-repeat -68px 0px;
 }

#navi ul li#n_room a{
	background: url(../common/img/navi02.gif) no-repeat -194px 0px;
	width: 75px;
 }

#navi ul li#n_spa a{
	background: url(../common/img/navi02.gif) no-repeat -269px 0px;
	width: 75px;
 }

#navi ul li#n_meal a{
	background: url(../common/img/navi02.gif) no-repeat -344px 0px;
	width: 74px;
 }

#navi ul li#n_guide a{
	background: url(../common/img/navi02.gif) no-repeat -418px 0px;
	width: 92px;
 }

#navi ul li#n_esthetique a{
	background: url(../common/img/navi02.gif) no-repeat -510px 0px;
    width: 69px;
 }

#navi ul li#n_qa a{
	background: url(../common/img/navi02.gif) no-repeat -579px 0px;
	width: 69px;
 }

#navi ul li#n_blog a{
	background: url(../common/img/navi02.gif) no-repeat -648px 0px;
	width: 68px;
}


/*  ナビゲーション */
/*
#navi {
   width:718px;
   height:28px;
   background-color:#567E2D;

   border:#627f60 1px solid;
   clear:both;
   margin:0;
}



#navi ul{
   width:716px;
   margin:0 0 0 1px;
   padding:0;
   float:left;
}

#navi ul li{
   display:block;
   float:left;
   margin:0;
}

#navi ul li a{
   height:28px;
   display:block;
   padding:0;
   float:left;
   text-decoration:none;
   text-indent:-5555px;
}

#navi ul li#n_top a{
	width: 84px;
	background:url(../navigation/n_top.gif) no-repeat;
 }

#navi ul li#n_reservation a{
	width: 76px;
	background: url(../navigation/n_reservation.gif) no-repeat;
 }

#navi ul li#n_room a{
	background: url(../navigation/n_room.gif) no-repeat;
	width: 80px;
 }

#navi ul li#n_spa a{
	background: url(../navigation/n_spa.gif) no-repeat;
	width: 76px;
 }

#navi ul li#n_meal a{
	background: url(../navigation/n_meal.gif) no-repeat;
	width: 79px;
 }

#navi ul li#n_guide a{
	background: url(../navigation/n_guide.gif) no-repeat;
	width: 95px;
 }

#navi ul li#n_esthetique a{
	background: url(../navigation/n_esthetique.gif) no-repeat;
    width: 76px;
 }

#navi ul li#n_qa a{
	background: url(../navigation/n_qa.gif) no-repeat;
	width: 70px;
 }

#navi ul li#n_blog a{
	background: url(../navigation/n_blog.gif) no-repeat;
	width: 80px;
}
*/


/*　　　　メイン　　　　*/

#main{
    width:720px;
	height: auto;
	margin:0;
	background-color:#FFFFFF;

}

#main h2.main{
    width:720px;
	height:60px;
	margin:0;
	background:url(../img/title_back.gif) no-repeat;
	padding:15px 0 0 0;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color:#ffffff;
	text-align:center;
	}

/*    左　　*/
#box_l{
    width:250px;
	height: auto;
	margin:5px 0 0 10px;
	float: left;
	display:block;
}
 
.in{
    width:220px;
	/*height:auto;*/
	float:left;
	margin:0 3px 0 0;
	clear:both;
}



.in_link{
	/*width:220px;*/
    width:200px;
	float:left;
	/*margin:0 0 10px 0;*/
	clear:both;
	padding:0;
}


.in #line_box{
    width:198px;
	height:auto;
	margin:10px 0 20px 0;
	border:#434342 1px solid;
} 
.in h3{
    margin:0 0 5px 0;
}
.in p{
    margin:0;
	padding:5px 0;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color:#666666;
}


#box_l h3#zenkei{
    width:200px;
    height:150px;
    background:url(../img/zenkei.jpg) no-repeat;
	text-indent:-5555px;
}


address{
    width:160px;
	height:60px;
	margin:0 0 0 10px;
	padding:0;
	font-size:13px;
	color: #333333;
	font-style: normal;
	font-weight: lighter;
	float:left;
}

#baner_box{
    width:230px;
	height:205px;
	margin:0 0 20px 0;
    border-top:#b0b0b0 1px solid;
    border-bottom:#b0b0b0 1px solid;
}


#baner_box img{
    width:200px;
	height:35px;
    margin:10px 0 0 10px;
}
/*    右　　*/

#box_r{
    width:450px;
	height: auto;
	margin:5px 5px 0 0;
	padding:0;
	float: right;
	display:block;
}
#box_r h2{
    width:445px;
	height:auto;
	margin:0;
	padding:0;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color:#666666;
}
#box_r h2.title{
display:block;
     width:450px;
	height:auto;
	margin:0;
}
img#utage{
margin-bottom:5px;
border-style:none;

}

#box_r h3#news_img{
    width:445px;
	height:30px;
	margin:15px 0 10px 0;
    background:url(../img/news.gif) no-repeat 0 0;
	text-indent:-5555px;
}

#box_r h3#news_box{
    width:440px;
    height:auto;
	margin:0 0 20px 0;
	border-bottom:#417582 1px solid;
	border-top:#417582 1px solid;
}


#box_r h3#news_box p{
    margin:0 0 5px 0;
	padding:3px;
	font-size:13px;
	color:#666666;
	font-style: normal;
	font-weight: lighter;
	border-bottom:#b0b0b0 1px dotted;
}

#box_r h3#reccomend_img{
    width:445px;
	height:30px;
	margin:15px 0 10px 0;
    background:url(../img/title_plan.gif) no-repeat 0 0;
	text-indent:-5555px;
}





#box01{
    width:450px;
    margin:0 0 5px 0;
	padding:0;
	clear:both;
	/*border:1px solid red;*/
}
/*#box01 h3{
   width:220px;
   text-indent:-5555px;
   display:block;
   
}
#box01 h3 a{
width:220px;
height:45px;
margin:0 0 5px 0;
display:block;
clear:both;
}


#mini_box{
width:198px;
height:80px;
margin:0 10px 0 0;
border:#A9D983 1px solid;
clear:both;
background:url(../img/lunch.jpg) no-repeat 9px;
}
#mini_box h3{
width:200px;
height:60px;
margin:10px 9px;
}
*/

#mini_box2{
width:198px;
height:80px;
margin:0;
clear:both;
border:#A9D983 1px solid;
background:url(../img/pet.jpg) no-repeat 0;
}
#mini_box2 h3{
width:200px;
height:60px;
margin:10px 9px;
}
 
#box_r h3#room_title{
width:445px;
height:30px;
margin:10px 0 0 0;
background:url(../img/room.gif) no-repeat;
clear:both;
text-indent:-5555px;
}


#room_box{
width:443px;
height:auto;
margin:0;
border:#A9D983 1px solid;
/*clear:both;*/
}

#in_box1{
width:140px;
height:auto;
margin:5px 3px 5px 3px;
float:left;

}

#in_box1 h4{
   width:140px;
   text-indent:-5555px;
   display:block;
   margin-bottom:5px;
}
#in_box1 img{
display:block;
width:140px;
height:120px;
margin:0;
padding:0;
clear:both;
}
#in_box1 p.pp{
width:128px;
height:auto;
margin:0px 0 5px 0;
	padding:5px;
	font-size:13px;
	color:#666666;
	font-style: normal;
	font-weight: lighter;
	border:#D4D4D4 1px dotted;
}
#box01 h3{
margin:0;
}
#box01 h3 img{
    width:220px;
	height:60px;
	
}

#box2{
width:450;
height:auto;
}
#box02{
    width:200px;
	height:auto;
	float:left;
	margin:0;
	clear:both;
}

#box022{
    width:200px;
	height:auto;
	float:right;
	margin:0;
}
#box03{
width:450px;
	height: auto;
	border-bottom:#b0b0b0 1px dotted;
	margin:5px 0 0 0;
	padding:0;

	}
#box03 h3{
    margin:5 0 0 0;
}

#box03 h3 img{
    width:80px;
	height:60px;
    margin:0;
	float:left;
}
#box03 p{
width:120px;
    margin:0;
	padding:5px;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color:#666666;
	float: right;
}

#box04{
    width:450px;
	height: auto;
	margin:5px 0 0 0;
	padding:0;
}
#box04 h3{
margin:5px 10px 5px 0;
}
#box04 h3 img{
    width:90px;
	height:60px;
    margin:0 10px 5px 0;
	float: right;
}
#box04 p{
width:320px;
    margin:0;
	padding:0 5px 5px 5px;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color:#666666;

}
.long{
  width:440px;
  height:auto;
  margin:5px 0 0 0;
  border-bottom:#b0b0b0 1px dotted;
 }



/*       フッター　　　*/

#footer{
	width:720px;
	height:60px;
	bottom:0px;
	margin:0;
	background:url(../common/img/footer_back.gif) no-repeat;
	clear:both;
}

#footer_box{
    width:690px;
	height:20px;
	margin:0px;
}

#footer_box ul{
    width:690px;
	height:20px;
    list-style:none;
    padding:0;
	margin:15px 0 0 18px;
}



#footer_box ul li{
    float:left;
	font-weight:lighter;
	font-size:12px;
	font-style:normal;
}	



#footer_box ul li a:link{color:#666666;}
#footer_box ul li a:visited{color:#666666;}
#footer_box ul li a:hover{color:#0000FF;}



#contents_box{
    width:500px;
	height:auto;
	margin:20px 0px 20px 120px;
}

.left{
float:left;
}