@charset "utf-8";


body{
  background-color:#ffffff;
  color:#555555;
  line-height:normal;
}


.clearfix{zoom:1;}
.clearfix:after{
  display:block;
  content:'';
  clear:both;
}


#base{
 margin:0 auto;
 padding:30px 0px 30px 0px;
 width:1000px;
 position:relative;
}

.logo{
  margin-right:40px;
  min-width:200px;
  float:left;
}
.logo h1{
  margin-top:40px;
  font-size:20px;
  text-align:center;
}
.logo h1 a{
  color:#555555;
  text-decoration:none;
}
.info{
  width:460px;
  float:left;
}
.info .mail{
 font-size:18px;
}
.qrcode{
  width:150px;
  float:left;
}




.menu{
  margin:10px 0px;
}
.menu > div{
  padding:5px 0px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  width:250px;
  float:left;
  text-align:center;
}
.menu .www{
  background-color:#d4e4ff;
}
.menu .news{
  background-color:#fad2fa;
}
.menu .anige{
  background-color:#ffc5db;
}
.menu .life{
  background-color:#ffdbc5;
}
.menu .kaigai{
  background-color:#dbffc5;
}
.menu .viral{
  background-color:#dbc5ff;
}
.menu a{
  color:#555555;
  display:block;
  font-size:15px;
  font-weight:bold;
  text-decoration:none;
}






#headline_block{
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  background-color:#d4e4ff;
  padding:5px 5px 5px 5px;
}
body.www #headline_block{
  background-color:#d4e4ff;
}
body.news #headline_block{
  background-color:#fad2fa;
}
body.anige #headline_block{
  background-color:#ffc5db;
}
body.life #headline_block{
  background-color:#ffdbc5;
}
body.kaigai #headline_block{
  background-color:#dbffc5;
}
body.viral #headline_block{
  background-color:#dbc5ff;
}
#headline_block .headline{
  padding:10px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  background-color:#ffffff;
  height:500px;
  overflow:auto;
  color:#8b8878;
  font-size:14px;
  line-height:1.5;
}
#headline_block .headline.feed{
  height:auto;
}
#headline_block .headline .date{
  margin-bottom:8px;
  padding:2px;
  font-weight:bold;
  text-decoration:underline;
}
#headline_block .headline .feed{
  padding:2px;
  margin-bottom:8px;
}
#headline_block .headline .feed > div{
  float:left;
}
#headline_block .headline .time{
  width:50px;
}
#headline_block .headline .title{
  width:664px;
}
#headline_block .headline .hatebu{
  width:64px;
}
#headline_block .headline .site{
  width:188px;
}
#headline_block .headline .active .title a{
  color:#F00;
  font-weight:bold;
}
#headline_block a{
  color:#555555;
  text-decoration:none;
}
#headline_block a:hover{,
  background-color:#dddddd;
  text-decoration:none;
}




.site_headline{
}
.site_headline .box{
  background-color:#ffffff;
  margin-right:20px;
  margin-top:10px;
  padding-bottom:10px;
  width:490px;
  position:relative;
  float:left;
}
.site_headline .box.even{
  margin-right:0;
}
.site_headline .sitetitle{
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  background-color:#d4e4ff;
  color:#555555;
  font-size:15px;
  font-weight:bold;
  padding:5px 0px 5px 25px;
}
.site_headline .access{
  position:absolute;
  top:4px;
  right:16px;
  font-size:11px;
  font-weight:bold;
  text-align:right;
  line-height:1.2;
}
body.www .site_headline .sitetitle{
  background-color:#d4e4ff;
}
body.news .site_headline .sitetitle{
  background-color:#fad2fa;
}
body.anige .site_headline .sitetitle{
  background-color:#ffc5db;
}
body.life .site_headline .sitetitle{
  background-color:#ffdbc5;
}
body.kaigai .site_headline .sitetitle{
  background-color:#dbffc5;
}
body.viral .site_headline .sitetitle{
  background-color:#dbc5ff;
}
.site_headline .feed-list{
  margin-left:10px;
  margin-top:10px;
}
.site_headline .feed-list .feed{
  padding:4px 0px 4px 0px;
  line-height:1.3;
}
.site_headline .feed-list a{
  color:#555555;
  font-size:14px;
  text-decoration:none;
}

#footer{
  text-align:center;
}