@charset "utf-8";

/*--------------------------------------------------------------------
　岩手高原個別
　全体共通
-------------------------------------------------------------------- */

a,a:link,a:visited,a:active { color: #004795;}
a:hover,#contents section ul.localnavi li a:hover { color: #d16;}


/*--------------------------------------------------------------------
　トップページ
-------------------------------------------------------------------- */

/*--ヘッダー縦帯バナー--*/
.top header#headermain nav ul.banner_grp li.open {width:70px;height: 270px;display: block;background: url(http://iwatekogen.jp/img16/top/head_banner_obi-openall.png) no-repeat left top;}
.top header#headermain nav ul.banner_grp li.wide.oneday a{width:70px;height: 270px;display: block;background: url(http://iwatekogen.jp/img16/top/head_banner_obi-8hour11.png) no-repeat left top;}
.top header#headermain nav ul.banner_grp li.hayawari10 a{width:40px;height: 300px;display: block;background: url(http://iwatekogen.jp/img16/top/head_banner_obi-hayawari.png) no-repeat left top;}

.top header#headermain #mainhead.fixed h1 {
width: 146px;
height: 117px;
margin-top: 0;
background: url(http://iwatekogen.jp/img16/common/head_logo_main-m.png) no-repeat center top;
}
.top header#headermain #mainhead h2{color: #c70075;margin-top: -15px;}
.top header#headermain #mainhead nav ul#gnavi{margin-top: -125px}

.top #contents section.today{background: url(http://iwatekogen.jp/img16/top/today_bg.jpg) repeat center top;}
.top #contents section.today h3{background: url(http://iwatekogen.jp/img16/top/today_title_bg.png) no-repeat center top;}
ul.base_factor li b{background: url(http://iwatekogen.jp/img16/top/today_bg_bottomline.png) repeat-x left bottom;}

.top #contents section.pickup{background: url(http://iwatekogen.jp/img16/top/pickup_bg.jpg) repeat center top;}
.top #contents section.pickup ul li h4 a{background: url(http://iwatekogen.jp/img16/top/pickup_bg_title.png) repeat left top;}

.top #contents #other_contents section.blog ul li h4{background-color: #c70075;}
.top #contents #other_contents section.blog ul li h5{color: #777;}

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

header#headermain{background: url(http://iwatekogen.jp/img16/common/head_bg_main.png) no-repeat center top;}

header#headermain h1{
width: 175px;
margin: 24px auto;
position: relative;
z-index: 100;
}
header#headermain h1 img{display: block;margin: 0 auto 9px auto;}
 
/*----------------------------------------------
　ヘッダー ナビ
--------------------------------------------- */

header#headermain nav{color: #004696;}
header#headermain nav ul li.langnavi{background-color: #004696;}
header#headermain nav ul.contactnavi li.tel{background: url(http://iwatekogen.jp/img16/common/head_i_tel.png) no-repeat left center;}
header#headermain nav ul.contactnavi li.contact{background: url(http://iwatekogen.jp/img16/common/head_i_mail.png) no-repeat left center;}

header#headermain nav ul#gnavi{margin: -144px auto 0 auto;}

.fixed header#headermain{min-height: 122px;}
.top header#headermain #mainhead.fixed{min-height: 117px;height: 117px;background: url(http://iwatekogen.jp/img16/common/head_bg_main.png) no-repeat center top;}

.fixed header#headermain nav ul#gnavi{margin: -111px auto 0 auto;}
.top header#headermain #mainhead.fixed nav ul#gnavi{margin: -107px auto 0 auto;}

.fixed header#headermain h1 a.today{margin: 4px 0 0 -395px;}
.top header#headermain #mainhead.fixed h1 a.today{margin: 0 0 0 -410px;}

.fixed header#headermain h1 a.today,
.top header#headermain #mainhead.fixed h1 a.today{background-color: #004696;}

.fixed header#headermain nav ul#gnavi li a:hover,
.top header#headermain #mainhead.fixed nav ul#gnavi li a:hover{background-color: #004696;color: #004696;}

.fixed header#headermain nav ul.contactnavi li.tel,
.top header#headermain #mainhead.fixed nav.top ul.contactnavi li.tel{border-color: #004696;}

/*--------------------------------------------------------------------
　主要コンテンツ共通メインエリア 
-------------------------------------------------------------------- */

#contents section ul.localnavi li{background: url(http://iwatekogen.jp/img16/common/i_arrow.gif) no-repeat left top;padding:0 15px;}

/*---------スクール・レンタル---------*/
/* メルマガフォーム */
.mailmagform {
color: rgb(0, 0, 0);
font-weight: bold;
text-align: left;
background-color: rgb(247, 247, 247);
border: 1px dotted rgb(204, 204, 204);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
padding: 10px;
margin: 30px 0 20px 0;
}

form.mailmag {
color: #000;
font-weight: bold;
text-align: left;
background-color: #eee;
border: 1px dotted #27c;
padding: 0 0 15px 0;
margin-bottom: 40px;
width:60%;
font-size:14px;
}

form.mailmag h5{
background: url(http://waterjump.heteml.jp/iwatekogen/img15/page/school/bg_mailmagform_title.gif) no-repeat center bottom #27c;
margin: 0 0 5px 0;
padding: 10px 5px 15px 5px;
color: #fff;
font-weight: normal;
text-align: center;
font-size:15px;
line-height:150%;
}

form.mailmag h5 b{display: block;}

form.mailmag input{
margin: 5px 0 0 0;
width: 50%;
}

form.mailmag input[type=submit]{
width: 20%;
margin-left: 15px;
}

form.mailmag p{
margin: 0;
padding: 3px 10px 0 15px;
}


/*---------アクセスページ---------*/
/*--バス時刻表--*/
table.bus{
    width: 90%;
margin:0px auto;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 0 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.bus th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background-color:#004896;
    line-height: 120%;
    text-align: center;
font-weight:normal;
color:#FFFFFF;
}

.bus th.right {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background-color:#C70075;
    line-height: 120%;
    text-align: center;
font-weight:normal;
color:#FFFFFF;
}

.bus td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}


/*--------------------------------------------------------------------
　ボタン
-------------------------------------------------------------------- */
/* 詳しく見るボタン(白背景) */
p.today_more{
text-align: center;
font-size: 116%;
font-weight: bold;
margin: 15px 0;
}

p.today_more a{
width: 85%;
display: block;
margin: 0 auto;
padding: 12px 0 12px 15px;
border-radius: 20px;/* CSS3草案 */
-webkit-border-radius: 20px;/* Safari,Google Chrome用 */
-moz-border-radius: 20px;/* Firefox用 */
background: url(http://iwatekogen.jp/img15/common/i_arrow_blk_l.png) no-repeat 18% 50% #ffffff;
}

p.today_more a:hover{
background-image: url(http://iwatekogen.jp/img15/common/i_arrow_white_l.png);
background-color: #dd3388;
color: #ffffff;
}

/* 詳しく見るボタン(黄背景) */
p.today_more_y{
text-align: center;
font-size: 116%;
font-weight: bold;
margin: 15px 0;
}

p.today_more_y a{
width: 85%;
display: block;
margin: 0 auto;
padding: 20px 0 20px 0px;
border-radius: 10px;/* CSS3草案 */
-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
-moz-border-radius: 10px;/* Firefox用 */
background-color:#FFCC33;
}

p.today_more_y a:hover{
background-color: #dd3388;
color: #ffffff;
}
/*--------------------------------------------------------------------
　フッター
-------------------------------------------------------------------- */

footer{background: url(http://iwatekogen.jp/img16/common/foot_bg.gif) repeat-x center top #004696;}
footer li.sns{padding-top:10px;}