@import "http://";


body { 
 margin:0;
 padding:0;
 background-color:#fff;  /* 元#ffe4c4濃 #f7dbbf  #F5DEB3 レンガ#f6d4b9    */
 font-family:Verdana,"ＭＳ ゴシック",sans-serif;
 font-size:0.8em;
 line-height:1.5em;
 color:#575757;
} 
 
/****************************************************
*layout   container(header,right,left)
******************************************************/

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

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

#header{width:100%; margin:0 auto;padding:0;background-color:#F5DEB3;}
#header_cont{width:800px;margin:0 auto;padding:0;background-color:#F5DEB3;}

/*****  自由が丘  *****/

#logo{
 float:left;
 width:200px;
 height:67px;
 margin:10px 0 10px 5px;
 padding:0;
 background-image:url(../images/anpiel_logo.gif);
 background-repeat:no-repeat;
 }


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

.link{
 width:540px;
 height:22px;
 margin:0 0 0 220px;
}

.link div{
 float:left;
 padding:5px 5px;
 border-right:dashed 1px #8b5c29;
}

.link a{
 font-size:11px;
 font-weight:bold;
 text-decoration:none;
 white-space:nowrap;
}

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

.link a:hover,.link a:active{
 color:#4d2612;
}
 
/*****    contentsmenu    *****/

h1{
 margin:0;
 padding-top:1px;
 padding-right:10px;
 background-color:#afd0af;
 font-size:14px;
 text-align:right;
 color:#ffffff;
}

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

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

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

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

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



/**********   レイアウト（ナビゲーション・メインコンテンツ）   *****/

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

.main{ width:590px; float:left; margin:0; padding:0; border-right:solid 1px #8b5c29; }

.side{ width:200px; float:right; margin:0; padding:0; }


#image{ width:800px; height:160px; margin:0; }

/*****   メニューリスト   *****/

.mtitle div { margin:5px 20px;}

.mtitle a { background-image:url(../images/j_arrow.gif) ; background-repeat:no-repeat;
 padding:0 0 0 30px; font-size:14px; font-weight:bold; margin:0; text-decoration:none;}

.mtitle a:link, .mtitle a:visited { color:#59b292; }

.mtitle a:hover,.mtitle a:active{ color:#59b292; border-bottom:solid 1px #59b292; /*#6ea06e*/}

/*****  メニュー詳細  *****/

dl{
 margin:5px 25px;
 padding:10px;
 line-height:150%;
 }

dt{
 font-weight:bold;
 color:#59b292;  /*  元は#6ea06e     */
 border-bottom:dashed 1px #59b292;/*****topmenu#8fbc8f#8fc88f#a3c4a3 *****/
}

dd{
 margin:15px 0;
}

/*****  メニュー詳細  *****/

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

.photo_r{
 float:right;
 margin:7px 20px 3px 0;
}

/*****    線    *****/

#line{
 margin-bottom:2em;
 border-top:solid 2px #59b292;
 border-bottom:solid 1px #59b292;
 line-height:100%;
}

.border_g{ border:solid 1px #59b292; margin:0 20px; 0 20px }

.border_b{ border:solid 1px #d2b486; margin:15px 20px 10px 20px; }

/*****   見出し  *****/

h2{
 margin:10px 20px;
 padding:0;
 background-image:url(../images/salon_h2.gif);
 background-repeat:no-repeat;
 font-size:14px;
}

h3{
 margin:10px 0 0 20px;
 padding:0;
 font-size:12px;
 color:#575757;
}

h4{
 margin:0;
 padding:5px 10px;
 background-repeat:no-repeat;
 font-size:14px;
 font-family:"ＭＳ Ｐ明朝",serif;
 color:#575757;
}

h4 a{
 color:#575757;
 text-decoration:none;
}

/**********     text     **********/

.text{
 padding:0 20px;
}


.text2{
 padding:0 20px 50px 20px;
}

.text3 {
 margin:15px 0;       /** margin高め   **/ 
 padding:5px 20px;  
}

.t1 {
 margin:0;
 text-indent:1em;
}


.t2{
 padding:2px 10px;
}

/****  一行目インデントなし  ****/

.t3 {
 padding:0 10px;
 }

/****     戻る   ****/
.back{
 margin:0;
 text-align:right;
 padding:5px 50px;
 font-size:11px;
 }

.back a:link, .back a:visited {
 color:#5a3d1c;
}


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

.t30{ margin:20px 20px 0 20px;padding:0 0 3px 0; font-size:14px; font-weight:bold; border-bottom:solid 2px #59b292; /* #6ea06e */}


/*****   map    *****/

.map{
 margin:20px 5px 10px 25px;
 }

.add{
 margin:10px 30px;
}

.bt{
 margin: 0 5px ;
 padding:0;
}

a img{
 border-style:none;
}


/********   アクセスtable   *******/

table{
 margin:0;
 }

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

th{
 padding:5px 10px;
 white-space:nowrap;
 text-align:left;
 border-left:5px solid #d2b486;  /**pink#ffb6c1lightpink#ffb6c1**/
 border-right:solid 1px #59b292;
border-bottom:solid 1px #59b292; 
 }

td{
 padding:5px;
 border-bottom:solid 1px #59b292;
 }
 
td p{margin:0 0 5px 0;line-height:150%;}

.phone{
 font-size:16px;
 font-weight:bold;
}

.hour{border:none;}


/***  お休みのお知らせ  ***/

.oyasumi{width:370px;margin:10px 10px 10px 30px;padding:0;border:1px solid #DFD0B3;line-height:150%;}

.oyasumi h3{border:none;background:#DFD0B3;font-weight:bold;
margin:0;padding:5px 15px;}

.oyasumi p{margin:5px 10px 5px 15px;}

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

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

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



/* 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;
}