@charset "shift_jis";

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


/*  基本設定
------------------------------------------------------------------------*/

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

body{ font-size: 86%; }

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; }
.both{clear: both;}

strong.dokan{ font-weight: normal; }

.letter{letter-spacing:-1px;}
.mb0{margin-bottom:0;}

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

#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.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.taiken a{width: 102px; }
#gnav ul li.taiken a:link{ background:url(images/gnav/taiken.gif) no-repeat; }
#gnav ul li.taiken a:visited{background:url(images/gnav/taiken.gif) no-repeat;}
#gnav ul li.taiken a:hover{background:url(images/gnav/taiken_ov.gif) no-repeat;}
#gnav ul li.taiken a:active{background:url(images/gnav/taiken_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; }

/* 日本道観について */
#gnav ul li.nihondokan a{width: 101px; }
#gnav ul li.nihondokan a:link{ background:url(images/gnav/nihondokan.gif) no-repeat; }
#gnav ul li.nihondokan a:visited{background:url(images/gnav/nihondokan.gif) no-repeat;}
#gnav ul li.nihondokan a:hover{background:url(images/gnav/nihondokan_ov.gif) no-repeat;}
#gnav ul li.nihondokan a:active{background:url(images/gnav/nihondokan_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;  }

#key-kumamoto{clear:both; height: 97px; border-bottom: 2px solid #EFEBDC; background:url(images/title/h1_bkg-kumamoto.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; }