@charset "utf-8";
/* CSS Document */

body {
    border: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 0;
    background-repeat: repeat-x;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #333;
    font-size: 0.8em;
}
body#searchOubo{
    border: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 0;
    background-image: url(../img/bg_img_02.gif);
    background-repeat: repeat-x;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #333;
    font-size: 0.8em;
}
img{
    border: 0;
}
a:hover img{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
}
#wrapper{
    width: 950px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;
}
#header{
    width: 950px;
    height: 130px;
    margin: 0px;
    padding: 0px;
}
#searchOubo #header{
    width: 950px;
    height: 70px;
    margin: 0px;
    padding: 0px;
}
#container{
    margin-top:5px;
}
#main{
    width:650px;
    float:left;
}
#main950{
    width:950px;
    float:left;
}
#main750{
    width:750px;
    margin-left:100px;
    margin-right:100px;
    float:left;
}
#side{
    width:300px;
    float:right;
}
#footer{
    /*width:100%;*/
}
h1{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
h1.txt_title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 24px;
    margin: 0 8px 0 0;
    background: #ff9c00;
    vertical-align: middle;
}
.interested_index {
    left: 0;
    width: 350px;
    margin: 0;
    padding: 0;
    min-height: 18px;
}
#rogo{
    padding: 2px 0px 0px 0px;
    margin: 18px 0 0 0;
    width: 212px;
    height: 41px;
    float: left;
    display: flex;
}
.logo_no1 {
    scale: 1.2;
    margin-left: 5px;
}
p{
    margin:0px 0px 10px 0px;
    padding:0px;
}
/*-------------------------------------------------------------------
   MENU
-------------------------------------------------------------------*/
/*----- area -----*/
ul#areaMenu{
    width:571px;
    float: right;
    padding:0px;
    margin-top: -7px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    height: 42px;
}
ul#areaMenu li a,ul#areaMenu li{
    list-style-type: none;
    float: left;
    height:27px;
    background-image:url(../img/menu_e.gif);
    background-repeat: no-repeat;
    display:block;
}
#amKanto a{
    width:71px;
    background-position: 0px 0px;
    text-indent:-8765px;
}
#amKansai a{
    width:72px;
    background-position: -71px 0px;
    text-indent:-8765px;
}
#amToukai a{
    width:71px;
    background-position: -143px 0px;
    text-indent:-8765px;
}
#amTouhoku a{
    width:71px;
    background-position: -214px 0px;
    text-indent:-8765px;
}
#amHokuriku a{
    width:71px;
    background-position: -285px 0px;
    text-indent:-8765px;
}
#amChugoku a{
    width:72px;
    background-position: -356px 0px;
    text-indent:-8765px;
}
#amKyusyu a{
    width:71px;
    background-position: -428px 0px;
    text-indent:-8765px;
}
#amKaigai a{
    width:72px;
    background-position: -499px 0px;
    text-indent:-8765px;
}
/*hover*/
#amKanto a:hover{
    background-position: 0px -27px;
    width:71px;
    text-indent:-8765px;
}
#amKansai a:hover{
    width:72px;
    background-position: -71px -27px;
    text-indent:-8765px;
}
#amToukai a:hover{
    width:71px;
    background-position: -143px -27px;
    text-indent:-8765px;
}
#amTouhoku a:hover{
    width:71px;
    background-position: -214px -27px;
    text-indent:-8765px;
}
#amHokuriku a:hover{
    width:71px;
    background-position: -285px -27px;
    text-indent:-8765px;
}
#amChugoku a:hover{
    width:72px;
    background-position: -356px -27px;
    text-indent:-8765px;
}
#amKyusyu a:hover{
    width:71px;
    background-position: -428px -27px;
    text-indent:-8765px;
}
#amKaigai a:hover{
    width:72px;
    background-position: -499px -27px;
    text-indent:-8765px;
}

/*----- otherMenu01 -----*/
ul#otherMenu01{
    float:left;
    width:248px;
    _width:265px;
    height:11px;
    font-size: 3px;
    padding:0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 125px;
}
ul#otherMenu01 a/*,ul#otherMenu01 li*/{
    list-style-type:none;
    float:left;
    height:11px;
    background-image:url(../img/menu_subtop_left.gif);
    background-repeat: no-repeat;
    display:block;
}
ul#otherMenu01 li{
    list-style:none;
    float:left;
}
#oMgide a{
    width:73px;
    background-position: 0px 0px;
    margin-right: 10px;
    _margin-right: 5px;
    text-indent:-8765px;
}
#oMadp a{
    width:84px;
    background-position: -84px 0px;
    /*margin-right: 10px;*/
    _margin-right: 5px;
    text-indent:-8765px;
}
#oMsm a{
    width:70px;
    background-position: -178px 0px;
    text-indent:-8765px;
    margin-left: 10px;
}
/*hover*/
#oMgide a:hover{
    background-position: 0px -11px;
    width:73px;
    margin-right: 10px;
    text-indent:-8765px;
}
#oMadp a:hover{
    width:84px;
    background-position: -84px -11px;
    text-indent:-8765px;
}
#oMsm a:hover{
    width:70px;
    background-position: -178px -11px;
    text-indent:-8765px;
    margin-left: 10px;
}
/*----- otherMenu02 -----*/
ul#otherMenu02{
    float:right;
    width:335px;
    _width:355px;
    padding:0px;
    margin-top: 0px;
    _margin-top: -20px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
ul#otherMenu02 a,ul#otherMenu02 li{
    list-style-type:none;
    float:left;
    height:24px;
    background-image:url(../img/menu_subtop_right.jpg);
    background-repeat:no-repeat;
    display:block;
}
#oMexmList a{
    width:105px;
    background-position: 0px 0px;
    margin-right: 10px;
    _margin-right: 5px;
    text-indent:-8765px;

}
#oMnewMember a{
    width:105px;
    background-position: -115px 0px;
    margin-right: 10px;
    _margin-right: 5px;
    text-indent:-8765px;

}
#oMlogin a{
    width:105px;
    background-position: -230px 0px;
    text-indent:-8765px;
}
#oMlogoff a{
    width:105px;
    background-position: -345px 0px;
    text-indent:-8765px;
}
/*hover*/
#oMexmList a:hover{
    background-position: 0px -24px;
    width:105px;
    text-indent:-8765px;
}
#oMnewMember a:hover{
    background-position: -115px -24px;
    width:105px;
    text-indent:-8765px;
}
#oMlogin a:hover{
    background-position: -230px -24px;
    width:105px;
    text-indent:-8765px;
}
#oMlogoff a:hover{
    background-position: -345px -24px;
    width:105px;
    text-indent:-8765px;
}
/*----- globalMenu -----*/
ul#globalMenu{
    float: left;
    display: block;
    background-color: #F1F1F1;
    height: 54px;
    width: 100%;
    margin: 0 0 0 calc(484px - 50vw);
    padding-left: calc(50vw - 484px);
    padding-right: calc(50vw - 484px);
    box-sizing: unset;
}

#globalMenu a,#globalMenu li {
    list-style-type:none;
    float:left;
    height:57px;
    background-image:url(../img/menu_g.jpg);
    background-repeat:no-repeat;
    display:block;
}
#globalMenu li{
    white-space:nowrap
}
#globalMenu a{
    display:inline-block;
}
#globalMenu li#gMhome a{width:159px;}
#gMhome a{
    width:159px;
    background-position: 0px 0px;
    text-indent:-8765px;
}
#gMarea a{
    width:158px;
    background-position: -159px 0px;
    text-indent:-8765px;
}
#gMtrain a{
    width:158px;
    background-position: -317px 0px;
    text-indent:-8765px;
}
#gMcram a{
    width:158px;
    background-position: -475px 0px;
    text-indent:-8765px;
}
#gMjgide a{
    width:159px;
    background-position: -633px 0px;
    text-indent:-8765px;
}
#gMmypage a{
    width:158px;
    background-position: -792px 0px;
    text-indent:-8765px;
    _overflow:hidden;
}
#gMhomeHere a{
    width:159px;
    background-position: 0px -57px;
    text-indent:-8765px;
}
#gMareaHere a{
    width:158px;
    background-position: -159px -57px;
    text-indent:-8765px;
}
#gMtrainHere a{
    width:158px;
    background-position: -317px -57px;
    text-indent:-8765px;
}
#gMcramHere a{
    width:158px;
    background-position: -475px -57px;
    text-indent:-8765px;
}
#gMjgideHere a{
    width:159px;
    background-position: -633px -57px;
    text-indent:-8765px;
}
#gMmypageHere a{
    width:158px;
    background-position: -792px -57px;
    text-indent:-8765px;
}
/*hover*/
#gMhome a:hover, #gMhomeHere a:hover {
    background-position: 0px -57px;
    width:159px;
}
#gMarea a:hover, #gMareaHere a:hover {
    background-position: -159px -57px;
    width:158px;
}
#gMtrain a:hover, #gMtrainHere a:hover {
    background-position: -317px -57px;
    width:158px;
}
#gMcram a:hover, #gMcramHere a:hover {
    background-position: -475px -57px;
    width:158px;
}
#gMjgide a:hover, #gMjgideHere a:hover {
    background-position: -633px -57px;
    width:159px;
}
#gMmypage a:hover, #gMmypageHere a:hover {
    background-position: -792px -57px;
    width:158px;
}

/*-------------------------------------------------------------------
   SECTION
-------------------------------------------------------------------*/
.section h2:not(.txt_no_bg_img){
    float:left;
    background-image: url(../img/title_bg_search.gif);
    background-repeat: no-repeat;
    height: 31px;
    width: 650px;
    font-size: 18px;
    padding-left: 35px;
    margin-top: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.section{
    width:650px;
    float:left;
}

#main .link-search-quick{
    color: red;
    float: right;
    margin-right: 35px
}
/*-------------------------------------------------------------------

-------------------------------------------------------------------*/
.pageTop a{
    float:right;
    color: #FF9C00;
    font-size: 9px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    _margin-bottom: 10px;
}
.pageTop a {
    color: #FF9C00;
}
.pageTop a:visited{
    color: #FF9C00;
}
.pageTop a:hover{
    color: #ffc76f;
}
.panList{
    font-size: 0.8em;
    float: left;
    width: 950px;
    padding: 0px;
    margin: 0px;
}
.panList.tw{
    margin-top: 10px;
}

/* padding plus ------------------------------------- */
.pLeft05 {
    padding-left: 4px;
    _padding-left: 2px;
}
.pLeft10 {
    padding-left: 10px;
    _padding-left: 5px;
}
.pLeft25 {
    padding-left: 25px;
    _padding-left: 12px;
}
.pRight10 {
    padding-right: 10px;
}
.pRight24 {
    padding-right: 24px;
}
.pBottom05 {
    padding-Bottom: 5px;
}
.pBottom10 {
    padding-Bottom: 10px;
}
.pBottom15 {
    padding-Bottom: 15px;
}
.pBottom25 {
    padding-Bottom: 25px;
}
.pTop05 {
    padding-top: 5px;
    _padding-top: 2px;
}
.pTop10 {
    padding-top: 10px;
    _padding-top: 5px;
}
.pTop15 {
    padding-top: 15px;
    _padding-top: 7px;
}
.pTop25 {
    padding-top: 25px;
    _padding-top: 13px;
}
.pTop30 {
    margin-top: 30px;
    _margin-top: 15px;
}
/* margin plus ------------------------------------- */
.mLeft05 {
    margin-left: 5px;
    _margin-left: 5px;
}
.mLeft10 {
    margin-left: 10px;
}
.mLeft15 {
    margin-left: 15px;
}
.mLeft20 {
    margin-left: 20px;
}
.mLeft22 {
    margin-left: 22px;
}
.mLeft25 {
    margin-left: 25px;
}
.mLeft60 {
    margin-left: 60px;
}
.mLeft70 {
    margin-left: 70px;
}
.mLeft80 {
    margin-left: 80px;
}
.mLeft82 {
    margin-left: 82px;
}
.mLeft90 {
    margin-left: 90px;
}
.mLeft190 {
    margin-left: 190px;
}
.mLeft100 {
    margin-left: 100px;
}
.mLeft122 {
    margin-left: 122px;
}
.mLeft113 {
    margin-left: 113px;
}
.mRight05 {
    margin-Right: 5px;
}
.mRight10 {
    margin-Right: 10px;
}
.mRight15 {
    margin-Right: 15px;
}
.mRight25 {
    margin-Right: 25px;
}
.mBottom05 {
    margin-Bottom: 5px;
}
.mBottom10 {
    margin-Bottom: 10px;
}
.mBottom15 {
    margin-Bottom: 15px;
}
.mBottom20 {
    margin-Bottom: 20px;
}
.mBottom38 {
    margin-Bottom: 38px;
    _margin-Bottom: 25px;
}
.mBottom25 {
    margin-Bottom: 25px;
}
.mBottom50 {
    margin-Bottom: 50px;
}
.mTop05 {
    margin-top: 5px;
}
.mTop10 {
    margin-top: 10px;
}
.mTop10 {
    margin-top: 10px;
}
.mTop15 {
    margin-top: 15px;
}
.mTop20 {
    margin-top: 20px;
}
.mTop25 {
    margin-top: 25px;
}
.mTop30 {
    margin-top: 30px;
}
.mTop60 {
    margin-top: 60px;
}
.mTop70 {
    margin-top: 70px;
}
/* float plus ------------------------------------- */
.flortRight {
    float:right
}
.flortLeft {
    float:left
}
.flortCrear {
    clear:both;
}
.imgFloatRight {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}
.imgFloatLeft {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
/* text-align plus ------------------------------------- */
.center {
    text-align:center;
}
.left {
    text-align:left;
}
.right {
    text-align:right;
}
/*-------------------------------------         text
--------------------------------------------------------------*/
/*LINK*/
a {
    color: #0064a4;
}
a:visited{
    color: #003354;
}
a:hover{
    color: #36a0e3;
}


.fontColorORE{
    color:#ff8a00;
    font-weight: bold;
}
.fontColorRED{
    color:#F00;
    font-weight: bold;
}
.fontColorREDbb{
    color:#F00;
    font-weight: bold;
    font-size: 16px;
}
.fontColorGR{
    color:#aaa;
}
.fontSmall{
    font-size: 11px;
}
.mr-38 {
    margin-right: 38px;
}
p.line{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFA100;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
p.schoolNameRuby{
    padding: 0px;
    float: left;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-size: 10px;
}
/*-------------------------------------         error
--------------------------------------------------------------*/
.message{
    color: #E30B20;
    font-weight: bold;
    border: 2px solid #DE0716;
    background-image: url(../img/icon_csmanagement_00.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    margin: 10px;
}

/* 通知メッセージ */
.message_notice{
    color: #191970;
    font-weight: bold;
    border: 2px outset #00008b;
    background-image: url(../img/test-pass-icon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
    margin: 40px 20px 30px 20px;
}

/*-------------------------------------       common definition
--------------------------------------------------------------*/
.wrap_classroom_main_image {
    width: 320px;
    /*max-height: 220px;*/
    overflow: hidden;
}
.wrap_classroom_main_image img {
    width: 320px;
}
div.error-message {
    clear: both;
    color: #CC0000;
    font-weight: bold;
}

.ml--100 {
    margin-left: -100px;
}

.notice_link {
    font-size: 15px;
}

.notice_link_span {
    font-size: 15px;
    color: #0064a4;
}