/*
Theme Name: ryokuin
Theme URI: http://www.ryokuin.ed.jp/
Description: iwaki-ryokuin
Author: adphic
*/

/*++++全称セレクタによる初期設定++++*/
*   {
    margin: 0;
    padding: 0;
    }

/*++++全体の文字・画像設定++++*/
/*++全体の設定++*/
body {
    font-size: 80%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.6;
    color: #333333;
    img: border:0;
    background: #FFFFFF url(images/back.gif) repeat-y center top;
    }

/*++++新トップ++++*/
.home-left  {
    float: left;
    width: 360px;
    background: #ffffff;
    }

.home-right  {
    float: right;
    width: 360px;
    background: #fffff;
    }

/*++++ファックス++++*/
#fax-paper  {
    text-align: left;
    font-size: 100%;
    width: 682px;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #D7D7D7;
    }

td {
    border: 1px solid #333333;
    padding: 5px;
    }
table {
    border-collapse: collapse;
    }

.fax-title  {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    width: 200px;
    padding: 0px;
    color: #FFFFFF;
    background: #000000;
    }

/*++++トップ++++*/
.topimage {
    position:relative; /*++++Java無効の場合画像を並べない++++*/
    width: 742px; 
    height: 225px;
    background: url(images/topload.gif) no-repeat center center;
    }

.topimage img {
    position:absolute; /*++++Java無効の場合画像を並べない++++*/
    top: 0; 
    left: 0;
    }

/*++++サポート++++*/
.sp-prof  {
    float: left;
    width: 480px;
    padding: 15px;
    border: 1px solid #D7D7D7;
    background: #FFFDED;
    }

.sp-prof h1  {
    font-size: 120%;
    font-weight: normal;
    }

.sp-prof img  {
    float: left;
    }

.sp-proftext  {
    float: right;
    width: 360px;
    }

/*++++コメント++++*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    }

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

.commentlist p {
    margin: 10px 5px 10px 0;
    }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }

.comments {
    clear: both;
    font-size: 80%;
    text-align: right;
    }

/*++++アクセス++++*/
.access-link {
    width: 494px;
    font-size: 100%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 5px;
    color: #FFFFFF;
    border: #2E9536 solid;
    border-width:0 3px;
    background: #41A949;
    }

.access-link a {
    color: #FFFFFF;
    }

.access-link a:link {
    color: #FFFFFF;
    }

.access-link a:visited {
    color: #FFFFFF;
    }

.access-link a:hover {
    color: #D2E588;
    }

/*++++入学後の進路目標++++*/
.shinro-left {
    width: 250px;
    height: auto;
    float: left;
    }

.shinro-right {
    width: 250px;
    height: auto;
    float: right;
    }

/*++++スクールライフ++++*/
.life-title {
    width: 510px;
    font-size: 250%;
    line-height: 1;
    font-weight: normal;
    font-family: Garamond, Times New Roman;
    color: #4B9C47;
    text-align: justify;
    text-justify: distribute-all-lines;
    }

.life-event {
    width: 364px;
    float: right;
    }

.life-event h1 {
    font-weight: normal;
    }

.life-copy {
    line-height: 1.2;
    font-weight: normal;
    }

.life-ph {
    width: 126px;
    float: left;
    }

.life-ph img {
    padding: 2px;
    border: 1px solid #C0C0C0;
    margin-bottom: 10px;
    background: #FFFFFF;
    }

/*++++教育の方針++++*/
.conc-copy {
    width: 340px;
    height: 150px;
    float: right;
    }

.conc-copy h1 {
    font-size: 150%;
    line-height: 1.2;
    font-weight: normal;
    color: #333333;
    }

.conc-ph {
    width: 150px;
    float: left;
    padding-right: 20px;
    }

.conc-icon  {
    width: 50px;
    height: 50px;
    padding: 2px;
    border: 1px solid #C0C0C0;
    margin-bottom: 3px;
    background: #FFFFFF;
    }

/*++++スケジュール++++*/
.infor-title {
    font-size: 120%;
    font-weight: bold;
    line-height: 1;
    padding: 10px 5px;
    border: #D7D7D7 solid;
    border-width:1px 1px 3px 1px;
    border-bottom-color: #4B9C47;
    background: #F5F5F5;
    }

.infor-nichiji {
    font-size: 120%;
    font-weight: bold;
    }

/*++++コンテナボックス++++*/
#container {
    text-align: left;
    float: left;
    width: 742px;
    background: url(images/back-right.gif) repeat-y right top;
    background-color: #FFFFFF;
    }

/*++++メインボックス++++*/
.main  {
    float: left;
    width: 510px;
    }

/*++++メインボックス2分割++++*/
.main-left  {
    float: left;
    width: 245px;
    }

.main-right  {
    float: right;
    width: 245px;
    }

/*++++右ボックス++++*/
#right  {
    float: right;
    width: 202px;
    }

.right-list  {
    width: 182px;
    margin-left:auto;
    margin-right:auto;
    line-height: 1.5;
    }

.right-title {
    width: 180px;
    font-size: 100%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 3px 0;
    color: #FFFFFF;
    border: #636363 solid;
    border-width:0 1px;
    background: #959595;
    margin-left:auto;
    margin-right:auto;
    }

.right-link {
    width: 166px;
    font-size: 100%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 5px;
    color: #FFFFFF;
    border: #2E9536 solid;
    border-width:0 3px;
    background: #41A949;
    margin-left:auto;
    margin-right:auto;
    }

.right-link a {
    color: #FFFFFF;
    }

.right-link a:link {
    color: #FFFFFF;
    }

.right-link a:visited {
    color: #FFFFFF;
    }

.right-link a:hover {
    color: #D2E588;
    }

/*++ページトップ移動++*/
.gotop {
    clear: both;
    font-size: 80%;
    text-align: right;
    }

/*++++全体・ヘッド設定++++*/
#page  {
    margin-left:auto;
    margin-right:auto;
    width: 742px;
    padding: 0 30px;
    }

.head  {
    width: 742px;
    }

.logobox  {
    text-align:left;
    width: 445px;
    height: 45px;
    float: left;
    padding: 15px 0;
    }

.headmenu  {
    font-size: 11px;
    text-align:right;
    margin-top:auto;
    margin-bottom:auto;
    float: right;
    padding:15px 0 0 0 ;
    }

.menu  {
    background-color: #4B9C47;
    width: 742px;
    clear: both;
    }

/*++++フットボックス++++*/
#foot  {
    clear: both;
    text-align:center;
    font-size: 11px;
    line-height: 1.3;
    color: #666666;
    width: 742px;
    border: #D7D7D7 solid;
    border-width:1px 0 0 0;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0;
    }

/*++文字設定++*/
h1 {
    font-size: 130%;
    line-height: 1.3;
    color: #333333;
    }

h2 {
    font-size: 120%;
    line-height: 1.4;
    color: #333333;
    }

h3 {
    font-size: 110%;
    line-height: 1.5;
    color: #333333;
    }

h4 {
    font-size: 100%;
    line-height: 1.6;
    color: #333333;
    }

/*++リンク設定++*/
a  {
    color: #333333;
    text-decoration: none;
    }
a:link  {
    color: #333333;
    }
a:visited  {
    color: #333333;
    }
a:hover  {
   color: #4B9C47;
    }
a img {
    border:0;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    }

/*++リストの設定++*/
ul  {
    list-style: none;
    line-height : 1.6;
    background-positon : left top;
    }

li  {
    list-style: none;
    }

/*++ボーダー++*/
.imgdot {
    width: auto;
    height: 3px;
    background-image: url(images/border-dot.gif);
    background-repeat: repeat-x;
    margin: 2px 0;
    clear: both;
    }

.imgdot23 {
    width: auto;
    height: 23px;
    background-image: url(images/border-dot23.gif);
    background-repeat: repeat-x;
    clear: both;
    }

/*++スペーサー++*/
.spacer20 {
    clear: both;
    width: auto;
    height: 20px;
    }

.spacer10 {
    clear: both;
    width: auto;
    height: 10px;
    }

.spacer5 {
    clear: both;
    width: auto;
    height: 5px;
    }

.spacer1 {
    clear: both;
    width: auto;
    height: 1px;
    }

/*++++メニューのロールオーバー++++*/
/*++スクールニュース++*/
.inde-1 ,.inde-1 a,.inde-1 a:hover,.inde-1 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-1.gif) no-repeat;
    float:left;
    background-color: #41A949;
    }
.inde-1,.inde-1 a:hover,.inde-1 a:focus {
    background:url(images/inde-1-2.gif) no-repeat;
    }
.inde-1-2 ,.inde-1-2 a,.inde-1-2 a:hover,.inde-1-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-1-2.gif) no-repeat;
    float:left;
    }
/*++入試説明会&日程++*/
.inde-2 ,.inde-2 a,.inde-2 a:hover,.inde-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-2.gif) no-repeat;
    float:left;
    background-color: #41A949;
    }
.inde-2,.inde-2 a:hover,.inde-2 a:focus {
    background:url(images/inde-2-2.gif) no-repeat;
    }
.inde-2-2 ,.inde-2-2 a,.inde-2-2 a:hover,.inde-2-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-2-2.gif) no-repeat;
    float:left;
    }
/*++教育の方針++*/
.inde-3 ,.inde-3 a ,.inde-3 a:hover,.inde-3 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-3.gif) no-repeat;
    float:left;
    background-color:  #41A949;
    }
.inde-3,.inde-3 a:hover,.inde-3 a:focus {
    background:url(images/inde-3-2.gif) no-repeat;
    }
.inde-3-2 ,.inde-3-2 a ,.inde-3-2 a:hover,.inde-3-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-3-2.gif) no-repeat;
    float:left;
    }
/*++スクールライフ++*/
.inde-4 ,.inde-4 a ,.inde-4 a:hover,.inde-4 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-4.gif) no-repeat;
    float:left;
    background-color: #41A949;
    }
.inde-4,.inde-4 a:hover,.inde-4 a:focus {
    background:url(images/inde-4-2.gif) no-repeat;
    }
.inde-4-2 ,.inde-4-2 a ,.inde-4-2 a:hover,.inde-4-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-4-2.gif) no-repeat;
    float:left;
    }
/*++入学後の進路・目標++*/
.inde-5 ,.inde-5 a ,.inde-5 a:hover,.inde-5 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-5.gif) no-repeat;
    float:left;
    background-color: #41A949;
    }
.inde-5,.inde-5 a:hover,.inde-5 a:focus {
    background:url(images/inde-5-2.gif) no-repeat;
    }
.inde-5-2 ,.inde-5-2 a ,.inde-5-2 a:hover,.inde-5-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-5-2.gif) no-repeat;
    float:left;
    }
/*++和田秀樹氏監修校++*/
.inde-6 ,.inde-6 a ,.inde-6 a:hover,.inde-6 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-6.gif) no-repeat;
    float:left;
    background-color: #41A949;
    }
.inde-6,.inde-6 a:hover,.inde-6 a:focus {
    background:url(images/inde-6-2.gif) no-repeat;
    }
.inde-6-2 ,.inde-6-2 a ,.inde-6-2 a:hover,.inde-6-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-6-2.gif) no-repeat;
    float:left;
    }
/*++スクールブログ++*/
.inde-7 ,.inde-7 a ,.inde-7 a:hover,.inde-7 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-7.gif) no-repeat;
    float:left;
    background-color: #41A949;
    }
.inde-7,.inde-7 a:hover,.inde-7 a:focus {
    background:url(images/inde-7-2.gif) no-repeat;
    }
.inde-7-2 ,.inde-7-2 a ,.inde-7-2 a:hover,.inde-7-2 a:focus {
    width:106px;height:30px;text-indent:-4000px;
    background:url(images/inde-7-2.gif) no-repeat;
    float:left;
    }