@charset "UTF-8";
/* CSS Document */

#top-card{
text-align: center;
}
.top-card-imagebox{
background:#ddd url(../img/top.jpg) no-repeat center center;
background-size: 100% auto;
height: 450px;
}
#top-card2{
margin-top: -40px;
text-align: left;
}
#top-card2 a{
text-decoration: none;
}
#top-card2 a:hover, a:active{
opacity: 0.6;
text-decoration: none;
}
#top-card .text-box{
padding: 10px;
background:linear-gradient(#1BB1B0, #178FBC);
}
#top-card .line-box{
padding: 0 0 0 10px;;
border-left: solid 10px rgba(250,250,250,0.5);
color: #fff;
}
#top-card h2{
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
font-size: 120%;
background: none;
line-height: 1.5em;
}

#history{
margin-top: 50px;
text-align: center;
}

#subject{}
#subject h3{
margin-top: 20px;
background-color: #F0F0F0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
padding: 10px 20px;
font-size: 130%;
color: #595857;
}
#subject h3 i{
color: #1399B0;
}
#subject p{
padding: 0 30px;
}

.time-table{
margin-top: 20px;
padding-bottom: 5px;
}
.time-table h3{
font-size: 120%;
color: #595857;
}
.time-table table{
width: 100%;
text-align: center;
font-weight: 500;
line-height: 1.3em;
}
.time-table th,td{
padding: 5px 10px;
border: solid 1px #9FA0A0;
}
.time-table th{
text-align: left;
background: #FCF9E9;
}
.slash-table  td.slash {
  background: linear-gradient(to top left,
    transparent calc(50% - 0.5px),
    #9FA0A0 calc(50% - 0.5px),
    #9FA0A0 calc(50% + 0.5px),
    transparent calc(50% + 0.5px));

  background: -webkit-linear-gradient(to top left,
    transparent calc(50% - 0.5px),
    #9FA0A0 calc(50% - 0.5px),
    #9FA0A0 calc(50% + 0.5px),
    transparent calc(50% + 0.5px));

  background: -ms-linear-gradient(to top left,
    transparent calc(50% - 0.5px),
    #9FA0A0 calc(50% - 0.5px),
    #9FA0A0 calc(50% + 0.5px),
    transparent calc(50% + 0.5px));
}
.time-table p{
font-size: 80%;
color: #595857;
margin: 5px 0;
line-height: 1.2em;
}
.time-table2 {
margin-top: 0;
}
.time-table2 th{
text-align: center;
}

#information{}
#information ul,li{
list-style: none;
padding: 5px;
line-height: 1.5em;
}
#information li{
border-bottom: 1px solid #808080;
}
.news p{
margin: 0 0 3px;
padding: 0 10px;
}
.news i{
color: #808080;
}
.topics li{
padding: 10px 0;
}
.topics img{
width: 100px;
padding: 0 15px 0 0;
float: left;
}
.topics div{
display: inline-block;
margin: 0;
line-height: 1.3em;
}
.topics h3{
font-size: 120%;
}

#recruit{
max-width: 600px;
margin-top: 30px;
text-align: center;
}
#recruit img{
width: 100%;
}
#recruit div{
margin-top: 10px;
line-height: 1.5em;
}


#top-links{
margin-top: 60px;
text-align: center;
}
#top-links p{
background-color: #F0F0F0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
padding: 5px 20px 5px 10px;
color: #595857;
font-weight: 500;
display: inline-block;
vertical-align: middle;
margin: 10px 5px 0;
}