@charset "UTF-8";

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

	top.css
	Last Up Date 2012/06/24

 -----------------------------------------
	INDEX
 -----------------------------------------
	1. インフォメーション&キャンパス

	2. オーバーテーブル

	3. スライダー

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


/* インフォメーション & キャンパス
========================================== */
div#main .top_info_campus{
    width:454px;
    height:212px;
    margin:0;
    padding:10px;
    border:1px solid #C9CACA;
    background-color:#FFF;
}

div#main .top_info_campus img{
    margin:0;

}

div#main .top_info_campus h2{
    width:100%;
    margin:0;
    padding-bottom:8px;
    border-bottom:2px solid #00A0E9;

}

div#main .top_info_campus table.info_campus{
    width:100%;
    /*height:176px;*/
    margin:0;
}

div#main .top_info_campus table.info_campus.significant{
    margin-bottom: 6px;
}

div#main .top_info_campus table.info_campus tr.default,
div#main .top_info_campus table.info_campus tr.significant{
    height:29px;
    margin:0;
}

div#main .top_info_campus table.info_campus tr.default td,
div#main .top_info_campus table.info_campus tr.significant td{
    border-bottom:1px dashed #54C3F1;
    font-size:10px;font-size:1.0rem;
    line-height:12px;
}



div#main .top_info_campus table.info_campus tr.default td.date,
div#main .top_info_campus table.info_campus tr.significant td.date{
    font-size:10px;font-size:1.0rem;
    line-height:12px;
    color:#000;
    width:55px;
}

div#main .top_info_campus table.info_campus tr.default td.title,
div#main .top_info_campus table.info_campus tr.significant td.title{
    font-size:10px;font-size:1.0rem;
    line-height:12px;
    padding-left:5px;
}

div#main .top_info_campus table.info_campus tr td.significant div {
    background-color: red;
    line-height: 18px;
    color: #fff;
    font-size:10px;font-size:1.0rem;
}

div#main .top_info_campus table.info_campus tr td.significant div a{
    padding-left: 10px;
    color: #fff;
}

div#main .top_info_campus table.info_campus tr td.title.colors a{
    font-size: 120%;
    border: 1px solid red;
    padding: 1px 5px;
}


div#main .top_info_campus p.more{
    font-size:11px;font-size:1.1rem;
    /* font-weight:bold; */
    float:right;
    text-align:right;
    margin-top:4px;
}

div#main .top_info_campus p.more a.more{
    background:url("../images/header/navi_arrow.gif") no-repeat 0 50%;
    padding-left:10px;
    text-decoration:none;
    font-size:9px;font-size:0.9rem;
}
/*　2016/07
～～～～～～～～～～～～～～～～～～～～～～～～～～～*/
/*　お知らせ（タブ）--------------------------*/
.topInfo {
    width: 710px;
    height: 247px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 11px 6px;
    margin-right: 10px;
    margin-bottom: 19px;
    float: left;
    box-sizing: border-box;
}

.topInfo__list {
  margin-bottom: 8px;
}

.topInfo__list li {
    border-bottom: 1px dashed #3C82B2;
}
.topInfo__list li a {
    font-size: 1.1rem;font-size: 11px;
    display: block;
    padding: 4px 0 5px;
}
.topInfo__list li a:hover {
    /*opacity: 0.7;*/
}
.topInfo__list__hd {
    height: 14px;
}
.topInfo__list__hd__time {
    color: #00A0E9;
    font-size: 1.1rem;font-size: 11px;
    font-weight: bold;
    margin-right: 8px;
    line-height: 1.3;
    display: inline-block;
}
.topInfo__list__ttl {
    margin-top: 0.25em;
}
.topInfo__more {
    font-size: 1.1rem;font-size: 11px;
    text-align: right;
}
.topInfo__more a {
    background: url("../images/header/navi_arrow.gif") no-repeat 0 50%;
    padding-left: 10px;
    text-decoration: none;
    font-size: 9px;font-size: 0.9rem;
}
/* タブ切替 */
.c-tab {margin-bottom: 4px}

.c-tab > li {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    /*background-color: #BAE3F9;*/
    /*border: 1px solid #e2e2e2;*/
    border-left: none;
    border-bottom: none;
    /*border-top-right-radius: 12px;*/
    /*border-top-left-radius: 12px;*/
    /*padding: 1em;*/
    /*transition-duration: 0.28s;*/
    width: 110px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    font-size: 1rem;font-size: 10px;
    font-weight: bold;
    margin-right: 4px;
    opacity: 0.3;
}
.c-tab > li:last-child { margin-right: 0; }

.c-tab > li:first-child { border-left: 1px solid #e2e2e2; }

.c-tab > li:hover,
.c-tab > li.is-active {
    /*background-color: #00A0E9;*/
    opacity: 1;
}

/*.c-tab > li.is-active:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 100%;*/
    /*left: 50%;*/
    /*border-top: 8px solid #dadada;*/
    /*border-left: 8px solid transparent;*/
    /*border-right: 8px solid transparent;*/
    /*margin-left: -8px;*/
/*}*/

.c-tabCont {
    display: none;
    border-top: 2px solid #00A0E9;
    padding: 0 10px 8px;
}

.c-tabCont.is-active { display: block; }



/*　social------------------------------------*/
.topSocial {
    width: 240px;
    float: left;
    box-sizing: border-box;
}
.topSocial ul li a {
    width: 238px;
    height: 58px;
    display: block;
    /*border: 1px solid #bbbbbb;*/
    /*border-radius: 5px;*/
    /*background-color: #ffffff;*/
}
.topSocial ul li:not(:last-child) a { margin-bottom: 5px; }
.topSocial ul li a:hover { opacity: 0.6; }

/* 記事------------------------------------*/
.topArticle__list li a {
    display: block;
    box-sizing: border-box;
    width: 314px;
    height: 314px;
    margin-right: 9px;
    background-color: #ffffff;
    border: 1px solid #DEDEBB;
    border-radius: 5px;
    text-decoration: none;
    float: left;
}
.topArticle__list li:nth-child(3n) a {
    margin-right: 0;
}
.topArticle__list li:nth-child(n + 4) a {
    margin-top: 9px;
}

.topArticle__list li a:hover {
    opacity: 0.6;
    color: #000000;
}
.topArticle__list__cont {
    padding: 14px;
}
.topArticle__list__img {
    text-align: center;
}
.topArticle__list__img img {border-radius: 5px 5px 0 0;}


.topArticle__list__cont__ttl {
    font-size: 1.6rem;font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.topArticle__list__cont__sub {
    font-size: 1.4rem;font-size: 14px;
    margin-top: 26px;
}


/*　END 2016/07～～～～～～～～～～～～～～～～～～～～～*/



/* facebook*/

div#main .top_fb{
    width:199px;
    height:449px;
    margin:0;
    padding:11px 17px 16px;
    background-image:url(../images/top/bgb.png);
}


div#main .top_fb #title_fb{
    margin:0;
    padding-bottom:8px;
}

div#main .top_fb #iframe_wapper{
    overflow:hidden;
    width:199px;
    height:419px;
    position:relative;
    background-color:#FFF;
}

div#main .top_fb #iframe_wapper iframe{
    position:relative;
    left:-1px;
    top: -1px;
}
div#main .top_fb #iframe_wapper iframe a{
    color: #00A0E9;
}
/*----facebook 6/24追加----*/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    background-color:#F4F4F4;
    overflow: hidden;
}

.facebookOuter {
    border: solid 1px #CAD4E7;
}
.facebookInner {
}


.fb-wall{
    height: 332px;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size:12px;
    line-height:1.4em;
    width: 90%;
    padding: 15px 10px 10px;
    text-align: justify;
}

.fb-wall-box{
    margin: 10px 0 0 0;
}

.fb-wall-box-first{
    margin-top: -10px;
}

.fb-wall-box a img.fb-wall-avatar{
    width: 24px;
    float: left;
    margin: 10px 5px 0 0;
}

a.fb-wall-message-from{
    font-weight: bold;
}

a.fb-wall-message-from:after{
    content: "\A";
    white-space: pre;
    display: block;
    clear: both;
    line-height: 0.5;
}

.fb-wall-media,
.fb-wall-date,
.fb-wall-likes{
    width: 97%;
    font-size: 0.8em;
    line-height: 1.4em;
    /*padding-right: ;*/
}

.fb-wall-media a.fb-wall-media-link .fb-wall-picture{
    margin: 10px auto;
}

.fb-wall-icon{
    vertical-align: middle;
    padding-right:  3px;
}

div.fb-wall-data{
    border-top: solid 1px #CAD4E7;
    padding-top: 10px;
}

.fb-wall-box:first-child .fb-wall-data{
    border-top: none;
}
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style]{
    background-color: #FFFFFF;
    overflow: hidden;
    width: 210px !important;
}


.fb-like-box,.fb-like-box span{
    height: 200px;
}

._8u span.fsl a{
    font-size: 10px !important;
}


/* shikao*/

div#main .top_shikao{
    width:188px;
    height:200px;
    padding:11px 24px 23px;
    background-image:url(../images/top/bgs.png);
}


div#main .top_shikao #title_shikao{
    width:188px;
    padding-bottom:10px;
}

div#main .top_shikao #tweet_shikao{
    /*width:172px;*/
    height:169px;
    overflow-y:scroll;
    background-color:#FFF;
}

div#main .top_shikao #tweet_shikao .box{
    width:157px;
    margin:0;
    padding:7px;
}

div#main .top_shikao #tweet_shikao .box img{
    width:15px;
    height:15px;
    float:left;
}

div#main .top_shikao #tweet_shikao .box p{
    font-size:10px;font-size:1.0rem;
    line-height:1.5;
    width:138px;
    padding-left:4px;
    float:left;
}

/* オーバーテーブル
========================================== */
div#main li.main_block {
    float:left;
    margin: 0 4px 8px;
    overflow:hidden;
}
.col1 {
    width: 234px;
    height: 234px;
}
.col2 {
    width: 476px;
    height: 234px;
}
.col3 {
    width: 234px;
    height: 476px;
}
div#main li.main_block.col4{
    margin-bottom:0;
    width:234px;
    height:242px;
}

table.over_table{
    position: absolute;
    left:5px;
    top:5px;
    /* height:224px; */
    height:0px;
    width:224px;
    z-index:9999;
    /* border:5px solid #FFF; */
    color:#FFF;
    background:url('/static/images/top/seika_top_list_bg.png') 0 0 no-repeat;
    cursor:pointer;
    cursor:hand;
    /* display:none; */
    visibility:hidden;
}
table.over_table.type_gray{
    /* border:5px solid #898989; */
    background:url('/static/images/top/seika_top_list_bg2.png') 0 0 no-repeat;
}
table.over_table td.over_table_title{
    color:#FFF;
    vertical-align:top;
    font-size:18px;font-size:1.8rem;
    line-height:1.5em;
    padding:10px;
    padding-bottom:0;
}
table.over_table td.over_table_text{
    color:#FFF;
    vertical-align:bottom;
    font-size:12px;font-size:1.2rem;
    line-height:1.5em;
    padding:10px;
}

/*
 * .tooltip
 */
div#main li.main_block.box_tooltip{
    cursor:pointer;
    cursor:hand;
}
div#main li.main_block div.tooltip{
    position:absolute;
    z-index:1000;
    display:none;
}
div#main li.main_block div.tooltip.type1{
    top:-85px;
    left:68px;
}
div#main li.main_block div.tooltip.type2{
    top:-85px;
    left:68px;
}
div#main li.main_block div.tooltip.type3{
    top:-85px;
    right:0;
}
div#main li.main_block div.tooltip span{
    display:block;
}
div#main li.main_block div.tooltip span.tooltip_text{
    text-align:left;
    background-color:#009FE8;
    padding:15px;
    font-size:12px;font-size:1.2rem;
    line-height:1.5em;
    color:#FFF;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url("/static/PIE.htc");
}
div#main li.main_block div.tooltip.type2 span.tooltip_text{
    text-align:center;
}
div#main li.main_block div.tooltip span.tooltip_bottom{
    text-align:center;
}


/* スライダー
========================================== */
div#mainbanner{
    width:960px;
    margin:16px 4px 5px;
}
div#mainbanner #slides{
    position:relative;
    width:960px;
    height:348px;
}
div#mainbanner #slides #slides_container{
    position:relative;
    width:928px;
    height:348px;
    margin:0 auto;
    background-color:#FFF;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;
}

div#mainbanner #slides #slides_container .slides_control{
    position: relative;
    width: 2784px;
    height: 348px;
    left: -928px;
}
div#mainbanner #slides #slides_container .slides_control .slide{
    position:absolute;
    width:928px;
    height:348px;
    display:none;
}
div#mainbanner #slides #slides_container .slides_control .slide div{
    display:inline-block;
    vertical-align:bottom;
}
/* for IE6 */
div#mainbanner #slides #slides_container .slides_control .slide div{
    _display:inline;
    _zoom:1;
}
/* for IE7 */
*:first-child+html div#mainbanner #slides #slides_container .slides_control .slide div{
    display:inline;
    zoom:1;
}

div#mainbanner #slides #slides_container .slides_control .slide .slide_list_img{
    width:704px;
    height:348px;
}
div#mainbanner #slides #slides_container .slides_control .slide .slide_list_img a{
    display:block;
}
div#mainbanner #slides #slides_container .slides_control .slide .slide_list_img img{}

div#mainbanner #slides #slides_container .slides_control .slide .slide_list_text{
    width:187px;
    padding:16px;
}
div#mainbanner #slides #slides_container .slides_control .slide .slide_list_text span{
    display:block;
}
div#mainbanner #slides #slides_container .slides_control .slide .slide_list_text .title{
    font-size:18px;font-size:1.8rem;
    line-height:1.5em;
    color:#00A0E9;
}
div#mainbanner #slides #slides_container .slides_control .slide .slide_list_text .text{
    font-size:12px;font-size:1.2rem;
    line-height:1.5em;
    margin-top:0.5em;
}

div#mainbanner #slides a.slide_btn{
    position:absolute;
}
div#mainbanner #slides a.slide_btn img{}
div#mainbanner #slides a.slide_btn.prev{
    top:0;
    left:0;
}
div#mainbanner #slides a.slide_btn.next{
    top:0;
    left:944px;
}

div#mainbanner #slide_navi_container{
    float:right;
    margin:5px 16px 0 0;
}
div#mainbanner #slide_navi_container .slide_navi{
    float:left;
    margin-left:5px;
}
div#mainbanner #slide_navi_container .slide_navi a{
    width:9px;
    height:9px;
    display: block;
    background:url('/static/images/top/slider/pagination.png') 0 0 no-repeat;
}
div#mainbanner #slide_navi_container .slide_navi img{}

div#mainbanner #slide_navi_container #slide_navi1{}
div#mainbanner #slide_navi_container #slide_navi2{}
div#mainbanner #slide_navi_container #slide_navi3{}
div#mainbanner #slide_navi_container #slide_navi4{}
div#mainbanner #slide_navi_container #slide_navi5{}
div#mainbanner #slide_navi_container #slide_navi6{}
div#mainbanner #slide_navi_container #slide_navi7{}

/* sitepolicy*/
#contents_main.site_policy ul.line_h01 li{
    line-height: 24px;
    background-position: top 9px left;
}