@charset "shift_jis";


/* 見出し */
h1 {
     margin:0px;
     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;
}


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

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

body{ font-size: 14px; line-height:20px; }

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

table, img{border:none;  }

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

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

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

input{vertical-align:middle;  }


.clear{
     clear:both;
     margin:0px;
     padding:0px;
}

/* clearfix */
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.clearfix {display: inline-block;} 
/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 
/* clearfix end */
.both{clear:both;}


/* フォントサイズ */
.font10 {font-size: 10px;line-height: 14px;} /* ←マイクロコンテンツ・フッターテキストメニュー文字サイズ */
.font11 {font-size: 11px;line-height: 15px;}
.font12 {font-size: 12px;line-height: 20px;} /* ←メイン使用文字サイズ１ */
.font13 {font-size: 13px;line-height: 19px;}
.font14 {font-size: 14px;line-height: 24px;} /* ←メイン使用文字サイズ２ */
.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: 66px;}


/* マージン　パディング */
.mb10{margin-bottom:10px;}
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb1_3em{margin-bottom:1.3em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.pb1em{padding-bottom:1em;}
.pb2em{padding-bottom:2em;}
.pb3em{padding-bottom:3em;}
body div.m_0auto{margin:0 auto;}

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


/* 位置 */
.c {text-align: center;} /* ←中央配置 */
.l {text-align: left;}   /* ←左配置 */
.r {text-align: right;}  /* ←右配置 */


/* フォント装飾 */
.bold {font-weight:bold;} /* ←太字 */
.u_line{ text-decoration:underline;} /* ←下線 */


/* フォント色 */
.white {color: #FFFFFF;}    /* ←白 */
.black {color: #000000;}    /* ←黒 */
.red {color: #FF0000;}      /* ←赤 */
.brown {color: #990000;}    /* ←茶 */
.darkblue {color: #00008B;} /* ←紺 */
.green {color:#008000;}     /* ←緑 */
.green2 {color:#619E00;}    /* ←緑2 */
.smoke {color:#999999;}     /* ←薄い灰 */
.orange {color:#FF6633;}    /* ←オレンジ */
.pink {color:#FF4261;}      /* ←ピンク */
.orangebrown {color:#EA9500;}      /* ←オレンジ茶色 */
.navy{color:#00284e;}
 /* 文字色の追加はココへお願いします。 */





/* ライン系 */
.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 {
     background-color:#9BD288;
     color:#146308;
     border-top:1px solid #248C14;
     border-right:2px solid #146308;
     border-bottom:2px solid #146308;
     border-left:1px solid #248C14;
}

.auto{overflow:auto;}

/* マージン・パディング */
.m_auto {margin-left: auto;margin-right: auto;}

.m0{ margin: 0!important;}
.mb05em{ margin-bottom:0.5em !important;}
.mb1em{ margin-bottom:1em !important;}
.mb2em{ margin-bottom:2em !important;}
.mb3em{ margin-bottom:3em !important;}

.ml1em{margin-left:1em !important;}
.ml1_5em{margin-left:1.5em !important;}
.ml2em{margin-left:2em !important;}
.ml3em{margin-left:3em !important;}
.ml4em{margin-left:4em !important;}
.ml5em{margin-left:5em !important;}

.ml2p{margin-left:2% !important;}
.ml3p{margin-left:3% !important;}
.ml5p{margin-left:5% !important;}

/* ●●●●●●●●●サイトデザイン基礎骨組み●●●●●●●●● */


/* メイン */
#wrap{
     position:relative;
     width:800px;
     height:auto;
     border-top:0px;
     border-right:1px solid #D99A20;
     border-bottom:1px solid #D99A20;
     border-left:1px solid #D99A20;
     background-color:#FFFFFF;
     text-align:left;
     margin:0px auto;
     padding:0px;
     background:url(images/back.gif) repeat-y;
}

#wrap2{
     position:relative;
     padding:0px;
     width:800px;
     margin:0px 0px 0px 15px;
     text-align:left;
     background:url(images/back.gif) repeat-y;
}



/* 左側の設定*/
#left{
     width:615px;
     margin:0px 0px 20px 5px;
     float:left;
     font-size:12px;
     line-height:17px;
     text-align:center;
}

.line-text{
     margin:0px;
     padding:0px 0px 0px 15px;
     text-align:left;
     background:url(images/line-text.gif) repeat-y;
}

#left-navi{
     width:155px;
     margin:0px 0px 20px 8px;
     float:left;
     text-align:left;
}




/* 中央の設定*/
#center{
     width:460px;
     margin:0px 0px 20px 0px;
     float:left;
     font-size:12px;
     line-height:17px;
     text-align:center;
}




/* 右側の設定*/
#right{
     width:155px;
     margin:0px 12px 20px 5px;
     float:right;
     text-align:left;
}

/* 右側の設定*/
#right-top{
     width:160px;
     margin:0px 5px 20px 0px;
     float:right;
     text-align:left;
}




/* ヘッダー */
.microcontents{
     padding:10px 0px 0px 0px;
     width:800px;
     margin:0px;
     font-size:10px;
     line-height:14px;
     text-align:left;
}


.headmenu{
     padding:0px;
     width:802px;
     height:200px;
     margin:0px;
     text-align:left;
     background:url(images/top-head.jpg) no-repeat;
     background-position:left top;
}

.hirosaki-headmenu{
     padding:0px;
     width:800px;
     height:135px;
     margin:0px;
     text-align:left;
}


.morioka-headmenu{
     padding:0px;
     width:800px;
     height:135px;
     margin:0px;
     text-align:left;
}

.headmenu-contents-textbefore{
     height:40px;
     margin:0px;
     padding:0px;
}

.headmenu-contents-text{
     width:auto;
     height:auto;
     margin:0px 5px 5px 0px;
     padding:5px 0px 0px 10px;
     text-align:right;
     font-size:12px;
}
.headmenu-contents{
     width:800px;
     height:33px;
     margin:5px 0px 5px 0px;
     padding:3px 0px 3px 0px;
     background:url(images/headmenu-back.gif) no-repeat;
}
.headmenu-contents-in{
     width:160px;
     height:33px;
     text-align:center;
     padding:5px 0px 0px 0px;
     float:left;
}

.mobileuser{ 
     margin: 0px 3px 15px 0px ; 
     text-align:right;
}


/* フッター */
.main-bottom{
     position:relative;
     width:830px;
     height:14px;
     background:url(images/background-bottom.gif) repeat-none;
     background-color:#FFFFFF;
}

.textmenu{
     width:750px;
     border-bottom:1px dotted #999999;
     border-top:1px dotted #999999;
     border-right:1px dotted #999999;
     border-left:1px dotted #999999;
     margin:10px 0px 15px 0px;
     padding:5px;
     text-align:left;
     clear:both;
     background-color:#FFFFFF;
}

.copyright{
     margin:5px 0px 0px 0x;
     width:800px;
     padding:5px 0px 5px 0px;
     text-align:left;
     font-size:10px;
     line-height:14px;
     border-bottom:1px solid #D5D5D5;
}



/* ●●●●●●●●●リニューアルトップページ●●●●●●●●● */

/* 左部分お問い合わせセンター枠 */
.freedial{
     color:#672F0B;
     width:188px;
     border:1px solid #672F0B;
     margin:5px 0px 0px 0x;
     padding:2px 0px 2px 2px;
     font-size:12px;
     text-align:left;
}

/* 左メニュー */
#left-topnavi{
     width:200px;
     margin:0px 0px 20px 0px;
     float:left;
     text-align:left;
     background:url(images/background.jpg) repeat-y;
}

.menu{
     width:188px;
     height:51px;
     margin:0px 0px 5px 0px;
}


/* 右側トップメイン*/
#right-top{
     width:590px;
     margin:0px 0px 20px 5px;
     float:right;
     text-align:left;
}

.marquee{
     width:440px;
     heigh:22px;
     font-size:12px;
     margin:0px 0px 10px 0px;
     padding:4px 0px 4px 0px;
     background-color:#FFFFFF;
     border-top:0px;
     border-left:1px solid #DECEB9;
     border-bottom:1px solid #DECEB9;
     border-right:1px solid #DECEB9;
     float:left;
}

.marquee-right{
     width:143px;
     heigh:22px;
     font-size:10px;
     margin:0px 0px 10px 0px;
     padding:5px 0px 5px 0px;
     background-color:#DECEB9;
     border-top:0px;
     border-left:1px solid #DECEB9;
     border-bottom:1px solid #DECEB9;
     border-right:1px solid #DECEB9;
     float:right;
}

.head-contents{
     width:114px;
     height:42px;
     margin:0px 0px 5px 0px;
     float:left;
}


.flash{
     font-size:10px;
     margin:5px 0px 10px 0px;
     border:0px;
}



/* 右側トップの左側*/
#menu-right{
     width:400px;
     margin:0px 10px 20px 0px;
     float:left;
     text-align:left;
}
/* 右側トップの右側*/
#menu-left{
     width:25px;
     margin:0px 0px 20px 0px;
     float:left;
     text-align:left;
}



.menubar{
     width:400px;
     font-size:12px;
     margin:0px 0px 10px 0px;
     padding:0px;
     background-color:#FFFFFF;
     border:0px;
     float:left;
}

.menubar-osusume1{
     width:125px;
     font-size:10px;
     line-height:14px;
     text-align:left;
     color:#000000;
     margin:10px 3px 10px 0px;
     padding:2px;
     background-color:#FFFFFF;
     border:1px solid #D0DEB9;
     float:left;
}
.menubar-osusume2{
     width:125px;
     font-size:10px;
     line-height:14px;
     text-align:left;
     color:#000000;
     margin:10px 3px 10px 0px;
     padding:2px;
     background-color:#FFFFFF;
     border:1px solid #D0DEB9;
     float:left;
}
.menubar-osusume3{
     width:125px;
     font-size:10px;
     line-height:14px;
     text-align:left;
     color:#000000;
     margin:10px 0px 10px 0px;
     padding:2px;
     background-color:#FFFFFF;
     border:1px solid #D0DEB9;
     float:left;
}


/* トップまちネタ */
.menubar-machineta{
     width:188px;
     font-size:12px;
     margin:0px 0px 10px 0px;
     padding:0px;
     background-color:#FFFFFF;
     border:0px;
     float:left;
}

.h2-title-machineta{
     width:188px;
     height:25px;
     margin:0px 0px 0px 6px;
     padding-left:20px;
     font-size: 15px;
     background: url(images/menubar_bkg-machineta.gif) no-repeat left top;
     text-align:left;
}
.top-machineta{
     margin:0px 0px 0px 6px;
     width:188px;
     height:300px;
     padding:0px;
     overflow:auto;
     font-size:12px;
     text-align:left;
     border:1px solid #d8c8b6;
}

/* お言葉メーカー */
.menubar-kodawaranai{
     width:156px;
     font-size:12px;
     margin:0px 0px 10px 0px;
     padding:0px;
     background-color:#FFFFFF;
     border:0px;
     float:left;
}

.h2-title-kodawaranai{
     width:156px;
     height:25px;
     margin:0px 0px 0px 6px;
     padding-left:20px;
     font-size: 15px;
     background: url(images/menubar_bkg-machineta.gif) no-repeat left top;
     text-align:left;
}
.top-kodawaranai{
     margin:0px 0px 0px 6px;
     width:150px;
     height:130px;
     padding:0px;
     font-size:12px;
     text-align:center;
     border:1px solid #d8c8b6;
}

/* --- 入会・コース案内 --- */
#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;}