@charset "shift_jis";
/* CSS Document */

/* Text
----------------------------------------------------------------- */
.clear{ clear: both; }

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

.tright{ text-align:right; }

.tleft{ text-align:left; }

.fright{ float: right; }

.fleft{ float: left; }

.picr{ float:right; margin-left: 12px; }

.picl{ float:left; margin-right: 12px; }

.center{ text-align:center; }

.vmid{ vertical-align: middle; }

.vtop{ vertical-align: top; }

.vbtm{ vertical-align: bottom; }


/* color */

.gray{ color:#666; }

.blue{ color:#7E78AF;}


/* size */

.fs_70{ font-size: 70%; font-family: 'ＭＳ Ｐゴシック', 'メイリオ', sans-serif; }

.fs_80{ font-size: 80%; font-family: 'ＭＳ Ｐゴシック', 'メイリオ', sans-serif; }

.fs_115{ font-size: 115%; font-family: 'ＭＳ Ｐゴシック','メイリオ',  sans-serif; }

.fs_120{ font-size: 120%; font-family: 'ＭＳ Ｐゴシック','メイリオ',  sans-serif; }

.fs_150{ font-size: 150%; font-family: 'ＭＳ Ｐゴシック','メイリオ',  sans-serif; }


/* font family */
.en{ font-family:Arial, Helvetica, sans-serif; }


/* Common
----------------------------------------------------------------*/

/* line */
.dot{ clear:both; border-top: 1px dotted #CCC; margin: 0px 0px 20px; padding: 0px; line-height: 0; height: 1px; }

/* box */
p.line_left{ border-left: 4px solid #7E78AF; padding-left: 10px;  }



.box_blue01{ background:url(../images/all/boxblue01_top.gif) no-repeat 0px 0px; padding: 10px 0px 0px 0px; }

.box_blue01 p{ margin: 0px; padding: 0px 15px 10px; font-size: 92%; border-left: 2px solid #ACA7D4; border-right: 2px solid #ACA7D4; }

.box_blue01 p.title{ font-size: 120%; color: #7E78AF; padding: 10px 15px 10px; }



/* Hx
----------------------------------------------------------------- */
div#key h1{ font-size: 20px; margin: 23px 0px 0px 85px; text-align:left;  }
/* シート cn.css　に別の設定あり。　*/

div#key h1.long{ font-size: 20px; margin: 23px 0px 0px; text-align:center;  }

div#key h1.line2{ font-size: 16px; margin: 19px 0px 0px 85px; line-height: 1.2; }

div#key h1 span{ font-size: 16px; }

h2.t_bl01{clear:both; background: url(../images/bkg/t_bl01_bkg.gif) no-repeat; margin-bottom: 15px; padding: 7px 0px 0px 1em; font-size: 15px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; height: 28px;  line-height: 1.0; }/* about　*/

h2.t_bl01 span{font-weight: normal; }

h3.liner{color:#7E78AF; font-weight: bold; text-align:center; font-size: 120% ; margin-bottom: 15px;  }/* taoism　*/

h3.liner_en{color:#7E78AF; font-weight: bold; text-align:left; font-size: 120% ; margin-bottom: 15px;  }/* taoism　*/



/* greeting
----------------------------------------------------------------*/
#greeting_right{ float: right;}

#greeting_left{width: 290px; float: left; }

/* about
----------------------------------------------------------------*/
p.about{ }

p.about img{ float: left; margin: 0px 15px 30px 0px; }


/* way
----------------------------------------------------------------*/
dl.chronology{ width: 73%; float: right; }

dl.chronology dt{ color:#43528F; font-size: 65%; }

dl.chronology dd{ margin-bottom: 15px; line-height: 1.2; }

dl.way_photo{ width: 120px; float: left; }

dl.way_photo dt{ color:#43528F; font-size: 65%; }

dl.way_photo dd{ margin-bottom: 15px; line-height: 1.2; }


/* training
----------------------------------------------------------------*/
ul.tra{ margin: 0px 0px 25px 15px; }

ul.tra li{background:url(../images/mark/ic_tao01.gif) no-repeat 0px 5px; margin-bottom: 5px; padding-left: 20px; font-size: 115%; }

ul.tra li a{padding-right: 15px; }

ul.tra li a:link{background:url(../images/mark/ic_tri_bl01.gif) no-repeat right 4px ; color: #5E36AF;  }

ul.tra li a:visted{background:url(../images/mark/ic_tri_bl01.gif) no-repeat right 4px ; color: #5E36AF;  }

ul.tra li a:hover{background:url(../images/mark/ic_tri_pur02.gif) no-repeat right 4px ; color: #B485D2;  }

ul.tra li a:active{background:url(../images/mark/ic_tri_pur02.gif) no-repeat right 4px ; color: #B485D2;  }


.more a{padding-right: 13px; }

.more a:link{background:url(../images/mark/ic_tri_bl01.gif) no-repeat right 3px ; color: #5E36AF;  }

.more a:visted{background:url(../images/mark/ic_tri_bl01.gif) no-repeat right 3px ; color: #5E36AF;  }

.more a:hover{background:url(../images/mark/ic_tri_pur02.gif) no-repeat right 3px ; color: #B485D2;  }

.more a:active{background:url(../images/mark/ic_tri_pur02.gif) no-repeat right 3px ; color: #B485D2;  }



/* kiseki
----------------------------------------------------------------*/
table#kiseki_index{border-top: 1px dotted #CCC; width: 100%; }

table#kiseki_index th{ text-align:left; color:#8F0A8A; }

table#kiseki_index th, table#kiseki_index td{ padding: 7px; border-bottom: 1px dotted #CCC; line-height: 1.4; }



/* kiseki index */
dl#kiseki_index dl{ }

dl#kiseki_index dt{ background:url(../images/bkg/t_kiseki_bkg.jpg) no-repeat; height: 26px; padding: 4px 0px 0px 46px; margin-bottom: 7px; color:#660473; font-weight: bold;  }

dl#kiseki_index dd{ background:url(../images/mark/ic_cir_pur01.gif) no-repeat 13px 9px; padding: 8px 0px 8px 30px; border-bottom: 1px dotted #CCC; line-height: 1.4;   }


dl#kiseki_index dd a:link{color: #660473;}

dl#kiseki_index dd a:visited{color: #A6A6A6;}

dl#kiseki_index dd a:hover{color: #9C2FAA; }

dl#kiseki_index dd a:active{color: #9C2FAA; }



table.layout{ margin: 0px auto 20px; padding: 0px; }

table.layout td{ vertical-align: top; line-height: 1.2;  }

table.layout td img{ margin-bottom: 7px; }

table.layout td p{ margin-bottom: 15px; font-size: 11px; line-height: 1.2; color:#696969; }


/* TOPICS レイアウト用テーブル */
table.layout{ width: 100%; }

table.layout th{ padding: 0px 0px 4px; font-weight: normal; color:#630; font-size: 11px; line-height:1.4;  }

table.layout th, table.layout td{ vertical-align: top; }


/* pnav */

#pnav{ margin: 40px 0px 0px; height: 2em; }

#pnav p{margin: 0px; padding: 0px; line-height: 1.2; font-weight: bold; color:#5E36AF;  }

#pnav p.p_back{ float: left; font-size: 11px;  }

#pnav p.p_next{ float: right; font-size: 11px;  }

#pnav p a{ font-weight: normal; }



/* links
----------------------------------------------------------------*/

dl#links{}

dl#links dt{ background: url(../images/mark/ic_sq_pur01.gif) no-repeat 0px 5px; padding-left: 15px; }

dl#links dd{ margin-bottom: 25px; }

.block{ margin-bottom: 20px; }

p.links{ background: url(../images/mark/ic_sq_pur01.gif) no-repeat 0px 5px; padding-left: 15px; margin-bottom: 25px; }



/* page detail
----------------------------------------------------------------*/

p.kouryu_ttl{ background:url(../images/mark/ic_sq_pur01.gif) no-repeat 0px 5px ; padding-left: 15px; }

p.kouryu_ttl span{ font-weight: bold; color:#8F02B2; }



/* location
----------------------------------------------------------------*/

#school{width: 100%;  }

#school th.shibumei{background:#F4E1FF; color:#84077F; padding: 5px;　border-bottom: 1px dotted #FFF; border-top: 1px solid #9B1296; text-align:left;  }

/* link */
#school th.shibumei a:link{color: #6F056B; text-decoration: none; }
#school th.shibumei a:visited{color: #6F056B; text-decoration: none;}
#school th.shibumei a:hover{color: #9B1396; text-decoration: underline; }
#school th.shibumei a:active{color: #9B1396; text-decoration: underline; }


#school td{ padding: 10px 10px 15px 12px; background:#F6F1F6; border-bottom: 2px solid #FFF;  }

#school td.end{ border-bottom: 1px solid #E2D6E2;  }


.l_icon{ padding: 2px; background:#E4DBE1; color:#000; margin-right: 8px; font-size:x-small; }



/* Twitter + Facebook Button
--------------------------------------- */

.twitter_icon{ float:left; width: 25%; }

.fb_icon{ float:left; width: 40%; }





/*****************************************************************
  30周年
******************************************************************/
.orange{ color:#F60; }


/* クイズラリー　ＴＯＰ */

.quiz_flow dt{ font-weight: bold; font-size: 110%; }

.quiz_flow dd{ line-height: 1.2; margin-bottom: 1em;  }


/* 問題ページと秘話 */

.question{ margin-bottom: 2em; }

.question p{ padding: 0px 10px;  }

.t_quiz{ font-size: 15px; color:#FFF; font-weight: bold; background:#6C9A59; padding: 2px 10px; margin-bottom: 7px;  }

.t_hint{ font-size: 15px; color:#FFF; font-weight: bold; background:#CC6600; padding: 2px 10px; margin-bottom: 7px; }

.hiwa h2{ border-top: 1px solid #974F01; background:#FEF2C3; color:#551804; font-size: 100%; padding: 2px 5px; margin-bottom: 1em; }

.hiwa h3{ font-size: 100%; color:#BD7211; margin-bottom: 1em;  }