@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:540px; 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 140ﾃ・0pix     *************************/

#menu ul{
width: 158px;
height: 100%;
margin-left: 0;
padding-left: 0;
float: left;
text-align: left;
}

#menu li {
margin-bottom:3px;
list-style-type:none;
font-weight:bold;
text-align: left;
}

/*****   鈴木きよみからのごあいさつ専用   ****/

.m1 a{height:32px;margin-left:0;margin-bottom:0;font-size:12px;}

.m1 a:link,.m1 a:visited {color: #8b5c29;display: block;background : url(../images/off.gif) no-repeat center top;
padding: 2px 0 0 22px;height: 30px;text-decoration: none;}

.m1 a:hover,.m1 a:active {color: #724b22;background : url(../images/on.gif) no-repeat center top;
padding: 2px 0 0 22px;height: 30px;text-decoration: none;}

/*****         その他のメニューボタン           *****/

.m2 a{height:32px;margin-left:0;margin-bottom:0;font-size:12px;}

.m2 a:link,.m2 a:visited {color: #8b5c29;display: block;background : url(../images/off.gif) no-repeat center top;
padding: 10px 0 0 22px;height: 22px;text-decoration: none;}

.m2 a:hover,.m2 a:active {color: #724b22;background : url(../images/on.gif) no-repeat center top;
padding: 10px 0 0 22px;height: 22px;text-decoration: none;}

/*****  小カテゴリリンクメニュー  *****/

.m3 a {height: 25px;margin-left:5px;margin-bottom:3px;font-size:10px;}

.m3 a:link,.m3 a:visited {color: #8b5c29;display: block;background : url(../images/off_02.gif) no-repeat center top;
padding: 7px 0 0 12px;height: 18px;text-decoration: none;}

.m3 a:hover,.m3 a:active {color: #724b22;background : url(../images/on_02.gif) no-repeat center top;
padding: 7px 0 0 12px;height: 18px;text-decoration: none;}

/*****   第三階層カテゴリリンクメニュー 1DAY・各スクール  *****/

.m6 a {height: 18px;margin-left:5px;margin-bottom:3px;font-size:10px;
color: #8b5c29;display: block;background : url(../images/on_03.gif) no-repeat center top;
padding: 9px 0 0 20px;text-decoration: none;}

/*****          当該サイト大(a要素なし）    *****/

.m4 {height: 22px;margin-left:0;margin-bottom:0;background : url(../images/on.gif) no-repeat center top;
padding: 10px 0 0 22px;font-size:12px;color: #724b22;}

  /*****  鈴木きよみからのごあいさつ専用  *****/

.m7 {height: 30px;margin-left:0;margin-bottom:0;background : url(../images/on.gif) no-repeat center top;
padding: 2px 0 0 22px;  font-size:12px;color: #724b22;}

/*****     当該サイト小 (a要素なし）   *****/

.m5 {height: 18px;margin-left:5px;margin-bottom:3px;background : url(../images/on_02.gif) no-repeat center top;
padding: 7px 0 0 15px;font-size:10px;color: #724b22;}

/********************    menu終わり    ***********************/

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


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

a img{ margin:0 5px 5px 5px; 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;}
*/


/*****  トップページ1DAYレッスンスケジュール *****/

.oneday{width:616px;margin:7px 0; padding:0;border:7px solid #f5deb8;}
.oneday div{margin:0;padding:5px 5px 5px 10px;border:1px solid #dcdcdc;}
.oneday p{margin:3px 0;}
.one{margin:0 3px 0 0;}


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


/*****  トップページ最新ニュース  *****/

.column{ width:628px; height:200px; margin:5px 0; padding:0; line-height:110%; font-size:11px; margin-bottom:1em;
 border:solid 1px #dcdcdc; overflow:auto; }

.t11{ margin:10px;padding:0; }
 
.t11 a:link, .t11 a:visited{ color:#575757; text-decoration:none; display:inline; }
.t11 a:hover, .t11 a:active{ color:#f5879e; text-decoration:none; display:inline;}

.t11 img{margin:0 3px;padding:0;vertical-align:middle;}

.t12{ margin:0; padding:0; text-indent:5em;}

.t12 a{ margin:0 3px; color:#cd5c5c;}
  
/***************   見出し関係  ***************/

/*****各ページのタイトル*****/

h2{
 margin:0;
 padding:5px 15px;
 background-image:url(../images/title.jpg);
 background-repeat:no-repeat;
 font-size:14px;
 color:#ffffff;
}

/******  ページ内段落見出し  *****/

h3{
 margin:20px 5px 10px 0;
 padding:5px 15px;;
 border-left:10px solid #5a3d1c;
 border-bottom:2px solid #5a3d1c;
 font-size:14px;
 color:#575757;
 }

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

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;

}

/******   コミュニティたまがわ  ******/

.sch { border:solid 1px #a3c4a3;}
.sch th{ text-align:top; border-left:3px solid #ffb6c1;  border-right:solid 1px #8b5c29;}

.kouza{ margin:0; padding:3px 0 3px 15px; font-size:12px; font-weight:bold; background-color:#c7d9c7;
 border-left:solid 10px #a3c4a3;}

.cource { border-left:solid 2px #a3c4a3;}
 
/***** TABLE＝会社情報・プロコース・たまがわ *****/

table{ margin:20px; line-height:180%;}

caption{ margin:0; padding:0 0 5px 5px; font-weight:bold; text-align:left; }

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

td{ padding:5px; }

td img{vertical-align:middle;padding:0 0 0 5px;}


/*****  リスト＝プライバシーポリシー・1DAYレッスン・プロコース受講料  *****/

dl{ margin:20px 10px 10px 0;; padding:0;line-height:180%; }

dt{ font-weight:bold;}

dd{ padding:15px 5px; }

ul{ padding:10px 0; }


/*****  リスト＝採用情報・定義リストの用語と解説を並べて表示  *****/

.rec dl{ margin-top:10px; margin-bottom:20px; padding:0; line-height:150%; }

.rec dt{ float:left; padding:5px; font-size:12px; font-weight:bold;}

.rec dd{ padding:5px; margin-left;200px; font-size:12px; }

/**********   写真・画像スタイル  **********/

.photo{ margin:10px; padding:10px;}

.photo_left { float:left; margin:15px 20px 10px 10px;}

.photo_right{ float:right; margin:15px 0;}

.photo_r{ margin:15px 10px;}

.lrg{ float:right; margin:0 10px 15px 10px;}

.lrg_border{/* border:solid 1px #575757;*/ float:right; margin:5px 10px 15px 10px;}

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

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

/*******   メルマガ    ******/

.mail{width:152px;margin:2px 0;padding:5px 0 0 3px; border:1px solid #979797;}

.mail p{margin:1px;padding:0;font-size:11px; line-height:120%; color: #336633;}

.form_input { margin:0 5px;padding:0; border: 1px solid #a96666;  width: 130px;  height: 17px; }
.form_submit { margin:0 ;padding: 0;   width: 56px;  height: 22px; }


/*****     ●●●a要素画像（トップページ目立たせたい４つのコンテンツ）●●●   *****/

.img_main{margin:10px 0; padding:0;}

.img_main div{float:left;width:288px; margin:0 5px 5px 5px;}

.img_main a{display:block;text-decoration:none;}


/*    スクール情報のみエリア全体リンクではないので、別設定      */

.c2 a{color:#575757;display:inline;text-decoration:underline;}
.t_normals{margin:0;padding:45px 5px 0px 5px;font-size:11px;color:#575757;line-height:130%;}

.t_normal{margin:0;padding:45px 105px 0px 5px;font-size:11px;color:#575757;line-height:130%;}

.t_red{margin:0;font-weight:bold;color:red;}

.t_bold{margin:0;font-weight:bold;color:#575757;}


.c1 a{ height:160px;background:  url(../images/salontop02.jpg) top center no-repeat;}

.c2 { height:160px;background:  url(../images/schooltop02.jpg) top center no-repeat;}

.c3 a{ height:160px;background:  url(../images/goodstop02.jpg) top center no-repeat;}

.c4 a{ height:160px;background:  url(../images/comtop02.jpg) top center no-repeat;}


/*****     a要素画像(サロン情報ページ店舗画像)      *****/

.img_salon a{margin:10px 0 0 20px;display:block;}


/******

.img_salon a{
display:block;
width:250px;
height:125px;
padding:10px 250px; 5px 5px;
font-size:12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.img_stitle{
margin:5px 0 0 0;
padding:0;
/*font-family:"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
font-size:16px;
font-weight:bold;
line-height:150%;
color:white;
}
 
.img_salon p{
margin:10px 0;
padding:0 15px;
/*font-family:"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
font-size:11px;
font-weight:lighter;
line-height:150%;
color:white;
}

.i1 a{
background:  url(../images/salontitle.jpg) top center no-repeat;
}

.i2 a{
background:  url(../images/plustitle.gif) top center no-repeat;
}

.i3 a{
background:  url(../images/stooltitle.gif) top center no-repeat;
}

.i4 a{
background:  url(../images/resorttitle.gif) top center no-repeat;
}

.i5 a{
background:  url(../images/nesttitle.jpg) top center no-repeat;
}

*****/

/*****  ブログ画像  *****/

.img_blogk {
display:block;
margin:20px 5px;
width: 370px;
height: 155px;
padding:20px 170px 25px 50px;
background:  url(../images/blog_kiyomi.jpg) top center no-repeat;
}

.img_blog {
display:block;
margin:20px 5px;
width: 500px;
height: 80px;
padding:20px 40px 25px 50px;
background:  url(../images/blog_bg.jpg) top center no-repeat;
}

.img_blogb {
display:block;
margin:20px 5px;
width: 500px;
height: 455px;
padding:20px 40px 5px 50px;
background:  url(../images/blog_bgb.jpg) repeat-x;
}

.img_blogl {
display:block;
margin:20px 5px;
width: 500px;
height: 155px;
padding:20px 40px 25px 50px;
background:  url(../images/blog_bgl.jpg) top center no-repeat;
}

.blg {
font-size:12px;
font-weight:bold;
line-height:150%;
}

/****        カルチャースクールリスト      ****/

#list{margin: 0 5px 0 5px;padding: 7px;text-align: left;font-size:14px;}

#list li {
margin: 10px 5px;
padding-left:30px;
list-style-type:none;
background:  url(../images/culture.gif)  left;
background-repeat:no-repeat;
font-size:14px;
font-weight:bold;
text-align: left;
}

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

.list span{margin:0 5px;padding:0;font-size:11px;color:#7f7f7f;font-weight:normal;}
.list img{vertical-align:middle;padding:0 10px;}

/****    ホロス背景      ****/

.holos {
 width:500px;
 height:150px;
 background:  url(../images/holos500_150.jpg)  left;
 background-repeat:no-repeat;
}

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


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

/****  お問い合わせ  ****/

.t30 {
 padding:0 15px;
 color:#5a3d1c;
 font-weight:bold;
 text-decoration:none;
 }
 
/****     戻る   ****/
.back{
 text-align:right;
 padding:0 50px 10px 10px;
 }

.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;
}

/****  トップページメインコンテンツcolorfont  ****/

.t_red{
margin:0;
font-weight:bold;
color:red;
}

.t_bold{
margin:0;
font-weight:bold;
color:#575757;
}

/* トップページ夏休みのお知らせ  */

.oyasumi{margin:5px;}
.oyasumi td{margin:0;padding:0 5px;}


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