/* -----TweetsRanking------------------------------------------------------- */

ul.hotentry{max-width:240px;margin-left:auto;}
ul.hotentry li{margin-bottom:0.8em;}
.rt-num {background-color:#fc3; color:#900;}
.rt {font-size:0.6em;}

/* -----Social Button------------------------------------------------------- */

.social-button {text-align:right;}
.social-button img, .social-button iframe, .social-button div {vertical-align:baseline;}

/* -----Tweet-Comment------------------------------------------------------- */

.twcm-description {margin-bottom:0;}
.twcm-button {position:relative;top:-0.8em;right:-1em;margin:0;text-align:right;}
.twcm-button iframe{margin:0;padding:0;}

/* カスタマイズ */
.topsy-tweet-text br{display:none;}
.topsy-tweet-text span:after {content: " / " }
span.topsy-tweet-date:after {content: none}
/* 表示領域の大枠 */
#topsy-tweet-search-results {
  margin:0 1em 1em 1em;
}
/* 表示領域の見出し */
#topsy-tweet-search-results .topsy-tweet-search-results-header {
  display:none;
}
/* 個々のツイート領域 */
#topsy-tweet-search-results .topsy-tweet-search-result {
  clear:both;
  border-top:solid 1px #ccc;
  padding:6px 0;
}
/* ユーザー名 */
#topsy-tweet-search-results .topsy-tweet-name {
    font-weight:bold;
}
/* アイコン領域 */
#topsy-tweet-search-results .topsy-tweet-image {
  float:left;
  padding:2px 6px 2px 0;
  margin:1px;
}
/* アイコン画像 */
#topsy-tweet-search-results .topsy-tweet-image img {
  width:48px;
  height:48px;
}
/* ツイート */
#topsy-tweet-search-results .topsy-tweet-text {
  margin-left:60px;
  min-height:52px;
}
/* 日付 */
#topsy-tweet-search-results .topsy-tweet-date a {
    color:#999;
}
/* 「すべて表示」の操作テキスト */
#topsy-tweet-search-results #topsy-show-more-tweets {
    color:#1d3994;
    cursor:pointer;
    text-align:right;
    font-weight:bold;
    padding-right:4px;
}
/* アイコン形式の表示でのアイコンサイズ */
#topsy-tweet-search-results img.topsy-profile-image-small {
    width:24px;
    height:24px;
    margin:4px;
}


/* -----BASE---------------------------------------------------------------- */

body {
  line-height:180%;
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5, h6,
p, div, blockquote, pre, address, form, hr,
ul, ol, dl, li, dt, dd, table, tr, th, td {
  font-size:1em;
  font-style:normal;
  margin:0;
  padding:0;
}

a	{text-decoration:underline;}
a:link	{color:#039;}
a:visited         {color:#063;}
a:active, a:hover {color:#999;}


/* -----BLOCK-------------------------------------------------------------- */

p, ul, ol, dl, table, .imgbox, .myclip-main, .blogrollmain {
  margin:1em 0 1em 0.4em;
}

h4	{margin:1.8em 0 1em 0.4em;
	clear:both;}
li	{margin-left:3em;}
ul li	{list-style-type:square;}
dt	{font-family:'Verdana' "ＭＳ Ｐゴシック" sans-serif;
	font-weight:bold;}
dd	{margin-left:2em;}
dd p	{margin:0.2em 0 0.8em 0;}

.tab-box, .associate, div.adsense, .trackback-box, .comments-box {
  border:solid 1px #666;
  margin-top:-1px;
  padding:0 0.8em;
  overflow:hidden;
}
div.adsense{padding:0.2em;}
.tab-box ul li {margin:0 0 0 2em;}
.tab-box .index-ads{text-align:center;margin:-0.4em 0 0.6em 0;padding:0;}
.trackback-box, .comments-box {padding:0;}

pre {
  font:0.9em/1em "ＭＳ ゴシック" monospace;
  background-color:#eee;
  border:solid 1px #999;
  overflow:scroll;
  overflow-y:hidden;
  padding:1px;
  margin:1em 3em;
}
.aa {
  line-height:16pt;
  font:12pt "ＭＳ Ｐゴシック";
  background:white;
  border:none;
  overflow:hidden;
}

blockquote {
  background-color:#eef;
  border-left:solid 6px #069;
  border-bottom:solid 1px #eef; /* IE-CSS左ずれバグ対策 */
  margin:2em;
}

blockquote p, blockquote ul, blockquote h4 {
  margin:0;
  padding:0.3em 1em;
}

blockquote li {
  margin-left:2em;
}

hr.fav {
  clear:both;
  border:none 0px #fff;
  color:#fff;
}

div.imgbox {
  text-align:center;
  clear:both;
}

.imgbox-floatright, .imgbox-floatleft {
  font-size:10px;
  text-align:center;
  clear:both;

  padding-bottom:0.4em;
  position:relative;
}
.imgbox-floatright {
  margin:0.4em 0 0 1em;
  float:right;
}
.imgbox-floatleft {
  margin:0.4em 0.4em 0 0.4em;
  float:left;
}


.blogrollfolder {
  font-family:'Verdana' "ＭＳ Ｐゴシック" sans-serif;
  font-weight:bold;
  margin-top:0.8em;
}
.blogrollitem, .rss_items .rss_item {
  display:inline;
  list-style-type:none;
  margin:0 0.6em 0 0;
}

.personal-data input, .textarea textarea{
  color:#333;
  border:solid 0 #999;
  border-width:1px 0 0 2px;
  background:#f9f9f9;
  font-size:1em;
}

input.button {
  background:#ccc;
  border:solid 2px #666;
  border-width:0 2px 2px 0;
}

.questionnaire input {border:none;}

table#mycd, table#vote, #compare, table#seo {
  font-size:90%;
  border-collapse:collapse;
}

table#mycd th, table#mycd td,
table#compare th, table#compare td,
table#seo th, table#seo td,
table#vote th, table#vote td
{
  border:solid 1px #666;
  padding:0 1px;
}

table#mycd th {background:#999;}
table#seo th{background:#ccc;padding:2px;}
table#seo td{text-align:center;font:1em "ＭＳ Ｐゴシック" sans-serif;padding:2px;}
table#vote th {background:#3cc;}
table#compare th {background:#cce;}
table#compare th, table#compare td {text-align:center;}

.schedule-date,.d-date {text-align:right;padding-right:0.6em;vertical-align:top;}


/* -----INLINE-------------------------------------------------------------- */

q	{color:#063;}
img	{border-width:0;}
code	{font-family:"ＭＳ ゴシック" monospace;color:#063;}
.cite	{color:#069;}
strong	{font-weight:bold;}
strong strong	{color:red;}
.note, .comment	{color:#999;}
.netabare	{color:#fff;}
.blogstat	{color:#ccc;}
.newclip	{color:red;font-size:0.8em;}


/* -----TOP----------------------------------------------------------------- */

h1 {
  background:#fc0 url(img/logo-pencil-right.jpg) no-repeat top right;
}

h1 img {margin:12px 0 0px 10px;}

#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover {
  color:black;
  text-decoration:none;
}

.description {
  display:block;

  background:#fc0 url(img/description-back.png) repeat-y top right;

  color:#333;
  border-bottom:outset 2px #fff;

  font:normal 12px/16px  sans-serif "ＭＳ Ｐゴシック";
  letter-spacing:1px;
  text-align:right;
}
.description strong{font-weight:normal;}
.deskedoga {text-align:right;color:#666;padding:0 0.2em;}
.deskedoga strong{font-weight:normal;}

/* -----MAIN---------------------------------------------------------------- */

#content {
  width:75%;
  float:right;
}

.blog {
  font-family:'Arial' "ＭＳ Ｐゴシック" sans-serif;
  padding:0 1em;
}

.blog h4, .blog div#index {
  font-family:'Verdana' "ＭＳ Ｐゴシック" sans-serif;
}

.date {
  clear:both;
  color:#ccc;
  background:url(img/date-back.jpg) no-repeat bottom left;

  font:bold 2em 'Arial', sans-serif;
  letter-spacing:-0.1em;

  margin:1.4em 0.1em 1em 0.1em;
}

.tab-index,
.tab,
.trackback-head,
.zenback-head,
.comments-head,
h4.adsense {
  border:solid 1px #666;

  font:bold 1em 'Verdana' "ＭＳ Ｐゴシック" sans-serif;
  text-align:center;

  width:14em;
  margin:3em 0 0 0;
  padding:2px;

  clear:both;
}

.tab-index {
  color:#339;
  background:url(img/tab-blue.png);
}

.tab, h4.adsense, .trackback-head, .comments-head, .zenback-head {
  color:#933;
  background:url(img/tab-orange.png);
}

.blogbody {
  margin:1em 0 3em 0;
  position:relative;
  clear:both;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
  font-weight:inherit;
  text-decoration:underline;
}

.title {
  font-size:1.2em;
  font-weight:bold;
  border-bottom:dashed 1px #ccc;
  padding:1px 6px 0 6px;
  margin-bottom:1.6em;
}

.title a,
.title a:link,
.title a:visited {
  color:black;

  background:#fff url(img/check.png) no-repeat 2px 50%;
  padding-left:20px;
  text-decoration:none;
}

.title a:active,
.title a:hover {
  color:black;
  background-image:url(img/checked.png);
  text-decoration:underline;
}

.entrydata {
  font:normal 0.8em 'Verdana' "ＭＳ Ｐゴシック" sans-serif;
  color:#999;
  text-align:right;
  position:absolute;
  top:2.2em;
  right:0.1em;
}

.entrydata a,
.entrydata a:link,
.entrydata a:visited {
  color:#999;
  text-decoration:none;
  background:none;
}

.entrydata a:active,
.entrydata a:hover {
  color:#999;
  text-decoration:underline;
  background:none;
}

p.extended {
  clear:both;
  text-align:right;
}

.posted {
  font:normal 0.8em 'Verdana' "ＭＳ Ｐゴシック" sans-serif;
  text-align:right;

  margin:1em 0;
  clear:both;
}

#menu {
  margin:3em 1em;
  text-align:center;
  clear:both;
}

#ads {
  text-align:center;
  margin:3em 0;
  clear:both;
}
.adsbygoogle{  margin:1em 0 1em 0.4em;}
#sidegoogle{margin-top:5em;}
#lastgoogle{text-align:center;margin:2em 0;}


/* -----SIDE-MENU----------------------------------------------------------- */

#links {
  width:25%;
  font-size:small;
  line-height:140%;
  text-align:right;
  margin-top:48px;
}

#links a,
#links a:link,
#links avisited {
  text-decoration:none;
}

#links a:hover,
#links a:active {
  text-decoration:underline;
}


#latest-info .sidetitle {
  background-image:url(img/side-title-back-latest.png);
  margin-top:0;
}

#latest-info .sidetitle a{
  color:#fff;
}

#latest-info dd{
  margin-bottom:1.4em;
}

.sidetitle {
  background:url(img/side-title-back.png) repeat-y right;
  font:bold 1.4em 'Arial' "ＭＳ Ｐゴシック" sans-serif;
  color:#fff;
  padding:2px 4px 0 0;
  margin:1em 0 0 0;
}

.side, .searchdiv, .petitbuttons {
   padding:0;
   margin:0.4em 0.4em 0.4em auto;
}

.searchdiv table{margin:0 0 0 auto}
.searchdiv *,{margin:0;padding:0;}
.searchdiv td{text-align:right;}

#links li{list-style-type:none;}
h2.petitbuttons{
  border-top:dashed 1px #ccc;
  color:fff;
  width:120px;
  margin-top:2em;
}

div.petitbuttons, .side {
  text-align:right;
}
div.petitbuttons img{
  margin:3px 0;
}

.categorycount {
  color:#999;
  font-size:0.8em;
  vertical-align:super;
  margin-left:-0.3em;
}

#analyze {
  opacity:10;
}

#copyright {
  text-align:right;
  line-height:1.4em;
  font-size:0.8em;

  clear:both;
  padding:2px;
}


/* -----INDIVIDUAL ENTRY---------------------------------------------------- */

.trackback-title,
.comment-name,
.post-comment {
  border-bottom:dashed 1px #ccc;
  border-top:solid 1px #999;

  font:bold 1em 'Verdana' "ＭＳ Ｐゴシック" sans-serif;

  padding:0.2em 0.6em;
  margin-top:-1px;
}

.trackback-title .note, .comment-name .note {font-weight:normal;font-size:0.8em;}

span.comment-date {
  color:#999;
  font:normal 0.8em 'Verdana' "ＭＳ Ｐゴシック" sans-serif;
}

.trackback-box dl, .trackback-box dd {margin:0;padding:0;}
.trackback-box dd p {font-size:0.9em;}
.trackback-box p, .comments-box p {margin:0.6em 1em;}

.comment-body {margin:0.8em 0;}

.comments-box form {padding:0.4em 0.8em;}
.personal-data {
  width:180px;
  border-right:dotted 1px #ccc;
  float:left;
  margin-right:0.4em;
}

.cookie-confirm {
  padding-top:0.6em;
}

input#bakecookie,
input#forget, {
  border-width:0;
  background-color:white;
}

.textarea {
  clear:both;
}

.textarea textarea {
  width:32em;
  height:6em;
}

.textarea input {
  margin:0.4em 0.2em;
}

/* -----SPECIAL------------------------------------------------------------- */

.signature {
  text-align:right;
}

.associate {
  text-align:center;
  float:left;
  padding-bottom:1em;
}

.associate p {
  text-align:left;
}

.associate p.item {
  float:left;
  height:18em;
  width:46%;

  font-size:1em;
  text-align:left;
  border:solid 1px #ccc;
  border-width:0 1px 1px 0;

  margin:0 10px 10px 0;
  padding:2px;
}

.associate .item img {
  float:left;
  margin:10px;
}

.option input {
  border:none;
}

/* --- はてなスター ----------------------------------------------------- */

.hatena-star-star-container {
  margin-left:1em;
}
.hatena-star-star-container a,
.hatena-star-star-container a:link,
.hatena-star-star-container a:visited,
.hatena-star-star-container a:active,
.hatena-star-star-container a:hover {
  background-image: none;
  padding-left:0px;
}