﻿/*----最背面の設定----*/
body{background-color:#ffffff;
     margin:0px;
     padding:0px;
     text-align:center;}

/*----クリア----*/
.clear{ clear: both; visibility: hidden; height: 0;}

/*----タイトル画像----*/
div.header{width:940px;
          height:60px;
          background-image: url("../images/simplelogo940.gif");
          margin: 0 auto;
          background-repeat: no-repeat;
}

/* --- ナビゲーションバー --- */
div.nav {
width: 940px; /* ナビゲーションの幅 */
font-size: 80%;
font-weight:bold;
margin: 0 auto; /* センターに配置 */
padding: 0;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 940px; /* メニューの幅 */
margin: 0;
padding: 0;
background-color: #ffffff; /* メニューの背景色 */
border-right: 1px #cccccc solid; /* メニューの右境界線 */
border-top: 1px #cccccc solid; /* 上境界線 */
border-bottom: 1px #cccccc solid; /* 下境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 186px; /* 項目の幅 */
float: left;
margin: 0 auto; /* センターに配置 */
padding: 0;
white-space:nowrap;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
color:#49749C;
text-decoration: none; /* テキストの下線（なし） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
div.nav ul.nl li a.b00{color:#949494;}/* このページのときのリンク色 */

/*----メインメニューにカーソルが重なったとき----*/
/*----オレンジ----*/
div.nav ul.nl li a.b1:hover{color:#F2B212;}
/*----赤----*/
div.nav ul.nl li a.b2:hover{color:#C02427;}
/*----緑----*/
div.nav ul.nl li a.b3:hover{color:#5FA841;}
/*----黄----*/
div.nav ul.nl li a.b4:hover{color:#DDBB1D;}

/*----コンテンツ部分の大枠----*/


/*----イメージカラーバー。色はそれぞれで決める----*/
div.color{border-top-style:solid;
          border-width:1px;
          border-color:#cccccc;}
/*----イメージカラーバー。概要----*/
div.color_gai{
border-top-style:solid;
          border-width:1px;
          border-color:#cccccc;
background-color:#215379;
margin:0;
padding:0;
}

/*----グレイバー左----*/
div.left_bar{float:left;
             width:170px;
             background-color:#e6e6e6;
             border-top-style:solid;
             border-top-width:1px;
             border-color:#cccccc;
text-align:left;
padding-left:20px;}

/*----グレイバー右。縦線----*/
div.right_bar{float:right;
              width:598px;
              background-color:#f3f3f3;
              border-top-style:solid;
              border-top-width:1px;
              border-left-style:solid;
              border-left-width:2px;
              border-color:#cccccc;}


/*----サブメニュー----*/
ul.submenu{
margin:3px auto;
padding:4px;
font-size:smaller;
}
li.submenu{
display:inline;
padding:5px;

}
a.submenu{text-decoration:none;}
a:hover.submenu{color:#F2B212;}

.submenu a.submenu_ss{text-decoration:none;color:#C02427;}
.submenu a.submenu_gai{text-decoration:none;color:#215379;}


/*----左よせ。主にｈ１が入る。文字サイズ設定、余白----*/
div.frame{
         border:1px solid #cccccc;
         font-size:small;
         padding-top:30px;
	 padding-bottom:10px;
         margin-bottom:5px;
}

/*----メインコンテンツ右。縦線----*/

/*----フッター部分の大枠----*/
div.footer{
           color:#272727;
           border-style:solid;
           border-color:#cccccc;
           border-width:1px;
           font-size:smaller;}

/*----フッターのメニュー大枠----*/
div.footer_menu{padding:5px;font-size:smaller;}

/*----フッターのメニューのリンク設定----*/
a.menu_footer{text-decoration:none;color:#49749C}
a:hover.menu_footer{text-decoration:none;color:#F2B212;}

/*----フッターのアドレス----*/
div.add{text-align:right;
        padding-top:30px;
        padding-right:5px;
        padding-bottom:10px;}

/*----コピーライト----*/
div.copy{
         text-align:right;
         padding-right:20px;
         color:#cccccc;}

/*----横線----*/
hr{color:#cccccc;
   height:1px;}

/*----ｈ1タグ。重要見出し。グレイ、左寄せ、文字サイズ----*/
h1{text-align:center;
font-size:small;
color:#949494;}

/*----週末集中コース。赤----*/
span.ss{color:#C02427;}
/*----平日５日間コース。緑----*/
span.hj{color:#5FA841;}
/*----平日短期コース。黄----*/
span.hjt{color:#DDBB1D;}
/*----一般色。紺----*/
span.com{color:#215379;}
span.brown{color:#613A09;font-size:small;}
/*----Ｐタグ。行間、文字サイズ、左寄せ----*/
p{line-height:140%;
font-size:smaller;
text-align:left;}

/*----最小文字----*/
span.small{font-size:xx-small;}

/*----赤文字----*/
span.red{color:red;}
/*----青文字----*/
span.blue{color:blue;}

/*----オレンジ----*/
span.orange{color:#F2B212;}

/*----ページのトップへ。右寄せ、小文字----*/
div.align_right{text-align:right;font-size:smaller;}

/*----ただいま予約受付中----*/
div.yoyaku_a{text-align:center;
border-style:dashed;
border-width:1px;
padding-left:2px;
padding-right:2px;
padding-top:5px;
padding-bottom:5px;
margin:1px;
line-height:140%;
font-size:smaller;}


ul.submenu{color:#5FA841;}
li.submenu{color:#949494;}
a.submenu{color:#5FA841;}

/*----平日５、週末画像----*/
div.img_hj{width:768px;
           height:140px;
           background-image:url(../images/image_hj.jpg);
           background-repeat:no-repeat;
           margin:0 auto;
}

div.img_ss{width:770px;
           height:140px;
           background-image:url(../images/image_ss.jpg);
           background-repeat:no-repeat;
           margin:0 auto;
}

/*----時間割り----*/
table{width:100%;font-size:smaller;}
td{padding:10px;border-bottom-style:solid;border-color:#cccccc;}
td.left{text-align:right;}
td.bottom{border-bottom-style:none;}

table.prog{font-size:smaller;text-align:center;}
th.prog{background-color:#FFF4BE;padding:3px;}
td.prog{background-color:#FFF4BE;padding:3px;}

/*----概要----*/
div.cook{
           height:120px;
           background-image:url(../images/cook.jpg);
           background-repeat:no-repeat;
padding-left:160px;
           margin:0px;
           text-align:left;}

div.onsen{
           height:120px;
           background-image:url(../images/onsen.jpg);
           background-repeat:no-repeat;
padding-left:160px;
           margin:0px;
           text-align:left;}


div.bbq{
           height:120px;
           background-image:url(../images/bbq_ss.jpg);
           background-repeat:no-repeat;
padding-left:160px;
           margin:0px;
           text-align:left;}

/*----各所のオンライン英会話の貼り、レイアウトテーブルの下線が出るので対策----*/
table.layout td{border:0;}

/*----開催地のリストデザイン----*/
ul.ji{font-size:smaller;text-align:left;line-height:140%;}

/*----契約のtable----*/
table.kei{font-size:smaller;}
table.kei td{border-style:solid;
   border-width:1px;
   padding:5px;
   border-color:#A8A151;}
td.kei{text-align:center;}

/*----ご質問----*/
span.a{color:#F2AD00;}
span.q{color:green;}
span.faq{color:#009EC3;}

/*----プライバシー,サイトリンク----*/
div.submenu_pri{text-align:left;font-size:smaller;}
div.submenu_pri a.submenu_pri{text-decoration:none;color:#49749C;}
div.submenu_pri a:hover.submenu_pri{text-decoration:none;color:#F2B212;}


/*----予約 table----*/
table.booking{text-align:center;}
