@charset "utf-8";
/*
Theme Name: SEOモード
Theme URI: http://www.seomode.info/
Description: SEOモード用CSS
Version: 1.0
Author: Tyto
Author URI: http://www.seomode.info/
*/



/* =reset
---------------------------------------*/

body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0; padding:0;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
input,select{vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var,strong,b,em{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
input{font-size:1em;vertical-align:middle;}
textarea,select{font-size:1em;}
a{text-decoration:none;}
object,embed,th,td{vertical-align:top;}
pre, code{font-family: Courier,"Courier New",monospace;}
article code{padding: 0 .3em;}
pre{overflow:scroll;}


/* =common
---------------------------------------*/

body{
font-size: 12px;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
color: #333;
background-color: #f7f7f7;
line-height: 1.5;
}


/*#cont p,#cont li,
#cont #cont-in .atitle{text-shadow: 1px 1px 1px #fff;}*/

textarea,select,input{font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

html{overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: scroll;}

a:link{color:#2f8746;text-decoration: none;}
a:visited{color:#2f8746;text-decoration: none;}
a:hover{color:#f67d10;text-decoration: underline;}
a:active{color:#f67d10;text-decoration: underline;}

#sftr a:link{color:##2f8746;text-decoration: none;}
#sftr a:visited{color:##2f8746;text-decoration: none;}
#sftr a:hover{color:#f67d10;text-decoration: underline;}
#sftr a:active{color:#f67d10;text-decoration: underline;}

.em{font-weight: bold;}

.lta{font-style:italic;}

.note{
padding: 1em;
padding-bottom: 0;
border: 1px solid #ccc;
background-color: #f2f2f2;
margin-bottom: 1.5em;
}

a:hover img{
opacity: .75; /* Standard: Firefox 1.5以上, Opera, Safari */
filter: alpha(opacity=75); /* IE 8以下 */
-ms-filter: "alpha(opacity=75)"; /* IE 8 */
-khtml-opacity: .75; /* Safari 1.x */
-moz-opacity: .75; /* Firefox 1.5以下, Netscape */
}


/* =#top-bar
---------------------------------------*/
#top-bar{
height: 24px;
padding: 0 14px;
padding-left:1em;
background: url(img/bg-topbar.gif) center bottom repeat-x;
color: #5d5656;
text-decoration: none;
}

#blog-title{
width: 1000px;
margin: 0 auto;
line-height: 24px;
}


/* =#header
---------------------------------------*/

header#shdr{
min-width: 1000px;
border-top: 1px solid #fff;
background: url(img/bg-header.gif) center top repeat-x;
}

header#shdr #hin{
width: 1000px;
margin: 0 auto;
padding: 20px 0 0;
overflow: hidden;
}

p#identity{
width: 182px;
height: 58px;
margin-bottom: 20px;
overflow:hidden;
float: left;
}

header#shdr #hin #hcont{
float: right;
padding-top: 10px;
width: 260px;
}

header#shdr #hin #hcont li{ height:16px;margin-bottom: 10px; }

header#shdr #hin #hcont li.twitter{
background: url(img/icon_twitter.gif) left center no-repeat;
padding-left: 20px;
}

header#shdr #hin #hcont li.rss{
background: url(img/icon_rss.gif) left center no-repeat;
padding-left: 20px;
}

#gnav{
min-width: 1000px;
margin-bottom: 45px;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
background: url(img/bg-gnav.gif) center top repeat-x;
}

#gnav nav ul{
width: 1000px;
clear: both;
margin: auto;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}

#gnav nav li{
height: 38px;
line-height: 38px;
float: left;
font-weight: bold;
border-right: 1px solid #bbb;
}

#gnav nav li a{
padding: 0 2em;
display: block;
color: #5d5656;
text-decoration: none;
}

#gnav nav li a:hover{
padding: 0 2em;
color: #fff;
background: url(img/bg-gnav_on.gif) bottom center repeat-x;
}

/* =#cont
---------------------------------------*/

#cont{
padding-bottom: 50px;
}

#cont #cont-in{
width: 1000px;
margin: 0 auto;
padding: 0;
}



/* =#main
---------------------------------------*/

#cont #cont-in .pagetitle{
width: 670px;
margin-bottom: 12px;
padding-left: 10px;
font-weight: bold;
}

#cont #cont-in #main{
width: 670px;
float: left;
}

#cont #cont-in #main .navigation{
margin: 1.5em 0;
}

#cont #cont-in #main .navigation li{
text-align:center;
}

#cont #cont-in .ahdr{
padding-bottom: 25px;
background: url(img/bg-ahdr.gif) left bottom repeat-x;
}

#cont #cont-in .atitle{
width: 650px;
font-size: 1.667em;
font-weight: bold;
padding-left: 20px;
background: url(img/bg-atitle.gif) left top no-repeat;
}

p.bookmark{
text-align:right;
margin-bottom: 1.5em;
padding: 0 1em;
}


#cont #cont-in article{
width: 670px;
margin-bottom: 3.5em;
padding-bottom: 16px;
background: url(img/bg-article.gif) center bottom repeat-x;
}

#cont #cont-in article header{
margin-bottom: 1em;
}

#cont #cont-in .acont{
line-height: 1.8;
font-size: 1.167em;
padding: 0 1em;
}

#cont #cont-in .acont h3{
font-size: 1.25em;
margin-top: 3em;
padding: .5em 1em;
margin-bottom: 1.5em;
background: url(img/bg-h3.gif) left 18px no-repeat;
border-bottom: 1px dotted #ccc;
font-weight: bold;
}

#cont #cont-in .acont h4{
font-size: 1.167em;
margin-top: 1em;
margin-bottom: 1.5em;
padding-bottom: .5em;
border-bottom: 1px dotted #aaa;
font-weight: bold;
}

#cont #cont-in .acont p,
#cont #cont-in .acont ul,
#cont #cont-in .acont ol,
#cont #cont-in .acont pre,
#cont #cont-in .acont table,
#cont #cont-in .acont blockquote{
margin-bottom: 1.5em;
}

#cont #cont-in .acont p a img{
border: 1px solid #aaa;
}

.disc li{
list-style:disc;
margin-left: 1.5em;
}

.decimal li{
list-style:decimal;
margin-left: 1.5em;
}

.alphabetical li{
list-style: upper-alpha;
margin-left: 1.5em;
}

#cont #cont-in .acont pre{
padding:1em;
border: 1px solid #aaa;
background-color: #e3e3e3;
}

#cont-in .acont blockquote{
width: 575pxl
margin-left: 1em;
padding: 30px 30px 15px 75px;
background: url(img/bg-blockquote.gif) left top no-repeat #ececec;
}

#cont #cont-in .aftr{
padding:.5em 1em;
border: 1px solid #aaa;
clear:both;
background: url(img/bg-aftr.gif) center top no-repeat #e1e1e1;
}

#cont #cont-in #respond h3{
font-size: 1.167em;
font-weight: bold;
margin-bottom: 1.5em;
}

#cont #cont-in #respond p{
margin-bottom: 1em;
}

.outbound li,
.st-related-posts li{
padding-left: 1em;
background: url(img/listarw.gif) left 8px no-repeat;
}

#main .imgBox img{
border: 1px solid #aaa;
}

#main .add{
margin: 15px 0;
}

/* =#sub
----------------------------------*/

#cont #cont-in #sub{
width: 280px;
float: right;
}

#cont #cont-in #sub li p{
margin-bottom: 1em;
}


.feed-area{
overflow: hidden;
width: 228px;
height: 103px;
}

.feed-area img{ margin-top: -210px; }

.searchForm{
margin-bottom: 1em;
padding-bottom: 32px;
background: url(img/bg-ahdr.gif) left bottom repeat-x;
}

.searchForm input#s{
width: 228px;
height: 19px;
margin-right: 5px;
padding: 2px;
border: 1px solid #aaa;
font-size: 1.167em;
background: url(img/search-text-box.gif) left top no-repeat;
}

#cont #cont-in #sub ul ul{
margin-bottom: 1.5em;
}

#cont #cont-in #sub .cat-item ul{
margin-bottom:0;
}

#cont #cont-in #sub ul li{
margin-bottom: .5em;
line-height: 1.5;
}

#cont #cont-in #sub ul ul li{
padding-left: 1.2em;
background: url(img/listarw.gif) left 5px no-repeat;
}

#cont #cont-in #sub .smNav{
margin-bottom:1em;
}

#cont #cont-in #sub .smNav li{
display: inline;
padding-right: 10px;
padding-left: 0;
background: none;
}

#cont #cont-in #sub .navtitle{
font-size: 1.167em;
font-weight: bold;
margin-bottom: .5em;
padding-bottom: 22px;
background: url(img/bg-ahdr.gif) left bottom repeat-x;
}

.widgettitle{
font-size: 1.334em;
font-weight: bold;
margin-top: 1em;
padding-bottom: .5em;
margin-bottom: 1em;
border-bottom: 1px dotted #aaa;
}

#sub .widget_archive{
margin-bottom: 1.5em;
}

#cont #cont-in #sub ul li .twitin{
padding: 1em;
background-color: #e3e3e3;
border: 1px solid #aaa;
margin-bottom: 1.5em;
}

#cont #cont-in #sub ul li .twitin li{
background-image:none;
padding-left: 0;
}

.twitin p{
text-align: right;
}

#twitter_update_list li{
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dotted #aaa;
}

#cont #cont-in #sub ul li ul.tagCloud li{
background-image:none;
padding-left: 0;
}

#cont #cont-in #sub ul li ul.tagCloud li a{
padding-right: 1em;
}

.widget_tag_cloud a{
padding-right: 1em;
}

#sub .add{ margin-bottom: 15px; }

/* =#footer
---------------------------------------*/

footer#sftr{
min-width: 1000px;
background: url(img/bg-footer.gif) center top repeat-x #e3e3e3;
}

footer#sftr #fcont{
width: 1000px;
margin: 0 auto;
padding: 20px 0 30px;
position:relative;
}


footer#sftr #about{
padding-right: 50px;
}

footer#sftr #about p.profimg{
overflow:hidden;
float: left;
padding-right: 10px;
padding-bottom: 10px;
width: 73px;
height: 73px;
}


footer#sftr #about h3,
footer#sftr #about dt{
font-weight: bold;
}

footer#sftr address{
clear:both;
}

footer#sftr p.copyright{
clear:both;
}

footer#sftr p.copyright small{
font-size: 100%;
}

footer#sftr .siteNav{
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #aaa;
}

footer#sftr ul{
float: left;
}

footer#sftr .siteNav li{
width: 240px !important;
margin-bottom: .5em;
padding-right: 20px;
display: inline;
}

* html,
* html body {
height: 100%;
overflow-y: hidden;
overflow-x: auto;
}

* html #page {
overflow: auto;  
position: relative;
width: 100%;
height: 100%;
}

#page-top-btn{  
position: fixed !important;  
position: absolute;  
bottom: 0;  
right: 0;  
padding: 10px; }

/* =Single.php
---------------------------------------*/

textarea#comment{
width: 500px;
height: 200px;
}

#links div{
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px dotted #aaa;
}

#links div dt a{
display:block;
margin: 0 auto 15px;
}

#links div dt a img,
#profile dd a img{
border: 1px solid #aaa;
}

#links div h4{
font-weight: bold;
margin-bottom: 15px;
font-size: 1.167em;
}

#cont #cont-in #main .sec-in,
#privacy li{
margin-bottom: 1.5em;
}

#profile h3{
border-bottom: 1px dotted #aaa;
padding-bottom: .5em;
margin-bottom: 1.5em;
}

#profile dt{
font-weight: bold;
font-size: 1.167em;
margin-bottom: .5em;
}

#profile dd{
margin-bottom: 2em;
}

.commentlist li{
border-bottom: 1px dotted #aaa;
padding-bottom: .5em;
margin-bottom: 1.5em;
}

ol.breadcrumbs{
list-style: none;
padding: 0 10px;
margin-bottom: 1.5em;
}

ol.breadcrumbs li{
margin-right: 5px;
float:left!important;
}

/* container */
div.twitter-friends{
width: 258px;
}
 
/*------- Header -------*/
div.tf-header{
border:silver 1px solid;
overflow:hidden;
margin:0 0 1px 0;
}
div.tf-header img{
border:silver 1px solid;
margin:1px;
float:left;
width:32px;
height:32px;
}
div.tf-header h2{
line-height:32px;
font-weight:bolder;
display:block;
margin:3px;
padding:0;
float:left;
font-size:12px;
}
/*------- Users -------*/
div.tf-users{
/* fixed height so container will not flicker within transitions */
height:196px;
border:silver 1px solid;
overflow:hidden;
background-color:#eaeaea;
}
/* user img link*/
div.tf-users a{ 
display:block;
float:left;
}
/* user img */
div.tf-users img{ }
 
/*------- Info Link -------*/
div.tf-info{
text-align:right;
}
div.tf-info a{
text-decoration:none;
font-size:9px;
font-weight:bolder;
color:gray;
font-family:tahoma;
}
 
/*------- tweet div -------*/
div.tf-tweet{
/* fixed height so container will not flicker with different length tweets  */
height:56px;
overflow:hidden;
}
/* tweet item */
div.tf-tweet div{
border:silver 1px solid;
position:relative;
padding:1px;
margin:1px 0 0 0;
overflow:hidden;
height:50px;
}
 
/* tweet author avatar */
div.tf-tweet span.tf-avatar{
display:block;
width:48px;
height:48px;
margin:0 2px 0 2px;
left:0;
position:absolute;
overflow:hidden;
}
/* tweet author name */
div.tf-tweet strong a{
margin-right:5px;
}
/* tweet body */
div.tf-tweet span.tf-body {
display:block;
margin-left:55px;
}
/* tweet content */
div.tf-tweet span.tf-content{
}
/* tweet date and source */
div.tf-tweet span.tf-meta {
color:#999999;
display:block;
font-size:0.764em;
margin:3px 0 0;
}
div.tf-tweet span.tf-meta a{
color:#999999;
text-decoration:none;
}
div.tf-tweet span.tf-meta a:hover{
text-decoration:underline;
}
/* tweet date link */
div.tf-tweet a.tf-date { }
/* tweet source link */
div.tf-tweet a.tf-source { }
/* tweet links */
div.tf-tweet a.tf-link { }
/* tweet @user links */
div.tf-tweet a.tf-at { }
/* tweet #hashtags links */
div.tf-tweet a.tf-hashtag { }

.hatena-bookmark-widget-title{
font-size: 1.167em;
color: #454545;
}

.hatena-bookmark-widget-title img{
padding-right: .5em;
}

.hatena-bookmark-count{
padding-left: .5em;
}

.hatena-bookmark-count a{
color:#f00;
font-weight: bold;
}

.wpcf7 textarea{ width: 500px; }

.float-l{
float: left;
padding-right: 20px;
padding-bottom: 20px;
}

.float-r{
float: right;
padding-left: 20px;
padding-bottom: 20px;
}

.wp_social_bookmarking_light{
margin-bottom:.5em!important;
padding-bottom:.3em!important;
}

/*Sitemap*/


.ddsg-wrapper ul ul{ margin-bottom: 1.5em; }

.ddsg-wrapper ul li{
padding-left: 1.0em;
background: url(img/listarw.gif) left 8px no-repeat;
}

/*------- Clerfix -------*/

#shdr #hin,
.breadcrumbs,
div#cont,
.tf-users,
.clearfix{
   /zoom:1;
}

#shdr #hin:after,
div#cont:after,
.breadcrumbs:after,
.tf-users:after,
.clearfix:after{
   content:'';
   display:block;
   clear:both;
}


/*-------
.sprite-btn_pagetop{ background-position: 0 0; width: 157px; height: 32px; } 
.sprite-logo{ background-position: 0 -82px; width: 180px; height: 78px; } 
.sprite-rss{ background-position: 0 -210px; width: 228px; height: 103px; } 
.sprite-tyto{ background-position: 0 -363px; width: 73px; height: 73px; } 
.sprite-tyto_l{ background-position: 0 -486px; width: 100px; height: 100px; }
-------*/