body { 
 margin:0;
 padding:0;
 background-color:#ffe4c4;
 font-family:Verdana,"ＭＳ ゴシック",sans-serif;
 font-size:12px;
 color:#575757;
} 
 
/****************************************************
*layout   container(header,right,left)
 bodyセンタリングする
******************************************************/

#container{
 width:700px;
 margin-left:auto;
 margin-right:auto;
}

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

#header{
 width:700px;
 }

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

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

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


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

.link{
 display:none;
}

.link div{
 display:none;
}

.link a{
 display:none;
}


 
/*****    contentsmenu    *****/

#menu{
 display:none;
}
 
#menu div{
display:none;
}

#menu a{
 display:none;
}


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

#contents{
 width:700px;
 background-color:#ffffff;
}

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

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


#image{
 width:700px;
 height:70px;
 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:#6ea06e; 
}

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

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

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

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

dd{
 font-size:10px;
}

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

.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 #8fbc8f;
 border-bottom:solid 1px #8fbc8f;
 line-height:100%;
}

.border_g{
 border:solid 1px #8fbc8f;
 margin:0 20px;
 }

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

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

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

h3{
 margin:10px 0 0 20px;
 padding:5px 10px;
 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;
 line-height:150%
}

.text2{
 padding:0 20px 50px 20px;
 line-height:150%
}

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

/****  チビフォント  ****/

.t2{
 padding:2px 10px;
 font-size:10px;
}

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

.t3 {
 padding:0 10px;
 }

/****     戻る   ****/
.back{
 text-align:right;
 padding:0 50px;
 }

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

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

.t30{
 margin:20px 0 0 20px;
 font-size:14px;
 font-weight:bold;
 border-bottom:solid 2px #6ea06e;
}


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

.map{
 margin-top:10px;
 margin-left:20px;
 }

.add{
 margin:10px 30px;
}

/********   アクセス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 #8b5c29;
 }

td{
 padding:5px;
 }
 
.phone{
 font-size:14px;
 font-weight:bold;
}

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

#footer{
 clear:both;
 width:700px;
 padding:5px 0px;
 text-align:center;
 font-weight:bold;
 font-size:14px;
 color:white;
 background-color:#8fbc8f;
}
 

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