@charset "utf-8";
/*=========================================================

=========================================================*/

/*
--------------------------------------------------------
 commonlayouts
--------------------------------------------------------
*/

body {
    font-size: 0.88em;
    line-height: 1.6;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

#Wrapper {
    border-top: 6px solid #1D2F6C;
    min-width: 1100px;
}

#WrapperInner {
    width: 1100px;
    margin: 0 auto;
}

.for-sp {
    display: none;
}

.for-pc {
    display: inline;
}

#Wrapper .bnr img {
    margin: 15px auto 0;
    display: block;
}

.fontRed {
    color: #D90000;
}

.fontRed a {
    color: #D90000;
}

.fontRed a {
    color: #D90000;
    text-decoration: underline;
}

.imgCenter {
    text-align: center;
}

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

#header {
    width: 1060px;
    margin: 0 auto;
    text-align: center;
}

#header #info-btn {
    text-align: right;
}

#headerInner {
    margin-top: 15px;
}

#headerInner2 {
    margin-top: 15px;
}

#header #headerLogo {
    width: 292px;
    float: left;
    padding: 0;
    margin-bottom: 15px;
}

#header #headerLogo img {
    margin-right: 8px;
    vertical-align: middle;
}

#header #headerLogo2 {
    width: 292px;
    float: left;
    padding: 0;
}

#header #headerLogo2 img {}

#header #area-bnr-super {
    /*width: 728px;*/
    width: 605px;
    height: 60px;
    float: right;
    text-align: right;
    padding: 0;
    margin-top: 30px;
}

#header #area-bnr-super .bnrLeft {
    width: 300px;
    height: 60px;
    float: left;
}

#header #area-bnr-super .bnrRight {
    width: 300px;
    height: 60px;
    float: right;
}

#header #logo_asahi {
    width: 100px;
    display: block;
    float: left;
}

#header #logo_asahi {
    width: 100px;
    display: block;
    float: left;
    text-align: left;
}

#header #logoRight {
    width: 183px;
    height: height;
    float: right;
    padding-top: 7px;
    vertical-align: bottom;
}

#header #main-logo2 {
    width: 292px;
    float: left;
    clear: both;
}

#header #logo_asahi2 {
    width: 85px;
    display: block;
    float: right;
    margin-bottom: 10px;
}

#header #credit2 {
    width: 183px;
    display: block;
    float: right;
    margin-bottom: 10px;
}

#header #credit {
    width: 150px;
    display: block;
    float: right;
}

#header #main-logo {
    clear: both;
    margin-top: 8px;
}

header #headerNavi {
    width: 160px;
    float: right;
    margin-top: 50px;
}

header #headerNavi a#naviOutline {
    display: block;
    padding: 10px 40px;
    border: 1px solid #ccc;
    line-height: 1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: rgba(129, 143, 161, 0.25) 0px 0px 8px 2px;
    -webkit-box-shadow: rgba(129, 143, 161, 0.25) 0px 0px 8px 2px;
    -moz-box-shadow: rgba(129, 143, 161, 0.25) 0px 0px 8px 2px;
    background-color: #fff;
    behavior: url(/common/images/PIE.htc);
}

header #headerNavi a#naviOutline span {
    background: url(../images/com_ico_blank.gif) right center no-repeat;
    padding-right: 20px;
    display: block;
}

header #headerNavi a#naviOutline img {}

/*
area-sns
-------------------------------------------------*/

#area-sns {
    position: fixed;
    right: 10px;
    top: 30px;
    width: 70px;
    z-index: 9000;
    border: 3px solid #DDDDDD;
    background-color: #fff;
    padding: 10px;
}

#area-sns ul li {
    float: left;
    width: 200px;
}

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

#GlobalNavi2 {}

#GlobalNavi2 #GlobalNaviInner2 {
    width: 1060px;
    margin: 0 auto;
    text-align: center;
}

#GlobalNavi2 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#GlobalNavi2 li {
    display: block;
    float: left;
    height: 48px;
    overflow: hidden;
    /*text-indent: -9999px;*/
}

#GlobalNavi2 li a {
    /*background-image: url(/ad/clients/campusasahicom/common_rn/images/nav_global2.jpg);
    background-repeat: no-repeat;
    overflow: hidden;*/
    display: block;
    height: 48px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    background: -moz-linear-gradient(top, #203375, transparent);
    background: -webkit-linear-gradient(top, #203375, transparent);
    background: linear-gradient(to bottom, #203375, transparent);
    background-color: #2c449a;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#GlobalNavi2 li a:hover {
    background-color: #020305;
    color: #feff00;
}

/*#GlobalNavi2 li a img {
    display: none;
}*/

#GlobalNavi2 li.gnavi-college {
    border-bottom: 5px solid #8CABD9;
    margin-right: 2px;
}

#GlobalNavi2 li.gnavi-exam {
    border-bottom: 5px solid #F6A7B8;
    margin-right: 2px;
}

#GlobalNavi2 li.gnavi-global {
    border-bottom: 5px solid #F1EC7A;
    margin-right: 2px;
}

#GlobalNavi2 li.gnavi-info {
    border-bottom: 5px solid #71BF50;
    margin-right: 2px;
}

#GlobalNavi2 li.gnavi-special {
    border-bottom: 5px solid #F08838;
}

#GlobalNavi2 li.gnavi-college a {
    width: 211px;
    line-height: 48px;
}

#GlobalNavi2 li.gnavi-exam a {
    width: 210px;
    line-height: 48px;
}

#GlobalNavi2 li.gnavi-global a {
    width: 210px;
    line-height: 48px;
}

#GlobalNavi2 li.gnavi-info a {
    width: 210px;
    vertical-align: middle;
    display: table-cell;
    line-height: 20px;
}

#GlobalNavi2 li.gnavi-special a {
    width: 211px;
    vertical-align: middle;
    display: table-cell;
    line-height: 20px;
}

/*#GlobalNavi2 li.gnavi-college a.active, #GlobalNavi2 li.gnavi-college a:hover {
    background-position: 0 -48px;
}
#GlobalNavi2 li.gnavi-global a.active, #GlobalNavi2 li.gnavi-global a:hover {
    background-position: -265px -48px;
}
#GlobalNavi2 li.gnavi-info a.active, #GlobalNavi2 li.gnavi-info a:hover {
    background-position: -530px -48px;
}
#GlobalNavi2 li.gnavi-special a.active, #GlobalNavi2 li.gnavi-special a:hover {
    background-position: -795px -48px;
}*/

/*#GlobalNavi li.gnavi-action a.active, #GlobalNavi li.gnavi-action a:hover {
    background-position: 0 -48px;
}*/

/*#GlobalNavi li.gnavi-communication a.active, #GlobalNavi li.gnavi-communication a:hover {
    background-position: -530px -48px;
}*/

/*
#GlobalNavi li.gnavi-hschool a.active, #GlobalNavi li.gnavi-hschool a:hover {
    background-position: -795px -48px;
}*/

/*#global #GlobalNavi2 li.gnavi-college a {
    background-position: 0 -96px;
}
#global #GlobalNavi2 li.gnavi-global a {
    background-position: -265px -96px;
}
#global #GlobalNavi2 li.gnavi-info a {
    background-position: -530px -96px;
}
#global #GlobalNavi2 li.gnavi-special a {
    background-position: -795px -96px;
}*/

/*#action #GlobalNavi li.gnavi-action a {
    background-position: 0 -96px;
}*/

/*
#communication #GlobalNavi li.gnavi-communication a {
    background-position: -530px -96px;
}*/

/*
#hschool #GlobalNavi li.gnavi-hschool a {
    background-position: -795px -96px;
}
/*
GlobalNavi_NEW
-------------------------------------------------*/

/*#GlobalNavi2 {
}
#GlobalNavi2 #GlobalNaviInner2 {
    width: 1060px;
    margin: 0 auto;
}
#GlobalNavi2 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#GlobalNavi2 li {
    display: block;
    float: left;
    height: 48px;
    overflow: hidden;
    text-indent: -9999px;
}
#GlobalNavi2 li a {
    background-image: url(../images/nav_global2.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#GlobalNavi2 li a img {
    display: none;
}
#GlobalNavi2 li.gnavi-action a {
    background-position: 0 0;
    width: 212px;
}
#GlobalNavi2 li.gnavi-global a {
    background-position: -212px 0;
    width: 212px;
}
#GlobalNavi2 li.gnavi-communication a {
    background-position: -424px 0;
    width: 212px;
}
#GlobalNavi2 li.gnavi-hschool a {
    background-position: -636px 0;
    width: 212px;
}
#GlobalNavi2 li.gnavi-college a {
    background-position: -848px 0;
    width: 212px;
}
#GlobalNavi2 li.gnavi-action a.active, #GlobalNavi2 li.gnavi-action a:hover {
    background-position: 0 -48px;
}
#GlobalNavi2 li.gnavi-global a.active, #GlobalNavi2 li.gnavi-global a:hover {
    background-position: -212px -48px;
}
#GlobalNavi2 li.gnavi-communication a.active, #GlobalNavi2 li.gnavi-communication a:hover {
    background-position: -424px -48px;
}
#GlobalNavi2 li.gnavi-hschool a.active, #GlobalNavi2 li.gnavi-hschool a:hover {
    background-position: -636px -48px;
}
#GlobalNavi2 li.gnavi-college a.active, #GlobalNavi2 li.gnavi-college a:hover {
    background-position: -848px -48px;
}
#action #GlobalNavi2 li.gnavi-action a {
    background-position: 0 -96px;
}
#global #GlobalNavi2 li.gnavi-global a {
    background-position: -212px -96px;
}
#communication #GlobalNavi2 li.gnavi-communication a {
    background-position: -424px -96px;
}
#hschool #GlobalNavi2 li.gnavi-hschool a {
    background-position: -636px -96px;
}
#college #GlobalNavi2 li.gnavi-college a {
    background-position: -848px -96px;
}
/*
Contents
-------------------------------------------------*/

#topicPath {
    width: 1060px;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 14px;
    font-size: 76%;
}

#topicPathInner {
    text-align: left;
}

#topicPathInner li {
    display: block;
    float: left;
}

/*#topicPathInner #home{
    background:url(../images/topicpath_home.gif) left center no-repeat;
    padding-left:0;
}*/

#topicPathInner li a {
    background: url(../images/topicpath_next.gif) right center no-repeat;
    padding-right: 16px;
    margin-right: 16px;
}

/*
Contents
-------------------------------------------------*/

#Site-top #Contents {
    margin-top: 30px;
}

#Contents {
    width: 1060px;
    margin: 0 auto;
    margin-top: 5px;
    text-align: center;
}

#ContentsInner {
    width: 1060px;
}

#Contents #Main,
#Contents #Side {
    margin-top: 0;
    text-align: left;
}

/*
Contents Main
-------------------------------------------------*/

#Contents #Main {
    width: 728px;
    float: left;
    margin-bottom: 30px;
    padding: 0;
}

#boxSpecial {
    display: none;
}

/*
テーマ別大学ガイド
-------------------------------------------------*/

#Contents #Main .boxNews {
    padding-left: 10px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #ccc;
}

#Contents #Main .boxNews h3 {
    width: 628px;
    float: left;
    padding-left: 10px;
}

#Contents #Main .boxNews h3 a {
    font-size: 100%;
    line-height: 1.4;
}

#Contents #Main .boxNews span {
    font-size: 70%;
    font-weight: normal;
    margin: 5px 0;
    display: block;
    line-height: 1.4;
}

#Contents #Main .boxNews img {
    padding-right: 5px;
    float: left;
}

#Contents #Main .boxNewsLeft {
    height: 30px;
    float: left;
}

#Contents #Main .boxNewsRight {
    width: 80px;
    float: right;
    margin-bottom: 10px;
}

/*
area-College-Guide
-------------------------------------------------*/

#area-College-Guide {
    border: #DDDDDD 3px solid;
    position: relative;
}

#area-College-Guide h2 {
    padding: 10px;
    background: url(../../images/college_guide_bg.gif) top left repeat-x;
}

#area-College-Guide .link {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
}

#area-College-Guide .link a {
    background: url(../../images/news_arrow_01.gif) center left no-repeat;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #005FBD;
    font-size: 93%;
}

#area-College-Guide .link a:hover {
    text-decoration: underline;
}

/*
#area-College-Guide .box01,
#area-College-Guide .box02,
#area-College-Guide .box03{
    /*width:240px;*/

/*    width:216px;
    float:left;
    padding:12px;
}
#area-College-Guide .box02{
    border-right:#DDDDDD 1px solid;
    border-left:#DDDDDD 1px solid;
}
#area-College-Guide .box01 div,
#area-College-Guide .box02 div,
#area-College-Guide .box03 div{
    float:left;
    margin-right:8px;
    margin-bottom:8px;
}
*/

#area-College-Guide h3 a {
    font-weight: bold;
    color: #005FBD;
    line-height: 1.2;
}

#area-College-Guide p {
    font-size: 90%;
    line-height: 1.3;
    margin-top: 5px;
}

#area-College-Guide p a {
    color: #222222;
}

#area-College-Guide p a:hover {
    text-decoration: none;
}

#area-College-Guide #area-College-Guide-List {
    padding: 12px 12px 12px 6px;
}

#area-College-Guide #area-College-Guide-List h3 {
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 1.3em;
}

#area-College-Guide #area-College-Guide-List .Attention {
    padding-right: 5px;
}

#area-College-Guide #area-College-Guide-List span {
    font-size: 1.2em;
}

#area-College-Guide #area-College-Guide-List li {
    margin-left: 10px;
    line-height: 1.7;
    letter-spacing: 1px;
    /*    background:url(../../images/news_list_bg.gif) bottom left repeat-x; */
}

#area-College-Guide #area-College-Guide-List li a {
    background: url(../../images/college-guide_arrow_01.gif) left center no-repeat;
    padding-left: 20px;
    color: #333;
    font-size: 93%;
    display: block;
}

/*
area-Main
-------------------------------------------------*/

.labelGlobalL {
    width: 383px;
    height: auto;
    background: #C11C17;
    padding: 5px 8px;
    overflow: hidden;
    margin-bottom: 25px;
    text-align: left;
}

.labelGlobalL p {
    color: #fff !important;
    font-weight: bold;
    font-size: 80%;
}

.topDataL {
    float: right;
}

#area-Main {
    width: 720px;
    height: auto;
    margin-top: 24px;
    position: relative;
    margin-bottom: 10px;
    border: #DDDDDD 3px solid;
    display: block;
}

#area-Main h2 {}

#area-Main .box-photo {
    float: left;
    clear: both;
}

#area-Main .box-text {
    width: 370px;
    text-align: center;
    padding: 0 15px;
    float: right;
    margin: 0 auto;
}

#area-Main .box-text .date {
    text-align: right;
}

#area-Main .box-text h2 a {
    font-size: 140%;
    font-weight: bold;
    color: #005FBD;
    line-height: 1.2;
}

#area-Main .box-text .person {
    padding-top: 10px;
    font-size: 100%;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
}

#area-Main .box-text .person img {
    margin-top: 5px;
    margin-bottom: 5px;
}

#area-Main .box-text .lead {
    padding-top: 14px;
    /*margin-bottom:25px;*/
    color: #444444;
    text-align: left;
    font-size: 90%;
    line-height: 1.4;
}

#area-Main p.ico-spr-hschool {
    position: absolute;
    top: -6px;
    left: 9px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_hschool.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Main p.ico-spr-action {
    position: absolute;
    top: -6px;
    left: 9px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_action.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Main p.ico-spr-global {
    position: absolute;
    top: -6px;
    left: 9px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_globa.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Main p.ico-spr-communication {
    position: absolute;
    top: -6px;
    left: 9px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_communication.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Main p.ico-spr-communication_int {
    position: absolute;
    top: -6px;
    left: 9px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_communication_int.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Main p.ico-spr-communication_teidan {
    position: absolute;
    top: -6px;
    left: 9px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_communication_teidan.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Main p a {
    color: #222222;
}

#area-Main p a:hover {
    text-decoration: none;
}

/*
area-Special-Report
-------------------------------------------------*/

.labelGlobal {
    width: auto;
    height: auto;
    background: #C11C17;
    padding: 5px 12px;
    overflow: hidden;
}

.labelGlobal p {
    color: #fff !important;
    font-weight: bold;
    font-size: 80%;
}

.topData {
    float: right;
}

.labelActionL {
    width: auto;
    height: auto;
    background: #F77409;
    padding: 5px 12px;
    overflow: hidden;
    margin-bottom: 15px;
    text-align: left;
}

.labelActionL p {
    color: #fff !important;
    font-weight: bold;
    font-size: 80%;
}

.labelAction {
    width: auto;
    height: auto;
    background: #F77409;
    padding: 5px 12px;
    overflow: hidden;
}

.labelAction p {
    color: #fff !important;
    font-weight: bold;
    font-size: 80%;
}

/*
area-Report
-------------------------------------------------*/

#area-Report {
    margin: 24px 0 40px;
    clear: both;
    position: relative;
}

#area-Report ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

#area-Report ul li {
    width: 234px;
    height: 280px;
    display: inline;
    float: left;
    margin-right: 13px;
    text-decoration: none;
    background-color: #eee;
    text-align: left;
    margin-bottom: 10px;
}

#area-Report ul li a {
    width: 234px;
    height: 280px;
    display: block;
    text-decoration: none;
    color: #444;
    font-size: 90%;
}

#area-Report ul li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

#area-Report ul li:nth-child(3n+3) {
    margin-right: 0;
}

#area-Report ul li .photo {
    position: relative;
}

#area-Report ul li img.list {
    width: 234px;
    height: 180px;
}

#area-Report ul li img.icon {
    z-index: 1000;
    position: absolute;
    bottom: -17px;
    left: -3px;
}

#area-Report ul li a span {
    padding: 24px 15px 10px;
    display: block;
}

/*
area-Special-Report
-------------------------------------------------*/

#area-Special-Report {
    margin-top: 24px;
}

#area-Special-Report .box-SR {
    position: relative;
    margin-bottom: 16px;
    /*margin-top:16px;*/
    width: 226px;
    /*height: 256px;*/
    border: #DDDDDD 3px solid;
    float: left;
    margin-right: 16px;
    /*max-height:300px;
    padding-bottom:10px;*/
}

#area-Special-Report .box-SR div a {
    display: block;
    width: 226px;
}

#area-Special-Report p.ico-spr-hschool {
    position: absolute;
    top: -7px;
    left: 6px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_hschool.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Special-Report p.ico-spr-action {
    position: absolute;
    top: -7px;
    left: 6px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_action.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Special-Report p.ico-spr-global {
    position: absolute;
    top: -7px;
    left: 6px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_globa.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Special-Report p.ico-spr-communication {
    position: absolute;
    top: -7px;
    left: 6px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_communication.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Special-Report p.ico-spr-communication_int {
    position: absolute;
    top: -7px;
    left: 6px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_communication_int.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Special-Report p.ico-spr-communication_teidan {
    position: absolute;
    top: -7px;
    left: 6px;
    width: 89px;
    height: 30px;
    background: url(../images/ico_sp_communication_teidan.png) top left no-repeat;
    text-indent: -9999px;
}

#area-Special-Report .end {
    margin-right: 0 !important;
}

#area-Special-Report .box-inr {
    margin: 10px;
}

#area-Special-Report .box-inr .date {
    color: #444444;
    text-align: right;
    font-size: 70%;
}

#Main #area-Special-Report .box-inr h2 {
    padding-bottom: 0;
}

#area-Special-Report .box-inr h2 a {
    font-size: 93%;
    line-height: 1.4;
    margin-top: 5px;
    font-weight: bold;
    width: auto;
}

#area-Special-Report .box-inr p {
    font-size: 93%;
    line-height: 1.3;
    color: #444444;
    margin-top: 10px;
}

.box-more {
    width: 728px;
    margin: 30px 0 20px;
    text-align: center;
}

.archive {
    display: block;
    padding: 12px;
    color: #212121;
    background-color: #EEEEEE;
}

.archive2 {
    float: right;
    text-align: right;
}

#area-Special-Report .box-SR div p a {
    color: #333;
    display: inline;
    width: auto;
    line-height: 1.3;
    font-size: 95%;
}

#area-Special-Report .box-SR div p a:hover {
    text-decoration: none;
}

#area-Special-Report .box-SR div p a span {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #353535;
}

/*
area-Medical-Report
-------------------------------------------------*/

.area-Medical-Report {
    margin-top: 20px;
    display: block;
}

.area-Medical-Report h2 {
    padding: 10px 10px 10px 3px;
    margin-bottom: 15px;
    background: url(../../images/medical_report_bg.gif) bottom left repeat-x;
}

.area-Medical-Report .box01,
.area-Medical-Report .box02,
.area-Medical-Report .box03 {
    /*width:240px;*/
    width: 220px;
    float: left;
    padding: 12px;
}

.area-Medical-Report .box01 {
    width: 226px;
    padding-left: 0;
}

.area-Medical-Report .box02 {
    border-right: #DDDDDD 1px solid;
    border-left: #DDDDDD 1px solid;
}

.area-Medical-Report .box01 div,
.area-Medical-Report .box02 div,
.area-Medical-Report .box03 div {
    float: left;
    margin-right: 12px;
    margin-bottom: 20px;
}

.area-Medical-Report h3 a {
    font-weight: bold;
    color: #005FBD;
    line-height: 1.2;
}

.area-Medical-Report h3 a span.tcb {
    color: #333;
}

.area-Medical-Report p {
    font-size: 80%;
    line-height: 1.4;
    margin-top: 9px;
}

.area-Medical-Report p a {
    color: #333;
}

.area-Medical-Report p a:hover {
    text-decoration: none;
}

.area-Medical-Report
/*
area-Sundai-report
-------------------------------------------------*/

#area-sundai-report {
    margin-top: 0;
    position: relative;
}

#area-sundai-report h2 {
    padding: 10px 10px 10px 3px;
    margin-bottom: 5px;
    background: url(../../images/news_bg.gif) bottom left repeat-x;
}

#area-sundai-report #area-sundai-report-Navi {
    position: absolute;
    top: 5px;
    right: 0;
}

#area-sundai-report #area-sundai-report-Navi li {
    float: left;
    margin-left: 20px;
}

#area-sundai-report #area-sundai-report-Navi li a {
    /*background:url(../../images/news_arrow_01.gif) center left no-repeat;*/
    padding-left: 20px;
    color: #005FBD;
    font-size: 93%;
}

#area-sundai-report #area-sundai-report-List li {
    padding: 8px;
    background: url(../../images/news_list_bg.gif) bottom left repeat-x;
}

#area-sundai-report #area-sundai-report-List li a {
    background: url(../../images/news_arrow_02.gif) left 0.5em no-repeat;
    padding-left: 20px;
    color: #444444;
    font-size: 93%;
    display: block;
}

#area-sundai-report #area-sundai-report-List li a span {
    font-weight: bold;
    color: #005FBD;
}

/*
area-college-report
-------------------------------------------------*/

#area-college-report {
    margin-top: 40px;
    position: relative;
}

#area-college-report h2 {
    padding: 10px 10px 10px 3px;
    margin-bottom: 5px;
    background: url(../../images/news_bg.gif) bottom left repeat-x;
}

#area-college-report #area-college-report-Navi {
    position: absolute;
    top: 5px;
    right: 0;
}

#area-college-report #area-college-report-Navi li {
    float: left;
    margin-left: 20px;
}

#area-college-report #area-college-report-Navi li a {
    background: url(../../images/news_arrow_01.gif) center left no-repeat;
    padding-left: 20px;
    color: #005FBD;
    font-size: 93%;
}

#area-college-report #area-college-report-List li {
    padding: 8px;
    background: url(../../images/news_list_bg.gif) bottom left repeat-x;
}

#area-college-report #area-college-report-List li a {
    background: url(../../images/news_arrow_02.gif) left 0.5em no-repeat;
    padding-left: 20px;
    color: #444444;
    font-size: 93%;
    display: block;
}

/*
slider
-------------------------------------------------*/

#Wrapper .flexslider {
    margin: 0 0 4px;
    border: 0;
    border-radius: 0;
}

#Wrapper #slider .flex-direction-nav .flex-prev,
#Wrapper #slider .flex-direction-nav .flex-next {
    display: none;
}

#Wrapper #carousel {
    width: 93%;
    /* margin: 0 23px; */
    margin: 0 auto;
}

@media screen and ( max-width:640px) {
    #Wrapper #carousel {
        width: 90%;
    }
}

#Wrapper #carousel ul li {
    cursor: pointer;
}

#Wrapper #carousel .flex-direction-nav a {
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    position: absolute;
    top: 50%;
    opacity: 1;
    text-shadow: none;
    cursor: pointer;
}

#Wrapper #carousel .flex-direction-nav a:before {
    color: rgba(0, 0, 0, 0);
    text-shadow: none;
}

#Wrapper #carousel .flex-direction-nav .flex-prev {
    left: -25px;
    background: url(../../images/arrow-left.png) no-repeat left;
}

#Wrapper #carousel .flex-direction-nav .flex-next {
    right: -25px;
    background: url(../../images/arrow-right.png) no-repeat right;
}

/*
area-Link
-------------------------------------------------*/

.area-Link {
    padding-top: 18px;
}

.area-Link h3 {
    font-size: 130%;
    border-top: 3px solid #3594DB;
    padding-top: 20px;
    font-weight: bold;
}

.area-Link a {
    font-weight: bold;
    color: #005FBD;
    line-height: 1.2;
}

/*
area-News
-------------------------------------------------*/

.area-News {
    margin-top: 15px;
    position: relative;
}

.area-News2 {
    margin: 5px 0 30px;
    position: relative;
}

.area-News h2,
.area-News2 h2 {
    padding: 10px 10px 10px 3px;
    margin-bottom: 5px;
    background: url(../../images/news_bg.gif) bottom left repeat-x;
}

.area-News .area-News-Navi,
.area-News2 .area-News-Navi2 {
    position: absolute;
    top: 5px;
    right: 0;
}

.area-News .area-News-Navi li,
.area-News2 .area-News-Navi2 li {
    float: left;
    margin-left: 20px;
}

.area-News .area-News-Navi li a,
.area-News2 .area-News-Navi2 li a {
    background: url(../../images/news_arrow_01.gif) center left no-repeat;
    padding-left: 20px;
    color: #005FBD;
    font-size: 93%;
}

.area-News .area-News-List {
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.area-News .top-notice-list {
    height: 250px;/*height: 185px;*/
}

.area-News2 .area-News-List2 {
    height: auto;
    /*height:170px;*/
}

.area-News .area-News-List li,
.area-News2 .area-News-List2 li {
    padding: 8px;
    background: url(../../images/news_list_bg.gif) bottom left repeat-x;
}

.area-News .area-News-List li a,
.area-News2 .area-News-List2 li a {
    background: url(../../images/news_arrow_02.gif) left 0.5em no-repeat;
    padding-left: 20px;
    color: #444444;
    font-size: 93%;
    display: block;
}

/*
Offer
-------------------------------------------------*/

#Offer img {
    margin-top: -3px;
}

/*
Contents Side
-------------------------------------------------*/

/*#Contents #Side {
    width: 300px;
    float: right;
}*/

#Contents #Side {
    float: right;
    margin-top: -10px;
    width: 300px;
}

/*
area-Bnr-Ad-top
-------------------------------------------------*/

#area-Bnr-Ad-top {
    text-align: center;
}

/*
area-College-Homepage
-------------------------------------------------*/

#area-College-Homepage {
    background: url(../images/college_homepage_bg.gif) top left repeat-y;
    padding: 3px;
    padding-bottom: 0;
    margin-top: 20px;
}

#area-College-Homepage .box {
    background-color: #fff;
    border-bottom: #95AD94 1px solid;
}

#area-College-Homepage .box .box-inr {
    background-color: #fff;
    padding: 10px;
}

#area-College-Homepage .box .box-inr div {
    float: right;
    margin-left: 8px;
    margin-bottom: 8px;
}

#area-College-Homepage h3 a {
    font-weight: bold;
    color: #337032;
    line-height: 1.2;
}

#area-College-Homepage p {
    font-size: 80%;
    line-height: 1.5;
    margin-top: 5px;
    color: #555;
}

#area-College-Homepage .box-left {
    background-color: #fff;
    border-right: #95AD94 1px solid;
    width: 146px;
    padding: 8px 0;
    text-align: center;
    float: left;
}

#area-College-Homepage .box-left img {
    margin-bottom: 5px;
}

#area-College-Homepage .box-right {
    background-color: #fff;
    width: 147px;
    padding: 8px 0;
    text-align: center;
    float: right;
}

#area-College-Homepage .box-right img {
    margin-bottom: 5px;
}

#area-College-Search {
    background: url(../images/college_homepage_bg.gif) top left repeat-y;
    padding: 3px;
    padding-top: 0;
}

/*
area-College-Search
-------------------------------------------------*/

#area-College-Search table th {
    text-align: right;
    padding-right: 15px;
    line-height: 1.4;
    padding: 5px 5px 5px;
}

#area-College-Search table td {
    text-align: left;
    line-height: 1.4;
    padding: 5px 5px 5px;
}

#area-College-Search table td #univKeyword,
#area-College-Search table td #address,
#area-College-Search table td #bunya {
    width: 170px;
    padding: 3px;
    border: #CCCCCC 1px solid;
}

#area-College-Search .btn {
    margin-top: 10px;
}

#area-College-Search .box-inr {
    background-color: #fff;
    padding: 10px;
    text-align: center;
}

#Contents #Side .pageSideBox-01 {
    margin-top: 20px;
}

#Contents #Side .pageSideBox-01 li {
    margin-top: 10px;
}

#Contents #Side .pageSideBox-top {
    margin-top: 0;
}

#Contents #Side .pageSideBox-top ul li {
    margin-top: 10px;
}

/*
area-College-Search
-------------------------------------------------*/

#area-Sundai {
    border: #5A9BBE 1px solid;
    padding: 15px 10px;
    margin-top: 20px;
}

#area-Sundai .box .logo {
    float: right;
    margin-left: 8px;
    margin-bottom: 8px;
}

#area-Sundai h3 {
    padding-top: 5px;
}

#area-Sundai h3 a {
    font-weight: bold;
    color: #005FBD;
    line-height: 1.2;
    font-size: 93%;
}

#area-Sundai .box-inr {
    background: url(../images/news_list_bg.gif) top left repeat-x;
    font-size: 93%;
    line-height: 1.3;
    margin-top: 5px;
    padding-top: 10px;
}

#area-Sundai p a {
    color: #444;
}

#area-Sundai p a:hover {
    text-decoration: none;
}

/*
area-Laboratory
-------------------------------------------------*/

#area-Laboratory {
    margin-top: 20px;
    font-size: 93%;
}

#area-Laboratory div {
    padding: 14px 16px;
    border: #85B200 1px solid;
    border-top: none;
}

#area-Laboratory p a {
    color: #444;
}

#area-Laboratory p a:hover {
    text-decoration: underline;
}

/*
area-Pickup
-------------------------------------------------*/

.area-Pickup {
    width: 300px;
    text-align: left;
    margin-top: 20px;
    margin: 0 auto;
}

.area-Pickup h2 {
    font-size: 100%;
    color: #222;
    text-align: left;
    border-bottom: #999 1px dotted;
    margin: 15px 0 10px;
    padding-bottom: 3px;
}

.area-Pickup ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

.area-Pickup li {
    display: block;
    padding: 0;
    margin: 0;
    height: 80px;
}

.area-Pickup .photo {
    width: 85px;
    float: left;
}

.area-Pickup .aera_photo {
    width: 45px;
    float: left;
}

.area-Pickup .text {
    width: 200px;
    float: right;
    text-align: left;
}

.area-Pickup .aera_text {
    width: 225px;
    float: right;
    text-align: left;
}

.area-Pickup h3 {
    font-weight: bold;
    line-height: 1.2;
    font-size: 110%;
    margin-bottom: 10px;
}

.area-Pickup p {
    font-size: 80%;
}

.area-Pickup p a {
    text-decoration: none;
    color: #333;
}

/*

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

footer {
    padding: 12px 0 50px;
    background: url(../images/com_ico_arrow_06.gif) top center no-repeat;
    width: 100%;
}

.backtotop {
    bottom: 0;
    position: fixed;
    right: 0;
    /*width:100%;*/
    width: 30px;
    z-index: 9000;
    vertical-align: bottom;
}

.backtotop a {
    /*width:100%;*/
    width: 30px;
    display: block;
    height: 30px;
    text-align: left;
    vertical-align: bottom;
}

.backtotop a,
.backtotop a:link {
    background-color: #1D2F6C;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0 0;
}

/*
communication
global
hschool
action
-------------------------------------------------*/

#communication #Main,
#global #Main,
#hschool #Main,
#action #Main {
    font-size: 100%;
}

#communication #Main p,
#global #Main p,
#hschool #Main p,
#action #Main p {
    padding-top: 20px;
    line-height: 1.9;
}

#communication #Main p span,
#global #Main p span,
#hschool #Main p span,
#action #Main p span {
    font-weight: bold;
}

#communication #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #C11C17 8px solid;
    margin-bottom: 50px;
}

#communication #area-sns,
#global #area-sns,
#hschool #area-sns,
#action #area-sns,
#info #area-sns,
#interview #area-sns {
    display: none;
}

#communication #area-sns .for-pc,
#global #area-sns .for-pc,
#hschool #area-sns .for-pc,
#action #area-sns .for-pc,
#info #area-sns .for-pc,
#interview #area-sns .for-pc {
    display: none;
}

.label {
    width: 350px;
    float: left;
}

.for-report {
    /*width:300px;*/
    width: 298px;
    float: right;
    margin-top: 8px;
}

.for-report li {
    float: left;
}

.for-report .box-twitter {
    width: 110px;
    overflow: hidden;
}

.for-report2 {
    /*width:300px;*/
    width: 300px !important;
    margin-top: 12px;
    text-align: right;
    float: right;
}

.for-report2 li {
    float: right;
}

.for-report2 .box-twitter2 {
    width: 110px !important;
    overflow: hidden;
}

.for-report3 {
    /*width:300px;*/
    width: 300px !important;
    margin-top: 12px;
    text-align: right;
    float: right;
    position: relative;
    top: -185px;
    left: -60px;
}

.for-report3 li {
    float: right;
}

.for-report3 .box-twitter3 {
    width: 110px !important;
    overflow: hidden;
}

/* ソーシャル */

.social-area-syncer {
    width: 100%;
    min-height: 190px;
    background: #F5F1E9;
    /* 背景色 */
    padding: 1.5em 0;
}

/* デスクトップPCでは高さを拡張する */

@media screen and ( min-width:480px) {
    .social-area-syncer {
        min-height: 119px;
    }
}

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

 [ul]要素

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

/* スマホ */

ul.social-button-syncer {
    width: 238px;
    margin: 24px auto;
    padding: 0;
    border: none;
    list-style-type: none;
}

/* デスクトップ */

@media screen and ( min-width:480px) {
    ul.social-button-syncer {
        width: 410px;
    }
}

/******************************
 [li]要素
******************************/

ul.social-button-syncer li {
    float: left;
    text-align: center;
    height: 71px;
    margin: 0 8px;
    padding: 0;
}

/******************************
 各種ボタン
******************************/

/* [Twitter] */

.sc-tw {
    width: 71px;
}

.sc-tw svg {
    width: 30px;
    height: 30px;
}

.sc-tw a {
    height: 56px;
    margin: 0 auto;
    padding-top: 6px;
    display: block;
    background: #1B95E0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: .5px;
    border-radius: 2px;
}

.sc-tw a:hover {
    color: #fff;
    background: #0c7abf;
}

.sc-tw span:before {
    white-space: pre;
    content: '\A';
}

/* [Facebook] */

.sc-fb {
    z-index: 99;
    width: 69px;
}

/* ソーシャル */

#communication #Main .box-tit .label,
#global #Main .box-tit .label,
#hschool #Main .box-tit .label,
#action #Main .box-tit .label {
    padding-top: 0;
}

#communication #Main .box-tit .box-tit-inr,
#global #Main .box-tit .box-tit-inr,
#hschool #Main .box-tit .box-tit-inr,
#action #Main .box-tit .box-tit-inr {
    padding: 13px 17px;
}

#communication #Main .box-tit .box-tit-inr p,
#global #Main .box-tit .box-tit-inr p,
#hschool #Main .box-tit .box-tit-inr p,
#action #Main .box-tit .box-tit-inr p {
    padding-top: 20px;
    line-height: 1.6;
}

#communication #Main h1,
#global #Main h1,
#hschool #Main h1,
#action #Main h1 {
    font-size: 100%;
    color: #333;
    border-bottom: #CCCCCC 1px solid;
    padding-bottom: 8px;
}

#communication #Main h1 span.title,
#global #Main h1 span.title,
#hschool #Main h1 span.title,
#action #Main h1 span.title {
    font-size: 180%;
    color: #444;
    font-weight: bold;
    line-height: 1.4;
}

#communication #Main h1 span.name,
#global #Main h1 span.name,
#hschool #Main h1 span.name,
#action #Main h1 span.name {
    font-weight: bold;
    line-height: 3.0;
    color: #444;
}

#communication #Main h2 {
    font-size: 130%;
    color: #444444;
    font-weight: bold;
    border-bottom: #C11C17 2px solid;
    padding-bottom: 5px;
}

#communication #Main h3 {
    margin: 30px 0 0;
    padding: 0 0 0 8px;
    border-left: 5px solid #C11C17;
    font-size: 120%;
    font-weight: bold;
}

/*
communication
-------------------------------------------------*/

#communication #Main .box-tit h1 {
    border-bottom: none;
}

#communication .Index #Main .box-tit {
    margin-bottom: 0 !important;
}

#communication .Index #Main h2 {
    font-size: 100%;
    border-bottom: none;
}

#communication .Index #Main p {
    padding-top: 0;
    line-height: 1.3;
}

/*
global
-------------------------------------------------*/

#global #Main #area-Special-Report .inventory {
    border-bottom: 2px solid #C11C17;
    color: #444;
    font-size: 130%;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.label {
    width: 350px;
    float: left;
    text-indent: 0 !important;
}

#global #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #C11C17 8px solid;
    margin-bottom: 50px;
}

#global #Main .box-tit h1 {
    border-bottom: none;
}

#global #Main h2 {
    font-size: 130%;
    color: #444;
    font-weight: bold;
    border-bottom: #C11C17 2px solid;
    padding-bottom: 5px;
}

#global #Main h3 {
    margin: 30px 0 0;
    padding: 0 0 0 8px;
    border-left: 5px solid #C11C17;
    font-size: 120%;
    font-weight: bold;
}

#global .Index #Main .box-tit {
    margin-bottom: 0 !important;
}

#global .Index #Main h2 {
    font-size: 100%;
    border-bottom: none;
}

#global .Index #Main p {
    padding-top: 0;
    line-height: 1.3;
}

/*
hschool
-------------------------------------------------*/

#hschool #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #C11C17 8px solid;
    margin-bottom: 50px;
}

#hschool #Main .box-tit h1 {
    border-bottom: none;
}

#hschool #Main h2 {
    font-size: 130%;
    color: #444444;
    font-weight: bold;
    border-bottom: #C11C17 2px solid;
    padding-bottom: 5px;
}

#hschool #Main h3 {
    margin: 30px 0 0;
    padding: 0 0 0 8px;
    border-left: 5px solid #C11C17;
    font-size: 120%;
    font-weight: bold;
}

#hschool .Index #Main .box-tit {
    margin-bottom: 0 !important;
}

#hschool .Index #Main h2 {
    font-size: 100%;
    border-bottom: none;
}

#hschool .Index #Main p {
    padding-top: 0;
    line-height: 1.3;
}

/*
box-profile
-------------------------------------------------*/

.box-profile {
    border: #CCC 1px solid;
    padding: 15px;
    margin-top: 20px;
}

#Wrapper .box-profile .floatLObject,
#Wrapper .box-profile .floatLObjectBorder {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 20px !important;
    padding-top: 0 !important;
}

.box-profile p {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.6 !important;
    width: 570px;
    float: right;
}

.box-profile p span {
    font-weight: bold;
}

.box-profile img {
    width: 100px;
    height: 120px;
}

/*
action
-------------------------------------------------*/

#action #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #F77409 8px solid;
    margin-bottom: 25px;
}

#action #Main .box-tit h1 {
    border-bottom: none;
    line-height: 1.25;
}

#action #Main h2 {
    font-size: 130%;
    color: #444444;
    font-weight: bold;
    border-bottom: #F77409 2px solid;
    padding-bottom: 5px;
}

#action #Main h3 {
    margin: 30px 0 0;
    padding: 0 0 0 8px;
    border-left: 5px solid #F77409;
    font-size: 120%;
    font-weight: bold;
}

#action .Index #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #F77409 8px solid;
    margin-bottom: 0 !important;
}

#action .Index #Main h2 {
    font-size: 100%;
    border-bottom: none;
}

#action .Index #Main p {
    padding-top: 0;
    line-height: 1.3;
}

#action #Main img.w300 {
    width: 300px;
    height: auto;
}

#action #Main img.w250 {
    width: 250px;
    height: auto;
}

#action #Main p.cap {
    font-size: 85%;
    padding: 5px 0 0;
    margin: 0;
}

table.action {
    margin: 20px 0 0 !important;
}

table.action th,
table.action td {
    padding: 8px;
}

table.action th {
    border-right: #ddd 1px solid;
}

table.action td {
    border-left: #ddd 1px solid;
}

table.action td.gray {
    background-color: #f5f5f5;
}

table.action tr {
    border-bottom: #ddd 1px solid;
}

/*
info
-------------------------------------------------*/

#info #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #436fb4 8px solid;
    margin-bottom: 25px;
}

#info #Main .box-tit h1 {
    border-bottom: none;
    line-height: 1.25;
}

/*#info #Main h2 {
    font-size: 130%;
    color: #444444;
    font-weight: bold;
    border-bottom: #699423 2px solid;
    padding-bottom: 5px;
}*/

/*#info #Main h2 {
    border-bottom:#699423 2px solid;
    border-left:#699423 8px solid;
    line-height:1.4;
    font-size:130%;
    margin:0 0 20px 0;
    font-weight:bold;
    padding:10px;
    clear:both;
}*/

#info #Contents #Main h2 {
    border-bottom: 2px solid #436fb4;
    border-left: 10px solid #436fb4;
    clear: both;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.4;
    margin: 30px 0 20px;
    padding: 10px;
}

#info #Main h3 {
    border-bottom: 2px solid #436fb4;
    color: #436fb4;
    clear: both;
    font-size: 110%;
    line-height: 1.4;
    font-weight: bold;
    margin: 25px 0 18px;
    padding: 0 10px 5px 0;
}

#info #Main p {
    line-height: 1.8;
    margin-bottom: 20px;
    text-indent: 1em;
    font-size: 105%;
}

#info #Main p.cap {
    margin-top: 5px;
    text-indent: 0;
    font-size: 90%;
}

/*#info #Main h3 {
    margin: 30px 0 0;
    padding: 0 0 0 8px;
    border-left: 5px solid #699423;
    font-size: 120%;
    font-weight: bold;
}*/

#info #Main .box-tit-inr {
    padding: 10px 15px;
}

#info #Main .box-tit-inr h1 {
    width: 100%;
    border-bottom: none;
    line-height: 1.25;
    font-size: 200%;
    font-weight: bold;
    margin: 20px 0;
}

#info #Main .box-tit-inr p {
    line-height: 1.5;
    font-size: 90%;
}

#info #Main .box-tit-inr p.name {
    border-bottom: none;
    line-height: 1.25;
    font-size: 70%;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

#info #Main .box-tit-inr p.link {
    border-bottom: none;
    text-align: right;
    font-weight: normal;
    margin-top: 20px;
}

#info #Main p.lead {
    line-height: 1.6;
    font-size: 110%;
    margin-bottom: 20px;
    font-weight: bold;
}

#info .floatRObject {
    margin: 0 0 20px 20px;
    float: right;
}

#info .floatRObject p {
    font-size: 90%;
    margin-top: 6px;
}

#info h3#pageMoreInfo {
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
    padding: 0 2px 3px;
    font-weight: bold;
    font-size: 120%;
}

#info .Index #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #436fb4 8px solid;
    margin-bottom: 0 !important;
}

#info .Index #Main h2 {
    font-size: 100%;
    border-bottom: none;
}

#info .Index #Main p {
    padding-top: 0;
    line-height: 1.8;
}

#info .Index #Main .info-box {
    overflow: hidden;
}

#info .Index #Main .info-box .text {
    width: 540px;
    float: left;
    clear: both;
}

#info .Index #Main .info-box .text p {
    line-height: 1.7;
}

#info .Index #Main .info-box .photo {
    width: 120px;
    float: right;
}

#info .Index #Main .info-box .photo img {
    width: 120px;
    height: auto;
}

#info .Index #Main .info-box h3 {
    border-bottom: #436fb4 3px solid;
    border-left: none;
    padding: 0 0 10px 0;
    margin: 0 0 15px;
    line-height: 1;
    font-weight: bold;
    font-size: 120%;
}

#info .Index #Main .info-box ul {
    margin: 0;
    padding: 0;
}

#info .Index #Main .info-box ul li {
    list-style: none;
    margin-bottom: 20px;
}

#info .Index #Main .info-box ul li a {
    border: 6px #ddd solid;
    display: block;
    text-decoration: none;
    width: auto;
    height: 135px;
    padding: 20px;
}

#info .Index #Main .info-box ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

#info .pageSideBox-02 {
    width: 320px;
    float: right;
    background-color: #f9faf6;
}

/*
interview
-------------------------------------------------*/

#interview #Main {
    width: 100%;
}

#interview #Main .box-tit {
    background-color: #FDFAF0;
    border-top: #699423 8px solid;
    margin-bottom: 30px;
}

#interview #Main .box-tit-inr {
    padding: 0 20px 20px;
}

#interview #Main .box-tit-inr h1 {
    width: 100%;
    border-bottom: none;
    line-height: 1.25;
    font-size: 200%;
    font-weight: bold;
}

#interview #Main .box-tit-inr h1 p.name {
    border-bottom: none;
    line-height: 1.25;
    font-size: 70%;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

#interview #Main .box-tit-inr h1 p.link {
    border-bottom: none;
    line-height: 1.25;
    text-align: right;
    font-size: 50%;
    font-weight: normal;
    margin: 0;
}

#interview #Main h2 {
    border-bottom: #699423 2px solid;
    border-left: #699423 8px solid;
    line-height: 1.4;
    font-size: 130%;
    margin: 0 0 20px 0;
    font-weight: bold;
    padding: 10px;
    clear: both;
}

#interview #Main p {
    line-height: 1.6;
    font-size: 100%;
    margin-bottom: 20px;
}

#interview #Main p.lead {
    line-height: 1.6;
    font-size: 110%;
    margin-bottom: 20px;
    font-weight: bold;
}

#interview .floatR {
    float: right;
}

#interview .floatRObject {
    margin: 0 0 30px 30px;
    float: right;
}

#pageSide .pageSideBox-02 {
    float: right;
    padding: 0 0 15px;
}

.lineSolidBottom01 span {
    background: #699423 none repeat scroll 0 0;
    color: #fff;
    display: block;
    padding: 10px 8px;
    font-weight: bold;
}

#pageSide .pageSideBox-03 {
    width: 320px;
    float: right;
    background-color: #fdfaf0;
    padding: 0 0 15px;
    overflow: hidden;
}

#pageSide .pageSideBox-03 h2 {
    background-color: #436fb4;
    text-align: center;
    line-height: 1;
    color: #fff;
    padding: 10px;
    font-weight: bold;
}

#pageSide .pageSideBox-03 ul {
    padding: 0 15px;
    margin: 0;
}

#pageSide .pageSideBox-03 ul li {
    padding: 10px 0;
    line-height: 1.4;
    text-align: left;
    display: block;
    clear: both;
}

#pageSide .pageSideBox-03 img {
    width: 90px;
    height: auto;
    float: left;
    clear: both;
    margin-right: 15px;
}

#pageSide .pageSideBox-03 a {
    color: #436fb4;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}

#pageSide .pageSideBox-03 a:hover {
    text-decoration: underline;
}

.sideBoxList {
    margin-top: 10px;
}

.sideBoxList ul {
    /*background-color:#f8fbf2;*/
}

.sideBoxList ul li {
    height: 100px;
    padding: 0 10px;
}

.sideBoxList ul p {
    line-height: 1.4;
    margin-bottom: 30px;
    padding: 0 0 10px 100px;
    position: relative;
    text-align: left;
}

.sideBoxList ul img {
    left: 0;
    position: absolute;
    width: 90px;
}

/*
college
-------------------------------------------------*/

.labelCollege {
    width: 1060px;
    height: 39px;
    float: left;
    background-color: #E9E7DE;
    border-top: #888 solid 8px !important;
    margin-bottom: 10px;
}

.labelCollege img {
    float: left;
}

#boxTitle2 span {
    font-size: 70%;
}

#boxCollege {
    margin-bottom: 40px;
}

#boxCollege h2 {
    border-bottom: #888 solid 3px !important;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 120% !important;
    color: #888 !important;
    text-align: left;
    font-weight: bold;
}

#boxCollege ul {
    width: 1060px;
    height: auto;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-right: -20px;
}

#boxCollege li {
    width: 240px;
    height: auto;
    float: left;
    display: inline;
    margin-bottom: 40px;
    margin-right: 18px;
    text-align: left;
    padding: 0 5px 5px 0;
    border-bottom: #888 solid 1px;
    border-right: #888 solid 1px;
}

#boxCollege dl {}

#boxCollege dt {
    width: 55px;
    height: 100px;
    float: left;
    margin-right: 15px;
}

#boxCollege dd {
    width: 170px;
    float: right;
    line-height: 1.8;
}

#boxCollege dd img {
    margin-top: 10px;
}

/*
library
-------------------------------------------------*/

#boxTitle2 {
    width: auto;
    margin: 5px 30px 0 30px !important;
    padding-bottom: 10px;
    font-size: 170% !important;
    border-bottom: #ccc solid 1px !important;
    font-weight: bold;
    text-align: left;
}

#Main2 {
    width: 1060px;
}

#Main2 h1 {
    margin-bottom: 20px;
    border-top: #211713 double 8px;
}

#Main2 h1 img {
    margin-top: 8px;
}

#Main2 .box-tit2 {
    margin-bottom: 40px;
}

.labelLibrary {
    width: 1060px;
    height: 39px;
    float: left;
    background-color: #E4EECE;
    border-top: #6AB024 solid 8px !important;
    margin-bottom: 10px;
}

.labelLibrary img {
    float: left;
}

.labelLibrary2 p {
    font-size: 120%;
    margin-bottom: 10px;
    font-weight: bold !important;
    line-height: 1.8 !important;
    text-align: left;
}

#boxLibrary {
    margin-bottom: 40px;
}

#boxLibrary img {
    margin-bottom: 8px;
}

#boxLibrary ul {
    width: 1060px;
    height: auto;
    list-style: none;
    overflow: hidden;
}

#boxLibrary li {
    width: 256px;
    height: auto;
    float: left;
    display: inline;
    margin: 0 12px 25px 0;
    text-align: left;
    text-decoration: none;
    font-size: 90%;
}

#boxLibrary li.noneM {
    margin: 0 0 12px 0;
}

#boxLibrary li img {
    border: 3px solid #ccc;
    display: block;
}

#boxLibrary li a:hover img {
    border: 3px solid #6AB024;
    display: block;
}

/*
bnr
-------------------------------------------------*/

.bnrKeyword {
    width: 300px;
    height: 251px;
    margin-top: 20px;
}

.bnrKeyword img {
    float: left;
}

.bnrKeyword {
    display: none;
}

.bnrKeywordNormal {
    width: 300px;
    height: 251px;
    margin-top: 20px;
}

.bnrKeywordNormal img {
    float: left;
}

.bnrKeywordPC {
    width: 300px;
    height: 251px;
    margin-top: 20px;
}

.bnrKeywordPC img {
    float: left;
}

.bnrLibrary {
    margin-top: 20px;
}

/*jsで読み込んるバナー

#div-gpt-ad-1547605420276-0 {
    margin-top: 10px !important;
}

#div-gpt-ad-1547605533404-0 {
    margin-top: 5px !important;
}

#div-gpt-ad-1547605584728-0 {
    margin-top: 5px !important;
}

#div-gpt-ad-1547605306734-0 {
    margin-top: 5px !important;
}

#div-gpt-ad-1547605364143-0 {
    margin-top: 5px !important;
}
*/

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

.toglBtn {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/ico_more_open.gif);
}

.toglBtn.active {
    background: url(../../images/ico_more_close.gif);
}

/*
Keyword
-------------------------------------------------*/

#global #Main .boxGlobal {
    background-color: #59C1DB;
}

#global #Main .boxGlobal h1 {
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
    top: 3px;
    z-index: 2;
}

#global #Main .boxGlobal h1 img {
    margin-top: 5px;
}

#global #Main .boxGlobal ul {
    width: 728px;
    height: 30px;
    clear: both;
}

#global #Main .boxGlobal li {
    width: 182px;
    height: 30px;
    list-style-type: none;
    float: left;
}

#wrapper #content #univDetail ul {
    width: 402px;
    height: 31px;
    margin: 6px 0 0 0;
    padding: 0;
    float: right;
    list-style: none;
}

#wrapper #content #univDetail li {
    width: 129px;
    height: 31px;
    display: inline;
    margin: 0;
    list-style: none;
}

.boxKeyword {
    width: 672px;
    height: auto;
    background-color: #fff;
    margin: 0 12px 12px 12px !important;
    padding: 15px 16px 16px 16px !important;
    position: relative;
    top: -3px;
    z-index: 1;
}

.boxKeyword img {
    float: right;
    clear: both;
    margin-left: 18px;
}

.boxKeyword p {
    line-height: 1.8 !important;
    margin-bottom: 15px;
}

#global #Main .boxUnivGlobal {
    width: 728px;
    height: auto;
}

#global #Main .boxUnivGlobal ul {
    width: 728px;
    margin: 15px 0;
    padding-bottom: 30px;
}

#global #Main .boxUnivGlobal li {
    width: 227px;
    height: auto;
    background: url(../images/com_ico_dot_01.gif) no-repeat 1px 8px;
    padding: 0 0 12px 15px;
    float: left;
}

#global #Main .boxUnivGlobal h2 {
    width: 728px;
    height: auto;
    border-bottom: #13A7CC 2px solid;
    font-size: 120%;
    clear: both;
    padding-top: 20px;
}

#global #Main .boxUnivGlobal h3 {
    width: 728px;
    height: auto;
    border-bottom: #C8C8C8 1px dotted;
    color: #13A7CC;
    font-size: 100%;
    clear: both;
    border-left: 0;
    padding-bottom: 5px;
    padding-left: 0;
    margin-top: 20px !important;
}

#global #Main #area-Special-Report h4 {
    width: 728px;
    height: auto;
    border-bottom: #13A7CC 2px solid;
    font-size: 120%;
    margin: 30px 0 20px 0;
}

/*
active
-------------------------------------------------*/

#active #Main .boxActive {
    background-color: #ECA9BC;
}

#active #Main .boxActive h1 {
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
    top: 3px;
    z-index: 2;
}

#active #Main .boxActive ul {
    width: 728px;
    height: 30px;
}

#active #Main .boxActive li {
    width: 182px;
    height: 30px;
    list-style-type: none;
    float: left;
}

#active #Main .boxUnivActive h2 {
    width: 728px;
    height: auto;
    border-bottom: #ECA9BC 2px solid;
    font-size: 120%;
    clear: both;
    padding-top: 30px;
}

#active #Main .boxUnivActive h3 {
    width: 728px;
    height: auto;
    border-bottom: #C8C8C8 1px dotted;
    color: #ECA9BC;
    font-size: 100%;
    clear: both;
    border-left: 0;
    padding-bottom: 5px;
    padding-left: 0;
    margin-top: 20px !important;
}

#active #Main #area-Special-Report h4 {
    width: 728px;
    height: auto;
    border-bottom: #ECA9BC 2px solid;
    font-size: 120%;
    margin: 30px 0 20px 0;
}

#active #Main .boxUnivActive {
    width: 728px;
    height: auto;
}

#active #Main .boxUnivActive ul {
    width: 728px;
    margin: 15px 0;
    padding-bottom: 30px;
}

#active #Main .boxUnivActive li {
    width: 227px;
    height: auto;
    background: url(../images/com_ico_dot_01.gif) no-repeat 1px 8px;
    padding: 0 0 12px 15px;
    float: left;
}

/*
first
-------------------------------------------------*/

#first #Main .boxFirst {
    background-color: #F1C764;
}

#first #Main .boxFirst h1 {
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
    top: 3px;
    z-index: 2;
}

#first #Main .boxFirst ul {
    width: 728px;
    height: 30px;
}

#first #Main .boxFirst li {
    width: 182px;
    height: 30px;
    list-style-type: none;
    float: left;
}

#first #Main .boxUnivFirst h2 {
    width: 728px;
    height: auto;
    border-bottom: #EBAF22 2px solid;
    font-size: 120%;
    clear: both;
    padding-top: 30px;
}

#first #Main .boxUnivFirst h3 {
    width: 728px;
    height: auto;
    border-bottom: #C8C8C8 1px dotted;
    color: #EBAF22;
    font-size: 100%;
    clear: both;
    border-left: 0;
    padding-bottom: 5px;
    padding-left: 0;
    margin-top: 20px !important;
}

#first #Main #area-Special-Report h4 {
    width: 728px;
    height: auto;
    border-bottom: #EBAF22 2px solid;
    font-size: 120%;
    margin: 30px 0 20px 0;
}

#first #Main .boxUnivFirst {
    width: 728px;
    height: auto;
}

#first #Main .boxUnivFirst ul {
    width: 728px;
    margin: 15px 0;
    padding-bottom: 30px;
}

#first #Main .boxUnivFirst li {
    width: 227px;
    height: auto;
    background: url(../images/com_ico_dot_01.gif) no-repeat 1px 8px;
    padding: 0 0 12px 15px;
    float: left;
}

/*
career
-------------------------------------------------*/

#career #Main .boxCareer {
    background-color: #59C6AB;
}

#career #Main .boxCareer h1 {
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
    top: 3px;
    z-index: 2;
}

#career #Main .boxCareer ul {
    width: 728px;
    height: 30px;
}

#career #Main .boxCareer li {
    width: 182px;
    height: 30px;
    list-style-type: none;
    float: left;
}

#career #Main .boxUnivCareer h2 {
    width: 728px;
    height: auto;
    border-bottom: #59C6AB 2px solid;
    font-size: 120%;
    clear: both;
    padding-top: 30px !important;
}

#career #Main .boxUnivCareer h3 {
    width: 728px;
    height: auto;
    border-bottom: #C8C8C8 1px dotted;
    color: #59C6AB;
    font-size: 100%;
    clear: both;
    border-left: 0;
    padding-bottom: 5px;
    padding-left: 0;
    margin-top: 20px !important;
}

#career #Main #area-Special-Report h4 {
    width: 728px;
    height: auto;
    border-bottom: #59C6AB 2px solid;
    font-size: 120%;
    margin: 30px 0 20px 0 !important;
}

#career #Main .boxUnivCareer {
    width: 728px;
    height: auto;
}

#career #Main .boxUnivCareer ul {
    width: 728px;
    margin: 15px 0;
    padding-bottom: 30px;
}

#career #Main .boxUnivCareer li {
    width: 227px;
    height: auto;
    background: url(../images/com_ico_dot_01.gif) no-repeat 1px 8px;
    padding: 0 0 12px 15px;
    float: left;
}

/*


/*
logo-cn
-------------------------------------------------*/

#logo-cn {
    font-size: 90%;
}

#logo-cn a {
    color: #333;
}

/*
pager
-------------------------------------------------*/

ul.pager {
    width: 90%;
    border-top: #CCCCCC 1px solid;
    text-align: center;
    margin: 40px auto;
    padding-top: 30px;
    font-size: 90%;
}

ul.pager li {
    display: inline-block;
    margin-right: 3px;
    border: 1px #CCCCCC solid;
}

ul.pager li.prev,
ul.pager li.next {
    border: none;
}

ul.pager li a {
    position: relative;
    display: inline-block;
    padding: 5px 9px 4px;
    color: #222;
}

ul.pager li.prev a,
ul.pager li.next a {
    padding: 5px 18px 4px;
}

ul.pager li a:link,
ul.pager li a:visited {
    text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
    background-color: #222;
    text-decoration: none;
    color: #fff;
}

ul.pager li em {
    display: block;
    padding: 3px 8px;
    background: #222;
    color: #FFFFFF;
    font-weight: bold;
}

/*
topics
-------------------------------------------------*/

#topics #area-News h1 {
    background: url(../../images/news_bg.gif) repeat-x scroll left bottom rgba(0, 0, 0, 0);
    margin-bottom: 5px;
    padding: 10px 10px 10px 3px;
}

#topics #area-News {
    margin-top: 0;
}

/*
大学詳細ページ
-------------------------------------------------*/

#MainDetail a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

#MainDetail {
    width: 1060px;
    text-align: left;
}

#MainDetail h3 {
    font-weight: bold;
    text-align: left;
    color: #064792;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../../images/icon.png) left center no-repeat;
}

#DetailCollege {
    width: 1052px;
    height: auto;
    text-align: left;
    background-color: #EEF8FF;
    border: #ddd 4px solid;
    overflow: hidden;
}

#DetailCollege p {
    float: left;
    clear: both;
}

#DetailCollegeLeft {
    width: 700px;
    margin: 20px 0 20px 20px;
    float: left;
    clear: both;
}

#DetailCollegeLeft p {
    font-weight: bold;
    float: left;
    clear: both;
    margin: 15px 0;
    font-size: 120%;
}

#DetailCollegeTitle {
    width: 700px;
    height: 60px;
    border-bottom: solid #ddd 1px;
    padding-bottom: 8px;
}

#DetailCollege h1 {
    font-size: 200%;
    text-align: left;
    display: inline;
    width: auto;
    float: left;
    clear: both;
}

#DetailCollege h1 span {
    font-size: 50%;
    text-align: left;
    font-weight: bold;
}

.DetailBtn {
    width: 258px;
    float: right;
    height: 34px;
    padding-top: 25px;
}

.DetailBtn img {
    height: 34px;
    margin-left: 5px;
}

.DetailCollegeRight {
    margin: 20px;
    float: right;
}

.DetailCollegeRight img {
    width: 270px;
    height: 182px;
    float: right;
    background-color: #fff;
    padding: 5px;
    border: #ddd 1px solid;
}

.DetailCollegeRight2 {
    margin: 15px 50px 15px 15px;
    float: right;
}

.DetailCollegeRight2 img {
    width: 180px;
    height: 240px;
    float: right;
    background-color: #fff;
    padding: 5px;
    border: #ddd 1px solid;
}

#MainDetail h2 {
    /*background-color: #064993;*/
    background: none;
    border-bottom: 3px solid #064993;
    height: auto;
    margin: 25px 0;
    color: #064993;
    font-size: 120%;
    padding-bottom: 5px;
}

#MainDetail h2 span {
    font-weight: bold;
}

address {
    width: auto;
    float: left;
    clear: both;
    margin: 20px 0 20px;
}

address span {
    font-weight: bold;
}

.DetailRecomend {
    width: 1060px;
    height: auto;
}

.DetailRecomend ul {
    width: 1060px;
    height: auto;
}

.DetailRecomend li {
    width: 245px;
    height: auto;
    list-style-type: none;
    float: left;
    margin-right: 26px;
}

.DetailRecomend li:last-child {
    margin-right: 0px;
}

.DetailRecomend li + li + li + li {
    margin-right: 0px;
}

/* for IE7, 8 */

.DetailRecomend dt img {
    width: 239px;
    height: 180px;
    border: #ddd 3px solid;
    margin-bottom: 10px;
}

.DetailRecomend dd {
    width: 245px;
}

.DetailRecomend dd span {
    padding: 5px 0;
    font-weight: bold;
}

.DetailInfo {
    width: 1020px;
    height: 150px;
    margin: 0 auto;
    padding: 10px 0;
}

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

.DetailInfo li {
    width: 14%;
    height: 123px;
    display: inline-block;
    list-style-type: none;
    text-align: center;
}

.DetailInfo p {
    margin-top: 8px;
    font-size: 90%;
}

.DetailSummary dl {
    margin-bottom: 40px;
}

.DetailSummary dt {
    font-weight: bold;
    float: left;
    line-height: 2;
    margin: 0 20px 0 10px;
}

.DetailSummary dd {
    line-height: 2;
}

.DetailSummary dd p {
    margin-left: 10px;
}

.DetaiFaculty {
    width: 1050px;
    margin-bottom: 30px;
}

.DetaiFaculty th {
    width: 218px;
    font-weight: bold;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.DetaiFaculty td {
    width: 752px;
    text-align: left;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #ddd;
}

.iconGlobal {
    background: #C11C17 bottom center;
    height: auto;
    font-size: 90%;
    font-weight: bold;
    color: #fff;
    padding: 7px 0 7px 8px;
    display: block;
}

.iconGlobal p {
    float: left;
    clear: both;
}

.iconGlobal span.data {
    float: right;
    color: #fff;
    font-size: 80%;
    margin-right: 8px;
    display: block;
}

.tCenter {
    margin: 25px 0;
}

/*
2Colmun
-------------------------------------------------*/

.BlkColmun__float-Wrap {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.BlkColmun__float-Wrap:after {
    content: '';
    display: block;
    clear: both;
}

.BlkColmun__float-Wrap img {
    float: left;
    padding-right: 12px;
    padding-bottom: 20px;
    height: auto;
}

.BlkColmun__float-Wrap__left {
    width: 49%;
    padding-right: 1%;
    box-sizing: border-box;
    margin: 0;
    float: left;
    border-right: #DDDDDD 1px solid;
}

.BlkColmun__float-Wrap__right {
    width: 49%;
    padding-left: 1%;
    box-sizing: border-box;
    margin: 0;
    float: right;
}

.BlkColmun__float-Wrap__txt {
    padding-left: 2%;
    box-sizing: border-box;
}

.BlkColmun__float-Wrap__txt h3 {
    font-weight: bold;
    color: #005FBD;
    line-height: 1.2;
    padding-bottom: 8px;
}

/*スライド部分が3つしかないときの応急処置*/
.When_the_two li:first-child {
    /*margin-left: 136px !important;*/
    margin-left: 227px !important;
}

@media screen and (max-width: 640px) {
    .When_the_two li:first-child {
        margin-left: 0 !important;
    }
}
/*スライド部分が3つしかないときの応急処置*/
.When_the_three li:first-child {
    /* margin-left: 161px !important; */
}

/*スライド部分が4つしかないときの応急処置*/
.When_the_four li:first-child {
    margin-left: 92px !important;
}

@media screen and (max-width: 640px) {
    .When_the_three li:first-child,.When_the_four li:first-child {
        margin-left: 0 !important;
    }
}
/*スライド部分が5つしかないときの応急処置*/
.When_the_five li:first-child {
    /*margin-left: 136px !important;*/
    margin-left: 24px !important;
}
@media screen and (max-width: 640px) {
    .When_the_five li:first-child {
        margin-left: 0 !important;
    }
}
/*
Red 大学入試インフォメーションの赤字のために急遽作成しています
-------------------------------------------------*/

.red p {
    color: red;
}

/*
大学・学部レポート　Read more用
-------------------------------------------------*/

.text_wrapper {
    position: relative;
    margin-bottom: 45px;
}

#area-Report .text {
    height: 870px;
    overflow: hidden;
}

.show_more,
.show_more2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    font-size: 1.2rem;
    padding-top: 60px;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70%);
    cursor: pointer;
    transition: bottom 0.2s;
}

.active {
    background: none;
    bottom: -30px;
}

@media screen and ( max-width: 640px) {
    .show_more,
    .show_more2 {
        display: none;
    }
    #area-Report .text {
        height: auto;
        overflow: inherit;
    }
}

/*--20191122--*/

#Wrapper #carousel {
    width: 100%;
}

/*--20200618--*/
.area-Open{
	overflow: hidden;
	margin-top: 15px;
	background: url("../images/area-Open_bg.png")no-repeat;
	background-size: 100%;
	height: 250px;
}
.area-Open .left{
	float: left;
    width: 250px;
	height: 100%;
	padding-left: 10px;
	padding-top: 65px;
}
.area-Open .left p.title{
	font-size: 19px;
	color: #005FBD;
	font-weight: bold;
}
.area-Open .left p{
	margin-bottom: 10px;
}
.area-Open .right{
	float: right;
    width: 460px;
	height: 100%;
}
.area-Open .right ul{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 235px; /*100%;*/
	width: 100%;
}
.area-Open .right li{
	line-height: 27px;
}
.area-Open .right li a{
	color: #000;
}
.area-Open .right li span{
	margin-left: 3px;
}
.area-Open .online{
	background-color: #FE0000;
    padding: 2px 8px;
    color: #fff;
	font-weight: bold;
}
.area-Open .campus{
	background-color: #01B0F1;
    padding: 2px 8px;
    color: #fff;
	font-weight: bold;
}
.area-Open a{
	margin-left: 3px;
}
@media screen and (max-width: 640px){
	.area-Open{
		background: none;
		border: 2px solid #01B0F1;
		height: auto;
	}
	.area-Open .left{
		width: 100%;
		height: auto;
		padding: 5px 0 5px 5px;
		border-bottom: 2px solid #01B0F1;
	}
	.area-Open .right{
		width: 100%;
		height: auto;
		float: none;
		padding: 5px 0 5px 5px;
	}
	.area-Open .right ul{
		padding-left: 5px;
		height: 100%;
	}
	.area-Open .right li:first-child{
		margin-top: 0;
	}
}
/*20200706*/
.flex-link-right{
	display: flex;
	justify-content: flex-end;
}