@charset "utf-8";

html,body{
  background:#F7F7F7;
  color:#212121;
}
body,input,textarea,select,code{
  font-family:"Roboto", "Helvetica", "ヒラギノ角ゴ Pro W3", "游ゴシック", "YuGothic", 'Hiragino Kaku Gothic ProN', "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", sans-serif;
  font-size:14px;
  font-weight:normal;
  line-height:1.5;
  -webkit-text-size-adjust:100%;
}
h1,h2,h3,h4,h5,h6{
  font-weight:normal;
}
a{
  color:#4466CC;
  text-decoration:none;
}
html a:hover{
  color:#4466CC;
}
ul, ol, li{
  list-style-type:none;
  list-style-position:inside;
}
dl{
}
dl dt{
  font-weight:normal;
}
dl dd{
  margin-left:8px;
}
input,textarea,select,button{
  margin:0;
  padding:4px;
  border:1px solid #CCC;
  box-sizing:border-box;
  display:inline-block;
}
iframe,img,input,textarea,select,button{
  vertical-align:bottom;
}


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

.css-text-center{
  text-align:center;
}
.css-emboss{
  position:relative;
}
.css-emboss:before,
.css-emboss:after{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  content:'';
}
.css-emboss:before{
  background:rgba(0, 0, 0, .24);
  bottom:1px;
}
.css-emboss:after{
  background:rgba(255, 255, 255, .24);
}
.btn{
  background-color:#F7F7F7;
  background-image:-moz-linear-gradient(top, #fff, #e6e6e6);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image:-o-linear-gradient(top, #fff, #e6e6e6);
  background-image:linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-color:#e6e6e6 #e6e6e6 #bfbfbf;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  border-bottom-color:#b3b3b3;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  display:inline-block;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.72);
}
a:hover .cheek{
  color:#FF97C7;
}
form button,
form input[type=submit]{
  background:#4466CC;
  padding:8px 16px;
  border:1px solid #4466CC;
  border-top-color:#5577CC;
  border-bottom-color:#3355CC;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  display:inline-block;
  vertical-align:middle;
  color:#F7F7F7;
  font-size:14px;
  font-weight:normal;
  text-align:center;
  line-height:1;
  cursor:pointer;
  /*text-shadow:1px 0px 0.16px rgba(255, 255, 255, .16), -1px -1px 0.16px rgba(0, 0, 0, .32);*/
}
form table{
  width:320px;
}
form table input,
form table textarea,
form table select{
  width:100%;
}
.adnetwork img,
.adnetwork iframe{
  vertical-align:bottom;
}















.header{
  background:#CC4422;
  background:-moz-linear-gradient(top, #CC4422 0%, #CC3311 100%);
  background:-webkit-linear-gradient(top, #CC4422 0%, #CC3311 100%);
  background:linear-gradient(to bottom, #CC4422 0%, #CC3311 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC4422', endColorstr='#CC3311', GradientType=0);
  background:#4466CC;
  background:-moz-linear-gradient(top, #4466CC 0%, #3355CC 100%);
  background:-webkit-linear-gradient(top, #4466CC 0%, #3355CC 100%);
  background:linear-gradient(to bottom, #4466CC 0%, #3355CC 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4466CC', endColorstr='#3355CC', GradientType=0);
  box-shadow:0 1px 4px rgba(0, 0, 0, .32);
  width:100%;
  min-width:960px;
  position:fixed;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  z-index:1;
  color:#F7F7F7;
}

.header .logo{
  width:584px;
  float:left;
}
.header .logo h1{
  width:240px;
  float:left;
}
.header .logo h1 a{
  padding:8px 0;
  display:block;
  height:32px;
  color:#F7F7F7;
  font-size:22px;
  line-height:32px;
  text-align:center;
  text-shadow:0 1px 1px rgba(0, 0, 0, .24);
}
.header .logo h1 a:hover{
  color:#FFFFFF;
}
.header .logo h1 a:hover .cheek{
  font-size:23px;
}
.header .logo h2{
  margin-left:24px;
  padding:8px 0;
  width:320px;
  height:32px;
  float:left;
  font-size:14px;
  line-height:32px;
}

.header .social{
  margin-right:24px;
  width:320px;
  float:right;
}
.header .social a{
  margin-right:16px;
  padding:8px 0;
  width:32px;
  height:32px;
  display:block;
  float:right;
}








.content{
  padding-top:48px;
  min-width:960px;
}




.main-column{
  margin-left:240px;
  padding:0 24px;
}
.main-column > .wrap{
  width:100%;
  float:right;
}
.main-column > .wrap > .box,
.main-column > .wrap > * > .box{
  margin-top:24px;
  color:#212121;
}
.main-column > .wrap > .box > .wrap,
.main-column > .wrap > * > .box > .wrap{
  background:#FFF;
  padding:1px;
  border:1px solid #CCC;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
}
.main-column > .wrap > .box > .title,
.main-column > .wrap > * > .box > .title,
.main-column > .wrap > .box > .wrap > .title,
.main-column > .wrap > * > .box > .wrap > .title{
  background:#555;
  padding:8px 16px;
  color:#F7F7F7;
}
.main-column .title a{
  color:#F7F7F7;
}
.main-column > .wrap > .box > .body,
.main-column > .wrap > * > .box > .body,
.main-column > .wrap > .box > .wrap > .body,
.main-column > .wrap > * > .box > .wrap > .body{
}




.main-column .top > .popular-entry,
.main-column .top > .highlight-entry{
  width:100%;
  float:left;
}
.main-column .top > .popular-entry > .wrap,
.main-column .top > .highlight-entry > .wrap{
  margin-right:324px;
}
.main-column .top > .adnet-item,
.main-column .top > .update{
  margin-left:-300px;
  width:300px;
  float:right;
}
.main-column .top > .adnet-item > .wrap{
  background:#E0E2FF;
  border:none;
}
.main-column .top > .popular-entry > .wrap > .body,
.main-column .top > .highlight-entry > .wrap > .body,
.main-column .top > .update > .wrap > .body{
  height:211px;
  overflow-x:hidden;
  overflow-y:auto;
}
.main-column .top > .adnet-item > .wrap > .body{
  width:300px;
  height:250px;
}
.main-column .update .row-item{
  border-bottom:1px solid #EEE;
}
.main-column .update .row-item.odd{
  background:#F7F7F7;
}
.main-column .update .row-item.even{
  background:#FFF;
}
.main-column .update .row-item .item-date{
  padding:14px 16px 0;
  width:64px;
  float:left;
  color:#999;
  font-size:12px;
  text-align:center;
}
.main-column .update .row-item .item-body{
  padding:12px 0;
  width:200px;
  float:left;
}




.index .main-column .new-entry > .wrap > .body,
.feed .main-column .new-entry > .wrap > .body{
  height:auto;
  max-height:480px;
  overflow-x:hidden;
  overflow-y:auto;
}
.feed .main-column .new-entry > .wrap > .body{
  max-height:640px;
}

.main-column .feed-list{
}
.main-column .feed-list a{
  color:#212121;
}
.main-column .feed-list a:hover{
  text-decoration:underline;
}
.main-column .feed-list .entry-item{
  border-bottom:1px solid #EEE;
}
.main-column .feed-list .entry-item:last-child{
  border-bottom:none;
}
.main-column .feed-list .entry-item.odd{
  background:#F7F7F7;
}
.main-column .feed-list .entry-item.even{
  background:#FFF;
}
.main-column .feed-list .entry-item:hover{
  background:#F8FAFF;
}
.main-column .feed-list .entry-item.active{
  background:#FFFAF8;
}
.main-column .feed-list .entry-item.active .entry-title a,
.main-column .feed-list .entry-item.no1 .entry-title a{
  color:#CC6644;
  font-weight:700;
}
.main-column .feed-list > .date{
  background:#E0E2FF;
  margin:1px 0 1px;
  padding:12px 16px;
}
.main-column .feed-list > .date .date-text{
  font-size:16px;
  font-weight:700;
}
.main-column .feed-list .entry-item .entry-date{
  padding:14px 16px 0;
  width:32px;
  float:left;
  overflow:hidden;
  color:#999;
  font-size:12px;
  text-align:center;
}
.main-column .popular-entry .feed-list .entry-item .entry-point,
.main-column .highlight-entry .feed-list .entry-item .entry-point,
.main-column .highlight-entry .feed-list .entry-item .entry-hatebu-point{
  padding:6px 12px 0;
  width:38px;
  float:left;
  overflow:hidden;
  color:#C33;
  font-family:'Anton', sans-serif;
  font-weight:bold;
  text-align:center;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-smoothing:antialiased;
}
.main-column .highlight-entry .feed-list .entry-item .entry-hatebu-point{
  color:#FF7674;
}
.main-column .popular-entry .feed-list .entry-item .entry-point .point,
.main-column .highlight-entry .feed-list .entry-item .entry-point .point,
.main-column .highlight-entry .feed-list .entry-item .entry-hatebu-point .point{
  font-size:18px;
}
.main-column .popular-entry .feed-list .entry-item .entry-point .unit,
.main-column .highlight-entry .feed-list .entry-item .entry-point .unit,
.main-column .highlight-entry .feed-list .entry-item .entry-hatebu-point .unit{
  font-size:13px;
}
.main-column .feed-list .entry-item .entry-title{
  margin-right:96px;
  margin-left:64px;
}
.main-column .feed-list .entry-item:hover .entry-title{
  margin-right:256px;
}
.main-column .feed-list .entry-item .entry-title a{
  padding:12px 0;
  display:block;
  width:100%;
  float:left;
  overflow:hidden;
  font-size:14.2px;
  text-overflow:ellipsis;
  word-wrap:normal;
  white-space:nowrap;
  word-break:keep-all;
}
.main-column .popular-entry .feed-list .entry-item .entry-title,
.main-column .highlight-entry .feed-list .entry-item .entry-title{
  margin-right:16px;
}
.main-column .popular-entry .feed-list .entry-item:hover .entry-title,
.main-column .highlight-entry .feed-list .entry-item:hover .entry-title{
  margin-right:160px;
}
.main-column .feed-list .entry-item .entry-site{
  width:0;
  float:left;
}
.main-column .feed-list .entry-item:hover .entry-site{
  width:160px;
}
.main-column .feed-list .entry-item .entry-site a{
  padding:12px 0 12px 16px;
  display:block;
  overflow:hidden;
  color:#999999;
  font-size:12px;
  text-overflow:ellipsis;
  word-wrap:normal;
  white-space:nowrap;
  word-break:keep-all;
}
.main-column .feed-list .entry-item .entry-count{
  padding:12px 16px;
  width:64px;
  float:left;
}
.main-column .feed-list .entry-item .entry-count .frame{
  background:#EEE;
  padding:1px;
  border:1px solid #CCC;
  width:100%;
  overflow:hidden;
}
.main-column .feed-list .entry-item .entry-count .frame .meter{
  background:#4466CC;
  width:0%;
  height:16px;
}

.main-column .popular-entry .entry-item .entry-count{
  padding:0;
  width:100%;
  float:none;
}
.main-column .popular-entry .feed-list .entry-item .entry-count .frame{
  background:transparent;
  padding:0;
  border:none;
  width:100%;
  overflow:hidden;
}
.main-column .popular-entry .feed-list .entry-item .entry-count .frame .meter{
  background:#4466CC;
  filter:none;
  width:0%;
  height:2px;
}

.main-column .highlight-entry .entry-item .entry-count{
  padding:0;
  width:100%;
  float:none;
}
.main-column .highlight-entry .feed-list .entry-item .entry-count .frame{
  background:transparent;
  padding:0;
  border:none;
  width:100%;
  overflow:hidden;
}
.main-column .highlight-entry .feed-list .entry-item .entry-count .frame .meter{
  background:#FF7674;
  filter:none;
  width:0%;
  height:2px;
}


.main-column .search-entry .feed-list .entry-item .entry-date{
  width:82px;
}
.main-column .search-entry .feed-list .entry-item .entry-title{
  margin-left:114px;
}



















.main-column .bottom > .inner-main{
  width:100%;
  float:left;
}
.main-column .bottom > .inner-main > .wrap,
.main-column .bottom > .box.inner-side > .wrap{
  background:transparent;
  padding:0;
  border:none;
  box-shadow:none;
}
.main-column .bottom > .inner-main > .wrap{
  margin-right:184px;
}
.main-column .bottom > .box.inner-side{
  margin-left:-160px;
  width:160px;
  float:right;
}



.main-column .comments{
  margin-top:24px;
  color:#212121;
}
.main-column .comments > .wrap{
  background:#FFF;
  padding:1px;
  border:1px solid #CCC;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
}
.main-column .comments > .wrap > .title{
  background:#555;
  padding:8px 16px;
  color:#F7F7F7;
}
.main-column .comments > .wrap > .body{
}
.main-column .comments .comment-form{
  padding:16px 16px 24px;
}
.main-column .comments .comment-form form{
}
.main-column .comments .comment-form form textarea{
  margin-bottom:8px;
  width:100%;
  height:64px;
  vertical-align:bottom;
}
.main-column .comments .comment-form form .body-count{
  margin:8px 0 0 16px;
  float:left;
}
.main-column .comments .comment-form form .submit-button{
  float:right;
}
.main-column .comments .comment-form form .submit-button input[type=checkbox]{
  margin-right:2px;
  vertical-align:middle;
}
.main-column .comments .comment-form form .submit-button label{
  margin-right:4px;
  vertical-align:middle;
}
.main-column .comments .comment-form form .submit-button input[type=submit]{
}
.main-column .comments .ajax-comments-list{
  margin:0 16px;
  padding:24px 16px 16px;
  border-top:1px solid #ccc;
}


.main-column .site-entry{
  margin-top:24px;
  color:#212121;
}
.main-column .site-entry > .wrap > .body{
}
.main-column .site-entry .site-item{
}
.main-column .site-entry .site-item{
  margin-bottom:24px;
  color:#212121;
}
.main-column .site-entry .site-item > .wrap{
  background:#FFF;
  padding:1px;
  border:1px solid #CCC;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
}
.main-column .site-entry .site-item .site-info{
  background:#555;
  padding:8px 16px;
  height:24px;
  color:#F7F7F7;
}
.main-column .site-entry .site-item .site-info .site-rank{
  margin-right:16px;
  float:left;
  font-size:14px;
  font-weight:700;
  line-height:24px;
  text-shadow:1px 1px 1px rgba(0, 0, 0, .64);
}
.main-column .site-entry .site-item.rank1 .site-info .site-rank{
  color:#FFD700;
  color:#F0E68C;
  color:#FFEE66;
}
.main-column .site-entry .site-item.rank2 .site-info .site-rank{
  color:#DAA520;
  color:#EEE8AA;
  color:#EECC44;
}
.main-column .site-entry .site-item.rank3 .site-info .site-rank{
  color:#B8860B;
  color:#FAFAD2;
  color:#DDAA22;
}
.main-column .site-entry .site-item .site-info .site-rank span{
  margin-right:2px;
  font-size:32px;
}
.main-column .site-entry .site-item .site-info .site-icon{
  margin-right:8px;
  float:left;
}
.main-column .site-entry .site-item .site-info .site-icon img{
  background:#F7F7F7;
  margin-top:2px;
  padding:1px;
  border:1px solid #393939;
  width:16px;
  height:16px;
}
.main-column .site-entry .site-item .site-info .site-name{
  margin-right:32px;
  float:left;
}
.main-column .site-entry .site-item .site-info .site-name a{
  color:#F7F7F7;
  font-size:16px;
  line-height:24px;
}

.main-column .site-entry .site-item .feed-list{
}
.main-column .site-entry .site-item .feed-list .entry-item{
}
.main-column .site-entry .site-item .feed-list .entry-item .entry-date{
  width:64px;
}
.main-column .site-entry .site-item .feed-list .entry-item .entry-title{
  margin-left:96px;
}
.main-column .site-entry .site-item .feed-list .entry-item:hover .entry-title{
  margin-right:96px;
}
.main-column .site-entry .site-item .feed-list .entry-item .entry-count{
}




.main-column .inner-side .mutual_list{
  margin-bottom:24px;
}
.main-column .inner-side .mutual_list table{
  background:#FFF;
  font-size:12px;
}
.main-column .inner-side .mutual_list table caption{
  background:#FFF;
  padding:4px;
  border:1px solid #CCC;
  border-bottom:none;
}
.main-column .inner-side .mutual_list table tr{
}
.main-column .inner-side .mutual_list table tr td{
  padding:4px;
  border:1px solid #CCC;
}
.main-column .inner-side .mutual_list table tr td.rank{
  width:16px;
  text-align:center;
}
.main-column .inner-side .mutual_list table tr td.site{
}
.main-column .inner-side .mutual_list table tr td.site a{
  color:#212121;
}
.main-column .inner-side .adnet-item{
  background:#E0E2FF;
  border:none;
}
.main-column .inner-side .adnet-item .inner-side-160x600{
  width:160px;
  height:600px;
}



















.sidebar{
  width:240px;
  float:left;
}
.sidebar a{
  color:#F7F7F7;
}

.sidebar > .wrap{
  background:#777;
  margin-bottom:-32768px;
  padding-bottom:32768px;
  border-right:1px solid rgba(0, 0, 0, .24);
  overflow:hidden;
  color:#F7F7F7;
  text-shadow:0 1px 1px rgba(0, 0, 0, .24);
}

.sidebar > .wrap > .box{
}

.sidebar > .wrap > .box > .title{
  background:rgba(0, 0, 0, .04);
  padding:16px;
  font-size:16px;
}
.sidebar > .wrap > .box > .title:before,
.sidebar > .wrap > .box > .title:after{
}

.sidebar > .wrap > .box > .body{
  padding:16px 16px 16px 32px;
}
.sidebar > .wrap > .box > .body ul li{
  margin-bottom:8px;
  list-style-type:square;
}
.sidebar > .wrap > .search > .body{
  padding:16px 16px;
}
.sidebar > .wrap > .search form{
  margin:0;
  padding:0;
}
.sidebar > .wrap > .search form input[type=text]{
  border-color:#CCC;
  border-radius:4px 0 0 4px;
  width:174px;
  height:32px;
  float:left;
  font-size:12px;
}
.sidebar > .wrap > .search form button[type=submit]{
  padding:4px;
  border-color:#CCC;
  border-left:none;
  border-radius:0 4px 4px 0;
  width:32px;
  height:32px;
  float:left;
}
.sidebar > .wrap > .search form button[type=submit] img{
  width:24px;
  height:24px;
}

.sidebar > .wrap > .pager{
}
.sidebar > .wrap > .pager ul{
  padding:16px 16px 0;
}
.sidebar > .wrap > .pager ul li{
  margin-bottom:16px;
}
.sidebar > .wrap > .pager ul li a{
  background:#F7F7F7;
  padding:16px 0;
  border:1px solid #666;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1);
  display:block;
  color:#212121;
  text-align:center;
  text-shadow:none;
}
.sidebar > .wrap > .pager ul li.active a{
  cursor:default;
}
.sidebar > .wrap > .pager ul li.active a,
.sidebar > .wrap > .pager ul li a:hover{
  background:#4466CC;
  color:#F7F7F7!important;
}














.about > .box > .wrap > .title{
}
.about > .box > .wrap > .body{
  padding:24px;
}
.about > .box > .wrap > .body h3{
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom:1px solid #CCC;
  font-size:16px;
  line-height:1;
  font-weight:700;
}
.about > .box > .wrap > .body * + h3,
.about > .box > .wrap > .body * + h4{
  margin-top:48px;
}
.about > .box > .wrap > .body table tr td{
  padding:4px;
  border:1px solid #CCC;
  vertical-align:middle;
}
.about .fixedlink-generator form{
  margin-top:16px;
}
.about .fixedlink-generator form input[type=text]{
  margin-right:4px;
  width:480px;
}
.about .fixedlink-generator form button{
  height:32px;
}
.about .fixedlink-generator .result{
  background:#F7F7F7;
  margin-top:16px;
  padding:16px;
  border:1px solid #CCC;
  width:514px;
}
.about .fixedlink-generator .result .link{
}
.about .fixedlink-generator .result .code input{
  width:100%;
}
.about .reverse-ranking > .wrap > .body{
  margin-right:-24px;
}
.about .reverse-ranking a{
  color:#212121;
}
.about .reverse-ranking .float{
  padding-right:24px;
  width:33%;
  box-sizing:border-box;
  float:left;
}












.footer{
  margin-left:240px;
  padding:0 24px;
  color:#212121;
}
.footer > .wrap{
  width:100%;
}

.footer .copyright{
  margin:24px 0;
  text-align:center;
}
.footer .copyright a{
  color:#212121;
}