@import "http://";

body { 
 margin:0;
 padding:0;
 background-color:#ffffff; /**候補色beige#f5f5dcbisque#ffe4c4blanchedalmond#ffebcd**/
 font-family:Verdana,"Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
 /*font-family:Verdana,"Osaka","ＭＳ ゴシック",sans-serif;*/
 font-size:12px;
 color:#575757;
} 
p{color:#575757; margin:0;padding:0;line-height:180%; }

ul,li,dl,dt,dd{margin:0;padding:0;}

/****************************************************
*layout   container(header,right,left)
 bodyセンタリングするaaa
******************************************************/


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

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

#header{ width:800px; }

#headertitle{margin: 3px 0 0 2px;padding:0;font-size:11px;}


#headerline{ width:799px; height:5px; margin:0; background-color:#5a3d1c; }

#headerlogo{ width:800px; height:90px; margin:0;background-image : url(../images/header_bg.jpg);  /*   logo.jpg     */
 background-repeat:no-repeat; }

#logo a{float:left;width:178px;height:62px;margin:10px 0 0 10px;border-style:none;}


.headertitle{
 width:790px;
 margin:0;
 padding-top:1px;
 padding-right:10px;
 background-color:#5a3d1c;
 font-size:14px;
 font-weight:bold;
 text-align:right;
 color:#ffffff;
}

/**********headermenubar**********/

.link{float:right; width:480px; height:25px; margin:3px 0 0 0px;}

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

.link a{ font-size:12px; 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;}

.kiyomi{float:right;margin:2px 3px 0 0;}
 
#floatclear{ clear:both; overflow:hidden;}



/******* テキストh1を枠外に *******/

h1.alt{
position:absolute;
top:-5000px;
left:-999px;
}

#headerimage{ width:780px; height:120px; margin:2px 10px 0 10px;  }



/**********コンテンツ（左メニュー・メインコンテンツ）**********/


#contents{ width:800px; margin:0; background-color:#ffffff;}

#right{ width:630px; float:right; margin:10px 0 0 5px; padding:0; background-color:#ffffff;}

#left{ width:158px; height: 100%; float:left; margin:0; padding:20px 1px 0px 1px; background-color:#ffffff; }

/********** left ***************/

#contentimage{
 width:130px;
 height:15px;
 float:left;
 margin-left: 5px;
 padding-left: 0;
 margin-bottom:0;
 background-image : url(../images/contents.gif);
 background-repeat:no-repeat;
}

/********************   sidemenu     *************************/


.banner{ margin:0 0 3px 0; padding:0; }
.banner a{text-decoration:none;}

/***** メインコンテンツ w=635pix   *****/

#main{ width:455px; float:left; margin:0; padding:15px 5px; border-right:solid 1px #ffebcd; height:100%; /*background-color:#fffaaa;*/ }

#side{ width:160px; float:right; margin:0; padding:0; /*background-color:#e5e5ff;*/ }


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

#footer{
 clear:both;
 width:800px;
 padding:10px 0px;
 text-align:center;
 font-weight:bold;
 font-size:12px;
 color:white;
 background-color:#5a3d1c;  /*#8b5c29*/
}

.salon{width:690px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding0 0 20px 0;line-height:150%;}
.salon_link{float:left;margin:10px 5px;padding:5px;border-right:1px dashed;}
.salon_link a{color:white;}
.salon table{margin:0;padding:0;}
.salon td{text-align:left;padding:5px;font-weight:normal;}




/*****  a要素画像 *****/

a img{ margin:0 5px 5px 0; border-style:none;}
 

/*****  プロコースリンクバナー *****/

.banner_pro div{ margin:0; padding:0;}
 
/*
.banner_pro a{ width:628px; height: 130px; border:solid 1px #7f7f7f; background : url(../images/banner_procourse.jpg) no-repeat right top; 
 display:block; text-decoration:none; margin-bottom:5px;}

.banner_pro p{ padding:10px 250px 5px 10px; line-height:130%; font-size:12px; color:#7f7f7f;}
*/


/*     通信講座バナー0804スタート        */
.banner_crspnd {float:left;margin:0; padding:0; width:310px;}


  
/***************   見出し関係  ***************/



/******  見出し・イベント・各スクール  ******/

h4{
 margin:10px 5px 10px 0;
 padding:3px 15px;
 border-left:10px solid #8fbc8f;
 border-bottom:2px solid #8fbc8f;
 font-size:14px;
 color:#575757;
 }

/******   枠線＝ゾーンセラピーとは ・ 1DAY詳細   ******/

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

#line{
 margin:0;
 padding-bottom:10px;
 margin-bottom:4em;
 /*border:solid 1px #ffebcd;  brown#8b5c29almond#ffebcd  */
 height:100%;
}

.line_title{
 margin:20px 30px 10px 10px;
 border-bottom:solid 1px #8fbc8f;
}

.line_zone{
 margin:10px;
 padding-left: 25px;
padding-bottom:15px;
 border:solid 1px #8fbc8f;
}

.discription{
 margin:0 10px;
 position:relative;
 top:-7px;
 font-size:14px;
 font-weight:bold;
 color:#7fae8c;
}

.discription span{
 background-color:#ffffff;
}

.line_holos{
 margin:10px;
 padding-left: 25px;
 border:solid 1px #8fbc8f;
}

.line_event{
 margin:10px;
 padding-left: 25px;
 border:solid 1px #8fbc8f;

}



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

.text {
 margin:0;
 padding:5px 10px;
 line-height:160%;
}

.text2 {
 margin:15px 0;       /** margin高め   **/ 
 padding:5px 20px;  
 line-height:150%;
}

.text3 {
 margin:15px 0;               /** margin高め   **/ 
 padding:5px 20px 5px 30px;   /** padding横広め ホロス  **/    
 line-height:150%;
}

/****  normal  ****/
.t1 {
 margin:0;
 padding:0;
 text-indent:1em;
}

/****  bold  ****/
.t5 {
 margin:0;
 padding:0;
 font-weight:bold;
}

/****インデントなし****/
.t3 {
 margin:0;
 padding:0;
}

.t1_first-letter{
 float:left;
 margin:0;
 padding:3px;
 background-color:#afd0af;
 font-size:21px;
 font-weight:bold;
 color:#5a3d1c;
}

/****  チビ  ****/

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

.t4 {
 font-size:12px;
 margin:5px;
 padding:0 10px;
}

/***  medium  プロフィール ***/

.t20{
 margin:0;
 padding:0 10px;
 font-size:14px;
 font-weight:bold;
}

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

.t10{
 margin:0 0 10px 0;
 font-size:14px;
 font-weight:bold;
}

.t10 a{
 color:#4d2612;
}


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

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

/****  a要素テキスト  ****/

a{color:#575757;}

.jump a{
 font-size:12px;
 padding-right:10px;
 white-space:nowrap;
}

.jump a:link, .jump a:visited {
 color:#2e8b57;   /****  #8b5c29 #8fbc8f ****/
}

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

/****  colorfont  ****/

.t_pink{
 margin:0;
 padding:0;
 color:#cd5c5c; /****indianred****/
}

.t_green{
 font-size:14px;
 font-weight:bold;
 color:#7fae8c; /****indianred****/
}

.t_greens{
 font-size:11px;
 font-weight:bold;
 color: #336633;
}




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







/*     menbou.css         */

#side{margin:0;padding:0;}

#side ul {margin:0; padding:0;}

#side ul li {width:150px;height:60px;margin-bottom:10px;display:block;list-style-type:none;}

#side ul li a:link, #side ul li a:visited{
    display:block;
 }


#menbou{}

/*   h2タイトル   */

.menbou_title{margin:15px 0;padding:7px 0 0 30px;width:593px;height:28px;color:#ffffff;font-size:14px;
background-color: #ffffff;  
background-image: url(images/bg_title.gif);  
background-repeat: no-repeat;  
background-position: 0 0;
}

h3{
margin:15px 5px 10px 0;
padding:5px 5px;;
border-bottom:1px dotted #eb6877;
font-size:12px;
color:#575757;
}


/*    鈴木きよみプロフィール    */

.profile{
margin:10px 0 20px 10px;padding:0;padding-top:35px;width:590px;height:236px;
background-color: #ffffff;  
background-image: url(images/bg_profile.gif);  
background-repeat: no-repeat;  
background-position: 0 0;
}

/*   背景黄色   */

.marker{padding:2px 3px;background-color:#ffffcc;}