@charset "UTF-8";

@-ms-viewport{
width : device-width;
}

body{
margin: 0;
background-image: url("picture/back.png");
background-size: 100%;
background-repeat: no-repeat;
font-family: "メイリオ",
"Hiragino Kaku Gothic Pro", sans-serif;
}

h1{/*トップページへのリンク文字(他ページと共通)*/
float: left;
width: 330px;
font-size: 17px;
font-weight: normal;
text-align:left;
background-color: #41a28a;
margin: 5px 0px 0px 125px;
}

h1 a{
color: #ffffff;
text-decoration: none;
}

#lang{
display: block;
float: right;
position: absolute;
top: 10px;
left: 960px;
width : 960px;
margin: 0;
background-color: #aaaaaa;
text-align: center;
width: 100px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
border-radius: 3px;
border: 1px solid #ffffff;
}

#lang:hover{
background-color: #777777;
}

h2 {/*「利用案内」「学外の方へ」見出し(他ページと共通)*/
width: 350px;
color: #ffffff;
background-color: #41a28a;
font-size: 25px;
text-align: center;
margin: 5px 0px 5px 475px;
letter-spacing: 5px;
}

#open_menu{
display: block;
width: 100px;
float: left;
border: 3px solid #ffffff;
background-color: #41a28a;
border-radius: 3px;
padding: 3px;
color: #ffffff;
text-align: center;
font-size: 18px;
margin: 0 0 0 150px;
}

#menu ul{/*全メニューボタン配置など(他ページと共通)*/
position: absolute;
top: 25px;
left: 80px;
float: left;
diaplay: block;
list-style: none;
}

#menu li a{/*個々のメニューボタン(他ページと共通)*/
display: block;
border: 1px solid #41a28a;
background-color: #41a28a;
border-radius: 3px;
padding: 3px;
text-decoration: none;
color: #ffffff;
width: 120px;
margin: 2px;
text-align: center;
font-size: 17px;
}

#menu li a:hover{/*個々のメニューボタンのマウスオン時の表示(他ページと共通)*/
background-color: #63d5bd;
border: 1px solid #63d5bd;
color: #ffffff;
}

h3 {/*「開室時間」・「閲覧」など見出し(他ページと共通)*/
color: #ffffff;
background-color: #41a28a;
width: 840px;
margin: 5px auto 0px 275px;
padding: 0px 0px 0px 15px;
letter-spacing: 5px;
}

p {/*「利用案内」本文*/
width: 800px;
text-align: left;
margin: 2px 0px 2px 300px;
padding: 0px 5px;
background-color: rgba(255, 255, 255, 0.8);/*背景のみ透明度を上げるためにrgbaで色指定*/
}

footer{/*「お問い合わせ先」*/
clear: both;
width: 960px;
background-color: #aaaaaa;
color: #ffffff;
font-size: 12px;
text-align: left;
margin: 0px 0px 0px 160px;
}

footer p{/*コピーライト文*/
width: 960px;
margin: 0px auto;
text-align: right;
background-color: #aaaaaa;
}

@media (max-width: 479px) {
 body{background: #eeeeee;}
 h1{float: none;
    width:100%;
    font-size: 80%;
    margin: 0;}
 #gakugai{position: absolute;
          top: 30px;
          left: 75%;
          width: 20%;
          margin: 0;
          font-size: 12px;}
 h2{width: 100%;
    font-size: 25px;
    text-align: center;
    margin: 0 auto;}
 #lang{width: 20%;
       top: 10px;
       left: 79%;
       font-size: 10px;}
 #open_menu{margin: 2px;
            width: 97.5%;
            border: none;}
 #layer_open_menu{display: none;}
 #menu ul{top: 20px;
          left: -20px;
          width: 100%;
          margin-left: -30px;}
 #menu li a{float: left;
            width: 47%;
            height: 30px;
            line-height: 30px;
            border: 1px solid #eeeeee;
            margin: 0;
            font-size: 18px;}
 h3{clear: both;
    width: 96%;
    margin: 5px 0 0 0;}
 p{margin-left: 10px;
        width: 93%;
        background-color: #eeeeee;}
 footer{width: 100%;
        font-size: 10px;
        margin: 0px;
        padding: 0px;}
 footer p{width: 100%;
          margin: 0px;}
}