@charset "UTF-8";

*        {
          font-family:
            "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
            "メイリオ", Meiryo,
            Osaka,
            "MS P ゴシック", "MS P Gothic",
            sans-serif;
}

/* IE 7 に対するフォントの種類 */
*:first-child+html * {
     font-family:
            "メイリオ", Meiryo,
            "MS P ゴシック", "MS P Gothic",
            sans-serif;
}

/* IE 6 に対するフォントの種類 */
* html * {
     font-family:
            "メイリオ", Meiryo,
            "MS P ゴシック", "MS P Gothic",
            sans-serif;
}






/* 全体の設定
---------------------------------------------------------------------------*/ 
body     {background-image:url(img/back.gif);
          background-repeat: repeat;
          text-align:center;
          margin:0;
          padding:0;
}



#container  {width:940px;
                background-image:url(img/gradation.gif);
                background-repeat: repeat-y;
                background-color:#ffffff;
                margin-left:auto;               
                margin-right:auto;
                border: solid 0px #808080;
                padding-bottom:10px;
                padding-left:20px;
                padding-right:20px;
                text-align:left;                                  
}

* html #container {width:960px;
                   padding-right:0px;}


/* ヘッダー
---------------------------------------------------------------------------*/   
#header h1   {margin:0;
              font-size:0.6em;
              color:#000000;
              text-align:right;}


/* ヘッダー(TOPﾍﾟｰｼﾞ)追加10.10.29
---------------------------------------------------------------------------*/   
#header_top  {position: absolute;
              top:0px;
	      height:223px;}

#title h1   {margin:0;
              font-size:1em;
              color:#000000;
              text-align:left;}

#title ol  {list-style-type:none;}

#container_top  {width:940px;
                padding-top:223px;
                background-image:url(img/gradation.gif);
                background-repeat: repeat-y;
                background-color:#ffffff;
                margin-left:auto;               
                margin-right:auto;
                border: solid 0px #808080;
                padding-bottom:10px;
                padding-left:20px;
                padding-right:20px;
                text-align:left;        
}



/* グローバルナビ
---------------------------------------------------------------------------*/
#global-nav      {width:936px;
                  margin-left:auto;
                  margin-right:auto;
                  text-align:center;}

#global-nav ul   {overflow:hidden;
                  width:936px;}


#global-nav li   {float:left;
                 height:45px;
                 padding:0;
                 display:block;
}



ul.menu  {margin:0;
          padding:0;
}


ul.menu li a {display:block;
              overflow: hidden;
              height:0px;
              background-image:url(img/navi.gif);
              padding-top:45px;
}


li.menu1 a {width:117px; background-position:0 0;}

li.menu1 a:hover {width:117px; background-position:0 -45px;}

li.menu2 a {width:117px; background-position:-117px 0;}

li.menu2 a:hover {width:117px; background-position:-117px -45px;}

li.menu3 a {width:117px; background-position:-234px 0;}

li.menu3 a:hover {width:117px; background-position:-234px -45px;}

li.menu4 a {width:117px; background-position:-351px 0;}

li.menu4 a:hover {width:117px; background-position:-351px -45px;}

li.menu5 a {width:117px; background-position:-468px 0;}

li.menu5 a:hover {width:117px; background-position:-468px -45px;}

li.menu6 a {width:117px; background-position:-585px 0;}

li.menu6 a:hover {width:117px; background-position:-585px -45px;}


li.menu7 a {width:117px; background-position:-702px 0;}

li.menu7 a:hover {width:117px; background-position:-702px -45px;}

li.menu8 a {width:117px; background-position:-819px 0;}

li.menu8 a:hover {width:117px; background-position:-819px -45px;}



/* モダンブラウザ（Firefox Opera Safari）対策 */
ul.menu:after {content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;}


/* Win版IE7とMac版IE5対策 */
ul.menu {display:inline-block;
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.menu {height:1px;
}

ul.menu {display:block;
}
/* End hide from IE-mac */


/* wrapper
---------------------------------------------------------------------------*/
#wrapper     {width:0px;
              margin-left:auto;
              margin-right:auto;
              
}



/* left
---------------------------------------------------------------------------*/
#left        {width:190px;
              margin-right:0px;
              float:left;
              clear:left;  /* leftでもrightでも可能 */
              display:inline;
}




/* 左側のコンテンツ
---------------------------------------------------------------------------*/
#left-contents      {margin-top:5px;
                     margin-left:5px;
                     padding:5px;
                     padding:5px;
                     width:190px;
                     border: solid 1px #999999;
                     }

#left-contents ul   {list-style-type:none;
                     margin:0;
                     padding:0;
                     
}

#left-contents li   {margin-bottom:10px;
                     font-size:0.75em;
                     border-bottom: 1px dotted #999999;
                     }

#left-contents li a  {text-decoration:none;
                      display: block;	              
	              background: url(img/arrow.gif) no-repeat left center;
	              padding-left: 20px;
                      }

#left-contents h2    {background-image:url(img/menu.gif);
                      text-align:center;
                      color:#f0ffff;
                      font-size:1em;
                      margin-top:0;
                      line-height: 26px
}

/* 資料請求・申し込みロールオーバー
---------------------------------------------------------------------------*/
#bt              {width:220px;
                  margin-bottom:10px;
                  padding-bottom:0px;
                  margin-left:0px;
                  margin-right:0px;
                  padding-right:0px;
                  padding-left:0px;
}

#bt ul            {margin:5px;
                   padding:5px;}

#bt p             {margin:0px;
                   padding:0px;}

#over ul          {margin:0px;
                   padding:0px;
                   width:150px;
                   overflow:hidden;}


#over li        {padding-bottom:0px;
                 padding-right:0px;
                 height:43px;
                 display:block;}

#over li a        {display:block; 
                   overflow:hidden;
                   height:0px;
                   background-image:url(img/bt_s.gif);
                   padding-top:43px;
}


#over-shiryou a         {width:150px; background-position:0       0;
}

#over-shiryou a:hover {width:150px; background-position:0px       -43px;}



#over2 ul          {margin:0px;
                   padding:0px;
                   width:150px;
                   overflow:hidden;}


#over2 li        {padding-bottom:0px;
                 padding-right:0px;
                 height:42px;
                 display:block;}

#over2 li a        {display:block; 
                   overflow:hidden;
                   height:0px;
                   background-image:url(img/regi_s.gif);
                   padding-top:42px;
}


#over-moushikomi a         {width:150px; background-position:0       0;
}

#over-moushikomi a:hover {width:150px; background-position:0px       -42px;}


img.bt {margin-left:30px}



/* 左・中央のコンテンツ・通学ロールオーバー
---------------------------------------------------------------------------*/
#left-center      {margin-top:10px;
                   ;}


#left-center p    {margin:0px;
                   margin-left:3px;
                   padding:0px;}


#over-tsugaku a    {display:block;
                    width:217px;
                    background-image:url(img/gohom.gif);
                    height:0px;
                    overflow:hidden;
                    padding-top:28px;
}

#over-tsugaku a:hover {background-position:0 -28px;}




                    
/* 左・下のコンテンツ
---------------------------------------------------------------------------*/

#left-under         {margin-top:10px;
                     margin-left:5px;
                     padding:5px;
                     width:190px;
                     border: solid 1px #999999;
                     
                     }


#left-under h2       {background-image:url(img/menu.gif);
                      background-repeat:no-repeat;
                      text-align:center;
                      font-size:1em;
                      margin-top:0px;
                      padding-top:0px;
                      line-height: 26px;
}







/* 中央のコンテンツ
---------------------------------------------------------------------------*/
#main-contents        {width:500px;
                       padding:5px;
                       margin-top:5px;
                       margin-left:auto;
                       margin-right:auto;
                       }

* html #main-contents {margin-left:20px;
                       margin-right:0px;}

#main-contents h2    {text-align:center;
                      color:#808080;
                      font-size:0.75em;
                      margin-top:0;}


p#news                {text-align:center;
                       margin-left:auto;
                       margin-right:auto;
}

#center                {text-align:center;
                       margin-left:auto;
                       margin-right:auto;
}


.center                {text-align:center;
                       margin-left:auto;
                       margin-right:auto;}



#nyumon                {margin-left:auto;
                       margin-right:auto;
                       padding-bottom:10px;
                       width:550px;
}




/* 右側のコンテンツ
---------------------------------------------------------------------------*/
#right-contents        {width:100px;
                       padding:5px;
                       margin-top:5px;
                       margin-right:5px;
                       border: solid 1px #999999;
                       float:right;
                       display:inline;
                      }

#right-contents h2    {background-image:url(img/menu.gif);
                      text-align:center;
                      font-size:1em;
                      margin-top:0;
                      line-height: 26px
}

h2#midashi2 {text-align:left;}

h2#midashi2-2 {text-align:left;}

p#center  {text-align:center;}

/* 中央下コンテンツ
---------------------------------------------------------------------------*/
#main-under {width:700px}
#main-under-left {width:400px;
                  display:inline;
                  float:left}

#main-under-right {width:290px;
                  margin-left:10px;
                  display:inline;
                  float:right}


/* 講座特長・中央左右コンテンツ
---------------------------------------------------------------------------*/
#main-left       {width:330px;
                  margin-left:10px;
                  float:left;
                  display:inline;
                  text-align:left
                  }

#main-right      {width:330px;
                  margin-right:10px;
                  float:right;
                  display:inline;
                  text-align:left}

#both   {clear:both}


/* フッター
---------------------------------------------------------------------------*/
#footer               {width:750px;
                       padding-top:10px;
                       padding-left:25px;
                       margin-left:auto;
                       margin-right:auto;
                       text-align:center;
                       clear:both
}

* html #footer     {width:940px;}


/* フッターの資料請求・申し込みロールオーバー
---------------------------------------------------------------------------*/
#bt-footer       {width:700px;
                  margin-bottom:10px;
                  padding-bottom:10px;
                  margin-left:auto;
                  margin-right:auto;
                  text-align:center;
                  clear:both}

#bt-footer ul            {margin-left:auto;
                          margin-right:auto}


#over-footer ul          {overflow:hidden;}


#over-footer li        {list-style:none;                  
                        height:77px;
                        float:left;
                        display:block;}


#over-footer-shiryou a        {display:block; 
                          overflow:hidden;
                          height:0px;
                          background-image: url(img/bt.gif);
                          padding-top: 77px;}


#over-footer-shiryou a       {width:267px; background-position:0 0;}

#over-footer-shiryou a:hover {width:267px; background-position:0 -76px;}


#over-footer-moushikomi a        {display:block; 
                          overflow:hidden;
                          height:0px;
                          background-image: url(img/regi.gif);
                          padding-top: 77px;}



#over-footer-moushikomi a    {width:278px; background-position:0 0px;}

#over-footer-moushikomi a:hover {width:278px; background-position:0 -76px;}


p#kaijo  {clear:left}

#bt-footer p {text-align:left;
              padding-left:50px;
              margin:3px;}


/* コース案内の資料請求・申し込みロールオーバー
---------------------------------------------------------------------------*/
.bt-footer       {width:700px;
                  margin-bottom:10px;
                  padding-bottom:10px;
                  margin-left:auto;
                  margin-right:auto;
                  text-align:center;
                  clear:both}

.bt-footer ul            {margin-left:auto;
                          margin-right:auto}


.over-footer ul          {overflow:hidden;}


.over-footer li        {list-style:none;                  
                        height:77px;
                        float:left;
                        display:block;}


.over-footer-shiryou a        {display:block; 
                          overflow:hidden;
                          height:0px;
                          background-image: url(img/bt.gif);
                          padding-top: 77px;}


.over-footer-shiryou a       {width:267px; background-position:0 0;}

.over-footer-shiryou a:hover {width:267px; background-position:0 -76px;}


.over-footer-moushikomi a        {display:block; 
                          overflow:hidden;
                          height:0px;
                          background-image: url(img/regi.gif);
                          padding-top: 77px;}



.over-footer-moushikomi a    {width:278px; background-position:0 0px;}

.over-footer-moushikomi a:hover {width:278px; background-position:0 -76px;}


p#kaijo  {clear:left}

#bt-footer p {text-align:left;
              padding-left:50px;
              margin:3px;}


.kaijo  {clear:left}

.bt-footer p {text-align:left;
              padding-left:50px;
              margin:3px;}


/* フッター・下
---------------------------------------------------------------------------*/
#footer-under    {background:url(img/dot_line.gif) no-repeat;}


#footer-under ul   {list-style-type:none;
                  margin-left:0;
                  padding-left:0;
                  padding:3px 10px;
                  margin-top:8px;
                  margin-bottom:0px;
                  text-align:center
}




#footer-under li   {display:inline;
                 padding-right:10px;
                 font-size:1em;
}


/* コース案内
---------------------------------------------------------------------------*/
.course1 {width:620px;
          margin-left:auto;
          margin-right:auto;
          border:dashed 1px red;
          padding:5px;
          margin-bottom:20px;
          }


.course-under {width:600px}

.course-under-left  {width:210px;
                    float:left;
                    padding:30px
}

.course-under-right {width:320px;
                     float:right;
}

.course1  h3 {color:red;
            font-size:1.2em}

.course2  {width:620px;
          margin-left:auto;
          margin-right:auto;
          border:dashed 1px blue;
          padding:5px;
          margin-bottom:20px;
          }

.course2 h3 {color:blue;
            font-size:1.2em}

.course3  {width:620px;
          margin-left:auto;
          margin-right:auto;
          border:dashed 1px #009933;
          padding:5px;
          margin-bottom:20px;
}

.course3 h3 {color:#009933;
            font-size:1.2em}


/* 合格体験記
---------------------------------------------------------------------------*/
#taikenki2  {width:400px;
            margin-left:auto;
            margin-right:auto;
}

* html #taikenki2 {margin-left:150px;
                  margin-right:100px;}


/* その他の設定
---------------------------------------------------------------------------*/

ol {margin:0;
    padding-left:20px;
    }

ol ul {margin:0;
       padding-left:10px}

ol p {margin-top:5px}

li                     {font-size:2em;
                        padding:5px;
                        margin:0}

.rinen {margin-left:10px;
          padding-left:20px;
          font-size:2em
    }


dl {font-size:0.75em;
    line-height:1.4;}

dt {padding:5px;
}

dd {margin-left:20px;
    padding-bottom:5px;
}


p   {font-size:1.2em;
     line-height:1.6}

address  {font-size:0.75em;
         font-style:normal;
         clear:both}

h2#top_h2  {font-size:0.875em;
     border-left:solid 12px aqua;
     border-bottom:solid 2px aqua;
     padding-bottom:3px;
     background-image:url(mark.png);
     background-repeat:no-repeat;
     background-position:-1px -2px;
     padding-left:15px;
     text-align:left;
     color:#000000;
     }


h3  {font-size:0.875em;
     }

h3.red  {font-size:0.75em;
         color:red;
        }

h3.blue  {font-size:0.75em;
          color:blue}

h3.green  {font-size:0.75em;
           color:green}




h3.midashi  {font-size:0.875em;
     border-left:solid 12px aqua;
     border-bottom:solid 2px aqua;
     padding-bottom:3px;
     background-image:url(mark.png);
     background-repeat:no-repeat;
     background-position:-1px -2px;
     padding-left:15px;
}

h3.midashi2  {font-size:0.875em;
     padding-bottom:3px;
     background-image:url(img/01_bl_circle.gif);
     background-repeat:no-repeat;
     background-position:-1px -2px;
     padding-left:20px;
     }

h3.midashi3  {font-size:0.875em;
     padding-bottom:3px;
     background-image:url(img/02_gr_circle.gif);
     background-repeat:no-repeat;
     background-position:-1px -2px;
     padding-left:20px;
     }

h3.midashi4  {font-size:0.875em;
     padding-bottom:3px;
     background-image:url(img/03_pink_circle.gif);
     background-repeat:no-repeat;
     background-position:-1px -2px;
     padding-left:20px;
     clear:both
     }


h4.midashi  {font-size:0.75em;    
     background-image:url(img/tama_01.gif);
     background-repeat:no-repeat;
     background-position:0px -1px;
     padding-left:20px;
     margin-bottom:10px;
     }

h4   {font-size:1em;}

h4.red   {font-size:1.5em;
          color:red}

a:link {color:blue}

a:hover {color:#696969}

address a:hover  {color:#ffaa00;}

address a        {text-decoration:none}

p#message  {width:350px;
            margin-left:auto;
            margin-right:auto;
            text-align:center;
            line-height:1.3}

table  {font-size:0.75em;
        margin-bottom:20px;
        width:550px;
        border:none;
        border-collapse:collapse;
        margin-left:auto;
        margin-right:auto;}

th,td  {padding:8px}

th     {width:150px;
        text-align:left;
        vertical-align:top;
        background-color:#d3d3d3;
        border:solid 1px #808080}

td     {background-color:#f5f5f5;
        border:solid 1px #808080}


input,textarea  {border:solid 1px #66aa66}


img      {border-style:none;
}

img.left {float:left;
          margin-right:10px;
          margin-bottom:20px}

img.right {float:right;
          margin-right:10px;
          margin-bottom:20px}

img.right2 {float:right;
            margin-left:10px;
}


h3#kaijo2  {clear:left}

p.red  {color:red;}

p.blue  {color:blue}

p.green  {color:green}

p#return {text-align:right}

ul.red   {color:red;}

b.red     {color:red;}

p.message {color:blue;
           font-size:2em
}

.top {margin-bottom: 0 }



ul.logo    {list-style-type:none;
}

li.logo    {display:inline;
            padding-right:10px;}

.left {float:left}
.righit {float:right}


strong.red     {color:red;}

p.midashi2  {font-size:0.875em;
     padding-bottom:3px;
     background-image:url(img/01_bl_circle.gif);
     background-repeat:no-repeat;
     background-position:-1px -2px;
     padding-left:20px;
     }


.list {text-align:center;
       list-style-type:none;
       padding-right:40px;}

/* ランディング
---------------------------------------------------------------------------*/


#point   {width:700px;
          height:330px;
          background-image:url(img/lp_point6_s.gif);
          background-repeat: no-repeat;
          margin-left:auto;
          margin-right:auto;
          margin-top: 0;
          margin-bottom: 0}


.p      {width:210px;
         height:100px;
         font-size:10px;
         margin-top:100px;
         margin-left:18px; 
         padding-right:1px;
         float: left;
         display:inline;}



.p2      {width:210px;
         height:100px;
         font-size:10px;
         margin-top:25px;
         margin-left:18px;
         padding-right:1px;
	 float: left;
         display:inline;  
	}

*:first-child+html .p2{margin-top:38px;}

* html .p2 {margin-top:35px;}

#tokuten              {margin-left:auto;
                       margin-right:auto;
                       width:700px;
}

#tokuten p          {margin-left:20px;
                     margin-right:10px;
                     margin-top:20px;
                     padding:5px;
                     padding-left:25px;
                     font-size:15px;
                     background-image:url(img/waku_red.gif);
                     background-repeat: no-repeat;
                     background-position: 75% 20%;
                     text-align:left;
                     height:70px;}

* html #tokuten p {padding-left:20px;
                   height:80px;}


#tokuten img         {margin-left:50px;
                      margin-right:15px;
                      margin-top:15px;
                      clear:both}


#taikenki     {width:920px;}

p#nyugakutokuten {text-align:center;
                  background-image:none;
                  margin-bottom:10px;}


#koushi   {width:700px;
           height:250px;
           background-image:url(img/lp_koushimessage_s.gif);
           background-repeat: no-repeat;
           margin-left:auto;
           margin-right:auto;
           margin-bottom:30px;}



.p3      {width:300px;
          height:150px;
          font-size:11px;
          margin-top:50px;
          margin-left:30px; 
          padding-right:1px;
          float: left;}



.p4      {width:300px;
          height:200px;
          font-size:11px;
          margin-top:120px;
          margin-left:30px; 
          padding-right:1px;
          float: left;
}

#top_taikenki      {background-image:url(img/top_taikenki.gif);
                    background-repeat: no-repeat;
                    width:700px;
                    height:380px;
}




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

#header2     {padding:0px;
             margin:0px;}

#header2 h1   {margin:0;
              font-size:0.6em;
              color:#000000;
              text-align:right;

}