@import "http://";

body { 
 margin:0;
 padding:0;
 background-color:#fff;    /*#fff5ee*/
 font-family:Verdana,"ＭＳ ゴシック",sans-serif;
 font-size:0.9em;
 line-height:1.4em;
 color:#575757;
} 

 
/****************************************************
*layout   container(header,right,left)
******************************************************/

#container{ width:100%; margin:0 auto;}

/*****header*****/

#header{width:100%; margin:0 auto;background-color:#eddaa2;}   /*  #fff5ee   */
#header_cont{width:800px;margin:0 auto;background-color:#eddaa2;}


/*****リゾート施設内サロンタイトル*****/
h1{
 margin:0;
 padding-top:1px;
 padding-right:10px;
 background-color:#c7d9c7;
 font-size:14px;
 text-align:right;
 color:#fff;
}


/*****topmenubar*****/

.link{
 width:570px;
 height:30px;
 margin:0 0 40px 230px;
}

.link div{
 float:left;
 padding:5px 7px;
 border-right:dashed 1px #8b5c29;  /*#d2b486*/
 display:block;
}

.link a{
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 white-spce:wrap;
}

.link a:link, .link a:visited {
 color:#8b5c29;
}

.link a:hover,.link a:active{
 color:#5a3d1c;
}
 
/*****contentsmenu*****/

#menu_box{width:100%;height:50px;background-color:#a3c4a3;}

#menu{
 width:800px;
 height:50px;
 margin:0 auto;
 background-color:#a3c4a3;
}
 
#menu div{
 float:left;
 height:45px;
 padding:5px 15px 0px 15px;
 border-right:solid 1px white;
 background-color:#a3c4a3;
}

#menu a{
 display:block;
 font-size:12px;
 text-align:center;
 text-decoration:none;
 }

#menu a:link, #menu a:visited {
 color:white;
}

#menu a:hover,#menu a:active{
 color:#4d2612;
}


/**********コンテンツ（ナビゲーション・メインコンテンツ*****/

#contents{ width:800px; margin:0 auto; padding-bottom:15px;background-color:#ffffff;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}


#main{
 width:540px;
 float:left;
 margin:0;
 paddnig:0;
 border-right:solid 1px #8b5c29;
 }

#side{
 width:135px;
 float:right;
 margin:0;
 padding:0;
 }

#image{ margin:0 auto;width:720px;}

#image_y{ margin:0 auto;width:800px;}

.logo{
 width:100px;
 margin:5px 50px;
}




/***** right *****/

.line{
 border:solid 1px #a3c4a3;
}

.border{
 border:solid 1px #a3c4a3;
 margin:0 30px 50px 30px;
 padding:5px 0 15px 0;
 height:100%;
 }

/*****    各サロン名    *****/


h2{
 width:450px;
 margin:15px 20px;
 padding:0 0 10px 0;
 border-bottom:solid 2px #c7d9c7;
 border-left:solid 20px #a3c4a3;
}

a .point {
 margin:0 0 0 45px;
 border:none;
 text-decoration:none;
}


h2 a{
 padding:15px ;
 font-size:14px;
 text-decoration:none;
 }

h2 a:link, h2 a:visited {
 color:#575757;
}

h2 a:hover,h2 a:active{
 color:#ffb6c1;
}

/*******    詳細見出し    *******/
h3 {
 margin:20px 0 5px 0;
 padding:5px 20px;
 font-size:14px;
 }

.salon{
 background-color:#c7d9c7;
 border-left:solid 25px #a3c4a3;
 border-bottom:3px solid #dcdcdc;
}

.notice{
 background-color:#ffc0cb;
 border-left:solid 25px #db7093;
 border-bottom:2px solid #dcdcdc;
}

/*****    各サロン・メニュー・アクセス   *****/
h4 {
 margin:10px 25px;
 padding:0;
 font-size:1.0em;
 font-family:"ＭＳ Ｐ明朝",serif;
 color:#db7093;    /***  ピンク  ***/
}

/*****   写真   *****/

.photo {
 float:left;
 margin:7px 5px 3px 5px;
}

.photo_right{
 float:right;
 margin:7px 5px 3px 5px;
}

/*****   各サロン背景画像650×200px   *****/

.column_yama{
 width:420px;
 height:165px;
 margin:0 20px;
 padding:15px 200px 20px 30px;
 background-image:url(../images/yamazakuraa650_200.jpg);
 background-repeat:no-repeat;
 }

.column_konohana{
 width:420px;
 height:165px;
 margin:0 20px;
 padding:15px 200px 20px 30px;
 background-image:url(../images/konohanaan650_200.jpg);
 background-repeat:no-repeat;
 }

.column_nadeshiko{
 width:420px;
 height:165px;
 margin:0 20px;
 padding:15px 200px 20px 30px;
 background-image:url(../images/nadeshikoo650_200.jpg);
 background-repeat:no-repeat;
 }

.column_yunosato{
 width:420px;
 height:165px;
 margin:0 20px;
 padding:15px 200px 20px 30px;
 background-image:url(../images/yunosatoo650_200.jpg);
 background-repeat:no-repeat;
 }

/*****   サロン所在地   *****/

table{
 margin:0 0 0 50px;
 background-color:#ffffff;/**mistyrose#ffe4e1#e5ffe5**/
 font-size:12px;
 }

caption{
 padding:10px;
 font-weight:bold;
 }

th{
 padding:3px 10px;
 white-space:nowrap;
 text-align:left;
 border-left:2px solid #8b5c29;  /**pink#ffb6c1lightpink#ffb6c1**/
 border-right:solid 1px #8b5c29;
 }

.phone{
 font-weight:bold;
 }

/*****  メニュー一覧  *****/

.m left{
 float:left;
 margin:0;
 padding:0;
 width:550px;
}

.m right{
 float:right;
 margin:0;
 padding:0;
 140px;
}

dl{
 width:700px;
 margin:15px 0 15px 25px;
 padding:0;
 line-height:160%;
}

dt{
 padding:5px 10px;
 margin-bottom:5px;
 border-left:5px solid #ffb6c1;  /**pink#ffb6c1**/
 border-bottom:dashed 1px #ffb6c1;
 font-weight:bold;
}


dd{
 padding:5px 10px;
 font-weight:bold;
 font-size:1.1emm;
 }

ul{
 padding:10px 0;
 }

/*****  ホテルURL  *****/
div a{
 font-size:14px;
 color:#575757;
}

div a:link, div a:visited {
 color:#575757;
}

div a:hover,div a:active{
 color:#ffb6c1;
}


/*****   footer   *****/

#footer{
 clear:both;
 width:100%;
 margin:0 auto;
 padding:5px 0px;
 text-align:center;
 font-weight:bold;
 font-size:14px;
 color:#8b5c29;
 background-color:#eddaa2;
}
 

.floatclear{
 clear:both;
 overflow:hidden;
}

/********  テキスト  **********/

.text{
 margin:0 5px;
 padding:10px;
}

.text2{
 margin:0 25px;
 padding:0;
}

.t1{
 margin:5px 0 0 20px;
 padding:0;
}


.t2{
 margin:0;
 padding:0;
}

/*  メニューの流れ  */

.f1{font-weight:bold;color:#ff6699;}



/*******ページサブタイトル*******/

.t30{
 margin:20px 0 0 20px;
 font-size:14px;
 font-weight:bold;
}

/****   サロン詳細文   ****/

.t10{
 font-size:1.0em;
 font-color:#575757;
 font-weight:bold;
 line-height:100%;
 }
 
.t11{
 font-size:0.8em;
 font-color:#575757;
 line-height:200%;
 }

/*****   戻る   *****/

.back{
 text-align:right;
 padding:0 50px;
 }

.back a:link, .back a:visited {
 color:#5a3d1c;
 font-size:11px;
}

a img{border-style:none;}


/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}