/* 
    Document   : style_top
    Created on : 2013/10/31, 11:03:08
    Author     : Kazuhiro Nigara
    Description:
        Purpose of the stylesheet follows.
*/

/* 共通 */
.credit {
    margin: 6px auto 24px auto;
    text-align: center;
}
a.link {
    color: rgb(0, 120, 231);
    text-decoration: underline;
}
a.link:hover {
    color: rgb(66, 184, 221);
}
.clear {
    clear: both;
}
.banners {
    text-align: center;
}
.banners .banner {
    margin: 0px auto 12px auto;
}
.line {
    border-bottom: 1px solid #fff;
}
left {
    text-align: left;
}
.pure-button-blue,
.pure-button-green,
.pure-button-maroon,
.pure-button-orange,
.pure-button-lightblue,
.pure-button-pink {
    color: white;
    border-radius: 4px;
}
.pure-button-blue {
    background: rgb(0, 120, 231); /* this is a blue */
}
.pure-button-green {
    background: rgb(28, 184, 65); /* this is a green */
}
.pure-button-maroon {
    background: rgb(202, 60, 60); /* this is a maroon */
}
.pure-button-orange {
    background: rgb(223, 117, 20); /* this is an orange */
}
.pure-button-lightblue {
    background: rgb(66, 184, 221); /* this is a light blue */
}
.pure-button-pink {
    background: rgb(239, 117, 188); /* this is a pink */
}
.pure-button-small {
    font-size: 85%;
}
#google_translate_element {
    position: absolute;
    top: 0;
    right: 0;
}

/* title */
#titleimg {
    margin: 6px auto;
    text-align: center;
}
#titleimg h1 {
    margin: 0;
    font-size: 180%;
}
#titleimg p {
    font-size: 100%;
    margin: 0 0 2px 0;
}
#titleimg fieldset {
    margin: 0px auto;
    text-align: center;
    width: 300px;
}
#titleimg fieldset input {
    margin: 0px auto 0px auto;
}
#titleimg fieldset button {
    margin: 4px auto 0px auto;
}

/* aside_type01 共通 */
aside.aside_type01 {
    background: #ccc;
    border-radius: 4px;
    margin: 0 12px 12px 12px;
    padding: 12px 12px 0px 12px;
}
aside.aside_type01 h1 {
    font-size: 16px;
    text-align: center;
    margin: 0 0 6px 0px;
    font-weight: normal;
}
aside.aside_type01 section.list {
    word-wrap:break-word;
}
aside.aside_type01 section.list img {
    margin-right: 6px;
    margin-bottom: 12px;
    float: left;
    clear: both;
}
aside.aside_type01 section.list h1 {
    text-align: left;
    font-size: 14px;
    margin: 0 0 0 54px;
}
aside.aside_type01 section.list h1.non_image {
    margin-left: 0;
}
aside.aside_type01 section.list p {
    text-align: left;
    font-size: 14px;
    margin: 0 0 0 54px;
    padding-bottom: 12px;
}
aside.aside_type01 section.list p.small {
    font-size: 12px;
}
aside.aside_type01 section.list p.non_image {
    margin-left: 0;
}


/* nav gmenu */
nav#gmenu {
    text-align: center;
    border-bottom: 1px solid #eee;
}

/* nav cmenu */
nav#cmenu {
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 16px;
    font-size: 16px;
}

/* header */
header {
    text-align: center;
}
header .wrap_main_image {
    margin-bottom: 0px;
}
header .wrap_main_image img {
    width: 100%;
}
header .wrap_main_image p {
    text-align: right;
    font-size: 12px;
    margin: 0;
    width: 100%;
}
header h1 {
    font-size: 24px;
    margin: 0px 12px;
}
header iframe {
    margin-left: 12px;
}

/* article main */
article#main {
    margin: 0px 12px;
}
article#main h1 {
    font-size: 16px;
    text-align: center;
    margin: 0 0px 6px 0px;
    font-weight: normal;
}
article#main h2.top {  /* top特別 */
    font-size: 16px;
    font-weight: bold;
    background: #eee;
    text-align: center;
}

/* article comment */
article#comment {
    margin: 24px 12px;
}
article#comment h2 {
    font-size: 16px;
    font-weight: bold;
    background: #eee;
    text-align: center;
}

/* section list */
article#main section.list {
    word-wrap:break-word;
    margin-bottom: 12px;
}
article#main section.list img {
    margin-right: 6px;
    margin-bottom: 12px;
    float: left;
    clear: both;
    width: 100px;
}
article#main section.list h1 {
    text-align: left;
    font-size: 16px;
    margin: 0 0 0 106px;
}
article#main section.list p {
    text-align: left;
    font-size: 14px;
    margin: 0 0 0 106px;
    padding-bottom: 12px;
}
article#main .pager {
    text-align: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

article#main section.detail {
    word-wrap:break-word;
}
article#main section.detail img {
    margin-bottom: 6px;
}
article#main section.detail h1 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 6px;
}
article#main section.detail h2 {
    font-size: 16px;
    font-weight: normal;
}
article#main section.detail p {
    text-align: left;
    font-size: 16px;
    padding-bottom: 12px;
}

/* article lmenu */
article#main nav#lmenu {
    margin-bottom: 6px;
    margin-right: 6px;
    border: 0px solid rgb(0, 120, 231);
    padding: 0px;
}
article#main nav#lmenu  ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
article#main nav#lmenu ul li {
    margin: 0 6px 6px 0;
    float: left;
}
article#main nav#lmenu ul li form button {
    margin: 0 auto;
}

/* aside コンテンツメニュー */
aside#menu_c {
    margin-bottom: 12px;
}
aside#menu_c nav {
    
}
aside#menu_c nav ul {
    list-style: none;
    padding: 0;
    margin: 0 0px 6px 12px;
}
aside#menu_c nav ul li {
    margin: 0 6px 6px 0;
    float: left;
}


/* aside twitter */
aside#twitter {
    background: #4297cc;
    margin-bottom: 12px;
}
aside#twitter h1 a.link {
    color: #FFA500;
}
aside#twitter h1 a.link:hover {
    color: #ccc;
}
aside#twitter p a.link {
    color: #fff;
}
aside#twitter p a.link:hover {
    color: #ccc;
}


/* aside facebook */
aside#facebook {
    background: #3b5998;
    color: #ccc;
    margin-bottom: 12px;
}
aside#facebook h1 {
    color: #fff;
}
aside#facebook a.link {
    color: #FFA500;
}
aside#facebook a.link:hover {
    color: #ccc;
}


/* aside wiki */
aside#wiki {
    background: #eee;
    margin-bottom: 12px;
    border-radius: 4px;
    margin: 0 12px;
    padding: 0 0 10px 0;
}
aside#wiki p.t {
    background: #ccc;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0;
    padding: 5px;
    text-align: center;
}
aside#wiki p.t a {
    color: #fff;
}
aside#wiki h1 {
    color: #000;
    font-size: 20px;
    text-align: center;
}
aside#wiki p {
    font-size: 13px;
    margin: 10px;
}


/* aside 大学概要 */
aside#outline {
    border: 1px solid #ddd;
    margin: 12px;
}
aside#outline h1 {
    font-size: 16px;
    margin: 12px 12px 6px 12px;
    font-weight: normal;
}
aside#outline h2 {
    font-size: 16px;
    margin: 12px 12px 0px 12px;
    font-weight: bold;
}
aside#outline img {
    margin: 0px 0px 6px 12px;
}
aside#outline p {
    text-align: left;
    font-size: 12px;
    margin: 0px 12px 6px 12px;
}


/* 学部メニュー */
nav#menu_d, nav.menu_d {
    margin-top: 6px;
    margin-bottom: 6px;
}
nav#menu_d ul, nav.menu_d ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 12px;
}
nav#menu_d ul li, nav.menu_d ul li {
    margin: 0 6px 6px 0;
    float: left;
}
nav.menu_d ul {
    margin-left: 0px;
}


/* footer */
footer {
    text-align: center;
    margin: 12px;
    color: #999;
    clear: both;
}


/* hsearch */
.hsearch_fixed {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(31,141,214,0.85);
    width: 100%;
 }


/*
=========================================================
    section コンテンツごとの調整
=========================================================
*/

/* section main_video */
article#main section.main_video .wrap_iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
article#main section.main_video .wrap_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* section news */
article#main section.news {
    border-bottom: 1px solid #ddd;
}
article#main section.news img {
    margin-bottom: 0;
    float: none;
    width: auto;
}
article#main section.news h1 {
    margin-left: 0;
}
article#main section.news p {
    margin-left: 0;
}


/* section event */
article#main section.event {
    border-bottom: 1px solid #ddd;
}
article#main section.event h1 {
    margin-left: 0;
}
article#main section.event p {
    margin-left: 0;
}


/* section qa */
article#main section.qa {
    border-bottom: 1px solid #ddd;
}
article#main section.qa h1 {
    margin-left: 0;
}
article#main section.qa p {
    margin-left: 0;
}


/* section blog */
article#main section.blog {
    border-bottom: 1px solid #ddd;
}
article#main section.blog h1 {
    margin-left: 0;
}
article#main section.blog p {
    margin-left: 0;
}

/* section rss */
article#main section.rss {
    border: 1px solid #ddd;
    font-size: 80%;
    background: #eee;
    padding: 5px;
}
article#main section.rss h1 {
    margin-left: 0;
}
article#main section.rss p {
    margin-left: 0;
}
article#main section.rss img {
    width: auto;
    height: auto;
}
/*
=========================================================
    /section コンテンツごとの調整
=========================================================
*/




/***********************************
    min-width : 768px
***********************************/
@media screen and (min-width : 768px) {
    
    /* title */
    #titleimg {
        margin: 6px 60px;
        text-align: left;
    }
    #titleimg fieldset {
        width: 400px;
    }
    
    /* nav gmenu */
    nav#gmenu {
        text-align: left;
    }
    
    /* nav cmenu */
    nav#cmenu {
        text-align: left;
    }

    /* header */
    header {
        text-align: left;
    }
    header h1 {
        text-align: left;
        margin-left: 6px;
    }
    header iframe {
        margin-left: 6px;
    }
    
    
    /* article main */
    article#main {
        margin-right: 0;
        margin-left: 6px;
    }
    article#main h1 {
        text-align: left;
    }
    article#main h2.top {  /* top特別 */
        text-align: left;
    }
    article#main section.list {
        overflow:hidden;
        float: left;
        width: 250px;
        height: 250px;
        margin-right: 2px;
    }
    article#main section.top {  /* top特別 */
        height: auto;
        border-bottom: none;
    }
    article#main section.list img {
        margin-right: 0px;
        margin-bottom: 6px;
        float: none;
        width: 100%;
    }
    article#main section.list h1 {
        margin-left: 0;
    }
    article#main section.list p {
        margin-left: 0;
    }
    article#main section.detail {
        margin-right: 6px;
    }
    
    
    /* article comment */
    article#comment {
        margin-right: 0;
        margin-left: 6px;
    }
    article#comment h2 {
        text-align: left;
    }
    
    
    /*
    =========================================================
        section コンテンツごとの調整
    =========================================================
    */
    /* section book */
    article#main section.book .wrap_img {
        height: 100px;
        overflow: hidden;
    }
    
    /* section image */
    article#main section.image .wrap_img {
        height: 140px;
        overflow: hidden;
    }
    
    /* section photo */
    article#main section.photo .wrap_img {
        height: 140px;
        overflow: hidden;
    }
    
    /* section video */
    article#main section.video .wrap_img {
        height: 140px;
        overflow: hidden;
    }
    
    /* section ustream */
    article#main section.ustream .wrap_img {
        height: 140px;
        overflow: hidden;
    }
    
    article#main section.top .wrap_img {   /* top 特別 */
        height: auto;
    }
    
    /* section blog */
    article#main section.blog {
        float: none;
        width: auto;
        height: auto;
    }
    
    /* section official */
    article#main section.rss {
        float: none;
        width: auto;
        height: auto;
    }
    article#main section.rss img {
        width: auto;
        height: auto;
    }
    
    /* section news */
    article#main section.news {
        float: none;
        width: auto;
        height: auto;
    }
    
    /* section qa */
    article#main section.qa {
        float: none;
        width: auto;
        height: auto;
    }
    
    /* section goods */
    article#main section.goods {
        float: none;
        width: auto;
        height: auto;
    }
    article#main section.goods img {
        margin-right: 6px;
        margin-bottom: 12px;
        float: left;
        clear: both;
        width: 100px;
    }
    article#main section.goods h1 {
        text-align: left;
        font-size: 16px;
        margin: 0 0 0 106px;
    }
    article#main section.goods p {
        text-align: left;
        font-size: 14px;
        margin: 0 0 0 106px;
        padding-bottom: 12px;
    }
    
    /*
    =========================================================
        /section コンテンツごとの調整
    =========================================================
    */
}

/***********************************
    min-width : 768px
    max-width : 1023px
***********************************/
@media screen and (min-width : 768px) and (max-width : 1023px) {
    
    /* aside_type01 共通 */
    aside.aside_type01 {
        margin: 0;
    }
    
    /* aside twitter */
    aside#twitter {
        width: 342px;
        float: left;
        margin-left: 12px;
    }
    
    /* aside facebook */
    aside#facebook {
        width: 342px;
        float: left;
        margin-left: 12px;
    }
    
    /* article main */
    article#main h2.top {  /* top特別 */
        margin-right: 6px;
    }
}



/***********************************
    min-width : 1024px
***********************************/
@media screen and (min-width : 1024px) {
    /* ２カラム */
    div#wrap {
        margin: 0 auto;
        width: 1024px;
    }
    div#contents {
        width: 762px;
        float: left;
        margin-right: 6px;
        margin-top: 0;
    }
    div#sub {
        width: 250px;
        float: right;
        margin: 0 6px 0 0;
    }
    
    /* aside 共通 */
    aside.aside_type01 {
        width: 226px;
        margin-left: 0;
    }
    
    /* aside コンテンツメニュー */
    aside#menu_c nav ul {
        margin-left: 0;
    }
    aside#menu_c nav ul li a.pure-button {
        width: 202px;
    }
    
    /* aside 大学概要 */
    aside#outline {
        margin-left: 6px;
        margin-right: 6px;
    }
    
    /* aside wiki */
    aside#wiki {
        margin-left: 0px;
        margin-right: 0px;
    }
}


/***********************************
    min-width : 1270px
***********************************/
@media screen and (min-width : 1270px) {
    /* title */
    #titleimg {
        margin: 6px 6px;
    }
}