body{
min-width:320px;
line-height:1.5;
color:#333;
background-color:#F0F8FF;
}
img {
max-width:100%;
height:auto;

}
.center{
text-align: center;
}
/* clearfix */
.clearfix{
zoom:1;
}
.clearfix:after{
content:"";
display:block;
clear:both;
}
#wrapper{
max-width:940px;
margin:0 auto;
/* background-color:#f0f8ff; */
}
header{
margin-bottom:1.5em;
background-color:#fff;
}
header h1{
/* line-height:1.1; */
color:#2d6eb9;
font-size:2.5em;
font-weight:normal;
font-family:"marcellus SC",serif;
text-align:center;
}
nav li{
display:block;
    width:100px;
    float:left;
    }
nav a{
    color:#fff;
    background-color:#2d6eb9;
    display:block;
    line-height:1.0;
    padding:6px 0;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    text-align:center;
    text-decoration:none;
}
nav a:hover{
background:#f6d;
}

#content{
padding:0 10px;
}
#slider{
}
#slider img{
    width:100%;
    height:auto;
    text-align:center;
}
article{
}
article h2{
margin:0.5em;
padding:0 0 0 10px;
border-left:3px solid #000;
line-height:1.1;
font-size:1.5em;
font-weight:normal;
}
article section{
margin-bottom:2em;
}
aside{
margin-bottom:2em;
background: rgba(255,255,255,0.8);
}
aside h3{
margin:0.5em;
border-left:3px solid #000;
font-size:1.5em;
font-weight:normal;
}
aside section{
/*  padding:10px;  */
font-size:0.875em;
}
section{
    margin-bottom:3em;
}
footer{
clear: both;
height:60px;
padding:8px 0px 12px 0px;
background-color:#cbdcfaff;
}
footer p {
font-size:14px;
text-align:center;
}
#kokuban{
  border:1px solid #3399ff;
  background-color:#ffffff;
background-image:url('../img/kokuban-b.png');
width:390px;
height:300px;
}
#kokuban ul{
color:#ffffff;
padding-left:50px;
padding-right:50px;
padding-top:30px;
padding-bottom:50px;
font-size:medium;
line-height:110%;
list-style-image:url('../img/list7.gif');
}
#kokuban a{
color:#FF00FF;
}
#shokai p {
padding:10px;
    margin:auto;
}
#bosyu{
}
#news{
border:1px solid #3399ff;
background-color:#ffffff;
}
#news ul {
list-style-type:none;
line-height:120%;
margin:0 10px 10px -20px;
}
#news li {
margin-left:0px;
padding:0px;
}
#new_album{
  border:1px solid #3399ff;
  background-color:#ffffff;
}
#topics{
  border:1px solid #3399ff;
}
#topics p:first-letter{
  color:#69e;
  font-size:200%;
}
#topics ul{
  list-style-type:none;
  line-height:120%;
  margin:0 10px 10px -20px;
}
#topics li{
  margin-left:0px;
  padding:0px;
  margin-bottom: 20px;
}
#topics img{
    margin:auto;
}
#toiawse{
   padding:5px;
border:1px solid #3399ff;
}
@media only screen and (min-width: 700PX) {
    header h1{
      /*  line-height:1.5; */
      }
/*    nav ul li{
     width:25%;} */
    nav ul li a{
     border-right:1px solid #0b1900;}
    nav ul li:last-child a{
        border-right:none;}
    #content{
     padding:0 20px;}
    #content article{
     float:left;
     width:65.9574%;}
    #content aside{
     float:right;
     width:31.9148%;}
}
@media only screen and (min-width:960px){
    #content{
padding:0;}
}