@charset "shift_jis";



/*****   style2   ******/





/*  基本設定

------------------------------------------------------------------------*/



body, h1, h2, h3, h4, h5, div, p, ul, ol, li, table{margin: 0px; padding: 0px; }



body{ font-size: 12px; }



h1, h2, h3, h4, h5, p, li, dt, dd, th, td, input, select{ color: #4D4D4D; }



table, img{border:none;  }



p, li, dt, dd{line-height: 1.6; }



ul, ol{list-style-type:none; }



form{margin: 0px; padding: 0px; }



input{vertical-align:middle;  }







/*  COMMON CSS

------------------------------------------------------------------------*/



p{ margin-bottom: 20px; }



/* text  */



.clear{ clear: both; font-size: 0px; line-height: 0; margin: 0px; padding: 0px; }



strong.dokan{ font-weight: normal; }





/* 位置 */

.c {text-align: center;} /* ←中央配置 */

.l {text-align: left;}   /* ←左配置 */

.r {text-align: right;}  /* ←右配置 */

.fright{ float: right; }

.fleft{ float: left; }





/* clearfix ---- */

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix{display: inline-block; }

/* Except MacIE \*/

* html .clearfix{height: 1%;}

.clearfix{display: block; }

/* End   ------ */





/* 見出し */



h1 {

     padding: 5px;

     font-weight: bold;

     font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;

}





h2 {

     padding: 4px;

     font-weight: bold;

     font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;

     margin:5px 0px 0px 0px;

}



h3 {

     padding: 5px;

     font-weight: bold;

     font-family : "ＭＳ Ｐゴシック",Osaka,sans-serif;

}



h4 {

     padding: 5px;

     font-weight: bold;

     font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;

}









/* フォントサイズ */

.font3 {font-size: 3px;line-height: 5px;} 

.font10 {font-size: 10px;line-height: 14px;} 

.font11 {font-size: 11px;line-height: 15px;}

.font12 {font-size: 12px;line-height: 18px;} /* ←メイン使用文字サイズ１ */

.font13 {font-size: 13px;line-height: 19px;}

.font14 {font-size: 14px;line-height: 20px;} /* ←メイン使用文字サイズ２ */

.font15 {font-size: 15px;line-height: 21px;}

.font16 {font-size: 16px;line-height: 22px;}

.font17 {font-size: 17px;line-height: 23px;}

.font18 {font-size: 18px;line-height: 24px;}

.font19 {font-size: 19px;line-height: 25px;}

.font20 {font-size: 20px;line-height: 26px;}

.font21 {font-size: 21px;line-height: 27px;}

.font22 {font-size: 22px;line-height: 28px;}

.font23 {font-size: 23px;line-height: 29px;}

.font24 {font-size: 24px;line-height: 30px;}

.font25 {font-size: 25px;line-height: 31px;}

.font26 {font-size: 26px;line-height: 32px;}

.font27 {font-size: 27px;line-height: 33px;}

.font28 {font-size: 28px;line-height: 34px;}

.font29 {font-size: 29px;line-height: 35px;}

.font30 {font-size: 30px;line-height: 36px;}

.font31 {font-size: 31px;line-height: 37px;}

.font32 {font-size: 32px;line-height: 38px;}

.font33 {font-size: 33px;line-height: 39px;}

.font34 {font-size: 34px;line-height: 40px;}

.font35 {font-size: 35px;line-height: 41px;}

.font36 {font-size: 36px;line-height: 42px;}

.font37 {font-size: 37px;line-height: 43px;}

.font38 {font-size: 38px;line-height: 44px;}

.font39 {font-size: 39px;line-height: 45px;}

.font40 {font-size: 40px;line-height: 46px;}

.font41 {font-size: 41px;line-height: 47px;}

.font42 {font-size: 42px;line-height: 48px;}

.font43 {font-size: 43px;line-height: 49px;}

.font44 {font-size: 44px;line-height: 50px;}

.font45 {font-size: 45px;line-height: 51px;}

.font46 {font-size: 46px;line-height: 52px;}

.font47 {font-size: 47px;line-height: 53px;}

.font48 {font-size: 48px;line-height: 54px;}

.font49 {font-size: 49px;line-height: 55px;}

.font50 {font-size: 50px;line-height: 56px;}

.font51 {font-size: 51px;line-height: 57px;}

.font52 {font-size: 52px;line-height: 58px;}

.font53 {font-size: 53px;line-height: 59px;}

.font54 {font-size: 54px;line-height: 60px;}

.font55 {font-size: 55px;line-height: 61px;}

.font56 {font-size: 56px;line-height: 62px;}

.font57 {font-size: 57px;line-height: 63px;}

.font58 {font-size: 58px;line-height: 64px;}

.font59 {font-size: 59px;line-height: 65px;}

.font60 {font-size: 60px;line-height: 80px;}





/* フォント装飾 */

.bold {font-weight:bold;} /* ←太字 */







/* 背景色 */

.back-pink {background-color:#FFDFDF;} /* ←背景ピンク */

.back-lightpink {background-color:#FFF6F6;} /* ←背景薄いピンク */







/* フォント色 */

.white {color: #FFFFFF;}    /* ←白 */

.black {color: #000000;}    /* ←黒 */

.red {color: #FF0000;}      /* ←赤 */

.brown {color: #990000;}    /* ←茶 */

.darkblue {color: #00008B;} /* ←紺 */

.green {color:#008000;}     /* ←緑 */

.darkgreen {color:#006400;} /* ←濃い緑 */

.smoke {color:#999999;}     /* ←薄い灰 */

.orange {color:#FF6633;}    /* ←オレンジ */

.pink {color:#FF4261;}      /* ←ピンク */

 /* 文字色の追加はココへお願いします。 */











/* ライン系 */

.linehr {border-top:1px dotted #FFFFFF;border-left:1px dotted #FFFFFF;border-right:1px dotted #FFFFFF;border-bottom:1px dotted #999999;}

.line-fuji {border:1px solid #b3b3ff;}   /* ←藤色 */







/* お気に入りボタン */

.bookmark {

}







.line-text{

     margin:0px;

     padding:0px 0px 0px 15px;

     text-align:left;

     background:url(images/line-text.gif) repeat-y;

}





.line-text-pink{

     margin:0px;

     padding:0px 0px 0px 15px;

     text-align:left;

     background:url(images/line-text-pink.gif) repeat-y;

}









/* サイト骨組み

------------------------------------------------------------------------*/



body{ background: #F5E8C8 url(images/bkg.gif) repeat-x; line-height:18px; font-size:12px; }



#wp{ width: 917px; margin: 0px auto;  }



#wp2{ border: 7px solid #A77C18; padding: 1px; background:#FFF url(images/wp2_bkg.gif) repeat-y 1px 0px; }

/* clearfix ---- */

#wp2:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#wp2{display: inline-block; }

/* Except MacIE \*/

* html #wp2{height: 1%;}

#wp2{display: block; }

/* End   ------ */





/* ローカルナビゲーションなど (左側のカラム) */



div#lnavbox{ float: left; width: 210px; margin-right: 1px; text-align:center;  }





/* グローバルナビとコンテンツ部分(右側のカラム)  */



div#contentsbox{ float: right; width: 690px; }







/* TOP コンテンツのBOX */



#top_contents{ width: 635px; margin: 25px auto 0px; padding-bottom: 20px;  }



/* 次ページ コンテンツのBOX */

.top-600px{ 

     margin:0px 0px 20px 40px;

     width:600px;

     height:auto;

     text-align:left; 

     line-height: 1.8;

}







/* マイクロコンテンツ   ---------------------------------------- */



.microcontents{ font-size: 10px; color:#A69A88; padding: 10px 0px 0px 0px; text-align:right; margin-bottom: 12px; }



.microcontents strong{ font-weight: normal; }





/* ヘッダー   -------------------------------------------------- */



#header{ padding-top: 0px; margin: 0px; position: relative;  }

/* clearfix ---- */

#header:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#header{display: inline-block; }

/* Except MacIE \*/

* html #header{height: 1%;}

#header{display: block; }

/* End   ------ */





/* ロゴ部分  */



#logo{float: left; width: 220px; line-height: 1.0; padding: 0px 0px 7px 3px;  }



#logo a{ text-decoration: none; }



#logo a span{ text-indent: -999px; display: none; font-size: 0px;  }



img#logo_img{ margin-bottom: 5px; }





/* ヘッダー内ナビゲーション */

ul#h_link{ position: absolute; right: 0px; bottom: 7px; margin-bottom: 0px; padding-bottom: 0px; line-height: 1.0; }



ul#h_link li{background:url(images/mark/ic_tri_red01.gif) no-repeat 0px 4px; padding: 0px 0px 0px 8px; float: left; margin-right: 10px; font-size:x-small; }

ul#h_link li a{text-decoration: none; }

ul#h_link li a:link{color:#C11818; }

ul#h_link li a:visited{color: #A6A6A6;}

ul#h_link li a:hover{color: #F85D5D; text-decoration: underline;  }

ul#h_link li a:active{color: #F85D5D; text-decoration: underline;  }





/* サイトタイトル TOP */



#sitetitle_top{ background: url(images/top/site_title_bkg.gif) 0px bottom repeat-x; height: 336px; line-height: 0; font-size: 0px;  }



#add{ margin: 0px 0px 9px; line-height: 0px; font-size: 0; vertical-align: top;  }



#add h1{padding: 5px 0px 3px; font-size: 14px; font:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  color:#FFF; line-height: 1.2;   }



#add p{ margin: 0px; padding: 0px 0px 5px; line-height: 1.2; font-size: 11px; color:#FFF;   }



#top_contact{ background:url(images/top/contact_box.gif) no-repeat; width: 195px; height: 78px; margin: 0px auto; }



#top_contact p.con_txt{ display: none; margin: 0px;  }



#top_contact p.con_mail{ padding-top: 56px;  }





/* サイトタイトル NEXT  */



#sitetitle{height: 170px; line-height: 0; margin-bottom: 7px; }





/*  グローバルナビ　   ---------------------------------------- */



#gnav{ height: 70px;   }

/* clearfix ---- */

#gnav:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#gnav{display: inline-block; }

/* Except MacIE \*/

* html #gnav{height: 1%;}

#gnav{display: block; }

/* End   ------ */





#gnav ul{  }

#gnav ul li{ float: left; }

#gnav ul li a{/*\*/overflow: hidden;/**/ text-indent: -9999px; display: block; height: 70px; text-decoration: none; }



/* 初めての方へ */

#gnav ul li.beginner a{width: 101px; }

#gnav ul li.beginner a:link{ background:url(images/gnav/beginner.gif) no-repeat; }

#gnav ul li.beginner a:visited{background:url(images/gnav/beginner.gif) no-repeat;}

#gnav ul li.beginner a:hover{background:url(images/gnav/beginner_ov.gif) no-repeat;}

#gnav ul li.beginner a:active{background:url(images/gnav/beginner_ov.gif) no-repeat; }



/* 東京道学院 */

#gnav ul li.studio a{width: 115px; }

#gnav ul li.studio a:link{ background:url(images/gnav/studio.gif) no-repeat; }

#gnav ul li.studio a:visited{background:url(images/gnav/studio.gif) no-repeat;}

#gnav ul li.studio a:hover{background:url(images/gnav/studio_ov.gif) no-repeat;}

#gnav ul li.studio a:active{background:url(images/gnav/studio_ov.gif) no-repeat; }



/* 気のトレーニング */

#gnav ul li.training a{width: 110px; }

#gnav ul li.training a:link{ background:url(images/gnav/training.gif) no-repeat; }

#gnav ul li.training a:visited{background:url(images/gnav/training.gif) no-repeat;}

#gnav ul li.training a:hover{background:url(images/gnav/training_ov.gif) no-repeat;}

#gnav ul li.training a:active{background:url(images/gnav/training_ov.gif) no-repeat; }





/* 個別相談予約 */ 

#gnav ul li.reservation a{width: 102px; }

#gnav ul li.reservation a:link{ background:url(images/gnav/reservation.gif) no-repeat; }

#gnav ul li.reservation a:visited{background:url(images/gnav/reservation.gif) no-repeat;}

#gnav ul li.reservation a:hover{background:url(images/gnav/reservation_ov.gif) no-repeat;}

#gnav ul li.reservation a:active{background:url(images/gnav/reservation_ov.gif) no-repeat; }



/* タオイズム 

#gnav ul li.taoism a{width: 102px; }

#gnav ul li.taoism a:link{ background:url(images/gnav/taoism.gif) no-repeat; }

#gnav ul li.taoism a:visited{background:url(images/gnav/taoism.gif) no-repeat;}

#gnav ul li.taoism a:hover{background:url(images/gnav/taoism_ov.gif) no-repeat;}

#gnav ul li.taoism a:active{background:url(images/gnav/taoism_ov.gif) no-repeat; }*/



/* コース案内 */

#gnav ul li.offers a{width: 105px; }

#gnav ul li.offers a:link{ background:url(images/gnav/offers.gif) no-repeat; }

#gnav ul li.offers a:visited{background:url(images/gnav/offers.gif) no-repeat;}

#gnav ul li.offers a:hover{background:url(images/gnav/offers_ov.gif) no-repeat;}

#gnav ul li.offers a:active{background:url(images/gnav/offers_ov.gif) no-repeat; }



/* アクセス */

#gnav ul li.g_access a{ width: 73px; }

#gnav ul li.g_access a:link{ background:url(images/gnav/g_access.gif) no-repeat; }

#gnav ul li.g_access a:visited{background:url(images/gnav/g_access.gif) no-repeat;}

#gnav ul li.g_access a:hover{background:url(images/gnav/g_access_ov.gif) no-repeat;}

#gnav ul li.g_access a:active{background:url(images/gnav/g_access_ov.gif) no-repeat; }



/* よくある質問 */

#gnav ul li.faq a{ width: 84px; }

#gnav ul li.faq a:link{ background:url(images/gnav/faq.gif) no-repeat; }

#gnav ul li.faq a:visited{background:url(images/gnav/faq.gif) no-repeat;}

#gnav ul li.faq a:hover{background:url(images/gnav/faq_ov.gif) no-repeat;}

#gnav ul li.faq a:active{background:url(images/gnav/faq_ov.gif) no-repeat; }





/*  キービジュアル　    ---------------------------------------- */



#key_top{ clear:both; border-top: 1px solid #FFF; line-height: 1.0; }



#key{clear:both; height: 97px; border-bottom: 2px solid #EFEBDC; background:url(images/title/h1_bkg.jpg) no-repeat;  }





/* ローカルナビゲーション (TOP)    ---------------------------------------- */



#lnav_top{ width: 194px; border: 4px solid #E8D290; margin: 5px auto 10px ;  }

#lnav_top ul{ border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}

#lnav_top ul li a{ /*\*/overflow: hidden;/**/ display: block; width: 192px; height: 51px; text-indent: -9999px; text-decoration: none; }





/* 相談・説明会 */

#lnav_top ul li.counseling a:link{ background:url(images/lnav_top/counseling.gif) no-repeat; }

#lnav_top ul li.counseling a:visited{background:url(images/lnav_top/counseling.gif) no-repeat;}

#lnav_top ul li.counseling a:hover{background:url(images/lnav_top/counseling_ov.gif) no-repeat;}

#lnav_top ul li.counseling a:active{background:url(images/lnav_top/counseling_ov.gif) no-repeat; }

/* 気のトレーニング */

#lnav_top ul li.training a:link{ background:url(images/lnav_top/training.gif) no-repeat; }

#lnav_top ul li.training a:visited{background:url(images/lnav_top/training.gif) no-repeat;}

#lnav_top ul li.training a:hover{background:url(images/lnav_top/training_ov.gif) no-repeat;}

#lnav_top ul li.training a:active{background:url(images/lnav_top/training_ov.gif) no-repeat; }

/* アクセス */

#lnav_top ul li.access a:link{ background:url(images/lnav_top/access.gif) no-repeat; }

#lnav_top ul li.access a:visited{background:url(images/lnav_top/access.gif) no-repeat;}

#lnav_top ul li.access a:hover{background:url(images/lnav_top/access_ov.gif) no-repeat;}

#lnav_top ul li.access a:active{background:url(images/lnav_top/access_ov.gif) no-repeat; }

/* お問い合わせ */

#lnav_top ul li.contact a:link{ background:url(images/lnav_top/contact.gif) no-repeat; }

#lnav_top ul li.contact a:visited{background:url(images/lnav_top/contact.gif) no-repeat;}

#lnav_top ul li.contact a:hover{background:url(images/lnav_top/contact_ov.gif) no-repeat;}

#lnav_top ul li.contact a:active{background:url(images/lnav_top/contact_ov.gif) no-repeat; }





/* ローカルナビゲーション  (Next)    ---------------------------------------- */



#lnav{ width:198px; border: 2px solid #BBB19C; margin: 5px 0px 10px 3px ; }



#lnav ul{}



#lnav ul li{ line-height: 1.0; font-size: 0px;  }


#lnav-twitter{ width:198px; border: 2px solid #BBB19C; margin: 5px 0px 10px 3px ;  background-color:#FFFEEF; }

#lnav-twitter img{ margin: 0px 0px 10px 0px; }



/* ローカルナビゲーション  (Small)    ---------------------------------------- */



#lnav_small{ position: relative; width: 180px; margin: 0px auto 15px; z-index:0 ; text-align: left;  }



#lnav_small ul{ border-top: 1px dotted #4A3D3D; font-size: 88%; line-height:1.0; z-index:1 ;  }

#lnav_small ul li{ padding: 2px 0px 2px 26px; border-bottom: 1px dotted #4A3D3D;   }



#lnav_small ul li a{ display: block; text-decoration: none; color:#271202;   }

#lnav_small ul li a:visited{text-decoration: none; color:#271202; }

#lnav_small ul li a:hover{text-decoration: underline; color: #C76D04; }

#lnav_small ul li a:active{text-decoration: underline; color: #C76D04; }





#lnav_small ul li.l_mobile{ background:url(images/lnav/ic_mobile.gif) 3px 1px no-repeat;  }

#lnav_small ul li.l_mail{ background:url(images/lnav/ic_mail.gif) 3px 0px no-repeat;}

#lnav_small ul li.l_contact{ background:url(images/lnav/ic_contact.gif) 3px 2px no-repeat;}

#lnav_small ul li.l_access{ background:url(images/lnav/ic_access.gif) 3px 2px no-repeat;}





#qr_code{ position: absolute; top: 3px; right: 5px; z-index:2 ; }





/* 関連サイトリンク --------------------------------------------------------------------  */



#links{clear:both; width: 100%; border-top: 2px solid #FFF; text-align: center; background:#DEDAD0; padding: 5px 0px 3px; }





/* フッター --------------------------------------------------------------------  */



#footer{ clear:both;  background:#092602; height: 27px; padding: 12px 0px 0px 15px; }



#footer ul li{ background:url(images/mark/ic_sq_yellow01.gif) no-repeat 0px 3px; padding: 0px 0px 0px 8px; float: left; margin-right: 10px;  color:#FFF; line-height: 1.1;   }



#footer ul li a{text-decoration: none; line-height: 1.0; font-size: x-small; }



#footer ul li a:link{color:#FFF;  }



#footer ul li a:visited{color: #FFF;}



#footer ul li a:hover{color: #FFF; text-decoration: underline;  }



#footer ul li a:active{color: #FFF; text-decoration: underline;  }



#copy{ float: right; color: #FFF; font-size: 10px; padding: 0px 5px 0px 0px;  }



#analytics{ display: none; }











/* --- 入学・コース案内 --- */

#course h3{margin:15px auto 0px; width: 534px; clear:both; }/* コースindex */



#courses p{margin-bottom:13px; }



#course p.coursetxt{border: 1px dotted #999; padding: 14px; margin: 0px auto 15px; width: 502px; }



#courses p img{vertical-align:middle; }



#course div#consult{float:left; width: 300px; margin-left: 10px; }



* html #course div#consult{float:left; width: 300px; margin-left: 5px; }  



#course div#consult h3{width: 360px; }



#course div#consult p{border: 1px dotted #999; padding: 14px; margin: 0px 0px 15px; width: 327px; }



#course div.beginner{float:right; width:185px; padding: 0; margin: 19px 5px 0px 0px; line-height: 1.4; }



#course div.beginner p{border: 1px solid #DDD; width:160px; margin: 0px; padding: 0px 8px 5px 10px; }



* html #course div.beginner{float:right; width:177px; padding: 0; margin: 21px 5px 0px 0px; line-height: 1.4; }/* IE6用ハック */



* html #course div.beginner p{border: 1px solid #DDD; width:160px; padding: 0px 8px 5px 10px; }



#courses .price{text-align:right; background:url(../images/course/bkg_price.gif) repeat-x left 17px; padding-bottom: 10px; }



#courses .price span{font-weight:bold; color:#cc0033; }



#courses hr{width:98%; height:1px; border:1px dotted #CFD7E2; margin:0 auto 15px; }



#courses #cDetail{margin-bottom:10px; }



#courses #cDetail h3{margin-bottom:10px; }



#courses #cDetail p{margin-bottom:5px; }



#courses #cDetail ul{margin:0 0 0 20px; }



#courses #cDetail ul li{background:url(../images/mark/ic_squareo.gif) no-repeat left 5px; padding-left:15px; margin-bottom:10px; line-height:1.7; }



#courses #cDetail ul li.att{margin-top:8px; background:url(../images/mark/ic_circler.gif) no-repeat left 5px; padding-left:12px; }



#courses #cDetail ul li ul{margin-top: 10px; }



#courses #cDetail ul li ul li{background:url(../images/mark/ic_tryo.gif) no-repeat left 6px; padding-left:10px; margin-bottom:3px; margin-left:0; }



#courses #cCampain{border:3px solid #F6DAE1; padding:10px 10px 0; margin-bottom:15px; }



#courses #cCampain ul.bookpre li{background:url(../images/mark/ic_circleo.gif) no-repeat left 5px; padding-left:12px; margin-bottom:7px; }



p.cmp{font-weight:bold; font-size:117%; color:#cc0033; background:url(../images/mark/ic_excl.gif) no-repeat 0px 2px; padding: 0px 0px 0px 25px; margin: 0px; }



p.cmp02{font-weight:bold; font-size:117%; color:#cc0033; background:url(../images/mark/ic_excl.gif) no-repeat 0px 18px; padding: 0px 0px 0px 25px; margin: 0px; }/* 運気アップ編（200801）キャンペーン用　*/



#courses #cCampain span{font-weight:bold; }



#courses #cCampain strong{text-decoration:underline; }



div#contactBox p span{ font-weight: bold; font-size: 120%;}



p.cpre{font-size: 115%; color:#EA5E01; font-weight: bold; }



p.cpre span{color:#1F1F1F;}











/* 気について */

#lnav_top ul li.about_ki a:link{ background:url(images/lnav_top/about_ki.gif) no-repeat; }

#lnav_top ul li.about_ki a:visited{background:url(images/lnav_top/about_ki.gif) no-repeat;}

#lnav_top ul li.about_ki a:hover{background:url(images/lnav_top/about_ki_ov.gif) no-repeat;}

#lnav_top ul li.about_ki a:active{background:url(images/lnav_top/about_ki_ov.gif) no-repeat; }



.fleft_pic{ float: left; margin: 0px 15px 15px 0px; }

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