@charset "utf-8";

/*///////////////////////////////////////////////////

//
//
//    CommonStyle
//
//    - 各コンテンツ共通のCSS。
//
//
///////////////////////////////////////////////////*/ｆ

/*
    文字を大きくするCSS
*/
.font10{
    font-size: 10px;
}
.font12{
    font-size: 12px; 
}
.font14{
    font-size: 12px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}

/*
    文字の色を変えるCSS
*/
.fontRed,
.red{
    color: #f2000a;
}
.fontBlue,
.blue{
    color: #193C7F;
}
.fontGreen,
.green{
    color: #88cb00;
}
.fontOrange,
.orange{
    color: #f2ae00;
}
.fontBrown,
.brown{
    color: #95450C;
}
.fontGray,
.gray{
    color: #000080;
}
.fontYellow,
.yellow{
    color: #fff100;
}



/*2016921追加*/
.color_white {
    color: #ffffff !important;
}
.color_blue {
    color: #009fe8;
}
.color_orange {
    color: #f29600;
}
.color_green {
    color: #1eaa39;
}
.color_pink {
    color: #ea6da4;
}
.color_pink_vi {
    color: #e4007f;
}
.font_bold {
    font-weight:bold;
}
.font_18 {
    font-size:18px;
}

/*
    文字の背景に蛍光を付ける
*/
.keikou{
    background: #ffff00;
}

.bg_y{
    background: #fff67f;
}

/*
    マージン関係のCSS(相対)
*/
.marginTop5{
    margin-top: 5px;   /* マージンを上部に5px取る*/
}
.marginTop7{
    margin-top: 7px;   /* マージンを上部に7px取る*/
}
.marginTop10{
    margin-top: 10px;   /* マージンを上部に10px取る*/
}
.marginTop15{
    margin-top: 15px;   /* マージンを上部に15px取る*/
}
.marginTop20{
    margin-top: 20px;   /* マージンを上部に20px取る*/
}
.marginTop30{
    margin-top: 30px;   /* マージンを上部に30px取る*/
}
.marginTop40{
    margin-top: 40px;   /* マージンを上部に40px取る*/
}
.marginBottom5{
    margin-bottom: 5px;   /* マージンを下部に5px取る*/
}
.marginBottom7{
    margin-bottom: 7px;   /* マージンを下部に7px取る*/
}
.marginBottom10{
    margin-bottom: 10px;   /* マージンを下部に10px取る*/
}
.marginBottom15{
    margin-bottom: 15px;   /* マージンを下部に15px取る*/
}
.marginBottom20{
    margin-bottom: 20px;   /* マージンを下部に20px取る*/
}
.marginBottom30{
    margin-bottom: 30px;   /* マージンを下部に30px取る*/
}
.marginBottom40{
    margin-bottom: 40px;   /* マージンを下部に40px取る*/
}

/*
    マージン関係のCSS(絶対)
*/
.marginTop5I{
    margin-top: 5px !important;   /* マージンを上部に5px取る*/
}
.marginTop7I{
    margin-top: 7px !important;   /* マージンを上部に7px取る*/
}
.marginTop10I{
    margin-top: 10px !important;   /* マージンを上部に10px取る*/
}
.marginTop15I{
    margin-top: 15px !important;   /* マージンを上部に5px取る*/
}
.marginTop20I{
    margin-top: 20px !important;   /* マージンを上部に20px取る*/
}
.marginTop30I{
    margin-top: 30px !important;   /* マージンを上部に30px取る*/
}
.marginTop40I{
    margin-top: 40px !important;   /* マージンを上部に40px取る*/
}
.marginBottom0I{
    margin-bottom: 0px !important;   /* マージンを下部に5px取る*/
}
.marginBottom5I{
    margin-bottom: 5px !important;   /* マージンを下部に5px取る*/
}
.marginBottom7I{
    margin-bottom: 7px !important;   /* マージンを下部に7px取る*/
}
.marginBottom10I{
    margin-bottom: 10px !important;   /* マージンを下部に10px取る*/
}
.marginBottom15I{
    margin-bottom: 15px !important;   /* マージンを下部に15px取る*/
}
.marginBottom20I{
    margin-bottom: 20px !important;   /* マージンを下部に20px取る*/
}
.marginBottom30I{
    margin-bottom: 30px !important;   /* マージンを下部に30px取る*/
}
.marginBottom40I{
    margin-bottom: 40px !important;   /* マージンを下部に40px取る*/
}
.marginTop-40{
    margin-top: -40px !important;   /* マージンを上部に40px取る*/
}
.marginBottom-40I{
    margin-bottom: -40px !important;   /* マージンを下部に-40px取る*/
}

.marginBottom-20I{
    margin-bottom: -20px !important;   /* マージンを下部に-20px取る*/
}
.marginBottom-10I{
    margin-bottom: -10px !important;   /* マージンを下部に-10px取る*/
}
.marginBottom-35I{
    margin-bottom: -35px !important;   /* マージンを下部に-10px取る*/
}
.marginTop-5I{
    margin-top: -5px !important;   /* マージンを上部に-5px取る*/
}




/*
    パディング関係のCSS(絶対)
*/
.paddingTop5{
    padding-top:5px !important;   /* パディングを上部に5px取る*/
}
.paddingTop7{
    padding-top:7px !important;   /* パディングを上部に7px取る*/
}
.paddingTop10{
    padding-top:10px !important;   /* パディングを上部に10px取る*/
}
.paddingTop15{
    padding-top:15px !important;   /* パディングを上部に15px取る*/
}
.paddingTop20{
    padding-top:20px !important;   /* パディングを上部に20px取る*/
}
.paddingTop30{
    padding-top:30px !important;   /* パディングを上部に30px取る*/
}
.paddingTop40{
    padding-top:40px !important;   /* パディングを上部に40px取る*/
}
.paddingBottom5{
    padding-bottom: 5px !important;   /* パディングを下部に5px取る*/
}
.paddingBottom7{
    padding-bottom: 7px !important;   /* パディングを下部に7px取る*/
}
.paddingBottom10{
    padding-bottom: 10px !important;   /* パディングを下部に10px取る*/
}
.paddingBottom15{
    padding-bottom: 15px !important;   /* パディングを下部に5px取る*/
}
.paddingBottom20{
    padding-bottom: 20px !important;   /* パディングを下部に20px取る*/
}
.paddingBottom30{
    padding-bottom: 30px !important;   /* パディングを下部に30px取る*/
}
.paddingBottom40{
    padding-bottom: 40px !important;   /* パディングを下部に40px取る*/
}


/*
幅関係
*/

.wid580i{
    width: 580px !important;   /* マージンを上部に5px取る*/
}

.wid540i{
    width: 540px !important;   /* マージンを上部に5px取る*/
}

.wid480i{
    width: 480px !important;   /* マージンを上部に5px取る*/
}


.borderBottom{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 3px solid #EEE;
}


.borderBlock{
    padding: 20px;
    border: 3px solid #EEE;
}




/*
    移動関係のCSS
*/
.moveCenter{
    text-align: center;
}
.mveRighot{
    text-align: right;
    margin: 0 0 20px 20px;
}
.moveRight{
    text-align: right;
    margin: 0 0 20px 20px;
}
.moveLeft{
    float: left;
    margin: 0 20px 20px 0;
}
.floatRight{
    float: right;
    margin: 0 0 20px 20px !important;
}
.floatLeft{
    float: left;
    margin: 0 20px 20px 0 !important;
}



/*
    横幅を指定するCSS
*/
.width50{
   width: 50% !important;
}
.width40{
   width: 40% !important;
}
.width30{
   width: 30% !important;
}
.width20{
   width: 20% !important;
}




/*
    チェックリスト
*/
.checkList li{
    margin-bottom: 10px;
    padding: 9px 10px 10px 45px;
    background: url(../img/common/check_list.png) no-repeat left 3px;
    font-size: 16px;
    line-height: 1.4;
}



.fontLarge{
    font-size: 18px;
}
.fontSmall{
    font-size: 11px;
}

/*MFIチェックボックス*/
.sample {
    padding: 6px;
}
.sample input[type=radio],
.sample input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.sample input[type=radio] + label,
.sample input[type=checkbox] + label {
    position: relative;   
    display: inline-block;
    margin-right: 12px;   
    line-height: 30px;
    cursor: pointer;
font-size:20px;
font-weight:bold;
}
@media (min-width: 1px) {
    .sample input[type=radio],
    .sample input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .sample input[type=radio] + label,
    .sample input[type=checkbox] + label {
margin-bottom:15px;
        padding: 0 0 0 30px;
    }
    .sample input[type=radio] + label::before,
    .sample input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    .sample input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .sample input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .sample input[type=radio]:checked + label::after,
    .sample input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .sample input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #7283DA;
        border-radius: 8px;
    }
    .sample input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #7283DA;
        border-bottom: 3px solid #7283DA;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

label:hover {
color: #2D68A0;
text-decoration:underline;
}


/***** Q&A *****/
.qa dl{
margin:20px 0 !important;
}
dl{
margin-bottom:30px;
}
.qa dt {
border-bottom: none;
font-size: 20px;
font-weight:bold;
color:#5A4D41;
background: #E7FAFF   url("/img/common/qa_dt_icon.png") no-repeat 10px 5px;
min-height: 34px;
padding-top: 20px;
}

.qa dd {
margin-bottom: 40px;
border-top-width: 1px;
background: #fff url("/img/common/qa_dd_icon.png") no-repeat 10px 5px;
}
.qa dt{
padding: 10px 25px;
margin: 0;
padding-left: 65px;
}
.qa dd {
line-height:1.68;
padding: 25px;
margin: 0;
padding-left: 65px;
}
.qa dt span{
background-color:#FFFFFF;
margin-left:5px;
padding:5px;
border:solid 1px #939393;
border-radius:5px;
font-size:18px;
}
#map-canvas{
width:755px; 
height: 300px;
}

/*link関係*/

.right_links {
    font-size: 15px;
    text-align: right;
}
.right_links a {
    color: #036eb8;
    text-decoration: none;
}

.right_links a:hover {
    color: #e4007f;
    text-decoration: none;
}


/*///////////////////////////////////////////////////
//
//
//    PageStyle
//
//    - 各コンテンツのCSSを設定。
//
//
///////////////////////////////////////////////////*/



a{
color: #00a2cb;
}

a:hover{
color: #03C;
}






#container{
width: 100%;
position:relative;
}

#contents{
position: relative;
margin: 0 auto;
width: 960px;
background: #fff;
text-align: center;
}

#main{
position: relative;
float: left;
width: 680px;
margin-top: 10px;
text-align: left;
/*overflow: hidden;*/
}

#topicpathBlock{
padding: 10px 0;
border: 1px solid #EBEAEA;
background: #FFF;
font-size: 12px;
}
#topicpath{
width: 950px;
margin: 0 auto;
background: #FFF;
background: url(../img/common/icon_home.png) no-repeat left 3px;
text-align: left;
}
.topicpathHome{
padding-left: 41px;
}
#topicpathTop{
margin: 10px auto 5px;
background: #FFF;
background: url(../img/common/icon_home.png) no-repeat left 3px;
text-align: left;
font-size: 12px;
}
/*
.entry #topicpathTop{
padding-top: 520px;
margin: 0 auto 20px;
background: url(../img/common/icon_home.png) no-repeat left 523px;
}*/


#topicpath_Top {
    padding: 10px 0 0 0;
    margin: 0 auto 5px;
    background: #FFF;
    background: url(../img/common/icon_home.png) no-repeat left 12px;
    text-align: left;
    font-size: 12px;
}

#topicpath_Top li {
    display: inline-block;
    position: relative;
    font-size: 12px;
    margin: 0 10px 0 0;
}

#topicpath_Top li:after {
    content: ">";
    position: absolute;
    right: -12px;
    top: 0px;
}

#topicpath_Top li:first-child:after {
    margin: 0 0 0 0;
    right: -12px;
}

#topicpath_Top li:last-child {
    margin: 0 0 0 0;
}

#topicpath_Top li:last-child:after {
     content : none ;
}


.entry #topicpathTop{
margin: 10px auto;
background: url(../img/common/icon_home.png) no-repeat left 3px;
}

.articleBlock{
margin-bottom: 25px;
}

.movieWindow{
height: 350px;
}

/*---------------------------------------------------
Pagetop
---------------------------------------------------*/ 

#pagetopButtonBlock{
position: relative;
clear: both;
padding-top: 20px;
margin: 0 0 15px;
text-align: right;
}

#pagetopButtonBlock a{
display: block;
overflow: hidden;
position: relative;
height: 14px;
}
#pagetopButtonBlock img{
position: absolute;
top: 0;
right: 0;
}

#pagetopButtonBlock a:hover img{
position: absolute;
top: -14px;
right: 0;
}

/*---------------------------------------------------
Header
---------------------------------------------------*/ 

#header{
position: relative;
width: 100%;
text-align: left;
background: #fff;
}

#headerTop{
position: relative;
width: 960px;
margin: 0 auto 0;
padding: 0 0 15px;
}

.headerTop_h1 {
    position: absolute; top: 92px; left: 5px; 
    font-size: 10px; 
    font-weight: normal; 
    color: #B4B4B5;
}

#headerTop_test {
    position: relative;
    width: 960px;
    margin: 0 auto 0;
    text-align: center;
    padding: 10px 0 8px;
}

.headerLogo{
float: left;
margin-top: -10px;
}
.headerLogo_test{
float: left;
margin-top: 12px;
}
.header_mail_icon {
    margin: 0px 0px 7px 114px;    
}


/* 20160921 */ 

#header_content {
position: relative;
width: 960px;
margin: 0 auto 0;
padding: 15px 0 15px;
}

#header_content h1 {
    position: absolute;
    top: 107px;
    left: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #B4B4B5;    
}

.header_logo{
    float: left;
    margin: 12px 0 0 0;
}

.header_block {
    float: right;
    margin: 12px 0 0 0;
}

.header_mail {
    margin: -17px 0 0 5px;
    padding: 0 0 0 25px;
    background: url(../img/common/header_action_mail_test_02.png) no-repeat left 4px;
}

/*HeaderActionBlock
---------------------------------------------------*/ 

.headerActionBlock{
float: right;
margin-top: 27px;
margin-left: 29px;
}
.headerActionBlock_test {
    float: right;
    margin-top: 2px;
    margin-left: 29px;
}

.headerActionButton{
float: right;
}
.headerActionButton_test{
float: right;
margin: 10px 0px 0 0;
}

.headerActionTell{
position: relative;
float: left;
padding: 0 0 18px;
margin: 2px 15px 0 0;
}
.headerActionTell_test {
    position: relative;
    margin: 11px 0 0 66px;
}

#header{
position: relative;
}

h1{
position: absolute;
top: 25px;
left: 69px;
font-size: 10px;
font-weight: normal;
color: #B4B4B5;
}
.h1_test {
    position: absolute;
    top: 19px;
    left: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #B4B4B5;
}



.player h1{
position: static;
font-size: auto;
font-weight: normal;
}

.library h1{
position: static;
font-size: auto;
font-weight: bold;
}

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

header #header{
position: relative;
width: 100%;
text-align: left;
}

header #headerTop{
position: relative;
width: 960px;
margin: 0 auto 0;
padding: 0 0 15px;
background: #fff;
}

header #headerTop_test {
    position: relative;
    width: 960px;
    margin: 0 auto 0;
    text-align: center;
    padding: 10px 0 8px;
}

header .headerlogo{
float: left;
margin: 10px 0 0 0;
}

header .header_h1 {
    position: absolute; top: 95px; left: 5px; 
    font-size: 10px; 
    font-weight: normal; 
    color: #B4B4B5;
}

header .headertel {
    float: left;
    margin-top: 2px;
    margin-left: 17px;
}

header .headertell_img {
    position: relative;
    margin: 20px 0 5px 0;
}

header .headertell_img:after {
    content: "";
    position: absolute;
    background: url(../img/index/tel_after.gif) no-repeat left top;
    height: 92px;
    width: 112px;
    right: -110px;
    top: 0px;
}

header .header_mailtext {
    font-size: 11px;
    text-decoration: none;
    position: relative;
    margin: 0 0 0 95px;
}

header .header_mailtext:after {
    content: "";
    position: absolute;
    background: url(../img/index/mail_icon.png) no-repeat left top;
    height: 16px;
    width: 22px;
    left: -25px;
    top: 1px;
}


/*GlobalNavi
---------------------------------------------------*/ 

#headerBottom{
position: relative;
width: 100%;
height: 53px;
margin: 0 auto;
/*box-shadow: 0 2px 2px #666;*/
text-align: center;
box-shadow: 0 2px 2px #CCCCCC;
background: url(../img/common/headerbottom_bg.png) repeat-x left top;
}



#globalNavi{
width: 960px;
margin: 0 auto;
text-align: left;
}

#globalNavi li{
    display: inline-block;
}

#globalNavi li a{
    display: block;
    height: 57px;
text-indent: -9999px;
}









#globalNaviIdea_test a{
width: 192px;
background: url(../img/common/test_global_bg.png) repeat-x left top;
}
#globalNaviIdea_test a{
width: 192px;
background: url(../img/common/test_global_bg.png) repeat-x left top;
}
#globalNaviIdea_test a:hover{
    background: url(../img/common/test_global_bg_ov.png) no-repeat 0px 0px;
}

#globalNaviAbout_test a{
width: 192px;
background: url(../img/common/test_global_bg.png) repeat-x -192px top;
}
#globalNaviAbout_test a:hover{
    background: url(../img/common/test_global_bg_ov.png) no-repeat -192px 0px;
}

#globalNaviPrice_test a{
width: 192px;
background: url(../img/common/test_global_bg.png) repeat-x -384px top;
}


#globalNaviPrice_test a:hover{
    background: url(../img/common/test_global_bg_ov.png) no-repeat -384px 0px;
}

#globalNaviArea_test a{
width: 192px;
background: url(../img/common/test_global_bg.png) repeat-x -576px top;
}
#globalNaviArea_test a:hover{
    background: url(../img/common/test_global_bg_ov.png) no-repeat -576px 0px;
}

#globalNaviFaq_test a{
width: 192px;
background: url(../img/common/test_global_bg.png) repeat-x -768px top;
}
#globalNaviFaq_test a:hover{
    background: url(../img/common/test_global_bg_ov.png) no-repeat -768px 0px;
}








#globalNaviIdea a{
width: 192px;
background: url(../img/common/global_bg.png) repeat-x left top;
}

#globalNaviIdea a:hover{
    background: url(../img/common/global_bg_ov.png) no-repeat 0px 0px;
}

#globalNaviAbout a{
width: 192px;
background: url(../img/common/global_bg.png) repeat-x -192px top;
}
#globalNaviAbout a:hover{
    background: url(../img/common/global_bg_ov.png) no-repeat -192px 0px;
}

#globalNaviPrice a{
width: 192px;
background: url(../img/common/global_bg.png) repeat-x -384px top;
}
#globalNaviPrice a:hover{
    background: url(../img/common/global_bg_ov.png) no-repeat -384px 0px;
}

#globalNaviArea a{
width: 192px;
background: url(../img/common/global_bg.png) repeat-x -576px top;
}
#globalNaviArea a:hover{
    background: url(../img/common/global_bg_ov.png) no-repeat -576px 0px;
}

#globalNaviFaq a{
width: 192px;
background: url(../img/common/global_bg.png) repeat-x -768px top;
}
#globalNaviFaq a:hover{
    background: url(../img/common/global_bg_ov.png) no-repeat -768px 0px;
}

/*---------------------------------------------------
Sub
---------------------------------------------------*/ 

.side_banner {
  margin: 0 0 10px;
  list-style: none;
}

.side_banner li {
  margin: 0 0 10px;
}

.side_banner li:last-child {
  margin: 0 0 0;
}

.sub_koushi {
    border: 1px solid #54c3f1;
    padding: 10px;
    margin: 0 0 10px;
}

.sub_koushi h3 {
  margin: 0 0 10px;
  text-align: left;
}

.sub_teacher_img {
    width: 165px;
    margin: 0 auto;
}

.sub_teacher_ribon {
    position: relative;
    z-index: 1;
}

.sub_te_img {
    text-align: right;
}

.sub_te_img img {
    background: #EEE url(../img/teacher/teacher_frame_large.png) no-repeat left top;
    background-color: #ffa58a!important;
    width: 150px;
    height: auto;
    position: relative;
    z-index: 0;
    margin: -40px 0 0;
}

.sub_teacher_ribon {
 -webkit-animation-duration: 4s;
 -webkit-animation-timing-function: ease-in;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: bottom center;
 -webkit-animation-name: sub_outer05;
 left: -60px;
}

@-webkit-keyframes sub_outer05 {
 0%{
 -webkit-transform: scale(1, 1);
 }
 48%{
 -webkit-transform: scale(1, 1);
 }
 50%{
 -webkit-transform: scale(1.1, 0.9);
 }
 53%{
 -webkit-transform: scale(0.9, 1.1) translate(0, -5px);
 }
 57.5%{
 -webkit-transform: scale(1, 1) translate(0, -3px);
 }
 59%{
 -webkit-transform: scale(1, 1) translate(0, 0px);
 }
 100% {
 -webkit-transform: scale(1, 1);
 }
}
.areaCityTeacherImage.colorRed img{
background-color: #ffa58a!important;
}
.teacherEntryCategories.colorRed .label{
background-color: #ff7951!important;
}
.areaCityTeacherImage.colorYellow img{
background-color: #fdd476!important;
}
.teacherEntryCategories.colorYellow .label{
background-color: #fdc23c!important;
}
.areaCityTeacherImage.colorGreen img{
background-color: #b1e69c!important;
}
.teacherEntryCategories.colorGreen .label{
background-color: #81ca32!important;
}
.areaCityTeacherImage.colorBlue img{
background-color: #aae5f6!important;
}
.teacherEntryCategories.colorBlue .label{
background-color: #6fd8f6!important;
}

.sub_te_name {
    position: relative;
    z-index: 1;
    margin: -10px 0 10px 5px;
    text-align: center;
    padding: 3px 0px;
    box-shadow: 0 2px 2px #CCC;
    background: #FFF;
    font-size: 14px;
    font-weight: bold;
    width: 90%;
}

.sub_te_name:after {
    content: "";
    position: absolute;
    background: url(../img/teacher/teacher_comment_image.png) no-repeat left top;
    background-size: 40px;
    width: 40px;
    height: 24px;
    left: -12px;
    top: -7px;
}

.sub_te_name span {
    font-size: 20px;
}

.sub_teacher_link {
    position: relative;
}

.sub_teacher_link a {
    color: #00a0e9;
    font-size: 12px;
    text-decoration: none;
    padding: 0 0 0 24px;
}

.sub_teacher_link:after {
    content: "";
    position: absolute;
    background: url(../img/index/ya_02.png) no-repeat left top;
    height: 24px;
    width: 23px;
    left: 0;
    top: 1px;
}

/*-------------------------------------------------
sub 昔
--------------------------------------------------*/
#sub{
position: relative;
float: right;
width: 240px;
margin-top: 10px;
}

.noVisual #sub{
margin-top: 40px;
}

.subBannerListBlock{
position: relative;
margin-bottom: 20px;
border-bottom: 1px solid #EEE;
}

.subBannerListBlock .subBanner{
margin-bottom: 15px;
}

.subBannerListBlock .subBannerNayami a{
position: relative;
display: block;
overflow: hidden;
width: 240px;
height: 85px;
}

.subBannerListBlock .subBannerNayami a img{
position: absolute;
top: 0;
left: 0;
}
.subBannerListBlock .subBannerNayami a:hover img{
position: absolute;
top: -85px;
left: 0;
}

.subBannerListBlock .subBannerPartner a{
position: relative;
display: block;
overflow: hidden;
width: 240px;
height: 65px;
}

.subBannerListBlock .subBannerPartner a img{
position: absolute;
top: 0;
left: 0;
}
.subBannerListBlock .subBannerPartner a:hover img{
position: absolute;
top: -65px;
left: 0;
}

.subBannerListBlock .subBannerVideo a{
position: relative;
display: block;
overflow: hidden;
width: 240px;
height: 133px;
}

.subBannerListBlock .subBannerVideo a img{
position: absolute;
top: 0;
left: 0;
}
.subBannerListBlock .subBannerVideo a:hover img{
position: absolute;
top: 0px;
left: 0;
}

.subBannerListBlock .subBannerFutoko a{
position: relative;
display: block;
overflow: hidden;
width: 240px;
height: 65px;
}
.subBannerListBlock .subBannerFutoko a img{
position: absolute;
top: 0;
left: 0;
}
.subBannerListBlock .subBannerFutoko a:hover img{
position: absolute;
top: -65px;
left: 0;
}

.subBannerListBlock .subBannerKoshi a{
position: relative;
display: block;
overflow: hidden;
width: 240px;
height: 65px;
}
.subBannerListBlock .subBannerKoshi a img{
position: absolute;
top: 0;
left: 0;
}
.subBannerListBlock .subBannerKoshi a:hover img{
position: absolute;
top: -65px;
left: 0;
}




.subSection{
margin-bottom: 15px;
}




.subContentFacebook{
background: #f5f5f5;
text-align: left;
}
.subContentFacebook h2{
margin: 0 15px 5px;
padding: 15px 0 10px;
border-bottom: 1px solid #CCC;
}
.subContentGoogle{
background: #f5f5f5;
text-align: left;
padding: 0 15px 10px;
}
.subContentGoogle h2{
margin: 0 0 10px;
padding-top: 15px;
}





#sub{
float: right;
width: 240px;
margin-top: 15px;
}



/*---------------------------------------------------
Footer
---------------------------------------------------*/ 

.f_eria_content {
    margin: 0 0 0;
    position: relative;
}

.f_eria_h2 {
    font-size: 23px;
    background: #ee87b4;
    padding: 10px 0 10px 25px;
    margin: 0 0 -20px;
    color: #fff;
} 


.f_eria_content p {
    position: absolute;
    top: 64px;
    left: 148px;
    font-size: 16px;
}

.f_eria_list_01,.f_eria_list_02,.f_eria_list_03,
.f_eria_list_04,.f_eria_list_05 {
    margin: 0 0 30px 12px;
}

.f_eria_list_06 {
    margin: 0 0 0 12px;
}

.f_eria_list_01 li a,.f_eria_list_02 li a,.f_eria_list_03 li a,
.f_eria_list_04 li a,.f_eria_list_05 li a,.f_eria_list_06 li a {
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: block;
}

.f_eria_list_01 li:hover,.f_eria_list_02 li:hover,.f_eria_list_03 li:hover,
.f_eria_list_04 li:hover,.f_eria_list_05 li:hover,.f_eria_list_06 li:hover {
    opacity: 0.8;
}

.f_eria_list_01 li {
    display: inline-block;
    padding: 10px 0;
    border-radius: 20px;
    background: #f8b62d;
    margin: 0 4px 0 0;
    width: 103px;
    text-align: center;
}

.f_eria_list_02 li {
    display: inline-block;
    padding: 10px 0;
    border-radius: 20px;
    background: #8fc31f;
    margin: 0 4px 0 0;
    width: 103px;
    text-align: center;
}

.f_eria_list_03 li {
    display: inline-block;
    padding: 10px 0;
    border-radius: 20px;
    background: #54c3f1;
    margin: 0 4px 0 0;
    width: 103px;
    text-align: center;
}

.f_eria_list_04 li {
    display: inline-block;
    padding: 10px 0;
    border-radius: 20px;
    background: #f19ec2;
    margin: 0 4px 0 0;
    width: 103px;
    text-align: center;
}

.f_eria_list_05 li {
    display: inline-block;
    padding: 10px 0;
    border-radius: 20px;
    background: #22ac38;
    margin: 0 4px 0 0;
    width: 103px;
    text-align: center;
}

.f_eria_list_06 li {
    display: inline-block;
    padding: 10px 0;
    border-radius: 20px;
    background: #c85fa0;
    margin: 0 4px 8px 0;
    width: 103px;
    text-align: center;
}


.f_eria_list_01 li:nth-child(6n),.f_eria_list_02 li:nth-child(6n),.f_eria_list_03 li:nth-child(6n),
.f_eria_list_04 li:nth-child(6n),.f_eria_list_05 li:nth-child(6n),.f_eria_list_06 li:nth-child(6n) {
    margin: 0 0 0 0;
}




footer {
width: 960px;
background: #fff;
margin: 15px auto 0;
border-top: 1px solid #727171;
padding: 15px 0 0 0;
}

footer .footer_block {

    width: 928px;
    margin: 0 auto;
}

footer .fLogo {
    width: 337px;
    float: left;
}

footer .fNav {
    width: 561px;
    margin: -7px 0 -5px 20px;
    font-size: 16px;
    float: right;
}

footer .fNav .fNavm0 {
	margin-left: 0;
}

footer .footer_list {
    line-height: 1.5em;
}

footer .footer_list li {
    display: inline-block;
    margin: 0 0 0 50px;
    line-height: 1.5em;
}

footer .footer_list li:first-child {
    margin: 0 0 0 0px;
    
}

footer .copy_text {
    color:#9e9d9e;
    text-align: left;
    margin: -5px 0 0 0;
}


/*---------------------------------------------------
Footer 旧
---------------------------------------------------*/ 

#footer{
width: 100%;
background: #F5F5F5;
margin: 0 auto;
text-align: center;
font-size: 12px;
}

.footerInner{
width: 940px;
padding: 20px 0;
margin: 0 auto;
text-align: center;
}

.footerLogo{
float: left;
margin-right: 20px;
}
.footerMenu{
float: left;
}

.footerMenu li{
float: left;
margin-right: 15px;
}
.footerSitemaps{
margin-bottom: 20px;
}
.footerSitemap{
width: 200px;
float: left;
text-align: left;
font-size: 12px;
}
.footerSitemap li{
text-align: left;
margin-bottom: 7px;
list-style-type: circle;
list-style-position: inside;
}

/*Footer Link
---------------------------------------------------*/ 

#footer a{
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}

/*youtube
----------------------------------------------------*/
/*リスト*/

#play_video {
    width: 435px;
    height: 245px;
    float: left;
}

.list_tube {
    background-color: #fff;
    color: #fff;
    float: right;
    font-size: 14px;
    height: 234px;
    min-width: 230px;
    width: 230px;
    overflow-x: auto;
    padding: 5px 5px;
}

.list_tube li {
    height: 55px;
    width: 210px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,f7f7f7+50,e6e6e6+100 */
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #f7f7f7 50%, #e6e6e6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f7f7f7 50%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#f7f7f7 50%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}


.list_tube li.selected {
    background: #fff;
    color: #9d0b0b;
}

.list_tube li a {
    padding: 5px 0 0;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
}

.y_thumb {      
    width: 85px;
}

.y_thumb img {
    width: 80px;
    height: auto;
}

.y_title {
    width: 115px;
    float: right;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4em;
    overflow: hidden;
    color: #5e6062;
    text-decoration: none;
}

.list_tube li.selected .y_title {
    color: #9d0b0b;
}

/*HTML5動画
----------------------------------------------------*/
/*動画プレイヤー*/

.bc-player-HkUhxyln_default .vjs-big-play-button {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
}

.bc-player-HkUhxyln_default .vjs-big-play-button:hover {
    background-color: rgba(204, 24, 30, 1);
}

.bc-player-HkUhxyln_default.vjs-mouse .vjs-big-play-button {
    height: 65px;
    left: 245px;
    position: absolute;
    top: 125px;
    width: 107px;
}

#koushi_video .bc-player-HkUhxyln_default.vjs-mouse .vjs-big-play-button {
    height: 65px;
    left: 177px;
    position: absolute;
    top: 75px;
    width: 107px;
}


.bc-player-HkUhxyln_default .vjs-big-play-button::before {
    color: #fff;
    content: "";
    display: block;
    font-family: VideoJS;
    font-size: 24px;
    line-height: 0px;
    margin: 34px auto;
    opacity: 0.8;
    text-align: center;
    width: 23px;
}

.bc-player-HkUhxyln_default.vjs-mouse .vjs-control-bar {
    display: flex;
    height: 33px;
    line-height: 33px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,d2d2d2+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #d2d2d2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    color: #777777;
    /* box-shadow */
    box-shadow:0px 5px 11px -2px #a7a7a7;
    -moz-box-shadow:0px 5px 11px -2px #a7a7a7;
    -webkit-box-shadow:0px 5px 11px -2px #a7a7a7;
}

.bc-player-HkUhxyln_default .vjs-control-bar {
  border-top: none;
}

.bc-player-HkUhxyln_default .vjs-progress-holder::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    width: 100%;
}

.vjs-mouse {
    border: 1px solid #e5e5e5;
    padding: 0;
}



/*複数動画プレイヤー*/

.vjs-mouse.vjs-playlist .vjs-playlist-item {
    height: 68px;
    width: 210px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,f7f7f7+50,e6e6e6+100 */
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #f7f7f7 50%, #e6e6e6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f7f7f7 50%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#f7f7f7 50%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

.vjs-mouse.vjs-playlist .vjs-playlist-item:hover {
  background: #fff;
}

.vjs-mouse.vjs-playlist .vjs-selected {
  background: #fff;
}



.bc-player-HkkYomYc_default .vjs-poster {
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    top: 0;
    width: 100%;
}


.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {
    width: 80px;
}

.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail img {
    width: 80px;
    height: auto;
    margin: 11px 0;
}

.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-thumbnail::before {
    height: 68px;
    line-height: 68px;
    width: 79px;
}

.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {
    font-size: 13px;
    height: 68px;
    margin-right: 10px;
    width: 80px;
}

.vjs-playlist-description {
  font-size: 10px;
}

.vjs-playlist-name {
  color: #5e6062;
  font-weight: bold;
  font-size: 12px;
}

.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-name {
  color: #9d0b0b;
}

.vjs-mouse.vjs-playlist  .vjs-playlist-item:hover .vjs-playlist-name {
  color: #8facca;
}


.vjs-mouse.vjs-playlist cite {
    height: 17px;
    line-height: 17px;
    margin: 3px 0 2px;
}

.vjs-mouse.vjs-playlist .vjs-playlist-description {
    height: 44px;
    color: #a6a6a6;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 14px;
    margin: 0 5px 0 0;
}

.vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail::before, .vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail::before {
    border-radius: 5px;
    font-family: VideoJS;
    height: 34px;
    left: 18px;
    line-height: 34px;
    top: 17px;
    width: 40px;
}

.vjs-playlist-duration {
  display: none;
}

.vjs-mouse.vjs-playlist {
    background-color: #fff;
    color: #fff;
    float: right;
    font-size: 14px;
    height: 234px;
    min-width: 230px;
    width:230px;
    overflow-x: auto;
    padding: 5px 5px;
}

.vjs-mouse{
  border: 1px solid #e5e5e5;
  padding: 5px;
}

/*player*/

.bc-player-HkkYomYc_default .vjs-big-play-button {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
}

.bc-player-HkkYomYc_default .vjs-big-play-button:hover {
    background-color: rgba(204, 24, 30, 1);
}

.bc-player-HkkYomYc_default.vjs-mouse .vjs-big-play-button {
    height: 65px;
    left: 155px;
    position: absolute;
    top: 80px;
    width: 107px;
}


.bc-player-HkkYomYc_default .vjs-big-play-button::before {
    color: #fff;
    content: "";
    display: block;
    font-family: VideoJS;
    font-size: 24px;
    line-height: 0px;
    margin: 34px auto;
    opacity: 0.8;
    text-align: center;
    width: 23px;
}

.bc-player-HkkYomYc_default.vjs-mouse .vjs-control-bar {
    display: flex;
    height: 33px;
    line-height: 33px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,d2d2d2+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #d2d2d2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    color: #777777;
    /* box-shadow */
    box-shadow:0px 5px 11px -2px #a7a7a7;
    -moz-box-shadow:0px 5px 11px -2px #a7a7a7;
    -webkit-box-shadow:0px 5px 11px -2px #a7a7a7;
}

.bc-player-HkkYomYc_default .vjs-control-bar {
  border-top: none;
}

.bc-player-HkkYomYc_default .vjs-progress-holder::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    width: 100%;
}

.vjs-mouse {
    border: 1px solid #e5e5e5;
    padding: 0;
}



/*---------------------------------------------------

Common

---------------------------------------------------*/ 

/*Common
---------------------------------------------------*/ 

.tableStyle{
width: 100%;
border: 1px solid #ccc;
}

.tableStyle th,
.tableStyle td{
padding: 12px 12px;
}

.tableStyle th{
width: 32%;
background: #F6f6f6;
border: 1px solid #CCC;
border-right: 1px dotted #CCC;
vertical-align: middle;
}

.tableStyle td{
border: 1px solid #CCC;
border-left: 1px dotted #CCC;
vertical-align: middle;
}

.tableStyle input,
.tableStyle select,
.tableStyle textarea{
padding: 3px;
}

.tableStyle .require{
font-size: 12px;
font-weight: bold;
color: #FC2626;
}

.tableStyle .example{
font-size: 12px;
color: #999;
}

/*---------------------------------------------------
Table
---------------------------------------------------*/ 

.basicTable{
width: 100%;
border-collapse: collapse;
border: 1px solid #CCC;
}

.basicTable th{
padding: 10px 15px;
border: 1px solid #CCC;
background: #C8ECFF;
}
.basicTable td{
padding: 10px 15px;
border: 1px solid #CCC;
}


/*---------------------------------------------------
commonAction02Block
---------------------------------------------------*/ 

.commonAction02Block{
position: relative;
height: 222px;
margin: 0 0 45px;
background: url(../img/common/common_action_bg02.jpg) no-repeat left top;
}



.commonAction02Block .actionSupp{
position: absolute;
bottom: 0;
left: 0;
font-size: 11px;
color: #888;
}



.commonAction02Block .commonActionContactAnchor,
.commonAction02Block .commonActionApplicationAnchor{
display: block;
height: 69px;
overflow: hidden;
position: relative;
width: 324px;
}

/*commonActionContact
---------------------------------------------------*/ 

.commonAction02Block .commonActionContact{
position: absolute;
top: 125px;
left: 11px;
}

.commonAction02Block .commonActionContactAnchor img{
position: absolute;
top: 0;
left: 0;
}
.commonAction02Block .commonActionContactAnchor img:hover{
position: absolute;
top: -69px;
left: 0;
}

/*commonActionApplication
---------------------------------------------------*/ 

.commonAction02Block .commonActionApplication{
position: absolute;
top: 125px;
left: 343px;
}

.commonAction02Block .commonActionApplicationAnchor img{
position: absolute;
top: 0;
left: -323px;
}
.commonAction02Block .commonActionApplicationAnchor img:hover{
position: absolute;
top: -69px;
left: -323px;
}

/*ActionBlockApplication
---------------------------------------------------*/ 

.basicTable{
border: 1px solid #c6cdb9;
border-collapse: collapse;
}

.articleBody{
position: relative;
margin: 0 0 40px;
}

.articleBody p{
margin: 15px 0;
}

.newsDate {
    font-family: Verdana;
    color: #999;
}

.articleBody .noMargin{
margin: 0;
}

.articleFooter{
margin-top: 70px;
}

.articleSection{
margin-bottom: 40px;
}

.link{
padding-left: 10px;
background: url(../img/common/link_arrow.png) no-repeat left 3px;
}

.link_faq{
padding-left: 10px;
background: url(../img/common/link_arrow.png) no-repeat left 8px;
}

.headingLevel02{
margin: 10px 0 20px 0;
padding: 2px 0 10px 15px;
border-bottom: 1px solid #E1E1E1;
background: url(../img/common/h2_title_bg.png) no-repeat left top;
/* font-size: 13px; */
}

.headingLevel03{
margin: 20px 0;
padding: 10px 15px 10px 15px;
border: 1px solid #ccc;
border-top: 2px solid #00ccff;
border-radius: 2px;
box-shadow: 0 1px 1px #ccc;
}

/*pageNavi
---------------------------------------------------*/ 

.pageNavi{
margin: 40px 0;
text-align: center;
}

.pageNavi li{
display: inline-block;
}

.pageNavi li .link_page{
display: block;
width: 30px;
padding: 6px 0;
background: #e1e1e1;
color: #333;
text-decoration: none;
}

.pageNavi li .link_next,
.pageNavi li .link_before{
display: block;
width: 80px;
padding: 6px 0;
background: #e1e1e1;
color: #333;
text-decoration: none;
}

/*LocalNavi
---------------------------------------------------*/ 

.localNaviBlock{
margin-bottom: 30px;
text-align: left;
box-shadow: 0 3px 2px #CCC;
}

.localNavi{
border: 1px solid #CCC;
border-bottom: 0px solid #CCC;
border-top: 0px solid #CCC;
}

.localNavi:fast-child{
border-top: 1px solid #CCC;
}

.localNavi .localNaviParentAnchor{
display: block;
padding: 7px 7px 5px 25px;
border-bottom: 1px solid #CCC;
background: #FFF url(../img/common/sub_localnavi_parent_bg.png) no-repeat 7px 10px;
text-decoration: none;
font-size: 12px;
color: #333;
}

.localNavi .localNaviChildren{
padding: 10px 0 6px;
background: #EEE;
border-bottom: 1px solid #CCC;
}
.localNavi .localNaviChildren .localNaviChild{
padding: 0 0 3px 25px;
background: #EEE url(../img/common/sub_localnavi_children_bg.png) no-repeat 10px 6px;
border-bottom: 0 solid #CCC;
font-size: 12px;
}
.localNavi .localNaviChildren .localNaviChild a{
display: block;
background: #EEE;
border-bottom: 0 solid #CCC;
text-decoration: underline;
}

.localNavi .localNaviChildrenLabel{
    padding: 0 0 3px 25px;
    font-size: 12px;
}

/*Font
---------------------------------------------------*/ 


.blockTitle{
margin: 0 0 30px;
border: 1px solid #999;
border-top: 3px solid #51A628;
padding: 10px 0 10px 20px;
/*line-height: 2.5;*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -o-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
box-shadow: 0 1px 3px #888;
/*background: url(../img/common/content_title_bg.png) no-repeat left top;*/
text-align: left;
font-size: 20px;
}

.contentTitle{/*
margin: 0 0 30px;
border: 1px solid #999;
border-top: 3px solid #51A628;
padding: 10px 0 10px 20px;
/*line-height: 2.5;*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -o-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
box-shadow: 0 1px 3px #888;*/
/*background: url(../img/common/content_title_bg.png) no-repeat left top;*/
/*text-align: left;
font-size: 20px;*/
}

#pageVisual{
position: relative;
margin-top: 10px;
}





/*///////////////////////////////////////////////////
//
//
//    PageStyle
//
//    - 各コンテンツのCSSを設定。
//
//
///////////////////////////////////////////////////*/

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

.mainMenu{
margin-top: 20px;
}

.troubleMenu{
position: absolute;
right: 1px;
top: 71px;
}

.troubleMenu .troubleMenuChild{
position: absolute;
right: 0;
top: 0;
}

.troubleMenu .troubleMenuParent{
position: absolute;
right: 0;
top: 86px;
}

.troubleMenu .troubleMenuDeskstyle{
position: absolute;
right: 0;
top: 172px;
}

.indexVoiceButton{
position: absolute;
top: 252px;
left: 7px;
}

.indexMainVisualBlock{
position: relative;
margin-top: 20px;
height: 352px;
}
.mainVisual1,
.mainVisual2{
position: absolute;
top: 0;
left: 0;
}


/*IndexContent
---------------------------------------------------*/

.indexContent{
float: left;
}

.indexContentSingle{
margin-bottom: 20px;
}

.indexContentOdd{
margin-right: 14px;
}

/*IndexStaffBlock
---------------------------------------------------*/

.indexStaffBlock{
margin: 30px 0 30px;
}

.indexStaffBlock h2{
margin: 0 0 20px;
}

/*---------------------------------------------------
//
//    サイトマップ -　saitomappu - sitemap
//
---------------------------------------------------*/

.sitemapSection{
float: left;
width: 225px;
}

.sitemapSection li{
margin-bottom: 12px;
list-style: inside disc;
}

.sitemap_section {
    margin: 0 0 25px;
}

.sitemap_section a,
.sitemap_area_section a {
    text-decoration: none;
}

.sitemap_area_section {
    margin: 0 0 10px;
}

.sitemap_area_section li{
    display: inline;
    margin: 0 3px 0 0;
 }

.sitmap_title {
    color: #fff;
    padding: 5px;
    font-size: 20px;
    margin: 0 0 15px;
    font-weight: bold;
    background: #036eb8;
}

.sitemap_ttl_01 {
    color: #e4007f;
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 20px;
}

.sitemap_ttl_02 {
    color: #f39800;
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 20px;
}

.sitemap_ttl_03 {
    color: #b28247;
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 20px;
}

.sitemap_ttl_04 {
    color: #8fc31f;
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 20px;
}

.sitemap_ttl_05 {
    color: #2ea7e0;
    margin: 25px 0 15px;
    font-weight: bold;
    font-size: 20px;
}

.sitemap_ttl_06 {
    color: #601986;
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 20px;
}

.sitemap_ttl_h4 {
    color: #00a2cb;
    font-weight: normal;
}

/*---------------------------------------------------
//
//    プライバシーポリシー -　puraipashiporishi - privacyporicy
//
---------------------------------------------------*/





/*---------------------------------------------------
//
//    教育ポータル -　news
//
---------------------------------------------------*/

.newsList li{
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #EEE;
}

.newsList .newsDate{
display: block;
float: left;
width: 100px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.newsList .newsCategoryCompany,
.newsList .newsCategoryEducation{
display: block;
float: left;
width: 90px;
margin-right: 10px;
padding: 2px 0;
background: #0EAFFF;
text-align: center;
font-size: 10px;
color: #FFF;
}

.newsList .oshirase .newsCategoryEducation{
background: #e73737;
}
.newsList .kyoiku .newsCategoryEducation{
background: #2661cd;
}
.newsList .koshin .newsCategoryEducation{
background: #279c45;
}


#newsBlock .newsFooter{
margin-top: 40px;
padding-top: 10px;
border-top: 2px solid #EEE;
}

.newsEntryFooter{
padding: 40px 40px 0;
border-left: solid 4px #F4F4FF;
border-right: solid 4px #F4F4FF;
}

/*newsFooterSocialButtonList
---------------------------------------------------*/ 

#newsEntryBlock .newsFooterSocialButtonList{
padding-top: 20px;
border-top: solid 4px #F4F4FF;
}

#newsEntryBlock .newsFooterSocialButtonList li{
float: left;
margin-left: 10px;
}

#newsEntryBlock .newsFooterSocialButtonList .newsFooterSocialButtonFacebook{
width: 75px;
}
#newsEntryBlock .newsFooterSocialButtonList .newsFooterSocialButtonTwitter{
width: 75px;
}
#newsEntryBlock .newsFooterSocialButtonList .newsFooterSocialButtonGoogle{
width: 50px;
}

#newsEntryBlock iframe.twitter-share-button{
width: 75px!important;
text-align: center!important;
}


/*newsEntryBlock
---------------------------------------------------*/ 

.newsEntryHeader{
padding: 0 40px 0;
border-left: solid 4px #F4F4FF;
border-right: solid 4px #F4F4FF;
}

.newsEntryBody{
padding: 40px 40px 0;
border-left: solid 4px #F4F4FF;
border-right: solid 4px #F4F4FF;
}

.newsEntryBody h3{
margin: 15px 0;
font-size: 18px;
font-weight: bold;
}

.newsEntryBody h4{
margin: 15px 0;
font-size: 14px;
font-weight: bold;
}

.newsEntryBody blockquote{
padding: 15px;
border-radius: 2px;
background: #f4f4f4;
color: #999;
}

#newsEntryBlock .headingLevel02 {
    font-size: 34px;
    border: 0px solid #FFFFFF;
    background: none;
    margin: 0;
    padding: 0;
}


/*newsAuthorBlock
---------------------------------------------------*/ 

.newsAuthorBlock{
position: relative;
margin-top: 30px;
padding: 15px;
background: #f5f5f5;
line-height: 1.4;
}
.newsAuthorBlock .newsAuthorTitle{
margin: 0 0 15px;
}
.newsAuthorBlock .newsAuthorImage{
display: inline;
float: left;
margin: 0 15px 0 0;
}
.newsAuthorBlock .newsAuthorHeader{
margin-bottom: 5px;
}
.newsAuthorBlock .newsAuthorName{
display: inline;
margin: 0;
font-weight: bold;
}
.newsAuthorBlock .newsAuthorName span{
font-size: 12px;
}
.newsAuthorBlock .newsAuthorSns{
display: inline;
}
.newsAuthorBlock .newsAuthorDescription{
display: inline;
margin: 0;
font-size: 12px;
}


/*NewsRelatedBlock
---------------------------------------------------*/ 

.newsRelatedEntryBlock{
position: relative;
margin: 50px 0 50px;
}

.newsRelatedEntryBlockTitle{
font-size: 20px;
}

.newsRelatedEntryBlock .newsRelatedEntry{
position: relative;
float: left;
width: 155px;
margin-left: 20px;
}

.newsRelatedEntryList{
margin-top: 20px;
}

.newsRelatedEntryList .newsRelatedEntry:first-child{
margin-left: 0;
}

.newsRelatedEntry .newsRelatedEntryThumbnail{
position: relative;
display: block;
overflow: hidden;
height: 90px;
margin: 0;
border: 4px solid #EFEFEF;
background: #EFEFEF;
}

.newsRelatedEntryThumbnail img{
position: absolute;
top: 0;
left: 0;
width: 155px;
height: auto;
}

.newsRelatedEntryBlock .newsRelatedEntryTitle{
display: block;
margin: 7px 0 0;
line-height: 1.6;
}


/*NewsnayamiCategory
---------------------------------------------------*/ 

h3.newsNayamiCategoryLisTitle{
text-align: center;
color: #fff;
font-size: 14px;
background: #193c7f;
margin: 15px 0 0 0;
padding: 5px 0;
}

.newsNayamiCategoryList{
position: relativel;
padding-bottom: 10px;
margin-bottom: 5px;
border-radius: 2px;
background: url(../img/nayami/nayami_category_list_bg.png) no-repeat center bottom;
}

.newsNayamiCategoryChildren,
.newsNayamiCategoryParent,
.newsNayamiCategoryDeskstyle{
background: #edfbff;
float: left;
}

.newsNayamiCategoryChildren,
.newsNayamiCategoryParent{
border-right: 1px solid #CCC;
}

.newsNayamiCategoryListAnchor{
position: relative;
overflow: hidden;
display: block;
width: 196px;
text-decoration: none;
padding: 13px 0;
text-align: center;
font-weight: bold;
font-size: 12px;
}

.newsNayamiCategoryListAnchor:hover{
background: #fffbb6;
}

.newsNayamiCategoryListCurrent{
width: 226px;
padding: 13px 0;
background: #fffbb6;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #666;
}


/*---------------------------------------------------
//
//    教育理念 -　rinen - idea
//
---------------------------------------------------*/ 

body.idea{
background: url(../img/rinen/rinen_bg.jpg) no-repeat center 125px;
}

.ideaTitle{
margin-top: 60px;
}

.ideaBlock p{
margin: 30px 0;
line-height: 1.9;
font-size: 14px;
text-shadow: 0 1px 2px #FFF;
}

.ideaSection{
margin: 60px 0;
}

/*---------------------------------------------------
//
//    教育理念 -　rinen - new2016
//
---------------------------------------------------*/ 

.page_rinen {
    line-height: 1.5em;
    font-size: 16px;    
}

.rinen_01 {
    margin: 0 0 20px;
}

.rinen_01 h2 {
    background: url(../img/rinen/rinen_ttl_01.png) no-repeat 115px 5px;
    font-size: 20px;
    padding: 10px 0;
    margin: 0 0 5px 0;
    color: #009fe8;
}

.rinen_01 img {
    float: left;
    margin: 0 15px 1px 0;
}

.rinen_02 {
    margin: 0 0 20px;
}

.rinen_02 h2 {
    background: url(../img/rinen/rinen_ttl_02.png) no-repeat 0px 5px;
    font-size: 20px;
    padding: 10px 12px;
    margin: 0 0 5px 0;
    color: #f29600;
}

.rinen_03 h2 {
    background: url(../img/rinen/rinen_ttl_03.png) no-repeat 0px 5px;
    font-size: 20px;
    padding: 10px 12px;
    margin: 0 0 5px 0;
    color: #8dc21f;
}

.rinen_text {
    margin: 0 0 20px;
}

.rinen_links {
    text-align: right;
    font-size: 15px;
}

.rinen_links a {
    color: #036eb8;
    text-decoration: none;
}

.rinen_links a:hover {
    color: #e4007f;
    text-decoration: none;
}




/*---------------------------------------------------
//
//    コース・料金 - ryoukin -　price
//
---------------------------------------------------*/ 

.priceMainVisual{
margin: 0 auto;
background: url(../img/ryoukin/price_main_bg.png) repeat-x left top;
text-align: center;
}

.priceMainVisual{
margin: 20px 0 20px;
}

.priceSection{
margin: 0 0 30px;
}

.priceSection h3{
margin: 0 0 18px;
}

.priceSection p{
margin: 0 0 15px;
}

.priceSection .priceCourseText{
margin-bottom: 30px;
}

/*PriceActionBlock
---------------------------------------------------*/ 



.priceActionBlock{
position: relative;
height: 220px;
margin: 0 0 45px;
background: url(../img/ryoukin/price_action.jpg) no-repeat left top;
}

.priceActionBlock .actionSupp{
position: absolute;
bottom: 0;
left: 0;
font-size: 11px;
color: #888;
}

.priceActionContact{
position: absolute;
top: 125px;
left: 11px;
}

.priceActionApplication{
position: absolute;
top: 125px;
left: 343px;
}

/*PriceCourseBlock
---------------------------------------------------*/ 

.priceCourseTextSection{
position: relative;
}

.priceCourseVoiceMovie{
margin-bottom: 15px;
}

.priceCourseTextLink1{
position: absolute;
top: 539px;
left: 26px;
}
.priceCourseTextLink2{
position: absolute;
top: 570px;
left: 26px;
}
.priceCourseTextLink3{
position: absolute;
top: 601px;
left: 26px;
}

.priceCourseVoice1{
margin-bottom: 25px;
padding: 35px 0 0 145px;
background: url(../img/ryoukin/price_course_voice_image1.jpg) no-repeat left top;
}
.priceCourseVoice2{
margin-bottom: 25px;
padding: 35px 0 0 0;
background: url(../img/ryoukin/price_course_voice_image2.jpg) no-repeat left top;
}
.priceCourseVoice3{
margin-bottom: 25px;
padding: 35px 0 36px 145px;
background: url(../img/ryoukin/price_course_voice_image3.jpg) no-repeat left top;
}

.priceCourseVoiceSection h3{
margin-bottom: 20px;
}

.priceCourseVoice p{
margin-bottom: 10px;
}

/*PriceEntryBlock
---------------------------------------------------*/ 

.priceEntrySection{
position: relative;
margin-bottom: 40px;
}

.priceEntrySection h3{
margin-bottom: 18px;
}

.priceEntry{
font-size: 22px;
font-weight: bold;
}

.priceEntryMessage{
position: absolute;
left: 100px;
top: 46px;
line-height: 1.2;
font-size: 11px;
}

.priceEntrySecurity{
margin-top: 10px;
font-size: 10px;
}

/*PriceFaqBlock
---------------------------------------------------*/ 

.priceFaq{
float: left;
width: 325px;
border: 3px solid #E2E2E2;
border-radius: 5px;
}

.priceFaq .priceFaqQuestion{
margin: 10px 10px 8px 10px;
padding: 0 0 0 40px;
background: url(../img/ryoukin/price_faq_question.png) no-repeat left top;
font-weight: bold;
line-height: 1.3;
color: #4C8ADD;
min-height: 27px;
}

.priceFaq .priceFaqAnswer{
margin: 8px 10px 10px 10px;
padding: 0 0 0 40px;
background: url(../img/ryoukin/price_faq_answer.png) no-repeat left top;
line-height: 1.3;
}

.priceFaq .priceFaqAnswer span{
display: block;
margin-bottom: 5px;
font-weight: bold;
line-height: 1.3;
color: #F05050;
}

.priceFaqOdd{
margin: 0 15px 15px 0;
}

/*---------------------------------------------------
//
//    料金ページ  - ryoukin
//
---------------------------------------------------*/  

.ryoukin_content01 {
    margin: 0 0 20px;
}

.ryoukin_content01_block {
    margin: 0 0 15px;    
}

.ryoukin_content01_block h3 {
    font-size: 20px;
    padding: 7px 0 5px 45px;
    color: #1e95d4;
    margin: 0 0 5px;
}

.ryoukin_content01_block .ic01 {
    background: url(../img/ryoukin/icon_01.png) no-repeat left top;
}

.ryoukin_content01_block .ic02 {
    background: url(../img/ryoukin/icon_02.png) no-repeat left top;
}

.ryoukin_content01_block .ic03 {
    background: url(../img/ryoukin/icon_03.png) no-repeat left top;
}

.price_text{
    background: url(../img/ryoukin/line_01.png) no-repeat 7px top;
    margin: 0 0 20px;
    font-size: 24px;
    padding: 0 0 0 45px;
    line-height: 1.2em;
    font-weight: bold;
}

.price_text02{
    background: url(../img/ryoukin/line_01.png) no-repeat 7px top;
    margin: 0 0 20px;
    font-size: 24px;
    padding: 0 0 0 45px;
    line-height: 1.6em;
    font-weight: bold;
}

.red_block {
    border: 3px dashed #d71718;
    border-radius: 20px;
    position: relative;
    padding:  15px 5px 10px;
}
.red_block h4 {
    background: #fff;
    color: #d71718;
    border-radius: 18px;
    position: absolute;
    top: -10px;
    left: 0;
}
.red_block li {
    padding-left: 1em;
    text-indent:  -1em;
}

.ryoukin_content02 {
    margin: 0 0 20px;
}

.ryoukin_content02_block {
    margin: 0 0 15px;    
}

.ryoukin_content02_block h3 {
    font-size: 20px;
    padding: 13px 0 5px 45px;
    color: #ee96bd;
    margin: 0 0 5px;
}

.ryoukin_content02_block .ic01 {
    background: url(../img/ryoukin/icon_04.png) no-repeat left top;
}

.ryoukin_content02_block .ic02 {
    background: url(../img/ryoukin/icon_05.png) no-repeat left top;
}

.ryoukin_content02_block .ic03 {
    background: url(../img/ryoukin/icon_06.png) no-repeat left top;
}

.price_text03{
    margin: 0 0 0;
    font-size: 24px;
    padding: 0 0 0 45px;
    line-height: 1.6em;
    font-weight: bold;
}
.ryoukin_content02_box {
    margin: 0 0 10px;
    padding: 0 0 0 45px; 
}

.bg_sodate {
    background: url(../img/ryoukin/sodate.png) no-repeat 500px 20px;    
}

.ryoukin_content02 table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px;
}
.ryoukin_content02 table th{
    padding: 0;
    text-align: center;
    vertical-align: middle;
    color: #333;
    border: 1px solid #b9b9b9;
}
.ryoukin_content02 table td{
    padding: 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #b9b9b9;
}
.ryoukin_content02 table td img{
    max-width: 80px;
    width: auto;
    display: block;
    margin: 0 auto;
}


.ryoukin_content03 {
    margin: 0 0 20px;
}

.ryoukin_content03_block h3 {
    font-size: 20px;
    padding: 7px 0 5px 45px;
    color: #8aba29;
    margin: 0 0 5px;
}

.ryoukin_content03_block .ic01 {
    background: url(../img/ryoukin/icon_07.png) no-repeat left top;
}

.ryoukin_content03_block .ic02 {
    background: url(../img/ryoukin/icon_08.png) no-repeat left top;
}

.price_text04 img {
    float: left;
    margin: 0 15px 1px 0;
}

.price_text04 h4 {
    font-size: 16px;
    margin: 0 0 5px 0;
    color: #2ca339;
}


.ryoukin_content04_block {
    margin: 0 0 20px;    
}

.ryoukin_content04_block dl {
    margin: 0;    
}

.ryoukin_content04_block dt {
    width: 114px;
    float: left;
    clear: both;    
}

.ryoukin_content04_block dd {
    width: 550px;
    float: right;    
    margin: 0 0 20px;
}
.ryoukin_content04_block dd h4 {
    font-size: 16px;
}

.ryoukin_end_banner {
    position: relative;
    margin: -42px 0 0 0;
    z-index: 9;
}

.articleBody p.ryoukin_end_banner {
    position: relative;
    margin: -42px 0 0 0;
    z-index: 9;
}

.banner_line {
    position: absolute;
    top: 160px;
    left: 20px;
}


/*---------------------------------------------------
//
//    対応エリア - eria -　area
//
---------------------------------------------------*/  

.areaMainVisualTitle{
position: absolute;
top: 15px;
left: 5px;
font-size: 16px;
color: #fdff50;
font-weight: bold;
}

.areaMainVisualTitle b{
font-size: 22px;
}


.areaKansai{
position: absolute;
top: 535px;
left: 278px;
border-radius: 2px;
padding: 5px 0 0 5px;
background: #C8E2F6;
width: 140px;
}

.areaTokai{
position: absolute;
top: 500px;
left: 434px;
width: 140px;
border-radius: 2px;
padding: 5px 0 0 5px;
background: #C8E2F6;
}

.areaShikoku{
position: absolute;
top: 535px;
left: 184px;
width: 75px;
border-radius: 2px;
padding: 5px 0 0 5px;
background: #C8E2F6;
}

.areaHokushinetsu{
position: absolute;
top: 237px;
left: 277px;
width: 140px;
border-radius: 2px;
padding: 5px 0 0 5px;
background: #C8E2F6;
}

.areaKyushu{
position: absolute;
top: 565px;
left: 6px;
width: 140px;
border-radius: 2px;
padding: 5px 0 0 5px;
background: #C8E2F6;
}

.areaChugoku{
position: absolute;
top: 305px;
left: 103px;
width: 140px;
border-radius: 2px;
padding: 5px 0 0 5px;
background: #C8E2F6;
}

.areaMap{
height: 680px;
position: relative;
background: url(../img/area/map.png) no-repeat center top;
}

.areaButton:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.00, #efe457));
background: -webkit-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -moz-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -o-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -ms-linear-gradient(top, #efe457 0%, #feae31 100%);
background: linear-gradient(top, #efe457 0%, #feae31 100%);
}

.areaButton{
display: block;
float: left;

margin: 0 5px 5px 0;
padding:  6px 0 4px;
border-radius: 5px;
width: 65px;
text-align: center;
box-shadow: 0 1px 1px #666;

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c8d7dc), color-stop(0.00, #f2f5f6));
background: -webkit-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
background: -o-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
background: -ms-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
background: linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);

text-decoration: none;
color: #333;
font-size: 12px;
}

#areaNotDispatch{
border: 1px solid #E0E0E0;
background: #EFEFEF;
margin: 30px 0 0;
padding: 15px 20px;
font-size: 12px;
color: #666;
}

#areaNotDispatch p{
margin: 0 0 10px;
}

.areaDetailListNotDispatch{
margin: 10px 0 0;
}

.areaDetailListNotDispatch li{
float: left;
margin: 3px 15px 0 0;
}

.areaDetail li{
float: left;
    margin: 0 10px 10px 0;
    width: 210px;
}



/*
.areaBlock h3{
margin: 20px 0;
padding: 7px 10px;
border: 1px solid #00C9FB;
border-radius: 3px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5cdeff), color-stop(0.02, #00ccff));
background: -webkit-linear-gradient(top, #00ccff 2%, #5cdeff 100%);
background: -moz-linear-gradient(top, #00ccff 2%, #5cdeff 100%);
background: -o-linear-gradient(top, #00ccff 2%, #5cdeff 100%);
background: -ms-linear-gradient(top, #00ccff 2%, #5cdeff 100%);
background: linear-gradient(top, #00ccff 2%, #5cdeff 100%);
font-size: 16px;
color: #333;
}*/

/*Area
---------------------------------------------------*/ 

.areaBlock .areaImage{
float: right;
margin: -20px 0 0 0;
}

.areaSection{
clear: both;
}

.areaActionBlock{
background: url(../img/area/area_action_bg.jpg) no-repeat left top;
}

.areaActionBlock .actionSupp{
position: absolute;
bottom: 0;
left: 0;
font-size: 11px;
color: #888;
}

.areaBlockLeft{
float: left;
margin-right: 20px;
    width: 450px;
}

.areaBlockRight{
float: left;
margin-top: 20px;
}
.pco {
    display: block !important;
}
.pco {
display: block !important;
display: none !important;
}


/*araeHotEntryList
---------------------------------------------------*/ 

.areaPrefHotEntryList li{
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #EEE;
font-size: 12px;
}

.areaPrefHotEntryList li:first-child{
padding-top: 10px;
border-top: 1px solid #EEE;
}

.areaPrefHotEntryList .areaPrefHotEntryDate{
display: block;
float: left;
width: 100px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
}

/*---------------------------------------------------
Area Detail
---------------------------------------------------*/ 

.areaCityBlock{
/*padding-top: 350px;*/
}

.areaCityQuestionnaireAllBlock{
position: relative;
}

.areaCityQuestionnaireAllTitle{
margin: 0 15px 15px;
font-size: 19px;
}

.areaCityQuestionnaireListBlock{
padding: 10px;
border: 1px solid #BF9E74;
background: url(../img/area/area_questionnaire_bg.jpg) repeat left top;
/*max-height: 780px;
overflow: auto;
overflow-x:hidden;*/
}

.areaCityQuestionnaireBlock{
position: relative;
z-index: 9999;
background: #FFF;
box-shadow: 0 3px 1px #999;
}

.areaCityQuestionnaireLeftBlock{
    /*
float: left;
margin-left: 15px;
*/
float: right;
margin-right: 15px;
}
.areaCityQuestionnairePhoto{
margin: 15px 0 0;
border: 2px solid #FFF;
box-shadow: 2px 0 3px #000;
}
.areaCityQuestionnaireName{
margin: 8px 0;
font-size: 12px;
text-align: center;
line-height: 1.5;
}
.areaCityQuestionnaireRightBlock .areaCityQuestionnaireNameNoPhoto{
position: absolute;
top: 16px;
left: 143px;
font-size: 12px;
margin: 0;
}

.areaCityQuestionnaireRightBlock .areaCityQuestionnaireImage{
margin-bottom: 10px;
}

.areaCityQuestionnaireRightBlock{
float: left;
width: 414px;
margin: 15px 15px 0;
}

.areaCityQuestionnaireTitle{
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #95714E;
}

.areaCityQuestionnaireStaffCommentBlock{
position: relative;
z-index: 1;
padding: 15px 0 25px;
margin: 0 0 30px 0;
background: url(../img/area/area_questionnaire_staff_bg.png) no-repeat left bottom;
font-size: 12px;
color: #5A3A1A;
}
.areaCityQuestionnaireStaffCommentTitle{
float: left;
margin-left: 15px;
}
.areaCityQuestionnaireStaffCommentBlock .areaCityQuestionnaireStaffCommentBody{
padding-left: 15px;
margin: 0 0 0 15px;
border-left: 1px solid #95714E;
float: left;
max-width: 440px;
line-height: 1.5;
}

/*
.areaCityTeacherAllBlock .areaCityTeacherBlock:nth-child(odd) .areaCityTeacherImage{
background-color: #ffa58a;
}
.areaCityTeacherAllBlock .areaCityTeacherBlock:nth-child(even) .areaCityTeacherImage{
background-color: #b1e69c;
}
*/


.areaCityTeacherTitle{
height: 52px;
margin: 64px 0 0;
padding-left: 20px;
background: url(../img/area/area_city_teacher_title_bg.png) no-repeat left top;
line-height: 2.5;
font-size: 19px;
}

.areaCityTeacherListBlock{
    box-shadow: 0 3px 3px #CCC;
    margin: 15px 0 40px;
    padding: 20px ;
}
.areaCityTeacherListBlockTop{
    display: flex;
    box-shadow: 0 3px 3px #CCC;
    margin: 15px 0 40px;
    padding: 20px;
}


.areaCityTeacherBlock{
    position: relative;
    margin: 15px 0 15px 15px;
    min-height: 240px;
}

.areaCityTeacherBlock .areaCityTeacherCommentBlock{
    display: inline;
    width: 380px;
}
.areaCityTeacherBlock .areaCityTeacherComment{
    margin: 0 0 30px 0;
    line-height: 1.61;
    background: url(../img/teacher/teacher_comment_bg.png) repeat left top;
}



.areaCityTeacherBlock .areaCityTeacherCommentBlock img{
    display: block;
    margin-bottom: 15px;
}

.areaCityTeacherBlock .areaCityTeacherImage{
    padding: 0 0 70px 0;
    margin: 0;
}

.areaCityTeacherBlock .areaCityTeacherImage img{
    background: #EEE url(../img/teacher/teacher_frame_large.png) no-repeat left top;
}

.areaCityTeacherBlock .red img{
    background-color: #ffa58a;
}
.areaCityTeacherBlock .green img{
    background-color: #b1e69c;
}
.areaCityTeacherBlock .blue img{
    background-color: #aae5f6;
}
.areaCityTeacherBlock .yellow img{
    background-color: #fdd476;
}

.areaCityTeacherBlock .areaCityTeacherInfomation{
    position: relative;
    display: inline;
    float: left;
    width: 205px;
    background: #FFF;
}

.areaCityTeacherBlock .areaCityTeacherName{
    position: absolute;
    top: 165px;
    margin: 0;
    padding: 15px 15px 12px 35px;
    box-shadow: 0 2px 2px #CCC;
    background: #FFF;
    min-width: 110px;
    max-width: 135px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
}

.areaCityTeacherBlock .areaCityTeacherName span{
    font-size: 20px;
}

.areaCityTeacherBlock .areaCityTeacherName .image{
    position: absolute;
    top: -17px;
    left: -48px;
}

.areaCityTeacherCommentBlock{
/*position: absolute;
top: 160px;
left: 0;
background: url(../img/area/area_teacher_comment_bg.png) no-repeat left top;
    clear: both;
    font-size: 12px;
    height: 95px;
height: 300px;
    width: 305px;
height: 105px;*/
}

.areaCityQuestionnaireBlockNoPhoto{
width: 615px;
}

.areaCityApplicationForm p{
margin: 15px 0;
}

.areaCityQuestionnaireBlock .areaCityQuestionnaireText{
font-size: 12px;
color: #666;
}

.areaCityQuestionnaireRightBlock .areaCityQuestionnaireZoom{
text-align: right;
margin: 0 0 9px;
}



.areaCityActionBlock{
position: relative;
margin: 30px 0;
height: 306px;
background: url(../img/area/area_city_image02.png) no-repeat left top;
}


.areaCityActionBlock02{
position: relative;
margin: 30px 0;
height: 345px;
background: url(../img/area/02.png) no-repeat left top;
}


.areaCityActionBlock2{
position: relative;
margin: 30px 0;
height: 300px;
background: url(../img/area/area_city_image05_a.png) no-repeat left top;
}

.areaCityActionApplicationAnchor{
position: absolute;
display: block;
top: 28px; 
left: 95px;
width: 481px;
height: 69px;
overflow: hidden;
}

.areaCityActionBlock02 .areaCityActionApplicationAnchor{
position: absolute;
display: block;
top: 78px; 
left: 58px;
width: 481px;
height: 69px;
overflow: hidden;
}

.areaCityActionApplicationAnchor2{
position: relative;
display: block;
top: 90px; 
left: 95px;
width: 481px;
height: 69px;
overflow: hidden;
}


.areaCityActionApplicationAnchor img{
position: absolute;
top: 0;
left: 0;
}

.areaCityActionApplicationAnchor2 img{
position: relative;
top: 0px;
left: 0;
}

.areaCityActionApplicationAnchor:hover img{
position: absolute;
top: -70px;
left: 0;
}

.areaCityActionApplicationAnchor2:hover img{
position: relative;
top: -70px;
left: 0;
}

.areaCityBlock .totalFixed{
position: fixed;
top: 380px;
margin-left: 640px !important;
}

.areaCityActionBlock .areaCityActionAnchor{
position: absolute;
top: 272px;
left: 64px;
margin: 0;
}

.areaCityActionBlock02 .areaCityActionAnchor{
position: absolute;
top: 309px;
left: 57px;
margin: 0;
}


.areaCityActionBlock2 .areaCityActionAnchor2{
position: relative;
top: 255px;
left: 22px;
margin: 0;
}

.noneTeacherMessage{
position: absolute;
top: 30px;
left: 40px;
}

.areaMfiQ{
background: #C8ECFF url(../img/area/qa_dt_icon.png) no-repeat 10px 5px;
  min-height: 34px;
}

.areaMfiA{
 border-top-width: 1px;
  background: #fff url(../img/area/qa_dt_icon.png) no-repeat 10px 5px;
}

.study_nav {
    margin: 0 0 25px;
    width: 100%;
}

.study_nav p{
    margin-bottom: 3px;
    width: 100%;
}

.study_nav img {
    width: 100%;
}
.study_nav nav li {
    display: inline-block;
    margin: 0.5% 0.5% 0 0;
    width: 33%;
}
.study_nav nav li:last-child {
    margin: 0.5% 0 0;
}
.study_nav nav li img {
    width: 100%;
}

.study_nav nav li img:hover {
    opacity: 0.8;
}



/*areaHighSchoolDeviationBlock
---------------------------------------------------*/

.areaHighSchoolDeviationBlock{
background: url(../img/area/area_high_school_title.png) no-repeat left top;
}
.areaHighSchoolDeviationBlock .description{
width: 420px;
margin-bottom: 30px;
}
.areaHighSchoolDeviationBlock h2{
padding: 50px 0 20px 15px;
margin-bottom: 10px;
font-size: 19px;
}
.areaHighSchoolDeviationBlock h3{
margin-bottom: 10px;
font-size: 16px;
}
.areaPrivateHighSchoolDeviationBlock,
.areaPublicHighSchoolDeviationBlock{
width: 320px;
float: left;
}

.areaHighSchoolDeviationBlock td{
padding: 5px 15px;
}

.areaPrivateHighSchoolDeviationBlock{
margin-left: 20px;
}
.areaHighSchoolDeviationBlock .even{
background: #F8F8F8;
}
.areaHighSchoolDeviationBlock .name{
width: 75%;
}
.areaHighSchoolDeviationBlock .deviation{
width: 25%;
}


/*areaCityActionBlock
---------------------------------------------------*/ 
.areaCitiesActionBlock{
position: relative;
height: 215px;
margin: 0 0 45px;
background: url(../img/area/area_city_action_bg.jpg) no-repeat left top;
}

.areaCitiesActionBlock .actionSupp{
position: absolute;
bottom: 0;
left: 0;
margin: 0;
font-size: 11px;
color: #888;
}

.areaCitiesActionBlock .areaCitiesActionCatch{
position: absolute;
top: 10px;
left: 113px;
margin: 0;
}

/*commonActionContact
---------------------------------------------------*/ 

.areaCitiesActionBlock .areaCitiesActionContact{
position: absolute;
top: 153px;
left: 126px;
margin: 0;
}
.areaCitiesActionBlock .areaCitiesActionContactAnchor{
display: block;
height: 34px;
overflow: hidden;
position: relative;
width: 527px;
}
.areaCitiesActionBlock .areaCitiesActionContactAnchor img{
position: absolute;
top: 0;
left: 0;
}
.areaCitiesActionBlock .areaCitiesActionContactAnchor img:hover{
position: absolute;
top: -34px;
left: 0;
}

/*commonActionApplication
---------------------------------------------------*/ 

.areaCitiesActionBlock .areaCitiesActionApplication{
position: absolute;
top: 70px;
left: 126px;
margin: 0;
}
.areaCitiesActionBlock .areaCitiesActionApplicationAnchor{
display: block;
height: 75px;
overflow: hidden;
position: relative;
width: 203px;
}
.areaCitiesActionBlock .areaCitiesActionApplicationAnchor img{
position: absolute;
top: 0;
left: 0px;
}
.areaCitiesActionBlock .areaCitiesActionApplicationAnchor img:hover{
position: absolute;
top: -75px;
left: 0px;
}



.areaCityQuestionnaireBlock .areaCityQuestionnairePin{
position: absolute;
top: -10;
left: 615px;
margin: 0;
}

.areaCityQuestionnaireAllBlock .areaCityQuestionnaireHeader{
position: absolute;
top: 0;
left: 630px;
margin: 0;
z-index: 9999;
}

body.entry #sub{
margin-top: 660px;
}

body.entry #main{
margin-top: 0;
}

.cityMain{
    /* position: relative; */
    width: 960px;
    height: 600px;
    background: url(../img/area/main_area.jpg) no-repeat left 15px;
    margin-top: 15px;
}
.city_kousibosyuu{
    position: absolute;
    width: 383px;
    height: 54px;
    background: url(../img/area/kousibosyuu_area.png) no-repeat;
    left: 578px;
    top: 0px;
}
.city_kousibosyuuName{
    position: absolute;
    top: 19px;
    left: 18px;
    font-size: 17px;
    color: #0DAFFF
    font-weight: bold;
}

.cityMainAreaName{
position: absolute;
top: 52px;
left: 24px;
font-size: 16px;
color: #3a3a3a;
font-weight: bold;
}
.cityMainAreaName b {
    font-size: 30px;
    color: rgb(255, 43, 20);
}


.areaNayamiBlock{
margin-bottom: 30px;
}
.areaNayamiBlock .areaNayamiTitle{
padding: 87px 0 33px 15px;
background: url(../img/area/area_nayami_title.jpg) no-repeat left top;
font-size: 19px;
}

.areaNayamiBlock .areaNayamiList{
padding: 15px 0 15px 50px;
background: url(../img/area/area_nayami_bg.png) no-repeat left top;
}

.areaNayamiBlock .areaNayamiList li{
margin: 0 0 10px;
font-size: 12px;
}

.areaCityApplicationForm{
margin-top: 30px;
}

/*---------------------------------------------------
//
//    対応エリア - eria -　リニューアル
//
---------------------------------------------------*/  

.maps {
    margin: -170px 0 30px 28px;
}

.eria_content_02 {
    margin: 0 0 35px;
    background: url(../img/eria/icatchi.png) no-repeat 20px top;
    padding: 20px 0;
}

.eria_content_02 p {
    background: #fff;
    margin: 0px 10px 15px 140px;
    font-size: 16px;
}


.ttl_eria_top_box {
    margin: 0 0 25px 0;
}

.eria_content_03 .ttl_eria_top_h3 {
    font-size: 24px;
    border-bottom: 3px dashed #f8b62d;
    position: relative;
    margin: 0 0 0 25px;
    padding: 0 0 0 10px;
}

.eria_content_03 .ttl_eria_top_h3 h3 {
    float: left;
}

.ttl_eria_top_h3 p {
    float: right;
    width: 205px;
    font-size: 14px;
    margin: -5px 0 0;
}

.eria_top_ad {
    font-size: 16px;
    margin: 0 0 0 25px;
}



.eria_content_03 h3:after{
content: "";
position: absolute;
background: url(../img/eria/icon_01.png) no-repeat right top;
height: 46px;
width: 32px;
left: -25px;
top: -15px;
}

.eria_content_03 dt {
    color: #fff;
    background: #f8b62d;
    position: relative;
    margin: 0 0 15px 45px;
    padding: 0 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
}

.eria_content_03 dt:after{
content: "";
position: absolute;
background: url(../img/eria/icon_b_01.png) no-repeat right top;
height: 31px;
width: 26px;
left: -14px;
top: -6px;
}

.eria_content_03 dd {
    margin: 0 0 30px 60px;
    display: none;
}


.eria_content_04 .ttl_eria_top_h3 {
    font-size: 24px;
    border-bottom: 3px dashed #8fc31f;
    position: relative;
    margin: 0 0 0 25px;
    padding: 0 0 0 10px;
}

.eria_content_04 .ttl_eria_top_h3 h3 {
    float: left;
}

.eria_content_04 h3:after{
content: "";
position: absolute;
background: url(../img/eria/icon_02.png) no-repeat right top;
height: 46px;
width: 32px;
left: -25px;
top: -15px;
}

.eria_content_04 dt {
    color: #fff;
    background: #8fc31f;
    position: relative;
    margin: 0 0 15px 45px;
    padding: 0 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
}

.eria_content_04 dt:after{
content: "";
position: absolute;
background: url(../img/eria/icon_b_02.png) no-repeat right top;
height: 31px;
width: 26px;
left: -14px;
top: -6px;
}

.eria_content_04 dd {
    margin: 0 0 30px 60px;
    display: none;
}

.eria_content_05 .ttl_eria_top_h3 {
    font-size: 24px;
    border-bottom: 3px dashed #54c3f1;
    position: relative;
    margin: 0 0 0 25px;
    padding: 0 0 0 10px;
}

.eria_content_05 .ttl_eria_top_h3 h3 {
    float: left;
}

.eria_content_05 h3:after{
content: "";
position: absolute;
background: url(../img/eria/icon_03.png) no-repeat right top;
height: 46px;
width: 32px;
left: -25px;
top: -15px;
}

.eria_content_05 dt {
    color: #fff;
    background: #54c3f1;
    position: relative;
    margin: 0 0 15px 45px;
    padding: 0 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
}

.eria_content_05 dt:after{
content: "";
position: absolute;
background: url(../img/eria/icon_b_03.png) no-repeat right top;
height: 31px;
width: 26px;
left: -14px;
top: -6px;
}

.eria_content_05 dd {
    margin: 0 0 30px 60px;
    display: none;
}

.eria_content_06 .ttl_eria_top_h3 {
    font-size: 24px;
    border-bottom: 3px dashed #f19ec2;
    position: relative;
    margin: 0 0 0 25px;
    padding: 0 0 0 10px;
}

.eria_content_06 .ttl_eria_top_h3 h3 {
    float: left;
}

.eria_content_06 h3:after{
content: "";
position: absolute;
background: url(../img/eria/icon_04.png) no-repeat right top;
height: 46px;
width: 32px;
left: -25px;
top: -15px;
}

.eria_content_06 dt {
    color: #fff;
    background: #f19ec2;
    position: relative;
    margin: 0 0 15px 45px;
    padding: 0 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
}

.eria_content_06 dt:after{
content: "";
position: absolute;
background: url(../img/eria/icon_b_04.png) no-repeat right top;
height: 31px;
width: 26px;
left: -14px;
top: -6px;
}

.eria_content_06 dd {
    margin: 0 0 30px 60px;
    display: none;
}

.eria_content_07 .ttl_eria_top_h3 {
    font-size: 24px;
    border-bottom: 3px dashed #22ac38;
    position: relative;
    margin: 0 0 0 25px;
    padding: 0 0 0 10px;
}

.eria_content_07 .ttl_eria_top_h3 h3 {
    float: left;
}

.eria_content_07 h3:after{
content: "";
position: absolute;
background: url(../img/eria/icon_05.png) no-repeat right top;
height: 46px;
width: 32px;
left: -25px;
top: -15px;
}

.eria_content_07 dt {
    color: #fff;
    background: #22ac38;
    position: relative;
    margin: 0 0 15px 45px;
    padding: 0 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
}

.eria_content_07 dt:after{
content: "";
position: absolute;
background: url(../img/eria/icon_b_05.png) no-repeat right top;
height: 31px;
width: 26px;
left: -14px;
top: -6px;
}

.eria_content_07 dd {
    margin: 0 0 30px 60px;
    display: none;
}

.eria_content_08 {
    margin: 0 0 50px;
}
.eria_content_08 .ttl_eria_top_h3 {
    font-size: 24px;
    border-bottom: 3px dashed #c85fa0;
    position: relative;
    margin: 0 0 0 25px;
    padding: 0 0 0 10px;
}

.eria_content_08 .ttl_eria_top_h3 h3 {
    float: left;
}

.eria_content_08 h3:after{
content: "";
position: absolute;
background: url(../img/eria/icon_06.png) no-repeat right top;
height: 46px;
width: 32px;
left: -25px;
top: -15px;
}

.eria_content_08 dt {
    color: #fff;
    background: #c85fa0;
    position: relative;
    margin: 0 0 15px 45px;
    padding: 0 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
}

.eria_content_08 dt:after{
content: "";
position: absolute;
background: url(../img/eria/icon_b_06.png) no-repeat right top;
height: 31px;
width: 26px;
left: -14px;
top: -6px;
}

.eria_content_08 dd {
    margin: 0 0 30px 60px;
    display: none;
}

.eriaDetail li {
    float: left;
    margin: 0 10px 10px 0;
    width: 196px;
}

.eriaNotDispatch {
    background: #efefef none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    color: #666;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 15px 20px;
}

.eriaDetailListNotDispatch li {
    float: left;
    margin: 3px 15px 0 0;
}

.eriaDetailListNotDispatch{
margin: 10px 0 0;
}

.eriaDetailListNotDispatch li{
float: left;
margin: 3px 15px 0 0;
}

.eriaDetail li{
float: left;
    margin: 0 10px 10px 0;
    width: 196px;
}


/*---------------------------------------------------
県ページ
---------------------------------------------------*/ 

.ken_main {
    position: relative;
}

.ken_text_01 {
    color: #fff100;
    font-size: 24px;
    position: absolute;
    top: 12px;
    left: 15px;
    font-weight: bold;
}

.ken_text_02 {
    font-size: 16px;
    position: absolute;
    top: 383px;
    left: 15px;
}

.ken_text_03 {
    right: 10px;
    top: 410px;
    position: absolute;
}

.ken_text_03 a {
    color: #fff100;
    padding: 0 35px 0 0;
    position: relative;
    font-size: 16px;
    text-decoration: none;
}

.ken_text_03 a:after {
    content: "";
    position: absolute;
    background: url(../img/eria/ken/ya_00.png) no-repeat right top;
    height: 27px;
    width: 27px;
    right: 0px;
    top: -7px;
}

.ken_katei {
    float: left;
    background: url(../img/eria/ken/waku_01.png) no-repeat left top;
    background-size: 340px;
    padding: 30px 10px 5px 20px;
    width: 310px;
}

.ken_katei p {
    font-size: 16px;
    font-weight: bold;
    color: #e4007f;
    border-bottom: 2px solid #e4007f;
    padding: 0 0 0 15px;
}

.ken_katei dt {
    font-size: 28px;
    font-weight: bold;
    padding: 0 0 0 10px;
    border-bottom: 2px solid #e4007f;
    margin: 0 0 5px 0;
}

.ken_katei dd {
  -webkit-margin-start: 0px;
}

.ken_katei dt span {
    font-size: 14px;
    font-weight: normal;
}

.ken_kuchi {
    float: right;
    background: url(../img/eria/ken/waku_02.png) no-repeat left top;
    background-size: 340px;
    padding: 30px 10px 0px 20px;
    width: 310px;
}

.ken_kuchi p {
    font-size: 16px;
    font-weight: bold;
    color: #f2ae00;
    border-bottom: 2px solid #f2ae00;
    padding: 0 0 0 15px;
}

.ken_kuchi dt {
    font-size: 28px;
    font-weight: bold;
    border-bottom: 2px solid #f2ae00;
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
}

.ken_kuchi dt span {
    font-size: 14px;
    font-weight: normal;
}

.ken_kuchi dd {
  -webkit-margin-start: 0px;
}

.ken_h2_ttl {
    position: relative;
}

h2.ken_h2 {
    color: #fff100;
    font-size: 20px;
    position: absolute;
    left : 90px;
    top: 36px;
}
h2.shi_h2_02 {
    color: #fff100;
    font-size: 20px;
    position: absolute;
    left : 90px;
    top: 39px;
}

.ken_news {
    border-left: 2px dashed #00a0e9;
    border-right: 2px dashed #00a0e9;
    border-bottom: 2px dashed #00a0e9;
    margin: 0 20px 0;
    padding: 0 5px;
}

.eriaPrefHotEntryList {
     margin: 0 10px 10px;
}

.eriaPrefHotEntryList .eriaPrefHotEntryDate {
    color: #666;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100px;
    margin: 0 0 10px;
}


.eriaPrefHotEntryList li {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.eriaPrefHotEntryList li:first-child {
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.eriaPrefHotEntryList .eriaPrefHotEntryDate {
    color: #666;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100px;
}

.no_eria_link {
    border-top: 2px dashed #22ac38;
    color: #22ac38;
    padding: 5px 0 0 10px;
}

.action_eria {
    position: relative;
}

.action_eria p.acbt_text {
    position: absolute;
    left: 10px;
    top: 130px;
    font-size: 17px;
    color: #2096d5;
}

.eria_ken_point {
    margin: 0 0 40px;
}



.waku_ken_point:nth-child(3) {
    border: 1px solid #e4007f;
}

.waku_ken_point:nth-child(4) {
    border: 1px solid #f39800;
}

.waku_ken_point:nth-child(5) {
    border: 1px solid #f3c857   ;
}

.waku_ken_point:nth-child(6) {
    border: 1px solid #8fc31f;
}

.waku_ken_point:nth-child(7) {
    border: 1px solid #00a0e9;
}



.img_left_mm {
    float: right;
}

.eria_ken_point a img {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.eria_ken_point a :hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.eria_ken_point h4 {
    margin: 0 0 10px 0;
    padding: 5px 10px 5px 50px;
    font-size: 18px;
}

.eria_ken_point_01 {
    position: relative;
    padding: 0 0 5px 45px;
    color: #fff;
    background: #e4007f;
}

.eria_ken_point_01::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/ken/heart_01.png) no-repeat right bottom;
    left: 8px;
    top: -25px;
}

.eria_ken_point_01_p {
    margin: 10px;
}

.eria_ken_link_01 {
    border-radius: 10px; 
    position: relative;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 0 10px 30px;

}

.eria_ken_link_01 a {
    color: #e4007f;
    text-decoration: none;
}

.eria_ken_link_01::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/eria/ken/ya_01.png) no-repeat right bottom #fff;
    left: -18px;
    top: -5px;
    animation: moveimg_ken_link 1s infinite;
}


.eria_ken_point_02 {
    position: relative;
    padding: 0 0 5px 15px;
    color: #fff;
    background: #f39800;
}

.eria_ken_point_02::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/ken/heart_02.png) no-repeat right bottom;
    left: 8px;
    top: -25px;
}

.eria_ken_point_02_p {
     margin: 10px;
}

.eria_ken_link_02 {
    border-radius: 10px; 
    position: relative;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 0 10px 30px;
}

.eria_ken_link_02 a {
    color: #ea5514;
    text-decoration: none;
}

.eria_ken_link_02::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/eria/ken/ya_02.png) no-repeat right bottom #fff;
    left: -18px;
    top: -5px;
    animation: moveimg_ken_link 1s infinite;
}

.eria_ken_point_03 {
    position: relative;
    padding: 0 0 5px 15px;
    color: #fff;
    background: #f3c857;
}

.eria_ken_point_03::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/ken/heart_03.png) no-repeat right bottom;
    left: 8px;
    top: -25px;
}

.eria_ken_point_03_p {
    margin: 10px;
}

.eria_ken_link_03 {
    border-radius: 10px; 
    position: relative;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 0 10px 30px;
}

.eria_ken_link_03 a {
    color: #956134;
    text-decoration: none;
}

.eria_ken_link_03::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/eria/ken/ya_03.png) no-repeat right bottom #fff;
    left: -18px;
    top: -5px;
    animation: moveimg_ken_link 1s infinite;
}

.eria_ken_point_04 {
    position: relative;
    padding: 0 0 5px 15px;
    color: #fff;
    background: #8fc31f;
}

.eria_ken_point_04::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/ken/heart_04.png) no-repeat right bottom;
    left: 8px;
    top: -25px;
}

.eria_ken_point_04_p {
     margin: 10px;
}

.eria_ken_link_04 {
    border-radius: 10px; 
    position: relative;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 0 10px 30px;
}

.eria_ken_link_04 a {
    color: #22ac38;
    text-decoration: none;
}

.eria_ken_link_04::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/eria/ken/ya_04.png) no-repeat right bottom #fff;
    left: -18px;
    top: -5px;
    animation: moveimg_ken_link 1s infinite;
}

.eria_ken_point_05 {
    position: relative;
    padding: 0 0 5px 15px;
    color: #fff;
    background: #00a0e9;

}

.eria_ken_point_05::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/ken/heart_05.png) no-repeat right bottom;
    left: 8px;
    top: -25px;
}

.eria_ken_point_05_p {
     margin: 10px;
}

.eria_ken_link_05 {
    border-radius: 10px; 
    position: relative;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 0 10px 30px;
}

.eria_ken_link_05 a {
    color: #00a0e9;
    text-decoration: none;
}

.eria_ken_link_05::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/eria/ken/ya_05.png) no-repeat right bottom #fff;
    left: -18px;
    top: -5px;
    animation: moveimg_ken_link 1s infinite;
}

@keyframes moveimg_ken_link {
    0% { left: -18px; top: -5px;}
    50% { left: -9px; top: -5px; }
    100% { left: -18px; top: -5px; }
}
@-webkit-keyframes moveimg_ken_link {
    0% { left: -18px; top: -5px;}
    50% { left: -9px; top: -5px; }
    100% { left: -18px; top: -5px; }
}


.eria_ken_hensachi {
    margin: 0 0 25px;
}

.ken_02 h3.eria_ken_jyuken {
    margin: 0 0 10px 30px;
    font-size: 18px;
    color: #22ac38;
    border-bottom: 2px dashed #8fc31f;
}

.eria_ken_hensachi h4 {
    margin: 0 0 10px 30px;
    font-size: 18px;
    color: #22ac38;
    border-bottom: 2px dashed #8fc31f;
}

.eria_ken_hensachi_01 {
    position: relative;
    padding: 0 0 5px 15px;
}

.eria_ken_hensachi_01::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 36px;
    background: url(../img/eria/ken/icon2_01.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.eria_ken_hensachi_02 {
    position: relative;
    padding: 0 0 5px 15px;
}

.eria_ken_hensachi_02::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 36px;
    background: url(../img/eria/ken/icon2_02.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

#kou {
    background: #bae3f9;
    padding: 3px 0;
}

#kou h5 {
    padding: 3px 0 0 8px;
    font-size: 18px;
    float: left;
}

#kou p {
    padding: 0 8px 0 0;
    font-size: 16px;
    float: right;
}

#kou p a {
    color: #e60012;
}

#wataku {
    background: #f7c9dd;
    padding: 3px 0;
}

#wataku h5 {
    padding: 3px 0 0 8px;
    font-size: 18px;
    float: left;
}

#wataku p {
    padding: 0 8px 0 0;
    font-size: 16px;
    float: right;
}

#wataku p a {
    color: #036eb8;
}

.eria_ken_hensachi table {
   width: 100%;
}

.eria_ken_hensachi td {
   background-color: #fff;
    border: 1px solid #a7a7a6;
    padding: 0 5px;
}

.eria_ken_hensachi td.wid {
   width: 29%;
}

    text-align: left;
}

.eria_ken_hensachi table td.moveCenter {
    text-align: center;
}

.ken_02 h3{
    margin: 0 0 10px;
}

/*県バナー
---------------------------------------------------*/

.ken_banner_01 {
    position: relative;   
}

.ken_banner_01 dl {
    position: absolute;
    top: 12%;
    left: 2%;
}

.ken_banner_01 dt {
    font-size: 18px;
    color: #22ac38;
    font-weight: bold;
    border-bottom: 1px #22ac38 dotted;
    line-height: 1.3em;
}

.ken_banner_01 dd {
    font-size: 14px;
    -webkit-margin-start: 0px;
    line-height: 1.5em;
}

.ken_banner_01 dd span {
    font-size: 14px;
    color: #036eb8;
}

.ken_banner_02 {
    position: relative;   
}

.ken_banner_02 dl {
    position: absolute;
    top: 12%;
    left: 2%;
}

.ken_banner_02 dt {
    font-size: 18px;
    color: #e4007f;
    font-weight: bold;
    border-bottom: 1px #e4007f dotted;
    line-height: 1.3em;
}

.ken_banner_02 dd {
    font-size: 14px;
    -webkit-margin-start: 0px;
    line-height: 1.5em;
}

.ken_banner_02 dd span {
    font-size: 14px;
    color: #036eb8;
}

/*県入試情報
---------------------------------------------------*/ 
.entrance_dl {
    margin: 0 0 25px;
}

.entrance_dl dt {
    font-weight: bold;
    color: #f39800;
}

.entrance_dl dd {
    margin: 0 0 10px;
}


/*---------------------------------------------------
市町村ページ
---------------------------------------------------*/ 

.shi_main {
    position: relative;
}

.shi_text_01 {
    color: #000;
    font-size: 24px;
    position: absolute;
    top: 5px;
    left: 15px;
    font-weight: bold;
}

.shi_text_02 {
    font-size: 16px;
    position: absolute;
    top: 382px;
    left: 15px;
}

.shi_text_03 {
    right: 10px;
    top: 236px;
    position: absolute;
}

.shi_text_03 a {
    color: #fff100;
    padding: 0 35px 0 0;
    position: relative;
    font-size: 16px;
    text-decoration: none;
}

.shi_text_03 a:after {
    content: "";
    position: absolute;
    background: url(../img/eria/ken/ya_00.png) no-repeat right top;
    height: 27px;
    width: 27px;
    right: 0px;
    top: -4px;
}


.shi_h2_ttl {
    position: relative;
}

h2.shi_h2 {
    color: #00a0e9;
    font-size: 20px;
    position: absolute;
    left : 143px;
    top: 41px;
}

.all_mese {
    background: url(../img/eria/ken/ya_00.png) no-repeat 40px center #00afec;
}

.all_mese a {
    color: #fff100;
    padding: 5px 0 5px 70px;
    display: block;
    text-decoration: none;
    font-size: 16px;
}

.all_mese a img {
    vertical-align: middle;
}

.eria_shi_hensachi {
    position: relative;
    padding: 0 0 5px 15px;
}

.eria_shi_hensachi::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 36px;
    background: url(../img/eria/shi/icon_shi_chu.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.eria_ken_hensachi table.chuu {
   width: 450px;
}

.chuu td {
   background-color: #fff;
    border: 1px solid #a7a7a6;
    padding: 0 5px;
    text-align: left;
}

.chuu td.moveCenter {
    text-align: center;
}

.chuu th {
   background-color: #d9ecf1;
    border: 1px solid #a7a7a6;
    padding: 0 5px;
}

.chuu td.wid {
   width: 50%;
}

.chuu th.wid {
   width: 50%;
}

.eriaCityQuestionnaireBlock {
    background: url(../img/eria/shi/komi.png) no-repeat left top, url(../img/eria/shi/komi_02.png) no-repeat left bottom;
    overflow:hidden;
    padding: 1px;
    position: relative;
    z-index: 1;
    min-height: 205px;
}

.eriaCityQuestionnaireBlock h4 {
    color: #00a0e9;
     margin: 39px 15px 10px 56px;
     padding: 0 0 0 40px;
    border-bottom: 2px solid #7ecef4;
    font-size: 16px;
} 

.eriaCityQuestionnaireRightBlock {
    float: left;
    margin: 15px 15px 0;
    width: 435px;
}

.eriaCityQuestionnaireImage {
    margin: 0 0 5px;
}

.eriaCityQuestionnaireImage img {
    max-height: 150px;
    margin: 0 0 5px;
}

.eriaCityQuestionnaireText {
    color: #666;
    font-size: 12px;
    margin: 0 0 15px;
}

.eriaCityQuestionnaireLeftBlock {
    float: right;
    margin: 0 15px 20px 0;
}

.areaCityQuestionnaireName {
    font-size: 12px;
    line-height: 1.5;
    margin: 8px 0;
    text-align: left;
    width: 155px;
}

.eriaStaffCommentBlock {
    background: url(../img/eria/shi/comment.png) no-repeat right -20px #fff;
    padding: 1px;
    position: relative;
    z-index: 0;
    margin: -10px 0 20px 0;
    height: 145px;
    overflow:hidden;
}

.eriaCityQuestionnaireStaffCommentBody {
    margin: 10px 115px 0 135px;
    font-size: 12px;
    line-height: 1.4em;
}


.taiken_mes {
    position: relative;
    margin: 0 0 10px;
}

.taiken_mes p{
    position: absolute;
    text-align: center;
    color: #e4007f;
    font-weight: bold;
    top: 66px;
    width: 100%;
    font-size: 22px;
}

/*大阪市
---------------------------------------------------*/ 

.oosaka_shien {
    margin: 0 0 30px;
}

.oosaka_shien div {
    border: 2px solid #2ea7e0;
    padding: 5px 20px;
}

.oosaka_shien div a {
    text-decoration: none;
}

.oosaka_shien div li {
    text-indent: -1em;
    padding: 1em;
}

/*---------------------------------------------------
//
//   校舎ページ
//
---------------------------------------------------*/  

.school_01 {
    margin:  0 0 20px;
}

.school_left {
    width: 158px;
    float: left;
    margin: 0 20px 0 0;
}

.school_right {
    width: 502px;
    float: right;
}

.school_right h2 {
    font-size: 28px;
    color: #54c3f1;
}

.school_ttl {
    background: #54c3f1;
    border-radius: 25px;
    color: #fff;
    padding: 0 15px;
    margin: 0 0 10px;
    font-size: 16px;
}

.tokakaiku .school_ttl {
    background: #8fc31f;
}

.tokakaiku .school_right h2 {
    color: #8fc31f;
}

.hokushinestu .school_ttl {
    background: #f8b62d;
}

.hokushinestu .school_right h2 {
    color: #f8b62d;
}

.chugoku .school_ttl {
    background: #f19ec2;
}

.chugoku .school_right h2 {
    color: #f19ec2;
}

.chugoku .school_ttl {
    background: #f19ec2;
}

.chugoku .school_right h2 {
    color: #f19ec2;
}

.shikoku .school_ttl {
    background: #22ac38;
}

.shikoku .school_right h2 {
    color: #22ac38;
}

.kyusyu .school_ttl {
    background: #c85fa0;
}

.kyusyu .school_right h2 {
    color: #c85fa0;
}

.right_btn {
    text-align: right;
}

.school_02 {
    margin: 0 0 20px;
}

.school_02 h2 {
    margin: 0 0 15px 30px;
    font-size: 24px;
    border-bottom: 3px dashed #eb6ea5;
    position: relative;
    padding: 0 0 5px 25px;
}


.school_02 h2::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/school/icon_01.png) no-repeat right bottom #fff;
    background-size: 42px;
    left: -30px;
    top: -5px;
}

.school_02 ul {
    margin: 0 0 10px 10px;
}

.school_02 li {
    border-radius: 10px;
    float: left;
    margin: 0 10px 10px 0;
    width: 325px;
}

.school_02 li:nth-child(2n) {
    border-radius: 10px;
    float: left;
    margin: 0 0 10px 0;
}

.school_02 li.li_01 {
    border: 2px solid #8fc31f;
}

.school_02 li.li_01 h3{
    border-bottom: 2px solid #8fc31f;
}

.school_02 li.li_02 {
    border: 2px solid #f19ec2;
}

.school_02 li.li_02 h3{
    border-bottom: 2px solid #f19ec2;
}

.school_02 li.li_03 {
    border: 2px solid #7ecef4;
}

.school_02 li.li_03 h3{
    border-bottom: 2px solid #7ecef4;
}

.t_box {
    margin: 5px;
}

.t_box h3{
    text-align: center;
    font-size: 22px;
    padding: 0 0 5px;
    margin: 0 0 5px;
}

.t_box .img_div {
    width: 115px;
    float: left;
} 

.t_box p {
    width: 190px;
    float: right;
    font-size: 14px;
}

.school_link {
    border-radius: 10px;
    position: relative;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 0 10px 30px;
    width: 380px;
    float: right;
}

.school_link a {
    color: #e4007f;
    text-decoration: none;
}

.school_link::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/eria/school/ya_01.png) no-repeat right bottom #fff;
    left: -18px;
    top: -5px;
    animation: moveimg_ken_link 1s infinite;
}

.school_03 {
    margin: 0 0 20px 0;
}
.school_03 h2 {
    margin: 0 0 15px 30px;
    font-size: 24px;
    border-bottom: 3px dashed #f8b62d;
    position: relative;
    padding: 0 0 5px 25px;
}


.school_03 h2::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/school/icon_02.png) no-repeat right bottom #fff;
    background-size: 42px;
    left: -30px;
    top: -5px;
}

.school_03 p {
    margin:20px 20px 20px 40px;
}

.school_03 table {
    margin: 0 20px 0 40px;
}

.school_03 table th {
    width: 110px;
}

.school_03 table.hoku th {
    width: 180px;
}

.school_04 {
    margin: 0 0 20px 0;
}
.school_04 h2 {
    margin: 0 0 15px 30px;
    font-size: 24px;
    border-bottom: 3px dashed #8fc31f;
    position: relative;
    padding: 0 0 5px 25px;
}


.school_04 h2::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../img/eria/school/icon_03.png) no-repeat right bottom #fff;
    background-size: 42px;
    left: -30px;
    top: -5px;
}


/*---------------------------------------------------
//
//    勉強法 - study -　index
//
---------------------------------------------------*/ 

.study_list_index {
    margin: 0 0 20px 20px;
}


.study_list_index li:nth-child(1) {
     background: url(../img/study/top/index_icon_01.png) no-repeat left center;
     padding: 0 0 3px 43px

}

.study_list_index li:nth-child(2) {
     background: url(../img/study/top/index_icon_02.png) no-repeat left center;
     padding: 0 0 3px 43px;
}

.study_list_index li:nth-child(3) {
     background: url(../img/study/top/index_icon_03.png) no-repeat left center;
     padding: 0 0 3px 43px;
}


.study_list_index li:nth-child(1) a {
    color: #eb6ea5; 
    font-size: 24px;
    font-weight: bold;
    /*background: url(../img/study/top/yaji_01.png) no-repeat left top;
    text-decoration: none;
    font-size: 18px;
    background-position: 298px -1px;*/
}

.study_list_index li:nth-child(2) a {
    color: #f39800; 
    font-size: 24px;
    font-weight: bold;
    /*background: url(../img/study/top/yaji_03.png) no-repeat left top;
    text-decoration: none;
    font-size: 18px;
     background-position: 298px -1px;*/
}


.study_list_index li:nth-child(3) a {
    color: #2ea7e0; 
    font-size: 24px;
    font-weight: bold;
    /*background: url(../img/study/top/yaji_02.png) no-repeat left top;
    text-decoration: none;
    font-size: 18px;
     background-position: 298px -1px;*/
}


.study_list_index li:nth-child(4) {
     background: url(../img/study/top/index_icon_05.png) no-repeat left top;
     padding: 10px 0 10px 55px;
}

.study_list_index li:nth-child(4) a {
    color: #22ac38; 
    background: url(../img/study/top/yaji_05.png) no-repeat left top;
    text-decoration: none;
    font-size: 18px;
    
     background-position: 298px -1px;
}


.back_number h4{
     background: url(../img/study/top/index_icon_04.png) no-repeat left top;
     padding: 13px 0 8px 50px;
     font-size: 18px;
     color: #22ac38;
     text-align: left;
     margin: 0 20px 20px;
     border-bottom: 4px solid #8fc31f;
}

.back_number h4 span {
     font-size: 18px;
     color: #8fc31f;
}

.back_list {
    margin: 0 20px 20px;
}

.back_list p {
    float: left;
    width: 180px;
    font-size: 18px;
}

.back_list p.bre1 {
    color: #036eb8;
}

.back_list p.bre2 {
    color: #00913a;
}

.back_list p.bre3 {
    color: #f39800;
}

.back_list p.bre4 {
    color: #2EA7E0;
}

.back_list p.bre5 {
    color: #ffcbe2;
}

.back_list ul {
    float: right;
    margin: 0 0 0 0;
    width: 450px;
    letter-spacing: -40em;
}

.back_number_list li {
    background: #036eb8;
    border-radius: 10px;
    display: inline-block;
    margin: 0 10px 0 0;
    letter-spacing: normal;
}
.back_number_list li:last-child {
    margin: 0 0 0 0;
}
.back_number_list li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 10px;
}

.back_number_list2 li {
    background: #00913a;
    border-radius: 10px;
    display: inline-block;
    margin: 0 10px 0 0;
    letter-spacing: normal;
}

.back_number_list2 li:last-child {
    margin: 0 0 0 0;
}

.back_number_list2 li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 10px;
}

.back_number_list3 li {
    background: #f39800;
    border-radius: 10px;
    display: inline-block;
    margin: 0 10px 0 0;
    letter-spacing: normal;
}

.back_number_list3 li:last-child {
    margin: 0 0 0 0;
}

.back_number_list3 li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 10px;
}

.back_number_list4 li {
    background: #2EA7E0;
    border-radius: 10px;
    display: inline-block;
    margin: 0 10px 0 0;
    letter-spacing: normal;
}

.back_number_list4 li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 10px;
}

.back_number_list5 li {
    background: #ffcbe2;
    border-radius: 10px;
    display: inline-block;
    margin: 0 10px 0 0;
    letter-spacing: normal;
}

.back_number_list5 li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 10px;
}

.back_list ul li:hover {
    opacity: 0.8;
}

/*勉強法TOPページ*/

.tb_blue, .tb_green, .tb_pink {
    width: 100%;
}

.tb_blue th {
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #2ea7e0;
    color: #00a0e9;
    font-size: 16px;
}

.tb_blue th.tate {
     padding: 5px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #2ea7e0;
    color: #00a0e9;
    font-size: 26px;
    line-height: 1.1em;
    vertical-align: middle;
}

.tb_blue td {
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #2ea7e0;
    color: #00a0e9;
    font-size: 16px;
}

.tb_green th {
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #22ac38;
    color: #22ac38;
    font-size: 16px;
}

.tb_green th.tate {
    padding: 5px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #22ac38;
    color: #22ac38;
    font-size: 26px;
    line-height: 1.1em;
    vertical-align: middle;
}

.tb_green td {
    padding: 10px 15px 10px;
    background-color: #fff;
    border: 1px solid #22ac38;
    color: #22ac38;
    font-size: 16px;
}

.tb_pink th {
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e4007f;
    color: #e4007f;
    font-size: 16px;
}

.tb_pink th.tate {
    padding: 5px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e4007f;
    color: #e4007f;
    font-size: 26px;
    line-height: 1.1em;
    vertical-align: middle;
}

.tb_pink td {
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e4007f;
    color: #e4007f;
    font-size: 16px;
}

.tb_blue td a,.tb_green td a,.tb_pink td a {
    color: #03C;
    text-decoration: underline;
}

.tb_blue td a:hover,.tb_green td a:hover,.tb_pink td a:hover {
    color: #e4007f;
    text-decoration: none;
}

/*勉強法学年別indexページ*/

.studys_redlist li {
    color: red;
}

.studys_link {
    position: relative;
     background: url(../img/study/studys_link_icon.png) no-repeat left center;
     padding: 5px 0 5px 40px;
     font-size: 18px;
     font-weight: bold;
     float: right;
}



.studys_link a {
     color: #00A0E9;
     text-decoration: none;
}

/*勉強法個別ページ*/

.studys_main {
    position: relative;
}

.studys_01 {
    border-radius: 35px;
    background: #8fc31f none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 0 30px;
    position: absolute;
    right: 205px;
    top: 8px;
}


.studys_ttl_01 {
     background: url(../img/study/studys/ttl_01.png) no-repeat left top;
     padding: 43px 0 19px 95px;
     font-size: 24px;
     color: #fff;
     text-align: left;
     margin: 0 0 10px;
}

.studys_ttl_02 {
     background: url(../img/study/studys/ttl_02.png) no-repeat left top;
     padding: 41px 0 23px 97px;
     font-size: 24px;
     color: #fff;
     text-align: left;
     margin: 0 0 10px;
}

.studys_ttl_03 {
     background: url(../img/study/studys/ttl_03.png) no-repeat left top;
     padding: 39px 0 22px 85px;
     font-size: 24px;
     color: #fff;
     text-align: left;
     margin: 0 0 10px;
}

.studys_ttl_04 {
     background: url(../img/study/studys/ttl_04.png) no-repeat left top;
     padding: 39px 0 23px 85px;
     font-size: 24px;
     color: #2ea7e0;
     text-align: left;
     margin: 0 0 10px;
}

.studys_list_table th{
    font-size: 20px;
    color: #e60012;
    font-weight: bold;
    padding: 3px 10px 3px 0;
}

.studys_list_table td{
    font-size: 20px;
    color: #e60012;
    font-weight: bold;
    padding: 3px 0 3px;
}

.studys_dan {
    padding-left: 2em;
    text-indent:  -2em;
}


/*テスト対策*/

.exams a {
    text-decoration: underline;
}

.e_lead {
    margin: 0 0 30px;
}

.e_ttl {
     background: url(../img/study/exams/ttl.png) no-repeat left top;
     padding: 37px 0 22px 76px;
     font-size: 24px;
     color: #fff;
     text-align: left;
     margin: 0 0 25px;
}

.e_ttl span.e_ttl_20 {
    font-size: 20px;
}

.e_text {
    margin: 0 0 30px;
}


.green24 {
    color: #1eaa39;
    font-weight: bold;
    font-size: 24px;
}

.green18 {
    color: #1eaa39;
    font-weight: bold;
    font-size: 18px;
}

.red18 {
    color: #f2000a;
    font-weight: bold;
    font-size: 18px;
}


/*---------------------------------------------------
//
//    強み・特徴 - tsuyomi -　about
//
---------------------------------------------------*/ 


.tsuyomi_content_01 {
    margin: 0 0 20px;
}

.tsuyomi_content_01 p {
    margin: 0 0 20px;
}

.tsuyomi_content_01 li {
    display: inline;
    margin: 0 5px 0 0;
}

.tsuyomi_content_01 li:last-child {
    margin: 0 0 0 0;
}

.tsuyomi_content_02 {
     margin: 0 0 20px;
}

.tsuyomi_content_02 h3 {
    text-align: center;
}

.tsuyomi_content_02 li {
    width: 335px;
    float: left; 
    position: relative;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 1.5em;
}

.tsuyomi_content_02 li img {
    width: 335px; 
}

.tsuyomi_content_02 li div {
    position: absolute;
    top: 95px;
}
.tsuyomi_content_02 li div p {
    margin: 0 15px 10px;
}
.tsuyomi_content_02 li div p.tuyo_link {
    text-align: right;
     margin: 0 0 0;
     font-size: 14px;
      margin: 0 15px 0 0;
}

.tsuyomi_content_02 li div p.tuyo_link a {
     font-weight: bold;
     text-decoration: none;
}

.tsuyomi_content_02 li div p.tuyo_link a:hover {
    text-decoration: underline;
}

.tsuyomi_content_02 li:nth-child(2n) { 
    margin: 0 0 0 0;
}

.tsuyomi_01 a {
    color: #e60012;
}
.tsuyomi_02 a {
    color: #e4007f;
}
.tsuyomi_03 a {
    color: #ea5514;
}
.tsuyomi_04 a {
    color: #b28247;
}
.tsuyomi_05 a {
    color: #8fc31f;
}
.tsuyomi_06 a {
    color: #22ac38;
}
.tsuyomi_07 a {
    color: #00a0e9;
}
.tsuyomi_08 a {
    color: #601986;
}

.tsuyomi_nav {
    margin: 0 0 20px 0;
}

.tsuyomi_nav p {
    color: #0c68ac;
    margin: 0 0 5px 0;
}

.tsuyomi_nav nav {
    text-align:center;
}

.tsuyomi_nav nav li{
    float: right;
    padding: 0;
    margin: 0 0 0 -1.6%;
    width: 13.9%;
}

.tsuyomi_nav nav li img {
    width: 100%;
    display: block;
}
.tsuyomi_nav nav li:last-child{
    display: inline-block;
    padding: 0;
    margin: 0;
}






/*勉強のやり方 tsuyomi1*/

.ttl_tsuyomi1_h2 h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 -35px 65px;
    padding: 15px 0 0;
    color: #595757;
}

.ttl_tsuyomi1_h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
}


.tsuyomi1_content {
    margin: 0 0 20px 0;
}

.tsuyomi1_content_01 {
    margin: 0 0 20px 0;
}

.tsuyomi1_content_01 p img,
.tsuyomi1_content_03 p img {
    float: left;
    margin: 0 15px 1px 0;
}

/*スケジュール tsuyomi5*/
.tsuyomi5_dl {
    margin: 0 0 20px;
}

.tsuyomi5_dl dt {
    width: 272px;
    padding: 0 0 5px 15px;
    float: left;
    clear: both;
    background: url(../img/tsuyomi/tsuyomi5/dt_bk.png) no-repeat left top;
}

.tsuyomi5_dl dd {
    width: 393px;
    float: right;    
     padding: 0 0 5px 0;
    margin: 0 0 20px;
}

.tsuyomi5_box {
    float: right;
    margin: 0 0 20px;
}

.tsuyomi5_box p img {
    float: right;
    margin: 0 0 1px 15px;
}

.tsuyomi5_block {
    margin: 0 0 20px;
}

.tsuyomi5_block_left {
    float: left;
    width: 330px;
    margin: 0 20px 0 0;
}

.tsuyomi5_block_left h4,
.tsuyomi5_block_right h4 {
    margin: 0 0 -1px 0;
}

.tsuyomi5_block_right {
    float: right;
    width: 330px;
    margin: 0 0 0 0;
}

.tsuyomi5_block_left div,
.tsuyomi5_block_right div {
    border: 1px solid #3eac4a;
    padding: 8px;
}


/*寄り添う指導 tsuyomi7*/

.tsuyomi7_box {
    margin: 0 0 20px;
}

.tsuyomi7_box .left{
    width: 540px;
    float: left;
}

.tsuyomi7_box h4 {
    color: #036eb8;
    font-size: 16px;
}

.tsuyomi7_box .right{
    width: 125px;
    float: right;
}

/*保護者の見方 tsuyomi8*/

.tsuyomi8_box {
    margin: 0 0 20px;
}

.tsuyomi8_box .left{
    width: 515px;
    float: left;
}

.tsuyomi8_box h4 {
    color: #036eb8;
    font-size: 16px;
}

.tsuyomi8_box .right{
    width: 150px;
    float: right;
}


/*---------------------------------------------------
About(Common)
---------------------------------------------------*/ 

.aboutBlock .aboutDescription{
margin-top: 0;
}

.aboutActionBlock{
position: relative;
height: 220px;
margin: 0 0 45px;
background: url(../img/about/about_action.jpg) no-repeat left top;
}

.aboutActionBlock .actionSupp{
position: absolute;
bottom: 0;
left: 0;
font-size: 11px;
color: #888;
}

.aboutBlock h3{
margin: 0 0 20px;
}

.aboutBlock p{
margin: 30px 0;
}

.aboutFirstSection{
padding-bottom: 10px;
}

.aboutSection{
position: relative;
margin: 0 0 40px;
}

.aboutSection p{
margin: 0 0 20px;
line-height: 1.8;
}

.aboutThirdImage2{
margin: 25px 0 0 0;
}

.aboutFourthText1{
position: absolute;
top: 183px;
left: 0;
}

.aboutFourthText2{
position: absolute;
top: 387px;
left: -20px;
}

.aboutFourthText3{
position: absolute;
top: 261px;
left: 337px;
}

.aboutFourthText4{
padding-top: 845px;
}

.aboutSectionText{
position: relative;
height: 1880px;
}

.aboutSection1Sample{
margin-left: 30px;
}

.aboutSection1Sample p{
margin-left: 20px;
}

.aboutSection1Sample .rightMove{
margin-bottom: 0;
}

.aboutBlock .aboutCatch{
margin: 0 0 5px;
}


.areaCityActionCatch{
position: absolute;
top: 15px;
left: 10px;
font-size: 12px;
font-weight: bold;
}

.areaCityTellBlock{
position: relative;
height: 130px;
background: url(../img/area/area_city_action_bg.jpg) no-repeat center bottom;
}



/*---------------------------------------------------
AboutIndex
---------------------------------------------------*/ 

/*About List
---------------------------------------------------*/ 

.aboutListSection0101More:hover,
.aboutListSection0102More:hover,
.aboutListSection0201More:hover,
.aboutListSection0202More:hover,
.aboutListSection0301More:hover,
.aboutListSection0302More:hover,
.aboutListSection04More:hover{
border: 1px solid #FC0;
}


.aboutListSection01{
position: relative;
background: url(../img/about/about_1_image1.jpg) no-repeat left top;
height: 545px;
margin-bottom: 13px;
}
.aboutListSection02{
position: relative;
background: url(../img/about/about_2_image1.jpg) no-repeat left top;
height: 545px;
margin-bottom: 13px;
}
.aboutListSection03{
position: relative;
background: url(../img/about/about_3_image1.jpg) no-repeat left top;
height: 545px;
margin-bottom: 13px;
}
.aboutListSection04{
position: relative;
background: url(../img/about/about_4_image1.jpg) no-repeat left top;
height: 289px;
margin: 0 0 40px;
}



.aboutListSection0101Paragraph,
.aboutListSection0201Paragraph,
.aboutListSection0301Paragraph{
position: absolute;
top: 245px;
left: 200px;
margin: 0;
width: 470px;
line-height: 1.6;
}
.aboutListSection0101More,
.aboutListSection0201More,
.aboutListSection0301More{
position: absolute;
top: 160px;
left: 5px;
margin: 0;
z-index: 9999;
}
.aboutListSection0101MoreAnchor,
.aboutListSection0201MoreAnchor,
.aboutListSection0301MoreAnchor{
position: relative;
display: block;
width: 670px;
height: 184px;
}

.aboutListSection0102Paragraph,
.aboutListSection0202Paragraph,
.aboutListSection0302Paragraph{
position: absolute;
top: 434px;
left: 200px;
margin: 0;
width: 470px;
line-height: 1.6;
}
.aboutListSection0102More,
.aboutListSection0202More,
.aboutListSection0302More{
position: absolute;
top: 354px;
left: 5px;
margin: 0;
z-index: 9999;
}
.aboutListSection0102MoreAnchor,
.aboutListSection0202MoreAnchor,
.aboutListSection0302MoreAnchor{
position: relative;
display: block;
width: 670px;
height: 184px;
}



.aboutListSection04Paragraph{
position: absolute;
top: 175px;
left: 200px;
margin: 0;
width: 470px;
line-height: 1.6;
}
.aboutListSection04More{
position: absolute;
top: 91px;
left: 7px;
margin: 0;
z-index: 9999;
}
.aboutListSection04MoreAnchor{
position: relative;
display: block;
width: 670px;
height: 184px;
}



.aboutListSectionMoreAnchorDummy{
position: absolute;
overflow: hidden;
display: block;
width: 120px;
height: 34px;
bottom: 4px;
right: 7px;
}
.aboutListSectionMoreAnchorImage{
position: absolute;
top: 0;
left: 0;
}
.aboutListSectionMore:hover .aboutListSectionMoreAnchorImage{
position: absolute;
top: -34px;
left: 0;
}



/*---------------------------------------------------
About1
---------------------------------------------------*/ 

.aboutBlock .about11Text1{
margin: 0 0 0 40px;
padding: 40px 0 16px 20px;
background: url(../img/about/about1_1_image2.png) no-repeat left top;
}
.aboutBlock .about11Text2{
margin: 0 0 0 40px;
padding: 40px 0 15px 20px;
background: url(../img/about/about1_1_image4.png) no-repeat left top;
}

.about1ActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

/*---------------------------------------------------
About2
---------------------------------------------------*/ 

.about2ActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

.about24Text{
display: inline-block;
background: url(../img/about/about2_4_image2.png) repeat left bottom;
}

/*---------------------------------------------------
About3
---------------------------------------------------*/ 

.about31Image{
position: relative;
height: 302px;
background: url(../img/about/about3_2_image1.png) no-repeat left top;
}

.about31Image .about31ImageText1{
position: absolute;
top: 195px;
left: 20px;
width: 300px;
line-height: 1.5;
}
.about31Image .about31ImageText2{
position: absolute;
top: 195px;
left: 355px;
width: 311px;
line-height: 1.5;
}

.about31Image .about31ImageText1 a{
display: block;
text-align: right;
}

.about3ActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

/*---------------------------------------------------
About4
---------------------------------------------------*/ 

.about4ActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

/*---------------------------------------------------
About5
---------------------------------------------------*/ 

.about51Section1{
padding: 36px 0 14px 12px;
background: url(../img/about/about5_1_image2.png) no-repeat left top;
}

.about51Section1 p{
margin: 5px 0 10px;
line-height: 1.5;
}

.about52Section{
padding-bottom: 10px;
background: url(../img/about/about5_2_image1.png) no-repeat 500px 170px;
}

.about52Section p{
margin: 0 0 10px;
line-height: 1.5;
}

.about52Section1{
margin: 0 0 30px;
}

.about54Paragraph1{
padding: 30px 0 30px 170px;
background: url(../img/about/about5_4_image1.png) no-repeat top left;
line-height: 1.3;
}
.about54Paragraph2{
padding: 30px 0 30px 170px;
background: url(../img/about/about5_4_image2.png) no-repeat top left;
line-height: 1.3;
}

.about55Section1{
position: relative;
width: 680px;
height: 360px;
background: url(../img/about/about5_5_image2.png) no-repeat top left;
}
.about55Paragraph1{
position: absolute;
top: 49px;
left: 550px;
}
.about55Paragraph2{
position: absolute;
top: 209px;
left: 556px;
}

/*aboutActionBlock
---------------------------------------------------*/ 

.about5ActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

/*---------------------------------------------------
About6
---------------------------------------------------*/ 

.about61Paragraph1{
padding: 45px 0 14px 165px;
background: url(../img/about/about6_1_image1.png) no-repeat left top;
font-size: 12px;
}
.about61Paragraph2{
padding: 45px 0 14px 165px;
background: url(../img/about/about6_1_image2.png) no-repeat left top;
font-size: 12px;
}
.about61Paragraph3{
padding: 45px 0 14px 165px;
background: url(../img/about/about6_1_image3.png) no-repeat left top;
font-size: 12px;
}
.about61Paragraph4{
padding: 45px 0 14px 165px;
background: url(../img/about/about6_1_image4.png) no-repeat left top;
font-size: 12px;
}
.about61Paragraph5{
padding: 45px 0 14px 165px;
background: url(../img/about/about6_1_image5.png) no-repeat left top;
font-size: 12px;
}

.aboutSection .about62Paragraph1{
float: left;
margin: 0 20px 0 0 ;
}
.aboutSection .about62Paragraph2{
float: right;
width: 340px;
}

.about63Paragraph1{
padding: 35px 0 0 199px;
background: url(../img/about/about6_3_image1.png) no-repeat left top;
}

/*aboutActionBlock
---------------------------------------------------*/ 

.about6ActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

/*---------------------------------------------------
About7
---------------------------------------------------*/ 

/*aboutActionBlock
---------------------------------------------------*/ 

.about7ActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

/*---------------------------------------------------
ActionBlock
---------------------------------------------------*/ 

.actionBlock{
position: relative;
height: 560px;
background: url(../img/common/common_action_bg_a.jpg) no-repeat right top;
margin-bottom: 25px;
}

.actionBlock .actionSupp{
position: absolute;
top: 155px;
left: 0;
font-size: 11px;
color: #888;
}

.actionBlock .actionAnchor{
position: absolute;
bottom: 0;
right: 0;
}

.actionBlock .actionBalloon{
position: absolute;
right: 560px;
top: 22px;
}



/*---------------------------------------------------
    oldActionBlock
---------------------------------------------------*/ 

.oldActionBlock{
    position: relative;
    height: 153px;
    background: url(../img/common/common_action_bg.png) no-repeat center top;
    margin-bottom: 25px;
}

.oldActionBlock .actionSupp{
    position: absolute;
    top: 155px;
    left: 0;
    font-size: 11px;
    color: #888;
}


/*ActionBlockContact
---------------------------------------------------*/ 

.oldActionBlock .actionContact{
position: absolute;
top: 80px;
left: 386px;
}

.oldActionBlock .actionContactAnchor{
position: relative;
display: block;
width: 143px;
height: 59px;
overflow: hidden;
}

.oldActionBlock .actionContactAnchor img{
position: absolute;
top: 0;
left: 0;
}

.oldActionBlock .actionContactAnchor:hover img{
position: absolute;
top: -59px;
left: 0;
}

/*ActionBlockApplication
---------------------------------------------------*/ 

.oldActionBlock .actionApplication{
position: absolute;
top: 80px;
left: 527px;
}

.oldActionBlock .actionApplicationAnchor{
position: relative;
display: block;
width: 143px;
height: 59px;
overflow: hidden;
}

.oldActionBlock .actionApplicationAnchor img{
position: absolute;
top: 0;
left: -141px;
}

.oldActionBlock .actionApplicationAnchor:hover img{
position: absolute;
top: -59px;
left: -141px;
}



/*---------------------------------------------------
NewsBlock
---------------------------------------------------*/ 

.newsBlock{
position: relative;
margin-bottom: 20px;
padding-top: 13px;
width: 680px;
}

.newsBlock h2{
margin-bottom: 10px;
}

.newsViewAll{
margin-bottom: 10px;
text-align: right;
font-size: 12px;
}

.newsRss{
position: absolute;
top: 38px;
right: 23px;
}


/*---------------------------------------------------
トップNewsBlock追加
---------------------------------------------------*/ 

.top_newsThumbnail{
     width:65px;
     height:65px;
     float:left;
     margin: 0 15px 0 0;
}

.top_newsSocialButtonList{
margin: 0 15px 10px 15px;
}

.top_newsList li {
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    padding: 0;
}

.top_newsList li.top_newsSocialButtonFacebook{
float: left;
margin: 0px 10px 0 0;
border:none;
padding: 0;
}
.top_newsList li.top_newsSocialButtonTwitter{
float: left;
width: 79px;
border:none;
margin: 5px 0 0;
padding: 0;
}
iframe.twitter-share-button {
width: 95px!important;
}
.top_newsList li.top_newsSocialButtonGoogle{
float: left;
border:none;
margin: 5px 0 0;
padding: 0;
}

.top_newsList .newsCategoryEducation {
    background: #2661cd none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    margin-right: 10px;
    padding: 2px 0;
    text-align: center;
    width: 90px;
}

.top_newsList .newsDate {
    color: #333;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100px;
}


/*NewsBlock
---------------------------------------------------*/ 

.newsListBlock{/*
-webkit-column-count: auto;
-webkit-column-gap: 20px;
-webkit-column-fill: auto;
-moz-column-count: auto;
-moz-column-gap: 20px;
-moz-column-fill: auto;
column-count: auto;
column-gap: 20px;
column-fill: auto;
*/
width: 680px;
}

.newsSocialButtonList{
margin: 15px 15px 10px 15px;
}
.newsSocialButtonFacebook{
float: left;
margin-right: 10px;
}
.newsSocialButtonTwitter{
float: left;
}
iframe.twitter-share-button {
width: 95px!important;
}
.newsSocialButtonGoogle{
float: left;
}

.news{
position: relative;
display: inline-block;
width: 328px;
border-radius: 5px;
background: #FFF;
-moz-box-shadow: 1px 1px 1px #000;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
box-shadow: 0 1px 1px #999;
}
.newsOdd{
margin: 0 15px 15px 0;
}
.newsEven{
margin: 0 0 15px 0;
}

.news h3{
font-size: 12px;
    margin: 8px 15px 10px 15px;
}

.newsInfomation{
margin: 10px 15px 8px;
font-size: 10px;
color: #FFF;
}


.newsListBlock .oshirase .newsInfomation span{
background: #e73737;
}
.newsListBlock .kyoiku .newsInfomation span{
background: #2661cd;
}
.newsListBlock .koshin .newsInfomation span{
background: #279c45;
}

.newsInfomation span{
background: #0EAFFF;
}
.newsThumbnail{
overflow: hidden;
width: 328px;
height: auto;
max-height: 200px;
border-radius: 3px 3px 0 0;
}
.newsLink{
margin-right: 15px;
font-size: 10px;
text-align: right;
}
.newsLink a{
text-decoration: none;
}

/*---------------------------------------------------
//
//    よくある質問 - shitsumon -　faq
//
---------------------------------------------------*/ 

.faqMainVisualTitle{
position: absolute;
top: 43px;
left: 140px;
font-size: 30px;
color: #193c7f;
font-family:"£Í£ÁE£ÐÃ÷³¯";
}

.faqEntryQuestion{
margin-bottom: 10px;
padding: 25px 0 6px 40px;
border-top: 2px solid #EAEAEA;
background: url(../img/shitsumon/faq_icon_question.png) no-repeat left 20px;
font-size: 15px;
font-weight: bold;
}

.faqEntryAnswer{
margin-bottom: 20px;
padding: 6px 0 6px 40px;
background: url(../img/shitsumon/faq_icon_answer.png) no-repeat left 0;
line-height: 1.3;
}

.faqCategoryNavigation{
margin: 0 0 30px;
padding-left: 60px;
border: 1px solid #DCDCDC;
background: #F7F7F7 url(../img/shitsumon/faq_category_navigation_bg.png) no-repeat left 0;
height: 136px;
}

.faqCategory{
float: left;
margin: 14px 0 0 14px;
background: #FFF;
text-align: center;
line-height: 1.4;
}

.faqCategory a{
display: table-cell;
width: 165px;
height: 45px;

border: 1px solid #C2C2C2;
border-radius: 2px;
box-shadow: 0 1px 1px #CCC;

text-decoration: none;
vertical-align: middle;
line-height: 1.3;
}

.faqCategory a:hover{
border: 1px solid #CCA11D;
background: #FCC518;
color: #FFF;
}

.faqCategoryCurrent a{
border: 1px solid #CCA11D;
background: #FCC518;
color: #FFF;
}

.faqCategoryContents{
margin: 15px 15px 15px 15px;
}

.faqCategoryContents li{
padding: 0 0 0 30px;
background: url(../img/shitsumon/faq_icon_question_small.png) no-repeat left 3px;
line-height: 2;
}


.faq_sec{
    margin: 20px 0 0;
}

.faq_sec dl{
    margin: 0 10px 20px;
}

.faq_sec dl dt { 
    margin: 0 0 15px;
    
}

.faq_sec dl dt span{
    padding: 0 10px 10px; 
    border-bottom: 2px solid #00913a;
    border-left: 2px solid #00913a;
    font-weight: bold;
    font-size: 16px;
}

.faq_sec dl dd {
    margin: 0 0 15px 20px;
}

/*---------------------------------------------------
//
//    講師紹介 - koshi-shokai -　teacher
//
---------------------------------------------------*/ 

.teacherVisualBlock{
    position: relative;
    top: 30px;
    left: 30px;
    height: 320px;
}
.teacherPageVisual{
    position: absolute;
    top: 0;
    left: -10px;
}
.teacherPageMovie{
    position: absolute;
    top: 0;
    left: 430px;
}

.teacherAreaMap{
    height: 690px;
    position: relative;
    background: url(../img/teacher/teacher_map.png) no-repeat left top;
}

#teacherMainVisual{
    position: relative;
    margin: 0 auto 20px;
    text-align: center;
}

.teacherMainVisualTitle{
    position: absolute;
    top: 15px; 
    left: 93px;
    font-size: 30px;
    color: #193c7f;
    font-family:"£Í£Ó £ÐÃ÷³¯";
}

/*  teacherBookBlock
---------------------------------------------------*/ 

.teacherBookBlock{
    position: relative;
    height: 700px;
    background: url(../img/teacher/book.png) no-repeat left 30px;
    font-family: メイリオ;
}

.teacherAreaTitle{
    font-size: 27px;
}

.teacherListBlock{
    position: absolute;
    top: 60px;
    left: 28px;
    text-align: left;
    width: 326px;
    margin: 5px 0 0;
}
.teacherListBlock ul{
    margin: 10px 0 0;
    height: 445px;
    overflow: scroll;
    overflow-x: hidden;
}
.teacherListBlock ul li .teacherImageOver{
    position: absolute;
    top: 0;
    left: 0;
}
.teacherListBlock ul li{
    position: relative;
    float: left;

    margin: 0 3px 5px 0;
}
.teacherListBlock ul li .teacherImage{
    background: #EEE url(../img/teacher/teacher_frame.png) no-repeat left top;
}
.teacherListBlock ul li .teacherImageBlock{
    display: block;
    width: 95px;
    height: 95px;
    overflow: hidden;
}
.teacherInfomationBlock .teacherImage img{
    background: #EEE url(../img/teacher/teacher_frame_large.png) no-repeat left top;
}

.teacherListBlock .colorRed .teacherImage,
.teacherInfomationBlock .colorRed img{
    background-color: #ffa58a;
}
.colorRed .teacherEntryHobby .label,
.colorRed .teacherEntryClub .label,
.colorRed .teacherEntryDream .label{
    background-color: #ff7951;
}

.teacherListBlock .colorGreen .teacherImage,
.teacherInfomationBlock .colorGreen img{
    background-color: #b1e69c;
}
.colorGreen .teacherEntryHobby .label,
.colorGreen .teacherEntryClub .label,
.colorGreen .teacherEntryDream .label{
    background-color: #81ca32;
}

.teacherListBlock .colorBlue .teacherImage,
.teacherInfomationBlock .colorBlue img{
    background-color: #aae5f6;
}
.colorBlue .teacherEntryHobby .label,
.colorBlue .teacherEntryClub .label,
.colorBlue .teacherEntryDream .label{
    background-color: #6fd8f6;
}

.teacherListBlock .colorYellow .teacherImage,
.teacherInfomationBlock .colorYellow img{
    background-color: #fdd476;
}
.indexTeacherList .label,
.colorYellow .teacherEntryHobby .label,
.colorYellow .teacherEntryClub .label,
.colorYellow .teacherEntryDream .label{
    background-color: #fdc23c;
}

.teacherListBlock .teacherName{
    display: block;
    text-align: center;
    margin: 3px 0 0;
    font-size: 10px;
    font-weight: bold;
}

.teacherInfomationBlock{
    position: absolute;
    top: 60px;
    left: 460px;
    text-align: left;
}
.teacherInfomationBlock .teacherImage{
    position: absolute;
    top: 0px;
    left: 210px;
}
.teacherImageButton{
    position: absolute;
    top: 230px;
    left: 208px;
}
.teacherInfomationBlock .teacherName{
    width: 190px;
    font-size: 28px;
    font-weight: bold;
    margin: 30px 0 0 0;
    line-height: 1;

}
.teacherInfomationBlock .teacherName .sub{
    font-size: 16px;
}
.teacherEntryUniversity{
    width: 190px;
    font-size: 16px;
    font-weight: bold;
    margin: 9px 0 0;
    line-height: 1;
}


.teacherEntryHighSchool{
    margin-top: 5px;
}
.teacherEntryHobby{
    width: 175px;
    margin: 0 0 5px;
    line-height: 1.5;
}
.teacherEntryClub{
    width: 175px;
    margin: 0 0 5px;
    line-height: 1.6;
}
.teacherEntryDream{
    width: 175px;
    margin: 0 0 5px;
    line-height: 1.6;
}

.teacherEntryHobby .label,
.teacherEntryClub .label,
.teacherEntryDream .label{
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 4px 4px 3px;
    border-radius: 2px;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
}



.teacher_single_box_outer{
　　display: flex;
　　margin-bottom: 10px;
}

.teacher_top_box .teacher_single_box {
    border: 2px solid #fc6a66;
    border-radius: 10px;
    background: #fffcfb;
    width: 100%;
    margin: 0 3px;
    padding-bottom: 5px;
}

.teacherEntryComment{
    position: absolute;
    top: 280px;
    left: 0;
    line-height: 1.6;
}
.teacherEntryComment .text{
    box-sizing: border-box;
    display: block;
    overflow: none;
    overflow-y: scroll;
    padding: 0 5px 0 0;
    width: 435px;
    height: 100px;
}
.teacherEntryComment img{
    display: block;
    margin: 0 0 10px;
}

.prevTeacherButton{
    cursor: pointer;
    position: absolute;
    top: 430px;
    left: 20px;
}
.nextTeacherButton{
    cursor: pointer;
    position: absolute;
    top: 430px;
    left: 210px;
}

.teacherAreaTabList{
    position: absolute;
    top: 0;
    left: 408px;
}
.teacherAreaTabList li{
    float: left;
    cursor: pointer;
    /*display: inline-block;*/
    margin: 8px 2px 0 0;
}
.teacherAreaTabList li img{
    display: none;
}
.teacherAreaTabList li .disable,
.teacherAreaTabList .teacherAreaTabNational .enable{
    display: block;
}
.teacherAreaTabList .teacherAreaTabNational .disable{
    display: none;
}
.teacherAreaTabList .teacherAreaTabNational{
    margin: 0 10px 0 1px;
}
.teacherAreaTabList .teacherAreaTabKyushu{
    margin: 8px 3px 0 0;
}

.teacherAreaTabList .teacherPrefTab{
    display: none;
    position: relative;
    z-index: 9999;
    border-right: 2px solid #CCC;
    border-left: 2px solid #CCC;
}
.teacherAreaTabList .teacherPrefTab li{
    float: none;
    display: block;
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #CCC;
    background: #dbdcdc;
}
.teacherAreaTabList .teacherPrefTab li:hover,
.teacherAreaTabList .teacherPrefTab .current{
    background: #FFF;
}

.teacherEntryCategories{
    margin-top: 20px;
    overflow: scroll;
    overflow-x: hidden;
    height: 120px;
}

.label_teacher{
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 4px 4px 3px;
    border-radius: 2px;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
　　background-color: #ff7951;
}





/*  actionBlock
---------------------------------------------------*/ 

.teacherActionBlock{
    position: relative;
    margin: 60px 0 30px 0;
    padding: 53px 15px 15px;
    border: 1px solid #E3E3E3;
    border-radius: 3px;
}

.teacherActionBlock h3{
    position: absolute;
    top: -40px;
    left: 15px;
}

.teacherActionArea{
    float: left;
    width: 300px;
    margin-bottom: 10px;
    padding: 3px 0 0 0;
}

.teacherActionAreaBlock{
    float: left;
    width: 320px;
}

.teacherActionAreaKansai{
    padding-left: 55px;
    background: url(../img/teacher/teacher_content_pref_list.png) no-repeat left 0;
}
.teacherActionAreaTokai{
    padding-left: 55px;
    background: url(../img/teacher/teacher_content_pref_list.png) no-repeat left -31px;
}
.teacherActionAreaShikoku{
    padding-left: 55px;
    background: url(../img/teacher/teacher_content_pref_list.png) no-repeat left -62px;
}
.teacherActionAreaHokushinetsu{
    padding-left: 55px;
    background: url(../img/teacher/teacher_content_pref_list.png) no-repeat left -122px;
}
.teacherActionAreaChugoku{
    padding-left: 55px;
    background: url(../img/teacher/teacher_content_pref_list.png) no-repeat left -151px;
}
.teacherActionAreaKyushuBlock{
    float: none;
    clear: both;
}
.teacherActionAreaKyushu{
    width: 500px;
    margin: 0;
    padding-left: 55px;
    background: url(../img/teacher/teacher_content_pref_list.png) no-repeat left -91px;
}

/*---------------------------------------------------
//
//    不登校 - futoko
//
---------------------------------------------------*/ 

.futokoSection01 h3{
margin: 50px 0 20px;
}

#futokoBlock .futokoSection01Paragraph01{
margin-bottom: 25px;
padding: 63px 0 0 58px;
background: url(../img/futoko/futoko_image03.png) no-repeat left top;
}

#futokoBlock .futokoSection01Paragraph02{
margin-bottom: 25px;
padding: 63px 0 0 58px;
background: url(../img/futoko/futoko_image04.png) no-repeat left top;
}

#futokoBlock .futokoSection01Paragraph03{
margin-bottom: 25px;
padding: 63px 0 0 58px;
background: url(../img/futoko/futoko_image05.png) no-repeat left top;
}

#futokoBlock .futokoSection01Paragraph04{
margin-bottom: 25px;
padding: 63px 0 0 58px;
background: url(../img/futoko/futoko_image06.png) no-repeat left top;
}


.futokoVoice h3{
margin: 50px 0 10px;
}

.futokoVoiceSection01{
position: relative;
height: 366px;
margin-bottom: 10px;
background: url(../img/futoko/futoko_image08.jpg) no-repeat left top;
font-size: 12px;
line-height: 1.5;
color: #525252;
}
.futokoVoiceSection01Paragraph01{
position: absolute;
top: 221px; 
left: 20px;
width: 275px;
margin-top: 13px;
}
.futokoVoiceSection01Paragraph02{
position: absolute;
top: 157px; 
left: 360px;
width: 309px;
margin-top: 13px;
}

.futokoVoiceSection02{
position: relative;
height: 418px;
margin-bottom: 40px;
background: url(../img/futoko/futoko_image09.jpg) no-repeat left top;
font-size: 12px;
line-height: 1.5;
color: #525252;
}
.futokoVoiceSection02Paragraph01{
position: absolute;
top: 230px; 
left: 20px;
width: 275px;
margin-top: 13px;
}
.futokoVoiceSection02Paragraph02{
position: absolute;
top: 92px; 
left: 360px;
width: 309px;
margin-top: 13px;
}

.futokoActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

.futokoNayamiCheckList01{
height: 363px;
background: url(../img/futoko/futoko_nayami_bg.png) no-repeat left top;
font-size: 16px;
}
.futokoNayamiCheckList01 .first{
padding: 110px 0 0 65px;
}
.futokoNayamiCheckList01 li{
margin: 0 0 7.6px;
padding: 0 0 0 65px;
}

.futokoNayamiCheckList02{
height: 341px;
background: url(../img/futoko/futoko_image10_bg.png) no-repeat left top;
font-size: 14px;
}
.futokoNayamiCheckList02 .first{
padding: 92px 0 0 57px;
}
.futokoNayamiCheckList02 li{
margin: 0 0 6px;
padding: 0 0 0 57px;
}

/*---------------------------------------------------
//
//    無料体験学習 - taiken -　application

//
---------------------------------------------------*/
#sec3{
  position:relative;
}


#total {
  background-color: #FFF;
 text-align: center;
 position:relative;
}

#taikenBlock{
position: relative;
}


.totalFixed{
  position: fixed !important;
  margin-left: 640px !important;
  top:400px;
}

.bg_gray{
  background: #F4F4F4;
  position:relative;
}

.taiken_floatLeft4{
  /* float: left; */
  /* margin: 20px 290px 20px !important; */
  text-align: center;
  background: #FFF;
  margin: 0 !important;
  padding: 15px 0;
}

.taiken_floatLeft3{
  float: left;
  margin: 20px 260px 20px !important;
}

.taiken_floatLeft2{
  /* float: left; */
  /* margin: 0 0 20px 260px !important; */
  margin: 0 !important;
}

.taiken_floatLeft{
  margin: 0 40px 20px !important;
}

.mb15 {
margin-bottom: 15px !important;
}

dd{
  display: block;
  -webkit-margin-start: 40px;
}

dt {
  display: block;
}



.bltbox dt{
margin: 20px 0px 0;
padding: 1px 0 0 40px;
min-height: 43px;
background: url(../img/taiken/check_blue.png) no-repeat;
font-size: 20px;
line-height: 1.5;
font-weight: bold;
}

.taikenRed_h3{
font-size: 32px;
font-weight:bold; 
color:#E25557;
margin: -10px 0px -10px;
line-height:1.68;
text-align:center;
}


.sec_inn er{
width:835px;
margin:0 auto;
padding: 0px 0px

}

.bltbox{
clear: both;
margin: 30px auto 30px;
padding: 5px 15px 45px;
}
 

.taiken_h3{
font-size: 30px;
font-weight:bold; 
color:#19448e;
margin: 0px 0px 10px;
line-height:1.68;
text-align:center;
}

.sub_title1{
font-size: 20px;
font-weight:bold;
margin:0px;
line-height:1.5;
}

.sec_inner{
  /* width: 835px; */
  margin: 0 auto;
  padding: 0px 0px;
 position:relative; 
}
 
.uline_y{
font-weight:bold;
background:linear-gradient(transparent 60%, #FFF051 0%);

}


.pco{
display: block !important;
}

.btn-request{
display:block;
margin:0px auto;
}

.position_re {
position:relative;
}


.action img{
float:none;
display:block;
margin:0 auto;
margin-bottom:20px;
}

.bold {
font-weight: bold;
}

.bar03{
font-size:20px;
font-weight:bold;
color:#FFFFFF;
display:block;
margin-bottom:10px;
padding:9px;
background:#4c6cb3;
}

.boxheader {
margin: 30px 0 20px;
padding: 10px 0 10px 10px;
border-left: 8px solid #4D913F;
border-bottom: dotted 1px #51432E;
font-size: 25px;
color:#62442B;
line-height: 1.3;
text-align: left;
font-weight: bold;
}

.teacher_icon{
font-size:16px;
color:#FFFFFF;
margin-bottom:10px;
margin-right:20px;
padding:9px;
background:#61BD63;
display: inline-block;
}

.teacher_hobby{
font-size:18px;
font-weight:bold;
margin:30px 30px 10px 0px;
}

.box{
position: relative;
border: solid 3px #C1C1C1;
padding:10px;
}

.point{
margin-right:10px;
padding:5px;
font-size:18px;
background:#FCFCFC;
color:#E25557;
border-radius:5px;
}

.sub_title{
font-size:20px;
font-weight:bold;
margin:0px;
line-height:1.5;
}

.bar01{
font-size:22px;
font-weight:bold;
color:#ffffff;
display:block;
margin-bottom:10px;
padding:9px;
background:#4c6cb3;
}

.line{
background-image: url(../img/taiken/line.gif);
  line-height: 28px;
  margin: 35px 0 0;
}

.voice_header {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #19448e;
}


.voice_name{
  font-weight: bold;
  font-size: 22px;
  color: #223a70;
  margin-bottom: 10px;
}

.voice_box{
  background: #FFFFFF;
  border: solid #89c3eb 3px;
  border-radius: 5px;
  margin-bottom: 40px;
  padding: 35px;
}

.taikenActionCatch{
position: absolute;
top: 10px;
left: 14px;
}

.taikenSection02{
position: relative;
margin: 30px 0 60px;
}

.taikenSection02 form{
position: relative;
}

.taikenSection02Paragraph{
position: relative;

}
.taikenSection02ActionAnchor{
display: inline-block;
cursor: pointer;
width: 300px;
height: 61px;
border: 0 solid #CCC;
background: url(../img/taiken/taiken_button_entry.png) no-repeat left top;
text-indent: -9999px;
}
.taikenSection02ActionAnchor:hover{
background: url(../img/taiken/taiken_button_entry.png) no-repeat left -61px;
}

#taikenFlow{
padding: 10px 0;
border: 3px solid #EEE;
margin-top: -15px;
}

.green_text {
    background: #22ac38;
    padding: 10px;
    color: #fff;
}

.green_text a {
    color: #ffe200;
    text-decoration: none;
}

/*taikenVoice
---------------------------------------------------*/ 

.taikenVoiceBlock{
position: relative;
height: 283px;
background: url(../img/taiken/taiken_image01.jpg) no-repeat left top;
}
.taikenVoice01{
position: absolute;
top: 62px;
left: 234px;
}
.taikenVoice02{
position: absolute;
top: 62px;
left: 563px;
}

.taikenVoice01Anchor{
display: block;
position: relative;
overflow: hidden;
width: 93px;
height: 173px;
}
.taikenVoice01Anchor img{
position: absolute;
top: 0;
left: 0;

}
.taikenVoice01Anchor img:hover{
position: absolute;
top: -179px;
left: 0;
}

.taikenVoice02Anchor{
display: block;
position: relative;
overflow: hidden;
width: 102px;
height: 178px;
}
.taikenVoice02Anchor img{
position: absolute;
top: 1px;
left: -93px;

}
.taikenVoice02Anchor img:hover{
position: absolute;
top: -178px;
left: -93px;
}

/*taikenSection01
---------------------------------------------------*/ 

.taikenSection0101,
.taikenSection0102,
.taikenSection0103{
margin: 40px 0 40px;
}

.taikenSection0102Paragraph04 img{
margin: 0 45px 0 0;
}

.taikenSection0103Paragraph02{
padding-left: 173px;
background: url(../img/taiken/taiken_1_image10.png) no-repeat left top;
}

/*taikenSection03
---------------------------------------------------*/ 

.taikenSection0301{
position: relative;
height: 313px;
margin-top: 30px;
background: url(../img/taiken/taiken_3_image01.png) no-repeat left top;
}

.taikenSection0301Paragraph01{
position: absolute;
top: 25px;
left: 44px;
width: 275px;
line-height: 1.5;
font-size: 11px;
}

.taikenSection0301Paragraph02{
position: absolute;
top: 6px;
left: 389px;
width: 275px;
line-height: 1.5;
font-size: 11px;
}

.taikenSection0301Paragraph03{
position: absolute;
top: 185px;
left: 41px;
width: 265px;
line-height: 1.5;
font-size: 11px;
}

.taikenSection0301Paragraph04{
position: absolute;
top: 110px;
left: 380px;
width: 275px;
line-height: 1.5;
font-size: 11px;
}


/*---------------------------------------------------
//
//    体験2016
//
---------------------------------------------------*/ 

#taiken_check {
    margin: 0 0 5px;
}

#taiken_check h2 {
    background: #e60012;
    font-size: 24px;
    padding: 10px 25px;
    color: #fff;
    position: relative;
}

#taiken_check h2:after{
content: "";
position: absolute;
background: url(../img/taiken/check_ttl.png) no-repeat right top;
height: 153px;
width: 283px;
right: -15px;
top: -60px;
z-index:20;
}


#taiken_check h2 span {
    color: #fff100;
}

.taiken_check_block {
    margin: 0 20px;
    padding: 10px 20px;
    border-left: 4px dashed #f39800;
    border-right: 4px dashed #f39800;
    border-bottom: 4px dashed #f39800;
    background: url(../img/taiken/check_bk.png) no-repeat 330px -15px;
    position: relative;
}

.taiken_check_block:after{
content: "";
position: absolute;
background: url(../img/taiken/ringo.png) no-repeat right top;
height: 194px;
width: 189px;
right: -15px;
bottom: -60px;
}


.taiken_point {
    margin: 0 0 50px;
}

.taiken_point h2 {
    margin: 0 0 20px;
}

.taiken_point_01 {
    margin: 0 0 10px;
}

.taiken_point h3 {
    margin: 0 0 15px;
    position: relative;
    border-radius: 10px;
    background: #54c3f1;
    color: #fff;
    font-size: 20px;
    padding: 5px 0 5px 60px;
    box-shadow: 0 2px 2px #666;
}

.taiken_point_01 h3:after{
content: "";
position: absolute;
background: url(../img/taiken/icon_01.png) no-repeat left top;
height: 54px;
width: 55px;
left: -9px;
top: -10px;
}

.taiken_point_02 h3:after{
content: "";
position: absolute;
background: url(../img/taiken/icon_02.png) no-repeat left top;
height: 54px;
width: 55px;
left: -9px;
top: -10px;
}

.taiken_point_02 img {
    float: right;
    margin: 0 15px 0;
}

.taiken_point_03 {
    margin: 0 0 10px;
}

.taiken_point_03 h3:after{
content: "";
position: absolute;
background: url(../img/taiken/icon_03.png) no-repeat left top;
height: 54px;
width: 55px;
left: -9px;
top: -10px;
}


.taiken_koushi {
    margin: 0 0 20px 0;
}

.taiken_koushi ul {
    margin: -15px 0 20px;
}

.taiken_koushi li {
    background: #bbd763;
    box-shadow: 5px 4px 10px #999;
    padding: 10px 0 6px;
    width: 206px;
    float: left;
    margin: 0 30px 0 0;
}

.taiken_koushi li:last-child {
    margin: 0 0 0;
}

.taiken_koushi li div {
    background: #fff;
    border-radius: 5px;
    margin: 0 10px;
    text-align: center;
}

.taiken_koushi li div img {
    margin: -10px 0 0;
}

.taiken_koushi li div p {
    margin: 5px;
    text-align: left;
}

.taiken_faq {
    margin: 0 0 15px;
}

.taiken_faq h3 {
    margin: 0 0 15px;
    position: relative;
    border-radius: 10px;
    background: #f39800;
    color: #fff;
    font-size: 20px;
    padding: 5px 0 5px 60px;
    box-shadow: 0 2px 2px #666;
}

.taiken_faq h3:after{
    content: "";
    position: absolute;
    background: url(../img/taiken/icon_04.png) no-repeat left top;
    height: 48px;
    width: 49px;
    left: -9px;
    top: -5px;
}


/*---------------------------------------------------
//
//    教育サービス比較 - hikaku
//
---------------------------------------------------*/ 

.hikakuPage #main{
width: 680px;
}


.hikaku_ttl_h2 {
    position: relative;
}

.hikaku_ttl_h2::after {
    position: absolute;
    content: "";
    width: 216px;
    height: 128px;
    background: url(../img/hikaku/ttl_img.png) no-repeat right bottom;
    right: 10px;
    top: -25px;
}

.hikaku_content_01 {
    margin: 0 0 20px;
    background: url(../img/hikaku/img_01.png) no-repeat right bottom;
}

.ttl_hikaku_h3 {
    border-radius: 5px;
    box-shadow: 0 2px 2px #666;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
margin: 0 0 40px 0;
}

.hikaku_content_02 {
    margin: 0 0 20px;
}

.ttl_hikaku_h3 p {
    float: left;
    width: 158px;
}

.ttl_hikaku_h3 h3 {
    float: left;
    margin: 0 0 0 15px;
    padding: 8px 0;
}

.hikaku_h3_01 {
    color: #e4007f;

}

.hikaku_h3_02 {
    color: #22ac38;

}

.hikaku_h3_03 {
    color: #00a0e9;

}


.ok_cont {
    border-radius: 10px;
    box-sizing: content-box;
    margin: 0 0 0 0;
    float: left;
    width: 320px;
    position: relative;
    border: 2px solid #00a0e9;
    padding: 5px 0;
}
.ok_cont::after {
    position: absolute;
    content: "";
    width: 67px;
    height: 59px;
    background: url(../img/hikaku/icon_ok.png) no-repeat right bottom;
    left: -10px;
    top: -25px;
}
.ok_cont h4 {
    font-size: 18px;
    margin: 5px 10px 5px 50px;
    font-weight: bold;
    border-bottom: 2px dashed #00a0e9;
    padding: 0 0 5px;
}
.ok_cont dl {
    margin: 0 10px 5px;
}

.ok_cont dt {
    color: #00a0e9;
    font-size: 16px;
    margin: 0 0 0;
}

.ng_cont {
    border-radius: 10px;
    box-sizing: content-box;
    margin: 0 0 0 0;
    float: right;
    width: 320px;
    position: relative;
    border: 2px solid #e60012;
    padding: 5px 0;
}
.ng_cont::after {
    position: absolute;
    content: "";
    width: 67px;
    height: 59px;
    background: url(../img/hikaku/icon_ng.png) no-repeat right bottom;
    left: -10px;
    top: -25px;
}
.ng_cont h4 {
    font-size: 18px;
    margin: 5px 10px 5px 50px;
    font-weight: bold;
    border-bottom: 2px dashed #e60012;
    padding: 0 0 5px;
}
.ng_cont dl {
    margin: 0 10px 5px;
}

.ng_cont dt {
    color: #e60012;
    font-size: 16px;
    margin: 0 0 0;
}

.ok_cont dd,
.ng_cont dd {
    margin:0;
}


.hikaku_link{
    text-align: right;
}
.hikaku_link a {
    text-decoration: none;
}


.hikaku_content_04 h3 {
    background: url(../img/hikaku/ttl_chigai.png) no-repeat left bottom;
    font-size: 19px;
    font-weight: bold;
    padding: 13px 0 15px 140px;
}

/*hikaku juku.html
------------------------------------------------*/

#taiken_check .bk_hikaku {
    background: rgba(0, 0, 0, 0) url("../img/hikaku/check_bk.png") no-repeat scroll 330px -15px;
}

.hikaku_point {
    margin: 0 0 20px;
}

.hikaku_point h4 {
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_point_01 {
    border-bottom: 2px dashed #de5d81;
    position: relative;
    padding: 0 0 5px 10px;

}

.hikaku_point_01::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/icon_01.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_star_01 {
    border: 1px solid #e4007f;
    border-radius: 10px; 
    position: relative;
    width: 540px;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 auto 10px;
    color: #e4007f;
}

.hikaku_star_01::after {
    position: absolute;
    content: "";
    width: 31px;
    height: 31px;
    background: url(../img/hikaku/icon_star_01.png) no-repeat right bottom #fff;
    left: -18px;
    top: -6px;
}

.hikaku_point_02 {
    border-bottom: 2px dashed #e05d53;
    position: relative;
    padding: 0 0 5px 10px;

}

.hikaku_point_02::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/icon_02.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_star_02 {
    border: 1px solid #e05d53;
    border-radius: 10px; 
    position: relative;
    width: 480px;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 auto 10px;
    color: #e05d53;
}

.hikaku_star_02::after {
    position: absolute;
    content: "";
    width: 31px;
    height: 31px;
    background: url(../img/hikaku/icon_star_02.png) no-repeat right bottom #fff;
    left: -18px;
    top: -6px;
}

.hikaku_point_03 {
    border-bottom: 2px dashed #f4c956;
    position: relative;
    padding: 0 0 5px 10px;

}

.hikaku_point_03::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/icon_03.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_star_03 {
    border: 1px solid #b28247;
    border-radius: 10px; 
    position: relative;
    width: 350px;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 auto 10px;
    color: #b28247;
}

.hikaku_star_03::after {
    position: absolute;
    content: "";
    width: 31px;
    height: 31px;
    background: url(../img/hikaku/icon_star_03.png) no-repeat right bottom #fff;
    left: -18px;
    top: -6px;
}

.hikaku_point_04 {
    border-bottom: 2px dashed #96c968;
    position: relative;
    padding: 0 0 5px 10px;

}

.hikaku_point_04::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/icon_04.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_star_04 {
    border: 1px solid #96c968;
    border-radius: 10px; 
    position: relative;
    width: 420px;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 auto 10px;
    color: #96c968;
}

.hikaku_star_04::after {
    position: absolute;
    content: "";
    width: 31px;
    height: 31px;
    background: url(../img/hikaku/icon_star_04.png) no-repeat right bottom #fff;
    left: -18px;
    top: -6px;
}


.hikaku_point_05 {
    border-bottom: 2px dashed #52b8da;
    position: relative;
    padding: 0 0 5px 10px;

}

.hikaku_point_05::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/icon_05.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_star_05 {
    border: 1px solid #52b8da;
    border-radius: 10px; 
    position: relative;
    width: 510px;
    box-sizing: content-box;
    padding: 0 0 0 20px;
    margin: 0 auto 10px;
    color: #52b8da;
}

.hikaku_star_05::after {
    position: absolute;
    content: "";
    width: 31px;
    height: 31px;
    background: url(../img/hikaku/icon_star_05.png) no-repeat right bottom #fff;
    left: -18px;
    top: -6px;
}

/*hikaku ryoukin.html
------------------------------------------------*/


.hikaku_ryoukin_point_01 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_01::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_01.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_ryoukin_point_02 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_02::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_02.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_table {
    border-collapse: collapse;
    margin: 0 0 20px;
    width: 100%;
}
.hikaku_table th {
    border: 1px solid #898989;
    color: #595757;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    background: #c9e7ed;
}
.hikaku_table th.left {
    border: 1px solid #898989;
    color: #595757;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 5px;
    text-align: left;
    background: #fff;
}
.hikaku_table td {
    border: 1px solid #898989;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}

.hikaku_ryoukin_point_03 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_03::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_03.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_ryoukin_point_04 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_04::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_04.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_ryoukin_point_05 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_05::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_05.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_ryoukin_point_06 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_06::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_06.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_ryoukin_point_07 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_07::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_07.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_ryoukin_point_08 {
    border-bottom: 2px dashed #00a0e9;
    position: relative;
    padding: 0 0 5px 15px;
    color: #00a0e9;
    margin: 0 0 10px 30px;
    font-size: 18px;
}

.hikaku_ryoukin_point_08::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 40px;
    background: url(../img/hikaku/ryoukin/icon_08.png) no-repeat right bottom #fff;
    left: -30px;
    top: -10px;
}

.hikaku_nav {

    margin: 0 0 20px 0;
}

.hikaku_nav nav li{
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
}

.hikaku_nav nav li img {

}
.hikaku_nav nav li:last-child{
    padding: 0;
    margin: 0;
}

/*hikakuSection01
---------------------------------------------------*/

.taikenSection01{
position: relative;
}

.hikakuSection01Match{
float: left;
width: 338px;
height: 513px;
margin: 0 0 15px;
/*padding: 47px 35px 20px 75px;
*/background: url(../img/hikaku/hikaku01_image02.png) no-repeat left top;
line-height: 1.4;
font-size: 12px;
}

.hikakuSection01Match p{
width: 249px;
}
.hikakuSection01Match .hikakuSection01MatchParagraph01{
margin: 63px 0 0 80px;
}
.hikakuSection01Match .hikakuSection01MatchParagraph02{
margin: 12px 0 0 80px;
}
.hikakuSection01Match .hikakuSection01MatchParagraph03{
margin: 17px 0 0 80px;
}
.hikakuSection01Match .hikakuSection01MatchParagraph04{
margin: 16px 0 0 80px;
}

.hikakuSection01UnMatch{
float: left;
width: 327px;
height: 544px;
margin: 0 0 0 15px;
background: url(../img/hikaku/hikaku01_image03.png) no-repeat left top;
line-height: 1.4;
font-size: 12px;
}
.hikakuSection01UnMatch p{
width: 249px;
}
.hikakuSection01UnMatch .hikakuSection01UnMatchParagraph01{
margin: 63px 0 0 70px;
}
.hikakuSection01UnMatch .hikakuSection01UnMatchParagraph02{
margin: 12px 0 0 70px;
}
.hikakuSection01UnMatch .hikakuSection01UnMatchParagraph03{
margin: 17px 0 0 70px;
}
.hikakuSection01UnMatch .hikakuSection01UnMatchParagraph04{
margin: 16px 0 0 70px;
}

/*hikakuSection02
---------------------------------------------------*/

.hikakuSection02Match{
float: left;
width: 336px;
height: 412px;
margin: 0 0 15px;
background: url(../img/hikaku/hikaku02_image02.png) no-repeat left top;
line-height: 1.4;
font-size: 12px;
}
.hikakuSection02Match p{
width: 240px;
}
.hikakuSection02Match .hikakuSection02MatchParagraph01{
margin: 66px 0 0 80px;
}
.hikakuSection02Match .hikakuSection02MatchParagraph02{
margin: 19px 0 0 80px;
}
.hikakuSection02Match .hikakuSection02MatchParagraph03{
margin: 11px 0 0 80px;
}

.hikakuSection02UnMatch{
float: left;
width: 327px;
height: 498px;
margin: 0 0 0 15px;
background: url(../img/hikaku/hikaku02_image03.png) no-repeat left top;
line-height: 1.4;
font-size: 12px;
}
.hikakuSection02UnMatch p{
width: 239px;
}
.hikakuSection02UnMatch .hikakuSection02UnMatchParagraph01{
margin: 66px 0 0 80px;
}
.hikakuSection02UnMatch .hikakuSection02UnMatchParagraph02{
margin: 19px 0 0 80px;
}
.hikakuSection02UnMatch .hikakuSection02UnMatchParagraph03{
margin: 16px 0 0 80px;
}

/*hikakuSection03
---------------------------------------------------*/

.hikakuSection03PickUp{
margin: 0 0 15px;
/*padding: 20px 0 20px 75px;*/
background: url(../img/hikaku/hikaku03_image02.png) no-repeat left top;
line-height: 1.4;
}

.hikakuSection03PickUpParagraph01{
padding: 27px 0 0 52px;
}
.hikakuSection03PickUpParagraph02{
padding: 30px 0 0 52px;
}
.hikakuSection03PickUpParagraph03{
padding: 35px 0 0 52px;
}
.hikakuSection03PickUpParagraph04{
padding: 28px 0 10px 52px;
}

/*hikakuSection04
---------------------------------------------------*/

#hikakuSection04 .hikakuSection04Image01{
margin: 25px 0 25px 10px;
}

#hikakuSection04 .hikakuSection04Image03{
margin: 25px 0 25px 10px;
}

#hikakuSection04 .hikakuSection04Catch{
margin: 0 0 30px 30px;
}

/*---------------------------------------------------
//
//    社会貢献活動 - shakai-koken
//
---------------------------------------------------*/ 

.shakaiKokenSection01{
position: relative;
height: 773px;
background: url(../img/shakai-koken/shakai_koken_image04.jpg) no-repeat left top;
}

.shakaiKokenSection0101{
position: absolute;
top: 0;
left: 300px;
width: 370px;
}

.shakaiKokenSection0102{
position: absolute;
top: 550px;
left: 0;
width: 370px;
}

.shakaiKokenSection02{
margin: 30px 0 40px;
padding: 15px;
background: #ECECEC;
}

.shakaiKokenSection02 h4{
font-size: 16px;
}
.shakaiKokenSection02 p{
margin: 5px 0 0;
}

/*---------------------------------------------------
//
//    勉強のお悩み解決Q&A - nayami
//
---------------------------------------------------*/ 

.pageNayamiEntry #main,
.pageNayamiEntry #sub{
margin-top: 30px;
}

.nayamiBlock{
margin-top: 25px;
}

.nayamiBlock .nayamiAnswer{
margin: 25px 0 25px 26px;
}

.nayamiBlock .nayamiStaffVoiceSubhead{
margin: 12px 0 8px 15px;
}
.nayamiBlock .nayamiStaffVoiceParagraph{
margin: 0 0 0 15px;
}

/* Common
---------------------------------------------------*/ 

.nayamiAnswerTightSection{
margin: 0 0 0 26px;
}

/*Nayami 01
---------------------------------------------------*/ 

#nayami01Block .nayamiAnswerTightSection{
margin: 0 0 0 70px;
}

.nayami01Section01Paragraph02{
padding: 40px 0 12px 148px;
background: url(../img/nayami/nayami01_image02.png) no-repeat left top;
}

#nayami01Block .nayamiStudentVoice{
padding: 38px 38px 8px 310px;
background: url(../img/nayami/nayami01_image08.jpg) no-repeat left 0;
}
#nayami01Block .nayamiStudentVoice p{
width: 315px;
line-height: 1.4;
}

.nayami01Section02Paragraph01Anchor{
position: relative;
display: block;
width: 364px;
height: 30px;
overflow: hidden;
margin: 0 auto;
text-align: center;
}

.nayami01Section02Paragraph01Anchor img{
position: absolute;
top: 0;
left: 0;
}
.nayami01Section02Paragraph01Anchor:hover img{
position: absolute;
top: -30px;
left: 0;
}

/*Nayami 02
---------------------------------------------------*/ 

#nayami02Block .nayamiAnswerTightSection{
margin-left: 90px;
}

#nayami02Block .nayami02Section01Paragraph01{
margin-bottom: 30px;
}
#nayami02Block .nayami02Section02{
padding: 0 0 270px;
background: url(../img/nayami/nayami02_image04.jpg) no-repeat 0 bottom;
}
#nayami02Block .nayami02Section02 h3{
margin: 50px 0 30px;
}

/*Nayami 07
---------------------------------------------------*/ 

.nayami07Section02{
margin: 40px 0 0;
}

.nayami07Section0201,
.nayami07Section0202,
.nayami07Section0203{
margin: 30px 0 40px;
}

#nayami07Block .nayamiStudentVoice{
padding: 78px 38px 27px 321px;
background: url(../img/nayami/nayami07_image12.jpg) no-repeat left top;
}
#nayami07Block .nayamiStudentVoice p{
width: 317px;
margin: 0 0 10px;
line-height: 1.6;
}

/*Nayami 08
---------------------------------------------------*/ 

#nayami08Block .nayamiStudentVoice{
padding: 41px 55px 27px 280px;
background: url(../img/nayami/nayami08_image03.jpg) no-repeat left top;
}

#nayami08Block .nayamiStudentVoice p{
line-height: 1.6;
}

#nayami08Block .nayami08Section01Paragraph01{
margin: 40px 0;
}

/*Nayami 10
---------------------------------------------------*/ 

#nayami10Block .nayamiStaffVoice{
height: 180px;
margin: 50px 0 0;
background: url(../img/nayami/nayami28_staff.jpg) no-repeat right 18px;
}
#nayami10Block .nayamiStaffVoice p{
width: 500px;
}
#nayami10Block .nayamiStudentVoice{
margin-top: 30px;
padding: 51px 38px 27px 321px;
background: url(../img/nayami/nayami10_image04.jpg) no-repeat left top;
}
#nayami10Block .nayamiStudentVoice p{
width: 317px;
margin: 0 0 10px;
line-height: 1.6;
}

/*Nayami 21
---------------------------------------------------*/ 

#nayami21Block .nayamiStudentVoice{
padding: 78px 38px 27px 321px;
background: url(../img/nayami/nayami21_student_voice.jpg) no-repeat left top;
}
#nayami21Block .nayamiStudentVoice p{
width: 317px;
margin: 0 0 10px;
}

#nayami21Block .nayamiStaffVoice{
margin: 20px 0 0;
padding: 0 0 42px;
background: url(../img/nayami/nayami21_staff_voice.jpg) no-repeat right top;
}
#nayami21Block .nayamiStaffVoice p{
padding: 0 0 0 15px;
margin: 10px 0 10px;
}

/*Nayami 23
---------------------------------------------------*/ 

#nayami23Block h3{
margin: 20px 0 15px;
}

.nayami23AnswerSection02{
padding: 0 0 30px 305px;
background: url(../img/nayami/nayami23_image03.png) no-repeat 50px top;
}
#nayami23Block .nayami23AnswerSection03Paragraph01{
margin-bottom: 30px;
padding: 13px 0 12px 305px;
background: url(../img/nayami/nayami23_image05.png) no-repeat 0 top;
}
.nayami23AnswerSection04Paragraph01{
padding: 7px 0 0 305px;
background: url(../img/nayami/nayami23_image07.png) no-repeat 50px top;
}

#nayami23Block .nayamiStudentVoice{
padding: 37px 25px 9px 327px;
background: url(../img/nayami/nayami23_student_voice.jpg) no-repeat left top;
}

/*Nayami 28
---------------------------------------------------*/ 

.nayami28Section01,
.nayami28Section02{
position: relative;
margin: 50px 0;
}

#nayami28Block .nayamiStaffVoice{
height: 180px;
background: url(../img/nayami/nayami28_staff.jpg) no-repeat right 18px;
}
#nayami28Block .nayamiStaffVoice p{
width: 500px;
}
.nayami28Section02Title01{
margin: 0 0 15px 95px;
}


.nayami28Section02 .nayami28SectionBaloon{
position: absolute;
top: 0;
left: 0;
margin: 0;
}

.nayami28Section02 .image{
float: left;
margin: 0 20px 20px 0;
}

/*Nayami 29
---------------------------------------------------*/ 
#nayami29Block .StaffVoice{
padding: 37px 25px 9px 327px;

}

.nayami29Section01{
margin: 0 0 20px 30px;
padding: 0 0 77px 200px;
background: url(../img/nayami/nayami29_image02.png) no-repeat left top;
}
.nayami29Section02{
padding: 0 0 15px;
margin: 0 0 20px;
background: url(../img/nayami/nayami29_image04.png) no-repeat 480px top;
}
#nayami29Block .nayamiStaffVoice{
background: url(../img/nayami/nayami29_image05.jpg) no-repeat right bottom;
}
#nayami29Block .nayamiStaffVoiceTitle{
margin: 0 0 20px;
}
#nayami29Block .nayamiStaffVoice p{
width: 530px;
margin: 0 0 20px;
}

/*Nayami 30
---------------------------------------------------*/ 

#nayami30Block .nayamiStaffVoice{
margin: 40px 0 0;
}
#nayami30Block .nayamiStaffVoice{
background: url(../img/nayami/nayami30_image06.jpg) no-repeat right 10px;
}
#nayami30Block .nayamiStaffVoiceTitle{
margin: 0 0 20px;
}
#nayami30Block .nayamiStaffVoice p{
width: 480px;
margin: 0 0 20px;
}



/*Index
---------------------------------------------------*/ 

.nayamiJireiListItem{
position: relative;
float: left;
}
.nayamiJireiListItemOdd{
margin: 0 30px 20px 0;
}

#nayamiJireiListItem01{
background: url(../img/nayami-jirei/nayami_jirei01.png) no-repeat left top;
}
#nayamiJireiListItem02{
background: url(../img/nayami-jirei/nayami_jirei02.png) no-repeat left top;
}
#nayamiJireiListItem03{
background: url(../img/nayami-jirei/nayami_jirei03.png) no-repeat left top;
}
#nayamiJireiListItem04{
background: url(../img/nayami-jirei/nayami_jirei04.png) no-repeat left top;
}
#nayamiJireiListItem05{
background: url(../img/nayami-jirei/nayami_jirei05.png) no-repeat left top;
}
#nayamiJireiListItem06{
background: url(../img/nayami-jirei/nayami_jirei06.png) no-repeat left top;
}

.nayamiJireiListItem .itemAnchor{
position: relative;
display: block;
width: 323px;
height: 173px;
}
.nayamiJireiListItem .itemAnchorDummy{
display: block;
position: absolute;
top: 138px;
left: 7px;
overflow: hidden;
width: 195px;
height: 27px;
}
.nayamiJireiListItem .itemAnchorDummy img{
position: absolute;
top: 0;
left: 0;

}
.nayamiJireiListItem .itemAnchor:hover img{
position: absolute;
top: -27px;
left: 0;
}



#nayamiJireiBlock01 .nayamiJireiChildBlock{
background: url(../img/nayami-jirei/nayami_jirei01_child.png) no-repeat left top;
}
#nayamiJireiBlock02 .nayamiJireiChildBlock{
background: url(../img/nayami-jirei/nayami_jirei02_child.png) no-repeat left top;
}
#nayamiJireiBlock03 .nayamiJireiChildBlock{
background: url(../img/nayami-jirei/nayami_jirei03_child.png) no-repeat left top;
}
#nayamiJireiBlock04 .nayamiJireiChildBlock{
background: url(../img/nayami-jirei/nayami_jirei04_child.png) no-repeat left top;
}
#nayamiJireiBlock05 .nayamiJireiChildBlock{
background: url(../img/nayami-jirei/nayami_jirei05_child.png) no-repeat left top;
}
#nayamiJireiBlock06 .nayamiJireiChildBlock{
background: url(../img/nayami-jirei/nayami_jirei06_child.png) no-repeat left top;
}

.nayamiJireiBlock .nayamiJireiChildBlock{
margin-top: 30px;
}

.nayamiJireiChildData{
float: left;
min-height: 140px;
margin: 0 30px 20px 0;
padding: 0 0 0 130px;
}

.nayamiJireiBlock .nayamiJireiChildName{
margin: 10px 0 7px;
font-size: 14px;
font-weight: bold;
}
.nayamiJireiChildDataList{
font-size: 12px;
}
.nayamiJireiChildDataList .label{
font-weight: bold;
}

/*NayamiJireiParent
---------------------------------------------------*/ 

.nayamiJireiParentBlock{
background: url(../img/nayami-jirei/nayami_jirei_parent_bg.png) no-repeat right bottom;
}

.nayamiJireiParentBlock{
position: relative;
margin-top: 40px;
}

.nayamiJireiParentBody{
border: 4px solid #bfeeef;
}

.nayamiJireiParentBody span{
color: #1e4082;
font-weight: bold;
}

.nayamiJireiParentTitle{
position: absolute;
top: -40px;
left: 20px;
}

.nayamiJireiParentBlock .nayamiJireiCatch{
margin: 45px 20px 15px;
}
.nayamiJireiParentBody{
width: 563px;
padding: 0 0 15px;
}
.nayamiJireiParentBody p{
margin: 10px 20px 0;
}

.nayamiJireiParentBlock .nayamiJireiParentName{
margin: 0;
position: absolute;
bottom: 15px;
right: 10px;
}

/*NayamiJireiTeacher
---------------------------------------------------*/ 

.nayamiJireiTeacherBlock{
position: relative;
margin-top: 55px;
border: 4px solid #f78787;
background: url(../img/nayami-jirei/nayami_jirei_teahcer_bg.png) no-repeat right top;
}

.nayamiJireiTeacherTitle{
position: absolute;
top: -30px;
left: 20px;
}

.nayamiJireiTeacherBlock .nayamiJireiCatch{
margin: 35px 20px 15px;
}
.nayamiJireiTeacherBody{
background: url(../img/nayami-jirei/nayami_jirei_teacher.png) no-repeat 570px bottom;
}
.nayamiJireiTeacherBody p{
width: 530px;
margin: 10px 20px 0;
}
.nayamiJireiTeacherBody p span{
color: #ff253f;
font-weight: bold;
}

.nayamiJireiTeacherResult{
margin-top: 20px;
background: #fffcca url(../img/nayami-jirei/nayami_jirei_teahcer_result_bg.png) no-repeat left center;
}

.nayamiJireiTeacherResult .nayamiJireiTeacherResultNumber{
float: left;
margin-left: 185px;
/*padding: 15px 0 0 185px;*/
}
.nayamiJireiTeacherResult .nayamiJireiTeacherResultNumberDetail{
float: left;
width: 210px;
margin: 10px 0 0 15px;
}
.nayamiJireiTeacherResult .nayamiJireiTeacherResultNumberDetail p{
margin: 5px 0;
font-size: 12px;
}
.nayamiJireiTeacherResult .nayamiJireiTeacherResultNumberDetail .nayamiJireiTeacherResultNumberDetailTop{
font-size: 14px;
font-weight: bold;
}
.nayamiJireiTeacherResult .nayamiJireiTeacherResultNumberDetail p span{
color: #F00;
}

/*NayamiJireiVoice
---------------------------------------------------*/ 

.nayamiJireiVoiceBlock{
margin-top: 30px;
}

.nayamiJireiVoiceInner{
padding: 30px 30px 30px;
border: 4px solid #e2e2e2;
border-top: 0 solid #e2e2e2;
}

.nayamiJireiVoiceBlock .nayamiJireiVoiceInner p{
margin: 7px 0;
}
.nayamiJireiVoiceBlock .nayamiJireiVoiceInner p:last-child{
margin: 7px 0 0;
}

.nayamiJireiVoiceInnerParentBody{
padding: 0 0 20px 120px;
border-bottom: 1px dotted #CCC;
background: url(../img/nayami-jirei/nayami_jirei_voice_parent.png) no-repeat left top;
}

.nayamiJireiVoiceInnerChildBody{
min-height: 125px;
margin-top: 20px;
padding: 0 0 0 120px;
}
#nayamiJireiBlock01 .nayamiJireiVoiceInnerChildBody{
background: url(../img/nayami-jirei/nayami_jirei01_voice_child.png) no-repeat left top;
}
#nayamiJireiBlock02 .nayamiJireiVoiceInnerChildBody{
background: url(../img/nayami-jirei/nayami_jirei02_voice_child.png) no-repeat left top;
}
#nayamiJireiBlock03 .nayamiJireiVoiceInnerChildBody{
background: url(../img/nayami-jirei/nayami_jirei03_voice_child.png) no-repeat left top;
}
#nayamiJireiBlock04 .nayamiJireiVoiceInnerChildBody{
background: url(../img/nayami-jirei/nayami_jirei04_voice_child.png) no-repeat left top;
}
#nayamiJireiBlock05 .nayamiJireiVoiceInnerChildBody{
background: url(../img/nayami-jirei/nayami_jirei05_voice_child.png) no-repeat left top;
}
#nayamiJireiBlock06 .nayamiJireiVoiceInnerChildBody{
background: url(../img/nayami-jirei/nayami_jirei06_voice_child.png) no-repeat left top;
}

.nayamiJireiVoiceBlock .nayamiJireiVoiceInner .nayamiJireiVoiceInnerChildBody .name{
color: #237ea9;
font-weight: bold;
}
.nayamiJireiVoiceBlock .nayamiJireiVoiceInner .nayamiJireiVoiceInnerParentBody .name{
color: #e72020;
font-weight: bold;
}

.nayamiJireiVoiceBlock .nayamiJireiVoiceInner .nayamiJireiVoiceInnerParentBody span,
.nayamiJireiVoiceBlock .nayamiJireiVoiceInner .nayamiJireiVoiceInnerChildBody span{
color: #e72020;
font-weight: bold;
}


/*commonActionContact
---------------------------------------------------*/ 

.nayamiJireiActionBlock .nayamiActionContact{
position: absolute;
top: 153px;
left: 126px;
}
.nayamiJireiActionBlock .nayamiJireiActionContactAnchor{
display: block;
height: 34px;
overflow: hidden;
position: relative;
width: 527px;
}
.nayamiJireiActionBlock .nayamiJireiActionContactAnchor img{
position: absolute;
top: 0;
left: 0;
}
.nayamiJireiActionBlock .nayamiJireiActionContactAnchor img:hover{
position: absolute;
top: -34px;
left: 0;
}

/*commonActionApplication
---------------------------------------------------*/ 

.nayamiJireiActionBlock .nayamiJireiActionApplication{
position: absolute;
top: 70px;
left: 126px;
}
.nayamiJireiActionBlock .nayamiJireiActionApplicationAnchor{
display: block;
height: 75px;
overflow: hidden;
position: relative;
width: 203px;
}
.nayamiJireiActionBlock .nayamiJireiActionApplicationAnchor img{
position: absolute;
top: 0;
left: 0px;
}
.nayamiJireiActionBlock .nayamiJireiActionApplicationAnchor img:hover{
position: absolute;
top: -75px;
left: 0px;
}



/*---------------------------------------------------
Header
---------------------------------------------------*/ 

.nayami06Section01{
margin: 25px 0;
}
.nayami06Section01 img{
margin: 0 0 7px;
}
.nayami06Section01{
margin-left: 26px;
}

.nayami06Paragraph02{
padding: 30px 0 50px 265px;
background: url(../img/nayami/nayami06_image03.png) no-repeat left top;
line-height: 1.7;
}

.nayami06Voice{
padding: 63px 0 33px 323px;
background: url(../img/nayami/nayami06_image04.jpg) no-repeat left top;
}

.nayami06StaffVoice{
margin-top: 15px;
padding: 40px 0 49px 15px;
background: url(../img/nayami/nayami06_image05.jpg) no-repeat left top;
}

/*nayamiActionBlock
---------------------------------------------------*/ 

.nayamiActionBlock{
position: relative;
height: 215px;
margin: 0 0 45px;
background: url(../img/nayami/nayami_action_bg.jpg) no-repeat left top;
}

.nayamiActionBlock .actionSupp{
position: absolute;
bottom: 0;
left: 0;
font-size: 11px;
color: #888;
}


/*nayami32
---------------------------------------------------*/ 
#nayami32Block .nayami06Section01{
width: 525px;
}

#nayami32Block .nayamiStaffVoice{
padding: 0 0 49px;
/*width: 610px;*/
background: url(../img/nayami/nayami_staff_image02.jpg) no-repeat left 40px;
}

/*Nayami 35
---------------------------------------------------*/ 

#nayami35Block .nayamiAnswerTightSection{
margin: 0 0 0 91px;
}

.nayami35AnswerSection02{
position: relative;
}

#nayami35Block .nayami35AnswerSection02{
height: 288px;
background: url(../img/nayami/nayami35_image02.png) no-repeat 0 0;
}

#nayami35Block .nayami35AnswerSection02Paragraph02Kansai{
margin: 0;
position: absolute;
top: 134px;
left: 171px;
width: 74px;
height: 74px;
background: url(../img/nayami/nayami35_image03.png) no-repeat -119px 0;

}
#nayami35Block .nayami35AnswerSection02Paragraph02Kansai:hover{
background: url(../img/nayami/nayami35_image03.png) no-repeat 0 0;
}

#nayami35Block .nayami35AnswerSection02Paragraph02Tokai{
margin: 0;
position: absolute;
top: 157px;
left: 247px;
width: 89px;
height: 89px;
background: url(../img/nayami/nayami35_image03.png) no-repeat -110px -81px;

}
#nayami35Block .nayami35AnswerSection02Paragraph02Tokai:hover{
background: url(../img/nayami/nayami35_image03.png) no-repeat 0 -81px;
}

#nayami35Block .nayami35AnswerSection02Paragraph02Shikoku{
margin: 0;
position: absolute;
top: 184px;
left: 106px;
width: 78px;
height: 78px;
background: url(../img/nayami/nayami35_image03.png) no-repeat -110px -186px;

}
#nayami35Block .nayami35AnswerSection02Paragraph02Shikoku:hover{
background: url(../img/nayami/nayami35_image03.png) no-repeat 0 -186px;
}

#nayami35Block .nayami35AnswerSection02Paragraph02Hokushinetsu{
margin: 0;
position: absolute;
top: 74px;
left: 233px;
width: 82px;
height: 82px;
background: url(../img/nayami/nayami35_image03.png) no-repeat -110px -272px;

}
#nayami35Block .nayami35AnswerSection02Paragraph02Hokushinetsu:hover{
background: url(../img/nayami/nayami35_image03.png) no-repeat 0 -272px;
}

#nayami35Block .nayami35AnswerSection02Paragraph02Kyushu{
margin: 0;
position: absolute;
top: 187px;
left: 13px;
width: 72px;
height: 72px;
background: url(../img/nayami/nayami35_image03.png) no-repeat -110px -360px;

}
#nayami35Block .nayami35AnswerSection02Paragraph02Kyushu:hover{
background: url(../img/nayami/nayami35_image03.png) no-repeat 0 -360px;
}

#nayami35Block .nayami35AnswerSection02Paragraph02Chugoku{
margin: 0;
position: absolute;
top: 116px;
left: 104px;
width: 67px;
height: 67px;
background: url(../img/nayami/nayami35_image03.png) no-repeat -110px -443px;

}
#nayami35Block .nayami35AnswerSection02Paragraph02Chugoku:hover{
background: url(../img/nayami/nayami35_image03.png) no-repeat 0 -443px;
}

/*commonActionContact
---------------------------------------------------*/ 

.nayamiActionBlock .nayamiActionContact{
position: absolute;
top: 153px;
left: 126px;
}
.nayamiActionBlock .nayamiActionContactAnchor{
display: block;
height: 34px;
overflow: hidden;
position: relative;
width: 527px;
}
.nayamiActionBlock .nayamiActionContactAnchor img{
position: absolute;
top: 0;
left: 0;
}
.nayamiActionBlock .nayamiActionContactAnchor img:hover{
position: absolute;
top: -34px;
left: 0;
}

/*commonActionApplication
---------------------------------------------------*/ 

.nayamiActionBlock .nayamiActionApplication{
position: absolute;
top: 70px;
left: 126px;
}
.nayamiActionBlock .nayamiActionApplicationAnchor{
display: block;
height: 75px;
overflow: hidden;
position: relative;
width: 203px;
}
.nayamiActionBlock .nayamiActionApplicationAnchor img{
position: absolute;
top: 0;
left: 0px;
}
.nayamiActionBlock .nayamiActionApplicationAnchor img:hover{
position: absolute;
top: -75px;
left: 0px;
}

/*---------------------------------------------------
//
//    講師募集 - pa-tona - partner
//
---------------------------------------------------*/ 

/* partner index */

.articleBody p.pt_btn {
    background: #E60012;
    padding: 10px 0;
    margin: 0 0 15px 0;
}

.pt_btn a {
    color: #fff600;
    font-size: 28px;
    background: url(../img/partner/top_icon.png) no-repeat left center;
    padding: 12px 0 12px 60px;
    margin: 0 0 0 125px;
         text-decoration: none;
}

.pt_link {
    position: relative;
     background: url(../img/partner/icon_01.png) no-repeat left center;
     padding: 5px 0 5px 45px;
     font-size: 28px;
     font-weight: bold;
     float: right;
}

.pt_link a {
     color: #ff0000;
     text-decoration: none;
}

.pt_table {
    border-left:#ccc 1px solid;
    border-right:#ccc 1px solid;
    width: 100%;
    font-size: 16px;
}
.pt_table th {
    padding:5px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    text-align: center;
    width: 100px;
}

.pt_table td {
    padding:5px 10px 5px 10px;
    border-top: 1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 560px;
}

.pt_table td a {
    text-decoration: none;
}

.articleBody p.pt_chiku {
    width: 130px;
    margin: 0;
    float: left;
}

/* 講師募集都道府県ページ */

.pt_city_main p.pt_btn {
    background: #E60012;
    padding: 10px 0;
    margin: 0 0 30px 0;
}

.pt_city_main .pt_btn a {
    color: #fff600;
    font-size: 28px;
    background: url(../img/partner/top_icon.png) no-repeat left center;
    padding: 12px 0 12px 60px;
    margin: 0 0 0 125px;
         text-decoration: none;
}


.pt_city_table {
    border-left:#2EA7E0 1px solid;
    border-right:#2EA7E0 1px solid;
    width: 100%;
    margin: 0 0 30px;
}
.pt_city_table th {
    padding:5px 0;
    color: #036EB8;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #D3EDFB;
    border-top: 1px solid #2EA7E0;
    border-bottom:1px solid #2EA7E0;
    width: 18%;
}

.pt_city_table td {
    padding:5px 10px 5px 10px;
    border-top: 1px solid #2EA7E0;
    border-bottom:1px solid #2EA7E0;
    border-left: 1px solid #2EA7E0;
    width: 560px;
}

.pt_city_h2_box {
    border-left: 30px solid #036EB8;
    margin: 0 0 20px;
}

.pt_city_h2 {
    color: #036EB8;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #036EB8;
    margin: 0 0 0 5px;
}




/* ----- 募集メール ------ */

.contact_title {
    background: #22AC38;
    color: #FFF100;
    padding: 10px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 20px;
}

.form_table {
    border-top: 1px solid #231815;
    border-left: 1px solid #231815;
    border-right: 1px solid #231815;
}

.form_table_tr {
display: table;
width: 100%;
border-bottom: 1px solid #231815;
}

.form_table_th {
display: table-cell;
width: 25%;
vertical-align:top;
font-size: 18px;
padding: 10px;
box-sizing: content-box;
}

.form_table_th span {
    color: red;
}

.form_table_td {
display: table-cell;
width: 75%;
vertical-align:middle;
padding: 10px;
box-sizing: content-box;
}

.form_table_td .formError .formErrorContent {
    width: 80%;
    background: none;
    position: relative;
    color: #ee0101;
    font-size: 14px;
}

.form_table_td .formError.inline,
.form_table_td .formError.ids {
display: block;
background: none;
color: red;
}

.inputsize {
    font-size: 16px;
    width: 60%;
    padding: 5px;
}

.inputsize2 {
    font-size: 16px;
    width: 40%;
    padding: 5px;    
}

.btn_area_contact {
    display: table;
    width: 100%;
}

.btn_policy {
    display: table-cell;
    width: 175px;
    vertical-align:middle;
}

.btn_ya {
    display: table-cell;
    font-size: 28px;
    vertical-align:middle;
    width: 30px;
}

.btn_policy .formError .formErrorContent {
    width: 100%;
    background: none;
    position: relative;
    color: #ee0101;
    font-size: 14px;
}

.btnBack {
    vertical-align:middle;
    display: table-cell;
    width: 200px;
}

.confirm {
    background: #2EA7E0;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}


/* ポリシー */

.entry_policy {
    width: 680px;
    margin: 0 auto;
}

.entry_policy h1 {
    background: #22AC38;
    color: #FFF100;
    padding: 10px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin: 20px 0 20px;
    position: relative;
    top: 0px;
    left: 0px;
}

.close_policy {
    margin: 20px auto;
    text-align: center;
}

.close_policy a {
    background: #2EA7E0;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}


/* ------- 2ndページ ------------ */
.pageVisualPartnerEntryButton{
position: absolute;
top: 237px;
left: 27px;
}
.pageVisualPartnerEntryButtonAnchor{
display: block;
position: relative;
overflow: hidden;
width: 481px;
height: 61px;
}
.pageVisualPartnerEntryButtonAnchor img{
position: absolute;
top: 0;
left: 0;
}
.pageVisualPartnerEntryButtonAnchor:hover img{
position: absolute;
top: -61px;
left: 0;
}

#partnerBlock h3{
position: relative;
}

.partnerPointSection{
margin-bottom: 30px;
}

.partnerEntryButton{
position: relative:
}

.partnerEntryButtonAnchor{
display: block;
position: relative;
overflow: hidden;
width: 481px;
height: 61px;
margin: 0 auto;
}

.partnerEntryButtonAnchor img{
position: absolute;
top: 0;
left: 0;
}

.partnerEntryButtonAnchor:hover img{
position: absolute;
top: -61px;
left: 0;
}

.partnerBottomText{
    position: absolute;
    bottom: 40px;
    left: 0;
}

.areaMainVisualTitle_koushi {
    position: absolute;
    top: 28px;
    left: 38px;
    font-size: 33px;
    color: #17387D;
    font-weight: bolder;
    text-align: left;
    line-height: 1.5;
    font-family: serif;
}

.areaMainVisualTitle_koushi_detail {
    position: absolute;
    top: 67px;
    left: 38px;
    font-size: 33px;
    color: #17387D;
    font-weight: bolder;
    text-align: left;
    line-height: 1.5;
    font-family: serif;
}

.pa_kousibosyuu{
    z-index: 10;
    position: relative;;
    float: right;
    
    margin: -10px 0 15px 0px;
    border: 1px solid #00a2cb;
    border-radius: 2px;
}

.pa_kousibosyuu:after {
    background: url(../img/area/kousibosyuu_area_02.png) right center no-repeat;
    content: "";
    position: absolute;
    height: 46px;
    width: 62px;
    right: 0px;
    top: -22px;
}

.pa_kousibosyuuName{
    padding: 10px 65px 10px 5px;
    font-size: 13px;
    color: #0DAFFF;
    font-weight: bold;
    text-decoration: none;
}

.new_baito {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 1px 8px 0px 8px;
    line-height: 26px;
    margin: 0 -10px 0 0;
    text-align: center;
    background: #f33;   
}


/*---------------------------------------------------
//
//    アンケート - questionnaire
//
---------------------------------------------------*/ 

#tuika_ank {
    margin: 10px 0 0 0;
    display: none;
}

.ank_table_td {
    vertical-align:middle;
    padding: 10px;
    box-sizing: content-box;
}
.ank_table_td label{
    font-size: 18px;
}
.ank_table_td #radio1, .ank_table_td #radio2,.ank_table_td #radio3{
    font-size: 18px;
}

.ank_table_td h3 {
    border-bottom: 1px solid #000;
    margin: 0 0 20px;
    font-size: 16px;
}

.inputsize_ank {
    width: 100%;
    font-size: 16px;
}

.inputsize_ank2 {
    font-size: 16px;
    width: 29%;
    padding: 5px;
}

.ank_table_td .formError .formErrorContent {
    width: 80%;
    background: none;
    position: relative;
    color: #ee0101;
    font-size: 14px;
}

.ank_table_td .formError.inline,
.ank_table_td .formError.ids {
    display: block;
    background: none;
    color: red;
}


/*---------------------------------------------------
//
//    会社概要 - kaisya - company
//
---------------------------------------------------*/ 

.companyMoreInfo001{
float: left;
width: 320px;
margin-right: 30px;
}
.companyMoreInfo002{
float: left;
width: 320px;
}
.companyMoreInfo001 p,
.companyMoreInfo002 p{
margin: 0 0 10px;
}

#companyBlock td a {
    color: #00a2cb;
    text-decoration: none;
}

#companyBlock td a:hover {
    text-decoration: underline;
}

#companyBlock td i {
    color: #00a2cb;
}


/*---------------------------------------------------
Nayami
---------------------------------------------------*/

.nayamiCategoryList{
position: relativel;
padding-bottom: 10px;
margin-bottom: 40px;
border-radius: 2px;
background: url(../img/nayami/nayami_category_list_bg.png) no-repeat center bottom;
}

.nayamiCategoryChildren,
.nayamiCategoryParent,
.nayamiCategoryDeskstyle{
background: #edfbff;
}

.nayamiCategoryChildren,
.nayamiCategoryParent{
border-right: 1px solid #CCC;
}

.nayamiCategoryListAnchor{
position: relative;
overflow: hidden;
display: block;
width: 226px;
text-decoration: none;
padding: 13px 0;
background: url(../img/common/link_arrow.png) no-repeat 11px 18px;
text-align: center;
font-weight: bold;
font-size: 12px;
}

.nayamiCategoryListAnchor:hover{
background: #fffbb6 url(../img/common/link_arrow.png) no-repeat 11px 18px;
}

.nayamiCategoryListCurrent{
width: 226px;
padding: 13px 0;
background: #fffbb6;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #666;
}

.nayamiCategoryChildren,
.nayamiCategoryParent,
.nayamiCategoryDeskstyle{
position: relative;
float: left;
}

.nayamiSubCategoryTitle{
margin-bottom: 15px;
}

.nayamiList{
margin-bottom: 15px;
}
.nayamiList .nayami{
float: left;
width: 50%;
margin-bottom: 7px;
background: url(../img/nayami/nayami_icon.png) no-repeat left top;
font-size: 15px;
}
.nayamiList .nayami a{
padding: 0 0 4px 40px;
}

/*NayamiSection
---------------------------------------------------*/

.nayamiCategorySection{
margin-bottom: 40px;
}

.nayamiSubCategoryTitle{
padding: 10px;
border-radius: 3px;
background: #EDEDED;
font-size: 12px;
}



/*---------------------------------------------------
//
//    口コミ - kuchikomi - voice
//
---------------------------------------------------*/

.voiceCategorySection{
margin-top: 40px;
}
.voiceCategorySection:first-child{
margin-top: 0;
}

.voiceCategoryDescription{
margin: 15px 0;
}
.voiceCategoryViewButton{
float: right;
margin: 15px 0 15px 20px;
}
.voiceCategorySection .voiceCategoryAllView{
margin: 0;
text-align: right;
}


.voiceEntryList{
    display : -ms-flexbox; /*for IE10*/
    display : -webkit-flex; /*for old webkit browser*/
    display : flex;
    -ms-flex-wrap : wrap; /*for IE10*/
    -webkit-flex-wrap : wrap; /*for old webkit browser*/
    flex-wrap : wrap;
    width: 680px;
}

.voiceEntryListItem{
    width: 325px;
    margin-bottom: 30px;
}
.voiceEntryListFirstHalfItem{
margin-right: 30px;
margin-bottom: 30px;
}

.voiceEntryListItem:nth-child(2n)
{
margin-left: 30px;
margin-bottom: 30px;
}

.voiceEntryListItem .voiceEntryStudentImage{
float: left;
margin: 0 10px 0 0;
}
.voiceEntryListItem .voiceEntryStudentImage img{
border-radius: 2px;
}
.voiceEntryListItem .voiceEntryStudentTitle{
margin: 0;
line-height: 1.4;
font-size: 14px;
font-weight: bold;
}
.voiceEntryListItem .voiceEntryStudentInfomation{
margin: 7px 0 5px 0;
line-height: 1.2;
font-size: 11px;
color: #999;
}
.voiceEntryListItem .voiceEntryBody{
margin: 0;
font-size: 12px;
}
.voiceEntryListItem .voiceEntryAnchor{
text-align: right;
}

/*voiceCategory
---------------------------------------------------*/ 
.voiceCategoryListItem{
float: left;
}
.voiceCategoryListOddItem{
margin-right: 30px;
}

.voiceCategoryList .odd{
float: left;
margin: 0 30px 15px 0;
}
.voiceCategoryList .even{
float: left;
margin: 0 0 15px 0;
}

/*voiceEntry
---------------------------------------------------*/ 

.voiceEntrySection h3{
clear: both;
margin-bottom: 25px;
padding: 15px;
background: #cfefff;
color: #0db0fe;
}
.voiceEntrySummary{
margin-bottom: 25px;
font-size: 18px;
font-weight: bold;
color: #333;
}

.voiceEntryBody p{
clear: both;
margin-bottom: 25px;
line-height: 1.8;
}
.voiceEntryBody img{
float: right;
margin-left: 15px;
padding-bottom: 15px;
}
.voiceEntryBody span{
margin: 0 10px 0 0;
font-weight: bold;
}

.voiceEntryBody .boy{
color: #0b74c5;
}
.voiceEntryBody .girl{
color: #FF46A3;
}
.voiceEntryBody .parent{
color: #ff2d2d;
}


.voiceEntryMovieSection{
margin-bottom: 30px;
}

.voiceEntryMovieObject{
display: none;
}

.voiceEntryMovieAnchor{
margin-top: 10px;
padding: 15px 10px 10px 40px;
border: 2px solid #EEE;
background: url(../img/voice/icon_movie.png) no-repeat 10px 8px;
}

.text_voice {
    margin: 20px 0 20px;
}

/*---------------------------------------------------
//
//    パラパラ漫画 - parapara
//
---------------------------------------------------*/ 

.paraparaInnerBlock{
position: relative;
height: 1488px;
background: url(../img/parapara/bg.png) no-repeat 0 0;
}

.paraparaInnerBlock iframe{
position: absolute;
top: 230px;
left: 40px;
}


/*---------------------------------------------------
//
//    スポーツクラブ提携 - supo-tu - media
//
---------------------------------------------------*/ 

body.media #contents{
font-family:'¥á¥¤¥ê¥ª',Meiryo,'£Í£ÁE£Ð¥´¥·¥Ã¥¯',sans-serif;
color: #2d2d2d;
}

body.media .red{
color: #be4440;
}
body.media .blue{
color: #3a7db1;
}
body.media .emerald{
color: #3e9b95;
}

body.media #contents{
width: 100%;
}

body.media #topicpathTop{
width: 950px;
margin: 15px auto;
text-align: left;
}

body.media #pagetopButtonBlock{
width: 950px;
margin: 0 auto 15px;
}
body.media{
overflow-x: hidden;
}

.mediaSection01 .intelMark{
position: absolute;
top: -175px;
left: 700px;
text-align: center;
margin: 0 auto;
z-index: -7;
}


.mediaSectionInner{
position: relative;
width: 950px;
margin: 0 auto;
}

.mediaMainVisual{
position: relative;
height: 494px;
/*background: #EEE url(../img/media/media_main.jpg) no-repeat center top;*/
}
.mediaMainVisual h2{
padding: 10px 0 0 50px;
line-height: 1;
text-align: left;
font-size: 70px;
color: #FFF;
text-shadow: 0 2px 2px #000;
}
.mediaMainVisual h2 span{
font-size: 35px;
}
.mediaMainVisual p.readCopy{
width: 700px;
padding: 20px 0 0 50px;
text-align: left;
font-size: 21px;
color: #FFF;
text-shadow: 0 2px 2px #000;
}

.contactMedia{
position: absolute;
top: 40px;
right: 0;
}

.mediaSection01{
position: relative;
}
.mediaSection01 h3{
font-size: 43px;
}
.mediaSection01ReadCopy{
margin-top: 22px;
}
.mediaSection01BodyCopy{
margin-top: 52px;
text-align: left;
}
.mediaSection01 p{
font-size: 21px;
}



.mediaSection01WhatsIntel{
margin-top: 45px;
padding: 26px;
background: #e8e8e8 url(../img/media/whats_bg.png) no-repeat right top;
text-align: left;
}
.mediaSection01WhatsIntel h3{
margin-bottom: 20px;
font-size: 21px;
}
.mediaSection01WhatsIntel p{
width: 690px;
margin-top: 11px;
font-size: 13.5px;
}
.mediaSection01WhatsIntel .photo{
margin-top: 30px;
}



.mediaSection02{
border-top: 1px solid #CCC;
margin-top: 100px;
padding: 60px 0 60px 0;
background: #FFF url(../img/media/media_omoi_bg.jpg) no-repeat center top;
}
.mediaSection02 h3{
margin: 47px 0;
}
.mediaSection02 p{
margin: 16px auto 0;
width: 680px;
text-align: left;
line-height: 2.1;
}



.mediaSection03{
padding: 40px 0 40px 0;
background: #FFF url(../img/media/media_section03_bg.png) repeat left top;
text-align: center;
}
.mediaSection03 h3{
margin-bottom: 40px;
font-size: 43px;
}
.mediaSection03Block01,
.mediaSection03Block02{
float: left;
width: 440px;
height: 406px;
background: #FFF;
text-align: left;
}
.mediaSection03Block02{
margin-left: 40px;
}
.mediaSection03Block h4{
margin: 0 20px 0;
padding-top: 20px;
font-size: 27px;
}
.mediaSection03Block p{
margin: 15px 20px 0;
padding-bottom: 20px;
}
.mediaSection03 .image{
margin: 0;
padding: 0;
}


.mediaSection04{
margin-top: 60px;
}
.mediaSection04 h3{
font-size: 43px;
}
.mediaSection04 p{
margin: 25px 0;
font-size: 17px;
font-weight: bold;
}

.mediaReportBlock{
width: 680px;
margin: 0 auto;
text-align: center;
}

.mediaReportBlock p{
margin: 70px 0;
text-align: left;
line-height: 1.6;
font-size: 15px;
}

.mediaReportBlock .mediaReportParagraph01{
margin: 50px 0;
}


#containerMedia {
    width: 103%;
    margin: auto;
background: url(../img/media/bg_2015_kaki.jpg) center;
}

.sec_innerMedia {
    margin: 0 10px 0px;
    padding: 20px 0px;
}
}



.fixed{
position: fixed;
top: 0px;
right: 0;
z-index: 9999;
}

.sliderBlock{
position: relative;
width: 950px;
margin: 0 auto;
}
.sliderInner{
position: absolute;
width: 3800px;
overflow: hidden;
left: -950px;
z-index: -3;

}
.sliderBlock img{
float: left;
display: block;
width: 950px;
height: auto;
}

.uline_yMedia {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #FFF051 0%);
}

/*---------------------------------------------------
//
//    汎用テンプレート
//
---------------------------------------------------*/

.tmpCategorySection{
margin-top: 40px;
}
.tmpCategorySection:first-child{
margin-top: 0;
}

.tmpCategoryDescription{
margin: 15px 0;
}
.tmpCategoryViewButton{
float: right;
margin: 15px 0 15px 20px;
}
.tmpCategorySection .tmpCategoryAllView{
margin: 0;
text-align: right;
}


.tmpEntryList{
    clear: both;
}

.tmpEntryListItem{
    float: left;
    width: 325px;
    max-height: 230px;
    min-height: 100px;
}
.tmpEntryListFirstHalfItem{
margin-right: 30px;
}

.tmpEntryListItem:first-child,
.tmpEntryList .odd{
margin-right: 30px;
}

.tmpEntryListItem .tmpEntryStudentImage{
float: left;
margin: 0 10px 0 0;
}
.tmpEntryListItem .tmpEntryStudentImage img{
border-radius: 2px;
}
.tmpEntryListItem .tmpEntryStudentTitle{
margin: 0;
line-height: 1.4;
font-size: 14px;
font-weight: bold;
}
.tmpEntryListItem .tmpEntryStudentInfomation{
margin: 7px 0 5px 0;
line-height: 1.2;
font-size: 11px;
color: #999;
}
.tmpEntryListItem .tmpEntryBody{
margin: 0;
font-size: 12px;
}
.tmpEntryListItem .tmpEntryAnchor{
text-align: right;
}

/*tmpCategory
---------------------------------------------------*/ 
.tmpCategoryListItem{
float: left;
}
.tmpCategoryListOddItem{
margin-right: 30px;
}

.tmpCategoryList .odd{
float: left;
margin: 0 0 15px 0;
}
.tmpCategoryList .even{
float: left;
margin: 0 15px 0;
}

/*tmpEntry
---------------------------------------------------*/ 

.tmpEntrySection h3{
clear: both;
margin-bottom: 25px;
padding: 15px;
background: #cfefff;
color: #0db0fe;
}
.tmpEntrySummary{
margin-bottom: 25px;
font-size: 18px;
font-weight: bold;
color: #333;
}

.tmpEntryBody p{
clear: both;
margin-bottom: 25px;
line-height: 1.8;
}
.tmpEntryBody img{
float: right;
margin-left: 15px;
padding-bottom: 15px;
}
.tmpEntryBody span{
margin: 0 10px 0 0;
font-weight: bold;
}

.tmpEntryBody .boy{
color: #0b74c5;
}
.tmpEntryBody .girl{
color: #FF46A3;
}
.tmpEntryBody .parent{
color: #ff2d2d;
}


.tmpEntryMovieSection{
margin-bottom: 30px;
}

.tmpEntryMovieObject{
display: none;
}

.tmpEntryMovieAnchor{
margin-top: 10px;
padding: 15px 10px 10px 40px;
border: 2px solid #EEE;
background: url(../img/tmp/icon_movie.png) no-repeat 10px 8px;
}



/*---------------------------------------------------
Clearfix
---------------------------------------------------*/

.group:after,
.section:after{
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
}

.group,
.section{
display: inline-block;
}

.group,
.section{
display: block;
/*margin: 0 0 30px 0;*/
}




.areaCityTeacherBlock .areaCityTeacherInfomation_top{
    position: relative;
    display: inline;
    float: left;
    width: 300px;
    /* background: #FFF; */
}
.text_top{
    box-sizing: border-box;
    display: block;
    overflow: none;
    overflow-y: scroll;
    padding: 0 5px 0 0;
    width: 280px;
    height: 90px;
}

/*---------------------------------------------------
//
//    教育サービス比較＿塾- pa-tona - partner
//
---------------------------------------------------*/ 
.h3_jyuku{
    font-size: 26px;
    font-weight: bold;
    color: #525252;
    margin: 85px 0px 11px !important;
    line-height: 1.5;
    text-align: center;
}
.bltbox1 dt{
padding: 1px 0 0 40px;
min-height: 43px;
background: url(../img/hikaku/tyuui.png) no-repeat;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
}
.sec_inner_jyuku{
    /* width: 835px; */
    margin: 2px auto;
    padding: 15px 23px;
    position: relative;
}
.bltbox_red {
    clear: both;
    margin-bottom: 30px;
    display: inline-block;
}
.bltbox_red dt {
    margin: 35px 20px 10px;
    padding: 1px 0 0 40px;
    min-height: 43px;
background: url(../img/hikaku/check_red.png) no-repeat;
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    color: #191970;
}
#animation{
    font-weight: bold;
    font-size: 32px;
    font-weight: bold;
    color: #091264;
    margin: 85px 0px 11px !important;
    line-height: 1.5;
    text-align: center;
    text-shadow: 0 2px 2px #C9C9CA;
}
.containerMedia_jyuku {
    width: 103%;
    margin: auto;
    background: #FFFFFF;
    border: solid #CECECE 2px;
    border-radius: 5px;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.voice_box_jyuku {
    background: #FFFFFF;
    border: solid #FFE5BB 4px;
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 21px;
}
.containerMedia_jyuku_a {
    background: #F8FDFF;
    position: relative;
}
.voice_header_jyuku {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #864B17;
}
.voice_name_jyuku {
    font-weight: bold;
    font-size: 20px;
    color: #B38A57;
    margin-bottom: 10px;
}

.tel_top_number {
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #6B6B6B;
    position: absolute;
    top: 44px;
    right: 94px;
}
.contact_hikaku {
    margin-top: 0px;
    margin-left: 60px;
}
.pco {
    display: block !important;
}


/*---------------------------------------------------
//
//   ガンバりんごラインスタンプ- ganbaringo- stamp
//
---------------------------------------------------*/ 

.stamp_head_btn a {
    position: absolute;
    top: 730px;
    left: 43px;
    width: 232px;
    height: 62px;
    outline: 0;
}
.stamp_head_qr {
    position: absolute;
    top: 672px;
    left: 320px;
}
.stamp_head_sp {
    position: absolute;
    top: 29px;
    left: 23px;
}
.stamp_head_description {
    position: absolute;
    left: 320px;
    font-size: 12px;
    top: 493px;
    width: 380px;
}
.stamp_head_price {
    position: absolute;
    left: 320px;
    top: 455px;
}
.stamp_list {
    overflow: hidden;
    background: #e6e6e6;
    border-bottom: 2px solid #fff;
    width: 680px;
    margin-top: 125px;
}
.stamp_list_inner {
    overflow: hidden;
    margin: 15px 15px 0;
    background: #fff;
    border-radius: 10px;
    width: 650px;
}
.stamp_list_btn {
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
}
.stamp_list_btn:hover {
  opacity: 0.7;
}
.stamp_list_inner img {
    display: block;
}

.ringo_InnerBlock {
    position: relative;
    height: 800px;
    background: url(../ganbaringo_stamp/img/bg_ringo.png);
    background-repeat: no-repeat;
}



/*---------------------------------------------------
//
//    高校受験情報 - koukoujyuken - 
//
---------------------------------------------------*/

/*index*/

.koukou_main_img{
    margin: 0 0 15px;
}

.koukou_block_01 {
    margin: 0 0 15px;
}

.koukou_block_01 h2 {
    color: #00a0e9;
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 10px;
}

.koukou_block_02 {
    margin: 0 0 15px;
}

.koukou_block_02 h2 {
    color: #fff100;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 0 2px 5px;
    background: #e4007f;
    margin: 0 0 10px;
}

.koukou_block_list li {
    margin: 0 0 5px;
}

.koukou_block_list a {
    color: #036eb8;
    text-decoration: none;
}

.koukou_block_list a:hover {
    text-decoration: underline;
}

.koukou_block_table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px;
}
.koukou_block_table th{
    padding: 0;
    text-align: center;
    vertical-align: middle;
    color: #333;
    border: 1px solid #00a0e9;
}
.koukou_block_table td{
    padding: 10px;
    text-align: center;
    border: 1px solid #00a0e9;
}

.koukou_block_table td a {
    text-decoration: none;
}

.koukou_block_table td a:hover {
    text-decoration: underline;
}

.koukou_block_03 {
    margin: 0 0 15px;
}

.koukou_block_03 h2 {
    color: #fff100;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 0 2px 5px;
    background: #00a0e9;
    margin: 0 0 10px;
}

.koukou_block_04 {
    margin: 0 0 15px;
}

.koukou_block_04 h2 {
    color: #fff100;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 0 2px 5px;
    background: #8fc31f;
    margin: 0 0 10px;
}

.tel_bold {
    font-size: 22px;
}

/*高校入試情報*/
.voiceEntryListItem .voiceEntryStudentTitle_01{
margin: 0;
line-height: 1.4;
font-size: 15px;
font-weight: bold;
}

.nyuushi_main {
    margin: 0 0 20px;
    position: relative;
}


.nyuushi_main p.nyuushi_main_area {
    position: absolute;
    top: 10px;
    left: 99px;
    font-size: 32px;
    color: #22ac38;
    font-weight: bold;
    width: 185px;
    text-align: center;
}

.nyuushi_main h2.nyuushi_main_text {
    position: absolute;
    top: 66px;
    left: 99px;
    font-size: 15px;
    color: #000;
}


.nyuushi_jyouhou h2 {
    color: #009944;
    font-size: 22px;
    margin: 0 0 20px;
}

.nyuushi_jyouhou h3 {
    background: #009944;
    color: #fff100;
    font-size: 18px;
    padding: 5px 0;
    margin: 20px 0;
}

.nyuushi_jyouhou dl {
    margin: 0  0 25px;
}

.nyuushi_jyouhou dt {
    color: #8fc31f;
    font-size: 16px;
    margin: 0 0 5px;
} 

.nyuushi_jyouhou dd {
    margin: 0;
    padding: 0;
}



/*---------------------------------------------------
//
//    学習冊子のご紹介 - education - 
//
---------------------------------------------------*/

.ed_setumei {
  background: url(../img/education/img_01.png) no-repeat right bottom;
  margin: 10px 0 -25px;
  padding: 0 0 90px;
}

.ed_01 h2 {
  margin: 0 0 20px;
}

.ed_02 {
  margin: 0 0 -40px;
}

.ed_02 h2 {
  margin: 0 0 20px;
}

.ed_book {
  margin: 0 0 30px;
}

.ed_text {
  float: left;
  width: 500px;
}

.ed_text h3 {
  font-size: 20px;
  margin: 0 0 15px;
}

.ed_size_text {
  text-align: right;
  margin: 20px 0 0;
}

.ed_img {
  float: right;
  width: 160px;
}



/*---------------------------------------------------
//
//    お申込の流れ - flow - 
//
---------------------------------------------------*/

.flow_cont p {
    margin: 0 0 20px;
    padding: 0 10px 0;
}

.flow_imgs {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
}

.flow_img {
    width: 230px;
}

.flow_imgs p {
    margin: 10px 0;
    width: 100%;
    color: #036eb8;
}

.no_underline {
     text-decoration: none;
}


/*---------------------------------------------------
//
//    保護者さまお悩み相談窓口 - support - 
//
---------------------------------------------------*/


.sup_text {
  float: right;
  width: 500px;
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0 0;
}

.sup_img {
  float: left;
  width: 150px;
}



/*---------------------*/