@charset "UTF-8";

/* -*- Encoding: utf8n -*- */

/* layout
 ---------------------------------------------------------*/
#container {
  width:760px; margin:0 auto;
}
#header {
  width:760px; margin:0 auto; margin-top:30px;
}
#footer {
  width:760px; margin:0 auto; clear:both; height:30px;
}

/* header
 ---------------------------------------------------------*/
#header h1 a {
  background:url(../images/logo.gif) no-repeat; width:760px; height:280px; display:block; outline:none;
}

/* content
 ---------------------------------------------------------*/
#content {
  width:700px; margin-left:auto;
}
#content a {
  color:#0075c2; text-decoration:none;
}
#content a:hover {
  color:#0075c2; text-decoration:underline;
}

/* search
 ---------------------------------------------------------*/
#content .search {
  position:relative; margin-top:40px; width:100%;
}
#content .search p {
  font-size:16px; width:550px; text-align:right;
}
#content .search p input {
  width:460px;
}
#content .search .btn a {
  background:url(../images/search_btn.gif) no-repeat; width:110px; height:28px; display:block; position:absolute; top:-3px; left:580px;
}

/* post
 ---------------------------------------------------------*/
#content .post {
  position:relative; margin-top:20px; width:100%;
}
#content .post p {
  font-size:16px; width:550px; text-align:right;
}
#content .post .btn a {
  background:url(../images/post_btn.gif) no-repeat; width:110px; height:28px; display:block; position:absolute; top:-3px; left:580px;
}

/* articles
 ---------------------------------------------------------*/
#content .articles {
  width:680px; margin:0 auto; margin-top:30px;
}

/* article
 ---------------------------------------------------------*/
#content .article {
  padding-bottom:10px;
}

/* owner
 ---------------------------------------------------------*/
#content .article .owner {
  padding-bottom:20px;
}
#content .article .owner dl {
  width:50px; float:left;
}
#content .article .owner dl dt {
  height:48px; width:50px; text-align:center;
}
#content .article .owner dl dd.follow a {
  background:url(../images/follow_btn.gif) no-repeat 1px 0; width:49px; height:19px; display:block;
}
#content .article .owner dl dd.retweet a {
  background:url(../images/retweet_btn.gif) no-repeat; width:23px; height:25px; display:block; margin:0 auto; margin-top:10px;
}
#content .article .owner dl dd.retweet a:hover {
  background-position:0 -25px;
}
#content .article .owner dl dd.favweet a {
  background:url(../images/favweet_btn.gif) no-repeat; width:23px; height:23px; display:block; margin:0 auto; margin-top:10px;
}
#content .article .owner dl dd.favweet a:hover {
  background-position:0 -23px;
}
#content .article .owner .comment {
  float:left; background:url(../images/comment_top.gif) no-repeat; width:566px; margin-left:19px;
}
#content .article .owner .comment .body {
  width:579px; margin-left:12px; padding:10px; padding-bottom:3px; background:url(../images/comment_bg.gif); min-height:120px;
}
#content .article .owner .comment .body .mess {
  height:130px; overflow:hidden; word-break:break-all;
}
#content .article .owner .comment .body .info {
  padding-top:10px; text-align:right; color:gray; font-size:11px;
}
#content .article .owner .comment .body .pict {
  float:right; margin-left:10px;
}

/* tukkomi
 ---------------------------------------------------------*/
#content .article .tukkomi {
  padding-bottom:20px; margin-left:80px;
}
#content .article .tukkomi dl {
  width:50px; float:left;
}
#content .article .tukkomi dl dt {
  height:48px; width:50px; text-align:center;
}
#content .article .tukkomi dl dd.follow a {
  background:url(../images/follow_btn.gif) no-repeat 1px 0; width:49px; height:19px; display:block;
}
#content .article .tukkomi dl dd.retweet a {
  background:url(../images/retweet_btn.gif) no-repeat; width:23px; height:25px; display:block; margin:0 auto; margin-top:10px;
}
#content .article .tukkomi dl dd.retweet a:hover {
  background-position:0 -25px;
}
#content .article .tukkomi dl dd.favweet a {
  background:url(../images/favweet_btn.gif) no-repeat; width:23px; height:23px; display:block; margin:0 auto; margin-top:10px;
}
#content .article .tukkomi dl dd.favweet a:hover {
  background-position:0 -23px;
}

#content .article .tukkomi .comment {
  float:left; background:url(../images/comment_top2.gif) no-repeat; width:486px; margin-left:19px;
}
#content .article .tukkomi .comment .body {
  width:499px; margin-left:12px; padding:10px; padding-bottom:3px; background:url(../images/comment_bg2.gif); min-height:120px;
}
#content .article .tukkomi .comment .body .mess {
  height:130px; overflow:hidden; word-break:break-all;
}
#content .article .tukkomi .comment .body .info {
  padding-top:10px; text-align:right; color:gray; font-size:11px;
}
#content .article .tukkomi .comment .body .pict {
  float:right; margin-left:10px;
}

/* pagenate
 ---------------------------------------------------------*/
#content .pagenate {
  text-align:center; margin-top:0px; margin-bottom:20px;
}
#content .pagenate span {
  padding:0 3px;
}
#content .pagenate a {
  color:#ffffff; text-decoration:none;
}
#content .pagenate a:hover {
  color:#0075c2; text-decoration:none;
}

/* adsense
 ---------------------------------------------------------*/
.adsense {
  margin-top:30px;
}
/* amazon
 ---------------------------------------------------------*/
.amazon {
  margin-top:50px; font-size:10px;
}
.amazon .ad {
  float:left; width:175px; text-align:center;
}