@charset "utf-8"; 
/* すべて */
* {
margin:0;
padding:0;
font-family: Verdana, Arial, sans-serif, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Osaka?等幅", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
color: #333;
letter-spacing: 0.8px;
}

/* リンク */
a,a:link,a:visited,a:active {color: #336699;text-decoration: none;}
a:hover {color: #336699;text-decoration: none; background-color:#FFFF00;
position:relative;  
top:1px;  
left:1px; 

}

/* リンクつき画像 */
a img {
border: 0;
}

/* 段落 */
p {
margin-top: 15px;
margin-bottom: 15px;
}

/* タイトルバナー */
#banner {
padding:0;
width:914px;
height:80px;
color: #CAB7A6;
background: #FFFFFF;
text-align: left;
border-bottom: 1px solid  #336699;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:hover {
margin: 0; 
padding:0;
display:block;
width:844px;
height:80px;
line-height:60px;
background-image: url("http://varitopi.com/img/new-header.gif");
color: #FF0000;
font-size: 32px;
text-decoration: none;
background-color:#FFFFFF;
font-weight: bold;
text-align:center; 
}

/* エントリー全体 */
.blog {
padding: 10px;
font-size: 10px;
}

/* カテゴリータイトル */
.title { 
margin: 10px 0px 5px 0;
padding: 3px;
color: #ffffff;
background: #336699;
font-size: 14px;
font-weight: bold;
}

/* エントリー日付 */
.date-entry {
font-size: 13px;
font-weight: bold;
margin:0;
padding:0;
text-align:right;
}

/* エントリー */
.entry {
width: auto;
margin: 0 10px 50px;
color: #000;
font-size: 14px;
line-height:170%;
word-break: break-all;
}
.old-entry {
width: auto;
margin: 0 10px 10px;
color: #000;
font-size: 14px;
line-height:170%;
word-break: break-all;
}
.entry a:active {}
.entry img {
margin-right: 8px;
margin-bottom: 5px;
}

/*アーカイブページ */
.entry ul li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding:0 0 0 20px;
}

/* エントリータイトル */
.entry-header {
line-height: 1.5em;
font-size:20px;
font-weight:bold;
text-align:left;
margin:7px 0px 5px 0;
padding:10px 0px 10px 10px;
color:#ff0000;
border-top:3px solid #336699;
border-bottom:3px solid #336699;
background-color:#f0f8ff;
}


.entry-header-cate  {
font-size:15px;
font-weight:bold;
text-align:left;
margin:0px 0px 10px;
padding:23px 0px 23px;
color:#ff0000;
}
.entry-header-cate a{color:#ff0000;text-decoration:none;font-weight:bold;}
.entry-header-cate a:link{color:#ff0000;text-decoration:none;}
.entry-header-cate a:visited{color:#ff0000;text-decoration:none;}
.entry-header-cate a:hover{color:#336699;text-decoration:none; background-color: #FFFF00;}

.entry-header a{color:#ff0000;text-decoration:none;font-weight:bold;}
.entry-header a:link{color:#ff0000;text-decoration:none;}
.entry-header a:visited{color:#ff0000;text-decoration:none;}
.entry-header a:hover{color:#336699;text-decoration:none; background-color: #FFFF00;}

/* 記事 */
.entry-body {
border-top:1px dotted #000;
font-size: 110%;
color: #000000;
letter-spacing: 1px;
}
.entry-body a {color:#000;text-decoration:underline;}
.entry-body a:link{color:#000;text-decoration:none; border-bottom:1px dashed #336699;}
.entry-body a:visited{color:#000;text-decoration:none; border-bottom:1px dashed #336699;}
.entry-body a:active{color:#000;text-decoration:none; border-bottom:1px dashed #336699;}
.entry-body a:hover{color: #336699; background-color:#FFFF00;text-decoration:none; border-bottom:1px solid #FFFF00; border-top:1px solid #FFFF00;}

.entry-body img { border: 1px solid #336699;float:left; margin: 0 10px 1px 0;}
.entry-body a img { border: 1px solid #336699;float:left; margin: 0 10px 1px 0;}
.entry-body a:hover img {border: 1px solid #98EC53; background-color:#fff;}

.entry-body-tsuzuki {
clear:both;
font-size: 100%;
color: #000000;
letter-spacing: 1px;
}

/* 追記 */
.entry-more { padding: 1em 0 1em 0; text-align: right; font-size: 13px; line-height:1.3em;width:405px;}
.entry-more a {color:#336699;text-decoration:underline;}
.entry-more a:link{color:#336699;text-decoration:underline;}
.entry-more a:visited{color:#336699;text-decoration:underline;}
.entry-more a:active{color:#336699;text-decoration:underline;}
.entry-more a:hover{color: #336699; background-color:#FFFF00;text-decoration:none;}

/* 投稿者 */
.entry-footer {
margin: 35px 0px 0px 0px;
border-top: 1px dashed  #000;
border-bottom: 1px dashed  #000;
background-color: #F3F3F3;
font-size: 11px;
}
.entry-footer a:link{color:#336699;text-decoration:none;}
.entry-footer a:visited{color:#336699;text-decoration:none;}
.entry-footer a:active{color:#336699;text-decoration:none;}
.entry-footer a:hover{color:#336699;text-decoration:none;}

.en-entry-footer {
margin:10px 0 0 0;
text-align: right;
font-size: 10px;
border-bottom:1px dashed  #000;
}
.tag-entry-footer {
margin: 10px 0 15px 0;
border-bottom: 1px dashed  #000;
text-align: right;
font-size: 10px;
}
.sponserd {
font-size:85%;
}
/* サイドメニュータイトル */
.sidetitle {
margin: 15px 0 0px;
padding: 2px 0 2px;
border: 1px solid  #336699;
background: #336699;
text-align: center;
font-size: 12px;
line-height: 140%;
color:#FFFFFF;
}
.sidetitle-b {
margin: 15px 0 10px 0;
padding: 2px 0 2px;
border: 1px solid  #336699;
background: #336699;
text-align: center;
font-size: 12px;
line-height: 140%;
color:#FFFFFF;
}
.side li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 3px 0 3px 23px;
margin-top: 0px;

}
.side-come li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 0 0 0 23px;
margin:4px 0 0 0;
}

.side-cate {
font-size: 12px;
}
.side-cate02 {
font-size: 12px;
}
.side-arch {
font-size: 12px;
}
.side-cate ul li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 3px 0 3px 23px;
margin-top: 0px;
border-bottom:1px dashed #cccccc;
}
.side-arch ul li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 3px 0 3px 23px;
margin-top: 0px;
border-bottom:1px dashed #cccccc;
}
.rank{
list-style-type: none;
padding:3px 0 3px 25px;
text-align:left;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
border-bottom:1px dashed #cccccc;
}
.rank2{
font-size:12px;
list-style-type: none;
padding:3px 0 0 25px;
text-align:left;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
}

.side-roll {
margin: 5px 2px 5px 5px;
background: none;
font-size: 11px;
line-height: 150%;
}
.side-roll li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 3px 0 3px 23px;
margin-top: 0px;
border-bottom:1px dashed #cccccc;
}

.archive-roll {
margin:10px 2px 5px 5px;
background: none;
font-size:15px;
line-height: 150%;
}
.archive-roll li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 3px 0 3px 23px;
margin:0 0 0 10px;
border-bottom:1px dashed #cccccc;
}
.side-roll-cate {
margin: 5px 2px 5px 5px;
background: none;
font-size: 11px;
line-height: 150%;
}
.side-roll-cate li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 3px 0 3px 23px;
margin-top: 0px;
border-bottom:1px dashed #cccccc;
}
/* サイドメニュータイトル */
.okiniiri {
margin: 15px 0 10px 0;
padding: 2px 0 2px;
border: 1px solid  #336699;
background: #336699;
text-align: center;
font-size: 12px;
line-height: 140%;
color:#FFFFFF;
}

#links-right-box #links-right .sidetitle a {
margin: 15px 0 0px;
padding: 2px 0 2px;
border: 1px solid  #336699;
background: #336699;
text-align: center;
font-size: 12px;
line-height: 140%;
color:#FFFFFF;
}

/* サイドメニュー */
.side {
margin: 5px 2px 5px 5px;
background: none;
font-size: 11px;
line-height: 150%;
}
.side-come {
margin: 5px 2px 5px 5px;
background: none;
font-size: 11px;
line-height: 150%;
}
.side-come ul {
margin:0;
padding:0;
}
.t-side {
margin: 5px 2px 5px 5px;
background: none;
font-size: 11px;
line-height: 150%;
}


/* サイドメニュー */
.sidebody{
padding:8px 0px 8px;
text-align:left;
border-bottom:1px dashed #000;
}


/* カウンター */
.counter {
margin: 8px 0 25px;
padding: 2px;
background: none;
font-size: 9px;
}

/* コメント・トラックバック */
#comments-open-data p {
margin-bottom: 10px;
}

#comment-post {
   font-weight: bold;
}

#comment-author, #comment-email, #comment-url, #comment-text {
   width: 280px;
font-size: 13px;
letter-spacing: 1px;
padding: 2px 3px;
}

#comment-text {
width: 340px;
font-size: 13px;
letter-spacing: 1px;
padding: 3px 3px;
}

#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}

#comments-open-footer {
text-align: center;
}

.trackbacks,
.comments {
margin: 10px 25px;
color: #36414d;
}

.trackbacks-header,
.comments-header,
.comments-head,
.comments-open-header {
margin: 25px 0 15px ;
padding: 4px 0 4px 5px;
border: 1px solid  #336699;
color: #4F4F4F;
background: #FFFFFF;
font-size: 12px;
}

#trackbacks-info {
margin: 20px 5px 50px;
padding: 0;
font-size: 13px;
line-height: 150%;
word-break: break-all;
letter-spacing: 1px;
}
.trackback-content,
.comment-content,
.comments-open-content {
margin: 20px 5px 10px;
padding: 0;
font-size: 13px;
line-height: 150%;
color: #000000;
word-break: break-all;
letter-spacing: 1px;
}

.trackback-content p,
.comment-content p {
margin-top: 15px;
margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
font-size: 10px;
border-top: 1px dashed #000;
text-align: right;
padding: 10px 0px;
margin: 0px 10px;
}

.comments-open label {
display: block;}


/* 3カラム用 */
body {
margin: 0px 0px 20px 0px;
background-color:#e0f0ff;
}

.layout-three-column #box {
width: 915px;
margin-right: auto;
margin-left: auto;
padding: 0px;
text-align: left;
border-left: 1px solid #336699;
border-right: 1px solid #336699;
background-color:#FFFFFF;
}


/* 3カラム */
.layout-three-column #content-margin {
padding:0;
}

.layout-three-column #content {
float: left;
width: 515px;
margin: 0 0 15px 0;
padding: 0px;
border-right:1px solid #CCCCCC;
}

.layout-three-column #links-left-box {
float: right;
width: 135px;
margin-left:10px;
margin-right:15px;
display: inline;
}
.layout-three-column #links-right-box {
float: right;
width: 220px;
margin-right:10px;
margin-left:0;
display: inline;
}

select {
width: 130px;
color: #000;
background: #fff;
padding: 1px;
} 



/* フッター */
.footer{
font-size:10px;
text-align:center;
margin: 15px 0px 0px 0px;
padding: 15px 0px 15px 5px;
border-top: 1px solid #336699;
border-bottom: 1px solid #336699;
background-color:#e0ffe0;
}
.footer .retop {
padding-left:600px;
}

/* ぱんくず */
.pankuzu {
margin:0;
padding:5px;
color: #000;
font-size: 12px;
line-height: 150%;
font-weight: normal;
border-bottom:1px dotted #336699;
}


h2 {
margin:20px 0 10px 0;
padding: 3px 0 5px 10px;
color: #ff0000;
border-left:5px solid #336699;
border-bottom:3px dotted #336699;
font-size: 14px;
font-weight: bold;
}

.pankuzu h2 {
display: inline; 
color: #000;
font-size: 12px;
line-height: 150%;
font-weight: normal;
}

.Ads-entrytop {
margin:5px 0px 0px 25px;
}

.Ads-catetop {
margin:0px 10px 0px 5px;
}

.clear {
clear: both;
}
.linksyu ul li {
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding:0 0 0 20px;
font-size:12px;
}

.t-pro {
margin: 10px 0 0 0;
padding: 2px 0 2px 10px;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.archivetitle {
margin:0 10px 0 10px;
padding: 2px 0 2px 10px;
color: #336699;
font-size: 15px;
border-bottom:1px dotted #666666;
}
.next {
margin: 10px 0 0 0;
padding: 2px 0 2px 10px;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.tugi {
margin: 10px 0 0 0;
padding: 2px 0 2px 10px;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.tugi2 {
margin: 10px 0 0 0;
padding: 2px 0 2px 10px;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.others-next a {
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
margin: 0 0 0 5px;
padding: 2px 0 2px 15px;
line-height: 150%;
}
.others ul  li  {
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
margin: 0 0 0 5px;
padding: 2px 0 2px 15px;
line-height: 150%;
}
.tugi a:link{
margin: 10px 0px 0px 5px;
padding: 2px 0 2px 10px;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.tugi2 a:link{
margin: 10px 0px 0px 5px;
padding: 2px 0 2px 0;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.tugi a:visited{
margin: 10px 0px 0px 5px;
padding: 2px 0 2px 10px;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.tugi a:hover {
color: #336699;
text-decoration: none; 
background-color:#FFFF00;
}
.tugi2 a:visited{
margin: 10px 0px 0px 5px;
padding: 2px 0 2px 0;
color: #ffffff;
font-size: 12px;
background-color:#336699;
}
.tugi2 a:hover {
color: #ff0000;
text-decoration: none; 
background-color:#FFFF00;
}

.entry-footer-Ads {
margin-top:15px;
}

#uead {
text-align:right;
margin:5px 40px 0 0;
padding:0 0 15px 0;
}
#nakaad {
text-align:center;
margin:5px 40px 0 0;
padding:10px 0 10px 0;
border-top: 1px dotted #a9a9a9;
border-bottom: 1px dotted #a9a9a9;
}
#shita-ad {
border-top: 1px dotted #dcdcdc;
border-bottom: 1px dotted #dcdcdc;
padding:10px 0 15px 0;
text-align:center;
}
.archive-ad {
margin-top:20px;
margin-left:30px;
}
/*ランキングの文字*/
.ranking-font {
padding: 5px 0 1px 0;
font-size: 11px;
list-style-type: none;
text-align:left;
} 
.ranking-font  .site-font {
padding: 7px 0 7px 0;
font-size: 11px;
list-style-type: none;
text-align:left;
} 


.hatena-bm {
width:16px;
float:right;
margin:2px 0 0 0;
padding:0;
vertical-align:middle;
}

#rss-p td {
padding:0 0 5px 0;
}

.linkpp {
font-size:12px;
}


.error_out {
	margin:0 auto;
	width:500px;
	text-align:left;
	border-color:#336699;
	border-width:2px;
	border-style:solid;
}
.error_left {
	width:160px;
	line-height:400%;
	background:#336699;
	padding:10px;
	font-size:150%;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	float:left;
}
.error_right {
	width:290px;
	margin:15px 10px 10px 10px;
	text-align:left;
	float:right;
}
.home {
	text-align:right;
	margin:10px 10px 0 0;
}
#notfound {
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	line-height: 150%;
	font-size: 80%;
	color: #333333;
	margin:100px auto 0px auto;
}



/* タグクラウド */
.module-tagcloud .module-content { font-size: 100%;text-align: left; font-family: Arial, Helvetica, sans-serif;}
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 150%; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 130%; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 120%; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 100%; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 90%; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 80%; }

.module-header {
margin: 10px 0px 5px 0;
padding: 5px 0 5px 30px;
color: #ffffff;
background: #336699;
font-size: 14px;
font-weight: bold;
}
.tag-h a { 
color: #ffffff;
}
.tag-h a:hover { 
color: #000000;
}
.tag-h { 
margin: 6px 0px 5px 0;
padding: 5px 0 5px 10px;
color: #ffffff;
background: #336699;
font-size: 14px;
font-weight: bold;
}

.search-results-container p {
padding:0 0 0 10px;
font-size:13px;
}

.module-content-tagp ul li {
font-size:13px;
list-style-type: none;
padding:3px 0 0 25px;
text-align:left;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
border-bottom:1px dashed #cccccc;
}


#link-ad {
background: #336699;
padding:3px 0 3px 0;
}
.link-ad-r {
float:right;
padding:0 10px 0 0;
}
.link-ad-l {
float:left;
padding:5px 0 0 20px;
}
 /* ページ分割のリンク */
#pagemenu {
margin:30px 0 0 0;
padding:7px 0 0 0;
 font-size: 100%;
 text-align: center;
border-top:3px dotted #336699;
}

.notfound2 {
text-align:center;
}


.archive-roll02 li {
font-family: Verdana, Arial, sans-serif;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
background-position:  left;
list-style-type: none;
padding: 3px 0 3px 23px;
margin:0 0 0 10px;
border-bottom:1px dashed #cccccc;
}

.submidashi {
border-bottom: 1px solid  #336699;
border-left: 5px solid  #336699;
font-size: 100%;
padding:5px;
}
.main-roll {
overflow:auto;
background: none;
font-size: 15px;
line-height: 150%;
widht:435px;
height:280px;
margin:0 0 20px 0;
}


.mokumoku {
margin: 10px 0px 5px 0;
padding: 3px;
color: #ffffff;
background: #336699;
font-size: 14px;
font-weight: bold;
}
.aisatu {
font-size: 13px;
}
.main-roll ul li  {
font-size: 14px;
line-height: 150%;
widht:435px;
border-bottom:1px dashed #cccccc;
padding:1px 0 5px 15px;
list-style: none;
background-image: url(http://varitopi.com/aicon.jpg);
background-repeat: no-repeat;
}

blockquote{
background-color: #ededed; 
}


ul.tree {
    margin: 0!important;
    padding: 0!important;
    font-size: 12px;
    list-style: none!important;
}
ul.tree ul {
    margin: 0!important;
    padding: 0!important;
}
ul.tree li {
    margin:10px 0 10px 0;
    padding: 0 0 0 20px!important;
    background: url(http://varitopi.com/aicon.jpg);
    background-repeat: no-repeat!important;
    list-style: none!important;
border-bottom:1px dashed #cccccc;
}

ul.tree li li {
    margin: 5px;
    padding: 5px 0 0 20px;
    background: url(http://varitopi.com/tree_lst_dotted.gif) no-repeat 4px 0;
    list-style: none;
border-style: none;
}
ul.tree li li.tree_end {
  margin: 5px;
padding: 5px 0 0 20px;
    background: url(http://varitopi.com/tree_end_dotted.gif) no-repeat 4px 0;
    list-style: none;
border-style: none;
}

.sns-aicon {
float:left;
list-style: none;
margin: 0;
padding: 0;
}