@charset "utf-8";
/*
Theme Name: Abi-Station meets WordPress
Theme URI: http://www.abi-station.com/
Description: WordPress のデフォルトテーマを少しいじってCSSを大幅に変更したテーマ
Version: 1.0
Author: abiru@abistudio.com
Author URI: http://www.abi-station.com/
Tags: simple
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
 font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
 background-color:#EAE4D8;
 background-position: center top;
 color: #000;
 text-align: center;
}
a:link {
 color: #2200C1;
}
a:visited{
 color: #551A8B;
}
#page {
 border: 1px solid #333;
 border-top: 0;
 border-bottom: 0;
 background: #FFF;
 margin: 0 auto;
 width: 950px;
 text-align: left;
}
#headerlink{
 text-align: center;
 border-bottom: 1px solid #333;
 background: #FFF;
 padding: 8px 0;
}
#headerlinkin{
 margin: 0 auto;
 width: 950px;
 text-align: left;
 font-size:0.8em;
 overflow:hidden;
}
#headerlinkinl{
 float: left;
 width: 200px;
}
#headerlinkinr{
 float: right;
 width: 700px;
 text-align: right;
}
#headerlinkinr li{
 margin-left: 10px;
 float: right;
}
#headerlinkinr li .registdesc,
#headerlinkinr li .registentry,
#headerlinkinr li .registinfo{
 margin-right: 10px;
}
#headerlinkinr li .loginnow{
 color:#008000;
 font-weight: bold;
 margin-right: 10px;
}
#header{
 background: #FFF url("/image/headerback.png") no-repeat;
}
#headerimg{
 height: 130px;
}
#headerimg h1{
 padding: 20px 0 10px 20px;
}
#headerimg h1 a:link,
#headerimg h1 a:visited,
#headerimg h1 a:hover {
 color: #CC0000;
 text-decoration: none;
}
.description{
 padding-left: 20px;
 font-size:0.8em;
 color: #666;
}
#headerbar{
 padding: 5px 10px 5px;
 margin-bottom: 20px;
 background-image: -webkit-gradient(linear, left top, left bottom,
  color-stop(0.0, rgba(255, 255, 255, 0.6)),
  color-stop(0.5, rgba(255, 255, 255, 0.3)),
  color-stop(0.5, rgba(255, 255, 255, 0.2)),
  color-stop(1.0, rgba(255, 255, 255, 0.0)));
 background-image: -moz-linear-gradient(top,
  rgba(255, 255, 255, 0.6) 0%,
  rgba(255, 255, 255, 0.3) 50%,
  rgba(255, 255, 255, 0.2) 50%,
  rgba(255, 255, 255, 0.0) 100%);

 -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
 -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
 box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);

 background-color: #6EB929;
 color: #fff;
 text-align: center;
}
#headerbar .lin{
 voice-family: "\"}\"";
 voice-family: inherit;
 float: left;
 min-width: 80px;
 text-align:center;
 font-size: 12px;
 border: 1px solid rgba(0, 0, 0, 0.5);
 border-width: 1px 0px 1px 1px;

 -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
  inset 0px 0px 2px rgba(255, 255, 255, 0.25);
 -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
  inset 0px 0px 2px rgba(255, 255, 255, 0.25);
 box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2),
  inset 0px 0px 2px rgba(255, 255, 255, 0.25);
 -webkit-transition: background 0.2s ease-in-out;

 text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
 font-weight: bold;
}
#headerbar .lin:first-child {
 border-radius: 3px 0px 0px 3px;
 -moz-border-radius: 3px 0px 0px 3px;
}
#headerbar .lin:last-child {
 border-radius: 0px 3px 3px 0px;
 -moz-border-radius: 0px 3px 3px 0px;
 border-width: 1px;
}
#headerbar .lin a {
 color: #fff;
 text-decoration: none;
 display: block;
 padding: 10px 10px 8px 10px;
}
#headerbar .lin:hover {
 background-color: rgba(255, 255, 255, 0.25);

}
#headerbar .lin:active {
 background-color: rgba(0, 0, 0, 0.3);
 -webkit-transition-duration: 0.0s;
}
.topicpath{
 font-size:0.8em;
 margin: 0 0 20px  20px;
}
#content {
 float: left;
 padding: 0 0 0 15px;
 width: 550px;
}
#content .entrytitle{
 border: 1px solid #E0E0E0;
 border-top: 3px solid #6EB929;
 font-weight: bold;
 background: -moz-linear-gradient(top, #EEE, #FFF 3%, #FFF 70%, #F6F6F6 90%, #FFF);
 background: -webkit-gradient(linear, left top, left bottom, from(#EEE), color-stop(0.03, #FFF), color-stop(0.7, #FFF), color-stop(0.9, #F6F6F6), to(#FFF));
 -moz-box-shadow: 0 1px 3px #DDD;
 -webkit-box-shadow: 0 1px 3px #DDD;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -webkit-border-bottom-right-radius: 4px;
 padding: 10px;
 margin: 0 0 10px 0;
 text-shadow: #EEE 0px 0px 1px;
}
#content .entrytitle a:link,
#content .entrytitle a:visited,
#content .entrytitle a:hover {
 color: #000;
 text-decoration: none;
}
#content .entry{
 margin: 10px 0;
}
#content .entry img{
 max-width: 100%;
}
.entrydate{
 color: #666;
 font-size:0.8em;
 text-align: right;
}
#content .entry td,
#content .entry p{
 font-size: 0.9em;
 line-height:1.6;
 margin: 10px 0;
}
#content .entry table{
 margin-bottom: 20px;
}
.entryh3{
 margin: 40px 0 10px 0;
 border-left: 10px solid #EEE;
 color:#008000;
 padding-left: 15px;
 font-size:18px;
 font-weight: bold;
 line-height: 1.4;
}
.entryul{
 list-style-type: circle;
 margin-bottom: 20px;
 font-size: 0.9em;
}
.entryli{
 line-height:1.6;
 margin: 0 0 10px 25px;
}
.more-link{
 padding: 10px 0;
}
#clip_b{
 border: 1px solid #DBDBDB;
 padding: 10px;
 font-size:12px;
 line-height:1.5;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 margin-bottom: 10px;
}
.postmetadata{
 font-size:12px;
 padding: 8px;
 background: #F9F9F9;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 margin-bottom: 30px;
}
#cancel-comment-reply-link,
.reply a{
 font-size:12px;
 border: 1px solid #CCC;
 background:#EEE;
 background: -moz-linear-gradient(top, #FFF, #DDD);
 background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
 padding: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 color:#666;
 text-decoration: none;
}
.navigation{
 padding: 0 0 20px 0;
 font-size:0.8em;
 line-height:2.0;
}
#sidebar2 {
}
#sidebar{
 float: right;
 margin: 0 15px 20px 0;
 padding: 10px 10px 0 10px;
 width: 336px;
 background: #F9F7F2;
 border: 1px solid #E4D8C4;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 font-size:0.8em;
}
#s{
 width:100px;
}
#photo{
 text-align: center;
 margin: 0 0 10px 0;
}
#wpjr h3,
#comments,
#respond h3,
.widgettitle{
 padding: 8px;
 background: #EEE;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 margin: 10px 0;
 font-size:14px;
}
#wpjr,
#comments{
 font-size:0.8em;
}
#wpjr{
}
.comment{
 margin-bottom: 30px;
}
.depth-1,
.parent{
 border-top: 1px solid #DBDBDB;
 padding-top: 15px;
 margin-bottom: 20px;
}
#respond{
 margin-bottom: 30px;
}
#respond p{
 margin-bottom: 10px;
}
.children .parent{
 border-top: 0;
 padding-top: 0;
}
.children{
 margin: 20px 0 20px 30px;
 line-height:1.5;
 list-style: none;
}
.comment-author,
.comment-meta{
 margin-left: 42px;
 margin-bottom: 3px;
 font-size:12px;
}
.avatar{
 float: left;
 margin-left: -42px;
}
.fn{
 font-style: normal;
 font-weight: bold;
}
.textwidget{
 line-height:1.4;
}
.topuserdesctable table{
 font-size:12px;
}
.topuserdesctable table th,
.textwidget table th{
 width:50px;
 text-align: center;
 padding-bottom: 5px;
 line-height:1.5;
}
.topuserdesctable table td,
.textwidget table td{
 padding-bottom: 5px;
 line-height:1.5;
}
.widget{
 margin-bottom: 20px;
}
#wpjr ul,
.widget ul{
 margin: 0 0 0 20px;
 list-style-type: circle;
}
#wpjr ul li,
.widget ul li{
 margin-bottom: 8px;
}
.profile{
 clear: right;
 margin-bottom: 10px;
 line-height:1.4;
 border: 1px solid #DBDBDB;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 background: #FFF;
 padding: 10px 0 10px 10px;
}
.s_name{
 font-weight: bold;
}
.s_pic{
 float: right;
 margin: 0 0 10px 0;
}
#footer{
 clear: both;
 background: #6EB929;
 background-position: center bottom;
 color:#FFF;
 font-size:0.8em;
 text-align: center;
 padding: 20px;
 line-height:1.5;
}
#backtotop{
 text-align: right;
}
#footer a:visited,
#footer a:link {
 color: #EEE;
 text-decoration: none;
 border-bottom: 1px solid #DDD;
}
#footer a:hover {
 color: #FFF;
 text-decoration: none;
 border-bottom: 1px solid #EEE;
}
.code,
blockquote {
 background: #F6F6F6;
 padding: 10px 20px;
 border: 3px solid #eee;
 font-size: 0.9em;
 line-height: 2.0;
 color: #333;
 margin: 0 0 10px 0;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
}
.wp-pagenavi{
 margin-bottom: 30px;
 font-size: 12px;
}
.wp-pagenavi a:visited,
.wp-pagenavi a, .wp-pagenavi a:link {
 padding: 4px;
 margin: 6px 3px;
 text-decoration: none;
 border: 1px solid #CCC;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 color: #2200CC;
 background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
 border: 1px solid #CCC;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 color: #2200CC;
 background-color: #EEE;
}
.wp-pagenavi span.pages {
 padding: 4px;
 margin: 6px 3px 6px 0;
 color: #000000;
}
.wp-pagenavi span.current {
 padding: 4px;
 margin: 6px 3px;
 font-weight: bold;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 color: #FFF;
 background-color: #AAA;
}
.wp-pagenavi span.extend {
 padding: 4px;
 margin: 6px 3px;
 border: 1px solid #CCC;
 -moz-border-radius: 4px; /* for Fx */
 -webkit-border-radius: 4px; /* for Safari */
 color: #000000;
 background-color: #FFFFFF;
}
.avatarbtn{
 margin: 0 10px 10px 0;
}
.linkwithin_hook{
}

.poff{
 background: #E31C27;
 color:#FFF;
 padding: 0 3px;
 margin-right: 3px;
}
#cse-search-boxq{
 width:130px;
}
.wbooklink{
 overflow:hidden;
 margin: 0;
 padding: 10px 0 0 0;
 border-bottom: 1px solid #EEE;
}
.wbooklink a:link,
.wbooklink a:visited{
 text-decoration: none;
}
.wbooklink a:hover{
 text-decoration: underline;
}
.wbooklink .amzimg{
 margin: 0 0 0 60px;
 line-height:1.2;
}
.wbooklink .amzimg img{
 float:left;
 border: 1px solid #CCC;
 margin: 0 0 0 -60px;
}
.note {
    position:relative;
    width:400px;
    padding:1em 1.5em;
    margin:2em auto;
    color:#333;
    background:#EEE;
    font-size:0.8em;
    line-height:1.5;
    overflow:hidden;
}
 
.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff #DDD #DDD; /* A bit more verbose to work with .rounded too */
    background:#DDD; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
/* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
.twi_area{
 font-size:12px;
 padding: 10px 0 0 0;
 border-bottom:1px solid #EEE;
}
.twi_name{
 font-weight: bold;
 margin: 0 0 5px 55px;
}
.twi_img{
 float:left;
 margin: 0 0 0 -55px;
}
.twi_tweet{
 margin:0 0 5px 55px;
 line-height:1.4;
}
.twi_date a{
 color:#888;
}
.freset{
 height:0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}
#topdesc{
 line-height:1.5;
 font-weight: normal;
}
.topblock{
 border: 1px solid #DBDBDB;
 padding: 10px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: auto;
 margin-bottom: 10px;
}
.topimg{
 clear: left;
 float: left;
 width: 110px;
}
.topuser{
 float: left;
 width: 415px;
}
.topuserh3{
 padding: 0 0 10px 0;
 border-bottom: 1px solid #DBDBDB;
 margin-bottom: 10px;
 color:#008000;
 font-weight: bold;
}
.topuserdesc{
 font-size:0.9em;
 line-height:1.5;
}
#whatnew{
 clear: left;
 padding: 0 0 30px 0;
}
#whatnewul{
 margin: 0 0 0 20px;
 list-style-type: circle;
}
#whatnewul li{
 font-size:0.9em;
 margin-bottom: 8px;
}
.topuserdescul{
 margin: 10px 0 0 20px;
 list-style-type: circle;
}
.topuserdescul li{
 font-size:12px;
 margin-bottom: 8px;
 line-height:1.3;
}
.topuserh4{
 padding: 5px;
 margin: 10px 0 5px 0;
 font-weight: bold;
 font-size:12px;
 background:#EEE;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
.morelink{
 padding: 10px 0;
 text-align: center;
}
.morelink a{
 background-image: -webkit-gradient(linear, left top, left bottom,
  color-stop(0.0, rgba(255, 255, 255, 0.6)),
  color-stop(0.5, rgba(255, 255, 255, 0.3)),
  color-stop(0.5, rgba(255, 255, 255, 0.2)),
  color-stop(1.0, rgba(255, 255, 255, 0.0)));
 background-image: -moz-linear-gradient(top,
  rgba(255, 255, 255, 0.6) 0%,
  rgba(255, 255, 255, 0.3) 50%,
  rgba(255, 255, 255, 0.2) 50%,
  rgba(255, 255, 255, 0.0) 100%);
 -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
 -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
 box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
 background-color: #6EB929;
 color: #fff;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #666;
 font-weight: bold;
 -moz-box-shadow: 0 1px 3px #DDD;
 -webkit-box-shadow: 0 1px 3px #DDD;
 padding: 10px;
 display: block;
 text-align: center;
 text-decoration: none;
}
* html .morelink a{
 background-color: #E2E7F5;
}

#fblikeit{
 width:525px;
 height:70px;
}
#fbpage{
 width:525px;
 height:250px;
}
#fbpagetop{
 width:336px;
 height:280px;
}