body {
  margin:0;
  padding:0 0 20px 0;
  background:#fff;
  font-size:100%;
  color:#333;
  font-family:"arial","helvetica",sans-serif;
  text-align:center;
}

h1 {
  font-size:160%;
  padding-top:20px;
}

h1 img{
  vertical-align:middle;
  margin-right:10px;
}

h1 img.b_entry {
  margin-right:3px;
  margin-left:7px;
}

h1 img.b_count {
  margin-left:0;
  margin-right:0;
}

h1 img.permission {
  margin-left : 10px;
  margin-bottom : 5px;
}

h1 img.hatena-star-star {
  margin-right:0;
}

h2 {
  font-size:100%;
  margin:0 0 8px 0;
}

img {
  margin:0;
  padding:0;
  border:0;
}

img.userimage {
  border:1px solid #dedede;
}


form {
  display:inline;
  margin:0;
  padding:0;
}

div.ok-message , div.error-message {
  padding:15px 10px 15px 25px;
  font-size:90%;
  font-weight:bold;
}

div.ok-message {
  background:url(/static/img/ok-message.gif) 0 50% no-repeat;
  color:#009900;
}

div.error-message {
  background:url(/static/img/error-message.gif) 0 50% no-repeat;
  color:#990000;
}

a.tag {
  background:url(/static/img/icon-tag.gif) 0 50% no-repeat;
  padding-left:16px;
  margin-right:3px;
}

div#simple-header {
  background:#CACACA;
  border-bottom:1px solid #A1A1A1;
  text-align:left;
}

div#simple-header div#logo img {
  vertical-align:bottom;
}

div#simple-header ul.menu{
  margin:0;
  padding:0;
  position:absolute;
  top:9px;
  right:12px;
  font-size:80%;
  color:#fff;
  list-style:none;
}

div#simple-header ul.menu li a{
  color:#fff;
}

div#simple-header ul.menu li {
  display:inline;
  margin-left:12px;
}

div#container {
  width:820px;
  margin:0 auto;
  text-align:left;
}

div#main {
  width:502px;
  float:left;
  margin-top:30px
}


div#sidebar {
  width:300px;
  float:right;
  margin-top:30px;
}

p.reset-comment {
  background-color:#DEDEDE;
}
p.normal-comment {
}

div.index-logo {
  float:left;
  padding-top:30px;
  padding-bottom:0px;
}

div.index-config-button {
  text-align:right;
  padding-top:40px;
}

ul.countlist {
  margin:0;
  padding:0;
  list-style:none;
  clear:both;
}

ul.countlist li.countbox {
  width:195px;
  height:150px;
  overflow:hidden;
  float:left;
  margin-right:13px;
  margin-bottom:12px;
}

ul.countlist li.countbox div.name{
  font-weight:bold;
  color:#fff;
  padding:5px;
  font-size:80%;
  overflow:hidden;
}

ul.countlist li.countbox div.name a{
  color:#fff;
  line-height : 0;
}

ul.countlist li.countbox div.name img.permission{
  margin-left: 5px;
  margin-bottom : -3px;
}

ul.countlist li.countbox div.body{
  height:89px;
}


ul.countlist li.countbox div.counter-container {
  padding:15px 0 10px 25px;

}

ul.countlist li.countbox div.counter {
  width:152px;
  overflow:hidden;
}

ul.countlist li.countbox div.counter img{
  margin-right:3px;
}

ul.countlist li.countbox div.counter img.count-img-4{
  margin-top:6px;
  margin-right:2px;
}

ul.countlist li.countbox div.counter img.count-img-5{
  margin-top:10px;
  margin-right:1px;
}

ul.countlist li.countbox div.counter a{
  color:#454545;
  text-decoration:none;
}

ul.countlist li.countbox div.username{
  text-align:right;
  font-size:70%;
  padding-top:5px;
  color:#ccc;
}

ul.countlist li.countbox div.username img.usericon{
  vertical-align:middle;
  margin-right:3px;
}

ul.countlist li.countbox div.username img.usericon{
  height:16px;
  width:16px;
}

ul.countlist li.countbox div.username a{
  color:#666;
  text-decoration:none;
}

ul.countlist li.countbox div.username a:hover{
  text-decoration:underline;
}

table.config {
  border-collapse:collapse;
  border:1px solid #aaa;
  width:100%;
}

table.config th{
  border-sollapse:collapse;
  border:1px solid #aaa;
  padding:7px;
  font-size:90%;
  background:#eee;
  text-align:center;
}

table.config td{
  border-sollapse:collapse;
  border:1px solid #aaa;
  padding:7px;
  font-size:90%;
}

table.config td.error-message{
  background-color:#ffffe0;
}
table.config td p{
  color:#999;
  font-size:80%;
  margin:0;
  padding:5px 0 0 0;
}

table.config td p.error-message{
  color:#f00;
}

table.config td input, table.config td textarea{
  border:1px solid #aaa;
  padding:3px;
}

table.config td textarea{
  width:98%;
}

div.config-button {
  text-align:center;
  padding-top:20px;
}

div.config-button input{
  padding:5px;
  font-size:120%;
}

table.config td label{
  margin-right : 10px;
}

table.count_up th {
  background:#E4F8AD;
  border:1px solid #BCD674;
}

table.count_up th span.require{
  font-weight:normal;
  font-size:80%;
  margin-left:5px;
  color:#83A22D;
}

table.count_up td {
  border:1px solid #CEE491;
}

table.count_down th {
  background:#F9D6E0;
  border:1px solid #E5ACBB;
}

table.count_down th span.require{
  font-weight:normal;
  font-size:80%;
  color:#CA768C;
  margin-left:5px;
}

table.count_down td {
  border:1px solid #F1BBCA;
}

div.comment {
  margin-bottom:10px;
}

div.comment div.commentator{
  font-weight:bold;
  padding-bottom:0px;
  font-size:110%;
  font-family:"arial";
  letter-spacing:-1px;
}

div.comment div.commentbody input{
  border:1px solid #ccc;
  padding:3px;
  line-height:1;
  margin-right:3px;
  background:#fff;
}

div.comment div.commentbody input#new-comment{
  margin-left:10px;
}


div.comment div.commentator a{
  color:#333;
  text-decoration:none;
}

div.comment div.commentator a:hover{
  text-decoration:underline;
}

div.comment div.commentator img{
  vertical-align:middle;
  margin-right:8px;
  margin-bottom:2px;
  width:32px;
  height:32px;
  border:1px solid #dedede;
}

div.comment div.commentator span.timestamp {
  font-weight:normal;
  font-size:70%;
  color:#999;
  font-family:"arial";
  margin-left:7px;
}

div.comment div.commentcontainer {
  padding-top:14px;
  background:url(/static/img/comment-header.gif) top right no-repeat;
}


div.comment div.commentbody{
  background:#e9e9e9;
  margin-left:42px;
  font-size:80%;
  padding:0;
}

div.comment div.commentbody p{
  margin:0 10px;
  padding:0;
  line-height:1.35;
}


div.comment div.commentbody div.commentfooter {
  background:url(/static/img/comment-footer.gif) bottom right no-repeat;
  height:12px;
}

div.reset-comment div.commentcontainer {
  background:url(/static/img/comment-reset-header.gif) top right no-repeat;
}

div.reset-comment div.commentbody {
  background:#C6C6C6 url(/static/img/reset.gif) right bottom no-repeat;
}

div.start-comment div.commentcontainer {
  background:url(/static/img/comment-reset-header.gif) top right no-repeat;
}

div.start-comment div.commentbody {
  background:#C6C6C6 url(/static/img/start.gif) right bottom no-repeat;
}

div.slack button{
  border:1px solid #ccc;
  padding:3px;
  line-height:1;
  margin-right:3px;
  background:#fff;
  cursor: pointer;
}

div#main div.main-count h1{
  font-size:130%;
  margin:0;
  padding:7px;
  color:#fff;
  letter-spacing:-1px;
}

div#main div.main-count h1 a{
  color:#fff;
}

div#main div.username {
  font-size:80%;
  padding-top:10px;
  padding-bottom:10px;
}

div#main div.username a {
  text-decoration:none;
  color:#666;
}

div#main div.username a:hover {
  text-decoration:underline;
}

div#main div.username img{
  background:#fff;
  vertical-align:middle;
  margin-right:3px;
  margin-bottom:2px;
}

div#main div.username input {
  vertical-align:middle;
  margin-left:7px;
  margin-bottom:2px;
}

div#main div.username a.edit {
  margin-left:10px;
}

div#main div.main-count div.main-count-body p{
  margin:0;
  padding:13px 7px 0 13px;
  font-size:90%;
}

div#main div.main-count div.main-count-counter {
  width:369px;
  padding-left:10px;
  margin-left:75px;
  margin-top:15px;
  margin-bottom:20px;
  overflow:hidden;
  height:146px;
}

div#main div.main-count div.main-count-counter img{
  margin-right:5px;
}

div#main div.main-count div.main-count-counter img.count-img-4{
  margin-right:4px;
  margin-top:23px;
}

div#main div.main-count div.main-count-counter img.count-img-5{
  margin-right:3px;
  margin-top:35px;
}

div#main div.reset {
  text-align:center;
  padding-top:20px;
}

div#main div.reset input{
  background:transparent;
  border:1px solid #ccc;
  padding:3px;
  margin-left:3px;
  font-size:80%;
}


div#main div.exposition-header {
  margin-top:10px;
  height:10px;
  background:url(/static/img/exposition-header.gif) no-repeat;
}

div#main div.exposition-body {
  background:url(/static/img/exposition-body.gif) repeat-y;
  padding:5px 10px;
  line-height:1.5;
}


div#main div.exposition-footer {
  height:10px;
  background:url(/static/img/exposition-footer.gif) no-repeat;
}

/* my */


h2.title {
  background:url(/static/img/h2-bg.gif) no-repeat;
  padding:7px;
  margin-bottom:15px;
  clear:both;
}

div#main h2.title {
  background:url(/static/img/h2-bg-main.gif) no-repeat;
}

h2.title img{
  vertical-align:middle;
  margin-right:6px;
  margin-left:2px;
}


div#footer {
  padding-top:50px;
  padding-bottom:10px;
  font-size:80%;
  color:#999;
  clear:both;
}

div.follows ,div.keyword{
  clear:both;
  margin-top:30px;
  padding-left:10px;
}
div.follows h2{
  font-family:"arial";
  font-size:130%;
  font-weight:bold;
  letter-spacing:-1px;
}
div.follows h2, div.keyword h2 {
  margin-left:-10px;
}
h2.recent-keyword, h2.keyword {
  font-family:"arial";
  font-size:130%;
  font-weight:bold;
  letter-spacing:-1px;
}
ul.recent-keywords ,ul.keywords{
  clear:both;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:5px;
  padding:0;
}
ul.recent-keywords li ,ul.keywords li {
  float:left;
  margin-bottom:12px;
  margin-right:5px;
}
ul.recent-keywords li a ,ul.keywords li a {
  color:#666666;
  font-size:80%;
}
div.follows img.userimage{
  width:32px;
  height:32px;
  border:1px solid #dedede;
}

span.keyword a{
  color:#666666;
}

div.login-information {
  font-size: 10pt;
  padding: 5px;
  margin-bottom: 10px;  
}
div.login-information-count_up {
  background:#E4F8AD;
  border:1px solid #BCD674;
}
div.login-information-count_down {
  background:#F9D6E0;
  border:1px solid #E5ACBB;
}
div.comment-nologin-user {
  font-size: 10pt;
}


/* AFC */

div.google_afc_image span.google_ads_by {
  text-align: right;
  font-size: 80%; 
}

div.google_afc .google_ads_by {
  font-size:80% !important;
  font-weight:normal !important;
}

div.google_afc dt a {
  color:#D9595F;
}

div.google_afc .visible_url a {
  font-size:80% !important;
}

div#sidebar div.google_afc dd {
  padding-bottom:10px !important;
}

div#sidebar div.google_afc dt .visible_url a {
  display:block !important;
  padding-left:0 !important;
  margin-left:0 !important;
  font-size:75% !important;
}


div#sidebar div.adsense-count_up div.google_afc dt a {
  color:#608C00 !important;
}

div#sidebar div.adsense-count_up div.google_afc dt .visible_url a{
  color:#999 !important;
}

.hatena-star-add-button-image {
  background-image: url(/static/img/add_star.gif);
}
.hatena-star-comment-button-image {
  background-image: url(/static/img/add_comment.gif);
}

div.info {
  text-align:left;
  clear:both;
  padding-top:10px;
}

div.info img, div.info input {
  vertical-align:middle;
  margin-left:3px;
}

div.info input.txt {
  border:1px solid #dedede;
  padding:3px;
  width:150px;
  margin-right:20px;
}

span.info-text {
  font-size: 90%;
}

/* pager */
div.pager {
  clear:both;
  font-size:80%;
  float:right;
  margin-bottom:5px;
}
div.pager-prev {
  float:right;
}
div.pager-next {
  float:right;
  margin-left:10px;
}
div.pager-prev a,div.pager-next a {
  text-decoration:none;
  color:#666666;
}
div.pager-prev a:hover,div.pager-next a:hover {
  text-decoration:underline;
}

div.more {
  clear:both;
  font-size:80%;
  float:right;
  margin-bottom:15px;
}

h1.twitter-title {
  color:#35b8e1;
}

div.twitter-counting-body-form {
  padding:12px;
  background:#f2f8fa;
  border:1px solid #d5e4e9;
  margin-top:10px;
  margin-bottom:10px;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
}

div.description {
  line-height:1.5;
  font-size:80%;
}

div.ad {
  clear : both;
  font-size:80%;
  margin-bottom:15px;
}
div.ad a {
  padding-left: 24px;
  background: url(/static/img/pr.gif) 0 50% no-repeat;
  text-decoration : none;
  color: #1841ce;
}
div.ad a:visited {
  color: #5279e7;
}
div.ad a:hover {
  text-decoration:underline;
}


@media screen and (max-width: 640px) {
  div#container {
    width : 100%;
  }
  div.index-config-button {
    text-align : left;
  }
  ul.countlist li.countbox {
    margin-right: 5px;
  }
  div#simple-header ul.menu {
    display : contents;
  }
}