@charset "UTF-8";


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

■TOPへ戻る

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

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #fff;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	padding: 20px;
	text-align: center;
	display: block;
	border:1px solid #dfdfdf;
}

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

■main_panel設定

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

#page_main_panel{
	width:100%;
	height:290px;
	text-align: center;
	position:relative;
	margin-bottom: 20px;
}

#page_main_panel img{
	margin-top:180px;
	z-index:1;
}

#main_panel_shadow{
	background: url(../images/shadow_main.png) no-repeat center;
	background-size:cover;
	height:168px;
	margin-top: -150px;
}


/*about*/

.about #page_main_panel{
	background: url(../images/top/slide_001.png) no-repeat center;
	background-size:cover;
}

/*education*/

.education #page_main_panel{
	background: url(../education/images/education_mainpanel_bg.png) no-repeat center;
	background-size:cover;
}

/*schoollife*/

.schoollife #page_main_panel{
	background: url(../schoollife/images/schoollife_mainpanel_bg.png) no-repeat center;
	background-size:cover;
}

/*exam*/

.exam #page_main_panel{
	background: url(../exam/images/exam_mainpanel_bg.png) no-repeat center;
	background-size:cover;
}

/*admission*/

.schoollife #page_main_panel{
	background: url(../schoollife/images/schoollife_mainpanel_bg.png) no-repeat center;
	background-size:cover;
}

/*message*/

.message #page_main_panel{
	background: url(../message/images/message_mainpanel_bg.png) no-repeat center;
	background-size:cover;
}

/*menu*/

.menu #page_main_panel{
	background: url(../menu/images/menu_mainpanel_bg.png) no-repeat center;
	background-size:cover;
}


.cms #page_main_panel{
	background: url(../menu/images/menu_mainpanel_bg.png) no-repeat center;
	background-size:cover;
}



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

■page_共通設定

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


h2.content_title{
	background: #2f6d6b;
	color:#fff;
	font-size: 16px;
	height:35px;
	padding-top: 8px;
	text-align: center;
}

h3.content_title.sub , h3.class_title01 , h3.class_title02 , h3.class_title03{
	text-align: center;
	color: #231815;
	font-size: 14px;
	height: 35px;
	padding-top: 8px;
	margin-bottom: 20px;
}

h3.content_title.sub{
	border:1px dotted #231815;
}

h3.class_title01{
	color: #FE3902;
	border:1px dotted #FE3902;
}

h3.class_title02{
	color: #F8066C;
	border:1px dotted #F8066C;
}

h3.class_title03{
	color: #B627B4;
	border:1px dotted #B627B4;
}

h3.title_ub_blk{
	font-size: 14px;
	height: 35px;
	padding-top: 8px;
	margin-bottom: 20px;
	color: #000;
	border-bottom:1px solid #000;
	font-weight: bold;
}



h3.content_topics {
	font-size:13px;
	border-left:8px solid rgb(79,178,190);
	padding-left:10px;
	letter-spacing:.1em;
	margin-bottom:15px;
	font-weight:600;
}

h3.content_topics span {
	color:rgb(79,178,190);
	font-weight:600;
	font-size:13px;
}



.content_inner {
	padding:30px 25px 35px;
}

.content_inner p {
	font-size:12px;
	letter-spacing:.1em;
	line-height:1.9em;
	text-indent:1em;
	margin-bottom:25px;
}

.content_inner_old p {
    font-size:12px;
    letter-spacing:.1em;
    line-height:1.9em;
    text-indent:0;
    margin-bottom:25px;
}

.content_inner dl {
	margin-bottom:30px;
}

.content_inner dl dt {
	font-size:14px;
	font-weight:600;
	letter-spacing:.1em;
	line-height:2.4em;
}

.content_inner::after {
	clear:both;
	content:"";
	height: 0;
	display: block;
	visibility: hidden;
}

table.table_std {
	border-collapse:collapse;
	width:100%;
}
table.table_std th ,table.table_std td {
	border:1px solid #888;
	padding:8px 5px;
	font-size:12px;
	color:#000;
	text-align:center;
	vertical-align:middle;
}
table.table_std th {
	background-color:rgba(79,178,190,.4);
	font-weight:500;
}
table.table_std th a {
	display:block;
	width:100%;
	background-color:rgba(79,178,190,.3);
	color:#000;
}
table.table_std th.al_left ,table.table_std td.al_left {
	text-align:left;
}
/**************************************************************************************************

■left_box共通設定

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

.local_navi_title{
	background: #95CAD0;
	color:#000;
	height:35px;
	padding-top: 8px;
	font-size: 16px;
	text-align: center;
}

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

■ message index 設定

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

.message_box {
    margin-bottom:30px;
}
.message_img_area {
    width:100%;
    background-color:#41a29f;
    color:#FFF;
    padding:15px 15px 0;

}
.message_img_area_hualiang {
    width:100%;
    /*
    background-color:#77C7C4;
    */
    background-color:rgba(3, 125, 109, 1);
    color:#FFF;
    padding:15px 15px 0;

}
.message_img_area img {
    float:left;
    width:20%;
    height:auto;
    margin:-15px 4% 0 -15px;
}
.class_img_area {
    width:100%;
    background-color:#77C7C4;
    color:#FFF;
    padding:5px 5px 0;

}
.class_img_area img {
    float:left;
    width:100%;
    height:auto;
    margin:0px 4px 4px 0px;
}
.class_img_area:after {
    clear:both;
    content:"";
    height: 0;
    display: block;
    visibility: hidden;
}
.message_img_area:after {
    clear:both;
    content:"";
    height: 0;
    display: block;
    visibility: hidden;
}

.message_name {
    font-size:18px;
    letter-spacing:.3em;
    font-weight:600;
}
.message_name span {
    font-size:14px;
    letter-spacing:.1em;
    font-weight:600;
    display:inline-block;
    margin-left:10px;
}
.message_prof1{
    font-size:13px;
    letter-spacing:.1em;
}
.message_prof_title{
    font-size:13px;
    letter-spacing:0;
    margin:10px 0 0 0 ;
    border-bottom:1px solid #FFF;
    font-weight:600;
    text-align: right;
    padding-right: 20px;
}
.message_prof2{
    font-size:12px;
    letter-spacing:0;
    margin:10px 0 0 0 ;
    font-weight:600;
    text-align: right;
    padding-right: 20px;
}
.message_text_area {
    background-color:rgba(79,178,190,.2);
    padding:10px 20px 20px;
    font-size:12px;
    letter-spacing:.1em;
    line-height:1.9em;
}


/**voide*************************************/

/* right --------------------*/
.body_box{
    width:100%;
    float: left;
    background: #FFF;
	position: relative;
    overflow: hidden;
}

.videos_box{
    width:100%;

    float: left;
    background: #FFF;
}


/************************************************************************************************/
.page_list {
    font-size: 0;
}

.page_list:after {
    clear: both;
    content: "";
    height: 0;
    display: block;
    visibility: hidden;
}

.page_list li {
    display: block;
    margin: 0 20px 20px 0;
    border: 1px solid #DEDEE0;
    float: left;

    background:#fff;
}

@
-moz-document url-prefix () { .page_list li { display:block;
    margin: 0 20px 25px 0;
    border: 1px solid #DEDEE0;
    float: left;
    padding: 10px 10px 10px 10px;
    background:#fff;
}
}

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

.page_box {
    position: relative;
    overflow: hidden;
    width: 288px;
    height: 296px;
    padding: 10px 10px 10px 10px;
}
.page_box_foot {
    position: relative;
    overflow: hidden;
    width: 268px;
    height: 56px;
}

.page_box img{
    border: 1px solid #DEDEE0;
    overflow: hidden;
    width: 268px;
    height: 153px;
}
.page_main_title {
    background-image: url(../images/bk01.jpg);
    width: 100%;
    height: 40px;
    color:rgb(79,178,190);
    font-size: 13px;
    padding-top:10px;
    margin-top:0px;
    display: block;
    overflow: hidden;
    clear:both;
       position: relative;
}

.page_main_player {
    width: 100%;
    height: 30px;
    padding-top:3px;
    margin-top:0px;
    display: block;
    overflow: hidden;
    clear:both;
	position: relative;
}

.page_main_player img{
	    padding-top:2px;
    border: 1px solid #DEDEE0;
    overflow: hidden;
    width: 60px;
    height: 20px;
}

.page_main_date {
	text-align:right;
    width: 100%;
    height: 20px;
    color:rgb(79,178,190);
    font-size: 10px;
	top:0px;
    right:0px;
    display: block;
    overflow: hidden;;
    clear:both;
	position: absolute;
}
.page_main_title a:hover{
    color:rgb(79,160,190);
}
.page_main_title a{
    color:rgb(79,178,190);
}

.page_text {
    margin-top:10px;
    padding-top:0px;
    width:100%;
    height:83px;

    color:#000;
    font-size:12px;
    overflow:hidden;
    clear:both;
}