@charset "UTF-8";

/*-----------------------------------------------------

css for ラビット速報 http://rabitsokuhou.2chblog.jp
last modified - 2011.12.26

------------------------------------------------------*/

/*-----------------------------------------------------
    Yahoo UI Library Font-size Adjustment
    Copyright (c) 2006, Yahoo! Inc. All rights reserved.
    http://developer.yahoo.com/yui/license.txt
    http://developer.yahoo.com/yui/fonts/
    10px = 77%     11px = 85%     12px = 93%     13px = 100%
    14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
    18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
    22px = 167%    23px = 174%    24px = 182%    25px = 189%
    26px = 197%
------------------------------------------------------*/



html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,blockquote,th,td,p,img,a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	border: none;
}

img {
	vertical-align: bottom; 
}

li {
	list-style: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ----------------------------------------------------------------------------------------- */
/* --- LINK ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */


/* --- リンク基本色 ---- */

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #3D97EB;
	text-decoration: none;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}


/* --- brownバック ---- */

.postmeta li a {
	color: #605E5D;
}

#footer ul li a {
	color: #605E5D;
	font-size: 77%;
}

.postmeta li a:hover,
#footer ul li a:hover {
	color: #3D97EB;
}


/* ----------------------------------------------------------------------------------------- */
/* --- LAYOUT ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */


body { background: url(images/bg.jpg);}
);}



* html body {
text-align: center;
}


#allwrap {
	width: 1060px;
	margin: 0 auto;
	overflow: hidden;
}

* html #allwrap {
text-align: left;
margin-left: 20px;
}


#wrap {
	width: 1000px;
	background: url(images/waku.jpg) repeat-y 768px 0 #fff;
	margin: 0 auto;
	border-left: #FBA1C2 solid 4px;
	border-right: #FBA1C2 solid 4px;
	-webkit-box-shadow: -4px 0px 13px #AAC8EB;
	-moz-box-shadow: -4px 0px 13px #AAC8EB;
	-o-box-shadow: -4px 0px 13px #AAC8EB;
	box-shadow: -4px 0px 13px #AAC8EB;
}



/* ----------------------------------------------------------------------------------------- */
/* --- HEADER ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */

#header {
	width: 1000px;
	height: 305px;
	background: url(/images/header.jpg);
	position: relative;
}

h1 {
	text-indent: -9999px;
}

#logo {
	display: block;
	width: 520px;
	height: 150px;
	position: relative;
	top: 60px;
	left: 90px;
	overflow: hidden;
}

#damdam {
	width: 364px;
	height: 388px;
	margin-left: 668px;
	background: url(/images/madoka.png) no-repeat;
	position: absolute;
	top: -8px;
}

* html #damdam {
width: 331px;
height: 260px;
background: url(/images/madoka_ie6.jpg) no-repeat;
margin-top: 8px;
margin-right: -5px;
}




#globalnav {
	width: 670px;
	height: 23px;
	margin-left: 17px;
	position: absolute;
	bottom: 11px;
}

#globalnav li {
	float: left;
	margin-right: 22px;
	color: #fff;
	font-famil: "Hiragino Maru Gothic Pro";
	font-size: 85%;
	-webkit-text-shadow: 2px 2px 1px #000;
	-moz-text-shadow: 2px 2px 1px #000;
	-o-text-shadow: 2px 2px 1px #000;
	text-shadow: 2px 2px 1px #000;
}

#globalnav li a:before {
	margin-right: 3px;
	position: relative;
	top:-1px;
	content: "❖";
	font-size: 85%;
	-webkit-text-shadow: 2px 2px 4px #642A38;
	-moz-text-shadow: 2px 2px 4px #642A38;
	-o-text-shadow: 2px 2px 4px #642A38;
	text-shadow: 2px 2px 4px #642A38;
}

#globalnav li a {
	color: #fff;
	font-weight: bold;
	-webkit-text-shadow: 2px 2px 4px #642A38;
	-moz-text-shadow: 2px 2px 4px #642A38;
	-o-text-shadow: 2px 2px 4px #642A38;
	text-shadow: 2px 2px 4px #642A38;
}

#globalnav li a:hover {
	color: #fff;
	font-weight: bold;
	-webkit-text-shadow: 2px 2px 4px #1873C9;
	-moz-text-shadow: 2px 2px 4px #1873C9;
	-o-text-shadow: 2px 2px 4px #1873C9;
	text-shadow: 2px 2px 4px #1873C9;
}

*:first-child+html #globalnav li a:hover {
color: #3D97EB;
}


#elly0524 {
	width: 111px;
	height: 136px;
	margin-left: -804px;
	background: url(/images/elly0524.png);
	position: absolute;
	top: 126px;
}

#elly0524 a {
	display: block;
	width: 45px;
	height: 80px;
	margin-left: 23px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: help;
}


*:first-child+html #elly0524 {
	width: 111px;
	height: 136px;
	margin-left: -825px;
	background: url(/images/elly0524.png);
	position: absolute;
	top: 126px;
}

* html #elly0524 {
display: none;
}

/* xmas style
#elly0524 {
width: 115px;
height: 139px;
background: url(/images/elly0524xmas.png);
position: absolute;
top: 117px;
margin-left: -804px;
}

#elly0524 a {
display: block;
width: 45px;
height: 80px;
position: relative;
top:4px;
margin-left: 23px;
text-indent: -9999px;
overflow: hidden;
cursor: help;
}
*/


/* ----------------------------------------------------------------------------------------- */
/* --- CONTENTS ---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

#contentswrap {
	float: left;
	width: 738px;
	margin: 0 0 40px 19px;
}


* html #contentswrap {
borde: red solid 1px;
margin: 0 0 40px 10px;
position: relative;
}


/* --- rss , ads , pagenate----------------------------- */

#rss {
	width: 728px;
	height: 250px;
	margin-bottom: 19px;
	overflow: auto;
	position: relative;
	z-index: 100;
}

#rss div {
	width: 350px;
	float: left;
}

.rssleft {
	margin-right: 8px;
}

#rss ul li {
	margin-bottom: 7px;
	padding-left: 18px;
	background: url(images/rss_list_icon.jpg) no-repeat 0 2px;
	color: red;
	font-size: 85%;
}

#rss ul li img {
	display: none;
}

/* --- ads ----------------------------- */

#topads {
	width: 728px;
	height: 90px;
	margin-bottom: 20px;
}

/* --- pagenation ----------------------------- */

.pagenate {
	width: 380px;
	height: 35px;
	margin: 0 auto 20px auto;
	background: #999;
}


/* ************************ */
/* ******* entry ********** */
/* ************************ */

.entry {
	margin-bottom: 25px;
}

* html .entry {
borde: blue solid 1px;
position: relative;
}

h2 {
	width: 818px;
	height: 87px;
	background: url(images/h2_2.png);
	position: relative;
	left: -51px;
	font-weight: bold;
}

* html h2 {
width: 728px;
height: 30px;
background: #FA86B0;
position: relative;
left: 0;
overflow: hidden;
}

* html h2 a {
position: relative;
top: 0;
left: 10px;
line-height: 30px;
}


h2 a {
	display: block;
	width: 755px;
	height: 2.0em;
	padding-left: 5px;
	position: relative;
	top: 20px;
	left: 43px;
	overflow: hidden;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	text-decoration: none;
	line-height: 2em;
	-webkit-text-shadow: 2px 2px 4px #642A38;
	-moz-text-shadow: 2px 2px 4px #642A38;
	-o-text-shadow: 2px 2px 4px #642A38;
	text-shadow: 2px 2px 4px #642A38;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#642A38,offx=1,offy=1)";
}

h2 a:hover {
	color: #fff;
	-webkit-text-shadow: 2px 2px 3px #3D97EB;
	-moz-text-shadow: 2px 2px 3px #3D97EB;
	-o-text-shadow: 2px 2px 3px #3D97EB;
	text-shadow: 2px 2px 3px #3D97EB;
}


*:first-child+html h2 a:hover {
color: #3D97EB;
}

/* postmeta */

.postmeta {
	float: left;
	width: 530px;
	height: 16px;
	margin: -24px 0 30px 0;
	position: relative;
	z-index: 10;
}


* html .postmeta {
margin: 0 0 30px 0;
background: #E3D2C7;
height: 23px;
padding-left: 10px;
}

.postmeta2 {
	float: left;
	width: 180px;
	height: 20px;
	margin: -26px 0 30px 0;
	position: relative;
	left: 40px;
	z-index: 10;
}

* html .postmeta2 {
margin: 0 0 30px 0;
position: relative;
left: 0;
background: #E3D2C7;
height: 20px;
width: 198px;
}

.postmeta li {
	float: left;
	margin-right: 1em;
	color: #605E5D;
	font-size: 77%;
	line-height: 13px;
}

* html .postmeta li {
line-height: 23px;
}

.postmeta2 li {
	float: left;
	margin-right: 10px;
}

.meta-comment {
	border-right: none!important;
}

.meta-tweet {
	width: 100px;
	overflow: hidden;
}

.meta-time {
	background: url(images/meta_time_icon.gif) no-repeat;
	padding-left: 18px;
}

.meta-category {
	background: url(images/meta_category_icon.gif) no-repeat;
	padding-left: 19px;
}

.meta-comment {
	background: url(images/meta_comment_icon.gif) no-repeat;
	padding-left: 19px;
}



* html .meta-time {background-position: 0 5px;}
* html .meta-category {background-position: 0 5px;}
* html .meta-comment {background-position: 0 5px;}


/* entrybody */

.entrybody {
	clear: both;
	margin-left: 10px;
	color: #555;
}

.entrybody .pict {
	padding: 3px;
	border: #ccc solid 1px;
	margin-bottom: 8px;
}

.entrybody blockquote {
	width: 680px;
}

.entrybody a {
	color: #06c;
}

.entrybody a:hover {
	color: #3D97EB;
	border-bottom: #3D97EB dotted 1px;
}

.entrybody blockquote {
background:#fffdf9!important;
border: #e8b5ca  solid 2px!important;
padding: 15px;
line-height: 150%!important;
border-radius: 4px!important;
margin-bottom: 15px!important;
font-weight: normal!important;
-webkit-box-shadow: 0 0 4px #FA86B0;
-moz-box-shadow: 0 0 4px #FA86B0;
-o-box-shadow: 0 0 4px #FA86B0;
box-shadow: 0 0 4px #FA86B0;
}

.entrybody .related {
width: 700px;
background:#fffdf9;
border: #e8b5ca  solid 2px;
display: block;
border-radius: 4px;
padding: 5px;

}


/* more */

.more {
	display: block;
	width: 176px;
	height: 44px;
	background: url(images/more.jpg) 0 44px;
	margin-left: 9px;
	margin-top: 20px;
}

.more a {
	display: block;
	width: 176px;
	height: 44px;
	background: url(images/more.jpg);
	overflow: hidden;
	text-indent: -9999px;
}

.more a:hover {
	display: block;
	width: 176px;
	height: 44px;
	overflow: hidden;
	text-indent: -9999px;
	filter: alpha(opacity=5);
	-moz-opacity:0.05;
	opacity:0.05;
}

/* bottom_meta */

.article-tags dt {
	float: left;
}
.article-tags dd {
	float: left;
	margin-right: 10px;
}

#postmeta_bottom .meta-hatebu {
	margin-right: 10px;
}


/* ----------------------------------------------------------------------------------------- */
/* --- COMMENT ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

div#article-options {
	padding-top: 40px;
}

div.article-option h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 90%;
}

/** コメント一覧 */

ul.comment-info {
margin: 0 12px 10px 0;
padding-bottom: 10px;
border-bottom: #ccc dotted 1px;
}

ul.comment-info li.comment-author {
	display: inline;
	color: #555;
	font-size: 77%;
}
ul.comment-info li.comment-date {
	display: inline;
	color: green;
	font-size: 77%;
}

li.comment-body {
	padding-left: 1em;
	color: #444;
	font-size: 93%;
}

ul.comment-info li {
	display: inline;
}

ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	line-height: 1.4;
}

/** コメントフォーム */

#comment-form {
	padding-top: 25px;
	font-size: 95%;
}

#comment-form dl dt {
	margin-bottom: 5px;
}

.input-auther {
	margin-bottom: 10px;
	color: #666;
}

.input-auther input {
	width: 200px;
	padding: 2px;
	border: #ddd solid 2px;
	color: #666;
	font-size: 95%;
}

#comment-form textarea {
	width: 720px;
	height: 100px;
	margin-bottom: 10px;
	padding:  2px;
	border: #ddd solid 2px;
	font-size: 95%;
}

.button {
	margin-bottom: 25px;
}

div#comment-form-body table tr.input-etc td {
	padding-top: 6px;
}

div#comment-form-body table tr.submit td {
	text-align: center;
}

/*** コメント認証 */

div.comment-auth-announcement p a {
	margin: 0 3px;
}



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

#sidebar {
	float: right;
	width: 200px;
	margin: 0 14px 40px 0;
}



* html #sidebar {
position: relative;
margin: 0 0 40px 0;
borde: green solid 1px;
}

.sidewrapper {
	clear: both;
	margin-bottom: 25px;
}

#sidebar .side {
	margin-left: 2px;
}

.sidetitlebody {
	height: 20px;
	margin-bottom: 10px;
}

.sidetitle {
	height: 20px;
	padding-left: 23px;
	color: #695F5F;
	font-family: "Hiragino Maru Gothic Pro";
	font-size: 85%;
}

.sidetitle a {
	position: relative;
	color: #695F5F;
	font-family: "Hiragino Maru Gothic Pro";
	text-decoration: none;
}

.sidetitle a .sidetitle_open {
	display: block;
	width: 11px;
	height: 11px;
	margin: 3px 0 0 -19px;
	background: url(/images/sidetitle_plus.jpg);
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

.sidetitle a .sidetitle_open ,  x:-moz-any-link, x:default {
	display: block;
	width: 11px;
	height: 12px;
	margin: 1px 0 0 -19px;
	overflow: hidden;
	background: url(/images/sidetitle_plus.jpg) 0 1px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

.sidetitle a .sidetitle_close {
	display: block;
	width: 11px;
	height: 11px;
	margin: 3px 0 0 -19px;
	overflow: hidden;
	position: absolute;
	background: url(/images/sidetitle_minus.jpg);
	top: 0;
	left: 0;
	text-indent: -9999px;
}

.sidetitle a .sidetitle_close ,  x:-moz-any-link, x:default {
	display: block;
	width: 11px;
	height: 12px;
	margin: 1px 0 0 -19px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/sidetitle_minus.jpg) 0 1px;
	text-indent: -9999px;
}

.plugin-recent_articles_image .sidetitle,
.plugin-popular_articles .sidetitle,
.plugin-memo .sidetitle,
.plugin-daily_count .sidetitle,
.plugin-link .sidetitle,
.plugin-monthly .sidetitle,
.plugin-categorize .sidetitle ,
.plugin-popular_articles_with_image .sidetitle{
	background: url(/images/sidetitle.jpg) -1px -1px;
}

/*
 {
	background: url(/images/sidetitle_folder.jpg) -1px -1px;
}
*/

/* --- 最新記事 ----------------------------- */.side ul.recent-article-image {
	padding: 3px 0 0 3px;
	overflow: hidden;
}.side ul.recent-article-image li {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	border-bottom: #ccc dotted 1px;
	padding-bottom: 5px;
	font-size: 85%;
}

.side ul.recent-article-image li img{
	float: left;
	width: 58px;
	margin-right: 5px;
	padding: 1px;
	border: #ccc solid 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.side ul.recent-article-image li img:hover {
	overflow: hidden;
	border: #3F99EE solid 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	-webkit-box-shadow: 0 0 4px #3D97EB;
	-moz-box-shadow: 0 0 4px #3D97EB;
	-o-box-shadow: 0 0 4px #3D97EB;
	box-shadow: 0 0 4px #3D97EB;
}



/* --- 人気記事 ----------------------------- */

.plugin-popular_articles {
	overflow: hidden;
	padding-top: 0px;
}

.plugin-popular_articles span {
	position: relative;
	top: -7px;
	color: #666;
	font-family: "Times New Roman";
}.side div.popular-articles table td {padding: 0;vertical-align: middle;}

.plugin-popular_articles a {
	display: block;
	width: 174px;
	border-bottom: #ccc dotted 1px;
	margin: 0 0 5px -19px;
	padding: 0 0 5px 22px;
	font-size: 77%;
}


/* --- スポンサードリンク ----------------------------- */

.plugin-memo .adblock {
	margin-left: 20px;
}

/* --- カテゴリー , 月別アーカイブ ----------------------------- */

.plugin-categorize .sidebody,
.plugin-monthly .sidebody {
	margin: 0 0 4px 5px;
	font-size: 77%;
}

.plugin-categorize .sidebody a:before,
.plugin-monthly .sidebody a:before {
	content: "-";
	margin-right: 14px;
	color: #C8BAA0;
}


/* --- アクセスカウンター ----------------------------- */

.daily_count {
	margin-left: 0!important;
	font-size: 85%;
}
.daily_count li {
	position: relative;
	left: -17px;
	top:8px;
	color: #666;
}


/* --- リンク ----------------------------- */

.anotherlink ul li,
.plugin-link .sidebody {
	margin: 0 0 5px 5px;
	font-size: 77%;
}

.anotherlink ul li a,
.plugin-link .sidebody a {
	display: block;
	padding-left: 17px;
	background: url(images/side_baricon.jpg) no-repeat 0 5px;
}

.anotherlink dt {
	margin: 0 0 5px 2px;
	color: #C8BAA0;
	font-size: 77%;
}

.anotherlink dd {
	margin-bottom: 15px;
}



/* --- 楽天商品 ホビー ----------------------------- */

.gdblock {
	overflow: hidden;
	border: #ccc solid 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	max-width: 205px;
}

.gdblock:hover {
	overflow: hidden;
	border: #3F99EE solid 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	-webkit-box-shadow: 0 0 6px #3D97EB;
	-moz-box-shadow: 0 0 6px #3D97EB;
	-o-box-shadow: 0 0 6px #3D97EB;
	box-shadow: 0 0 6px #3D97EB;
	behavior: url("/PIE.htc");
	position: relative;
}

#topmadoka {
	height: 275px;
	margin: 81px 0 75px 0;
}

* html #topmadoka {
margin: 0px 0 30px 0;
height: 250px;
}



* html .gdblock {
width: 200px;
overflow: hidden;
position: relative;
}


/* --- ホビー ----------------------------- */

#hobby div {
	padding: 2px 2px 5px 2px;
	margin-bottom: 5px;
	background: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#hobby div:hover {
	overflow: hidden;
	background: #3F99EE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	-webkit-box-shadow: 0 0 6px #3D97EB;
	-moz-box-shadow: 0 0 6px #3D97EB;
	-o-box-shadow: 0 0 6px #3D97EB;
	box-shadow: 0 0 6px #3D97EB;
}

#hobby div:hover a {
	color: #fff;
}

#hobby img {
	margin-bottom: 5px;
}

#hobby a {
	color: #555;
	font-size: 77%;
	line-height: 140%;
	text-decoration: none;
}


/* --- ブログパーツ ----------------------------- */

#mayo {
	margin-left: 15px;
}

#mayo a {
	color: #555;
	font-size: 77%;
	text-decoration: none;
	text-align: center;
}

#ld-services {
	margin-left: 45px;
}


/* ----------------------------------------------------------------------------------------- */
/* --- FOOTER ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */

#footer {
	clear: both;
	width: 1060px;
	height: 70px;
	background: url(images/footer.png) ;
	margin-left: -29px;
	position: relative;
	top: 2px;
	overflow: hidden;
}

* html #footer {
display: none;
position: relative;
}


#footer ul {
	position: relative;
	top: 16px;
	left: 47px;
}




#footer ul li {
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	border-right: #605E5D solid 1px;
	line-height: 10px;
}

#footer address {
	margin-left: 47px;
	position: absolute;
	bottom: 10px;
	color: #fff;
	font-size: 77%;
	font-weight: bold;
	font-style: normal;
	-webkit-text-shadow: 1px 1px 2px #782424;
	-moz-text-shadow: 1px 1px 2px #782424;
	-o-text-shadow: 1px 1px 2px #782424;
	text-shadow: 1px 1px 2px #782424;
}

#footer address a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer address a:hover {
	color: #fff;
	-webkit-text-shadow: 0 0 2px #3D97EB;
	-moz-text-shadow: 0 0 2px #3D97EB;
	-o-text-shadow: 0 0 2px #3D97EB;
	text-shadow: 0 0 2px #3D97EB;
}

#article_body #foote {
	position: relative;
	top: 20px;
}


*:first-child+html #footer li {
	line-height: 14px;
	position: relative;
	top:-3px;
}

*:first-child+html #footer address {
	width: 900px;
	position: relative;
	left: 0;
	top: 30px;
}

*:first-child+html #footer address a:hover {
color: #3D97EB;
}




.tandb {
borde: #ccc solid 1px;
height: 80px;
margin-left: 8px;
}

.tandb li {
float: left;
}

.tandb li + li {
position: relative;
left: 16px;
}


/* ----------------------------------------------------------------------------------------- */
/* --- PICKUP ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */

#pickuparticle {
	margin: 0 0 40px 10px;
	padding-top: 55px;
}

#pickuparticle dt {
	margin-bottom: 10px;
	color: #ff6666;
	font-size: 13pt;
	font-weight: bold;
}

#pickuparticle dd {
	margin-bottom: 45px;
}

#pickuparticle ul li {
	margin-bottom: 12px;
	border-left : #ff6666 4px solid;
}

#pickuparticle ul li a {
	display: block;
	padding-left: 8px;
	color: #555;
	font-weight : bold;
	font-size : 18px;
}

#pickuparticle ul li a:hover {
	padding-left: 15px;
	color: #3D97EB;
	text-decoration: none;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

.related-articles {
	margin: 0 0 25px 10px;
}

.related-articles h3 {
	margin: 0 0 12px -10px
	color: #444;
	font-weigh: bold;
}

.related-articles ul li {
	margin-bottom: 5px;
	border-left: #3D97EB solid 3px;
}

.related-articles ul li a {
	padding-left: 8px;
	font-size: 83%;
}

#postmeta_bottom {
	margin-right: 5px;
	padding-top: 10px;
	border-top: #ccc solid 1px;
	margin-bottom: 8px;
}

#postmeta_bottom li {
	float: left;
	font-size: 77%;
	line-height: 20px;
}


/* ----------------------------------------------------------------------------------------- */
/* --- PAGER ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */

div.pager {
	height: 25px;
	padding: 5px;
	text-align: center;
}

div.pager-inner {
	width: auto;
	height: 28px;
	margin: 0 auto;
	text-align: center;
}

/** IndexNavigator トップページ */

ul.index-navigator {
	display: inline-block;
	height: 25px;
	overflow: hidden;
	padding: 3px 0;
	font-size: 85%;
}

.index-navigator li {
	float: left;
	line-height: 22px;
	text-align: center;
}

.index-navigator li a {
	color: #555;
}

.index-navigator li a:hover {
	color: #3D97EB;
}

.index-navigator li ol li a {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	background: #E3D2C7;
	border: #E3D2C7 solid 1px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-o-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
}

.index-navigator li ol li a:hover {
	color: #3D97EB;
	border: #3D97EB solid 1px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	-webkit-box-shadow: 0 0 5px #3D97EB;
	-moz-box-shadow: 0 0 5px #3D97EB;
	-o-box-shadow: 0 0 5px #3D97EB;
	box-shadow: 0 0 5px #3D97EB;
}

.current {
	display: block;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	background: #FA8EB6;
	border: #FA8EB6 solid 1px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-o-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
}

.paging-first,
ul.index-navigator li.paging-prev a {
	margin-right: 10px;
}

ul.index-navigator li.paging-last a {
	margin-left: 10px;
}

/** ArchivesPager カテゴリ別、月別 */

ul.archives-pager {
	padding: 5px 0 0;
	list-style-type: none;
	font-size: 90%;
}

ul.archives-pager li {
	padding: 2px 5px;
}

ul.archives-pager li a {
	padding: 0 5px;
}

/* ----------------------------------------------- */
/** ArticlePager 記事ページ */

div.article-pager-top div.article-pager-outer {
	paddin: 0 0 10px;
	border-top: #ccc solid 1px;
}

div.article-pager-bottom div.article-pager-outer {
	margin-left: -10px;
	margin-right: 5px;
	margin-top: 12px;
	padding-top: 5px;
	border-top: #ccc solid 1px;
	height: 30px;
	borde: red solid 1px;

}

ul.article-pager {
	font-size: 90%;
}

ul.article-pager li {
	float: left;
	width: 49%;
	line-height: 1.25;
}

ul.article-pager {
	overflow: hidden;
}

ul.article-pager li {
	padding-top: 1px;
	padding-bottom: 100px;
	margin-bottom: -99px;
}

ul.article-pager li a {
	display: block;
	margin: 0 10px;
}

ul.article-pager li.prev {
	text-align: right;
}

ul.article-pager li.next {
	text-align: left;
}


/* --- tip----------------------------------------------------------------------------------------- */

.tipsy {
	margin-top: -5px;
	padding: 5px;
	font-size: 77%;
	position: absolute;
	z-index: 100000;
}

.tipsy-inner {
	max-width: 300px;
	padding: 6px;
	background-color: #000;
	color: white;
	text-align: center;
}

.tipsy-inner {
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-o-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
}

.tipsy-arrow {
	position: absolute;
	width: 9px;
	height: 5px;
	background: url('tipsy.gif') no-repeat top left;
}

.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position:
	bottom left;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}

.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}


/* ▼ 広告固定 ▼ */
#nav {
  width: 220px;
}

.fixed {
  position: fixed;
  top: 0px;
}
/* ▲ 広告固定 ▲ */

div.popularArticlesWithImage.A div.title {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 22%;
    left: 0;
    line-height: 22px;
    opacity: 0;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    width: 146px;
}


div.popularArticlesWithImage.A ul li a:hover .title{
    opacity: 1;
  -moz-transition: all 0.25s ease-out 0s;
}


div.popularArticlesWithImage.A div.retweet, div.popularArticlesWithImage.A div.comment {
	font-size: 16px;
}

div.popularArticlesWithImage.A div.retweet, div.popularArticlesWithImage.A div.comment {
	text-shadow: 0 1px 0 #AD578C;
}


.m_ad{
 display:none;
}