@charset "UTF-8";
/* CSS Document */

#page,.error404 #page,.l-landingpage #page,.page-template-landing-page-php #page{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	margin-top:1px;
	margin-bottom:50px;
}

#whitebg{
	background:#fff;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
}

a img { border:0; }

a:link,a:visited {
   color:#00CCCC;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
   color:#FF3366;
}
a:active {
   color:#666;
}

ol,ul {
    list-style: none;
	margin:0px;
	padding:0px;
}

ol>li,ul>li{
	margin:0px;
	padding:0px;
}



/*header//////////////////////////////////////////////////////////////////////*/
#header{
	margin-bottom:0px;
	padding-bottom:0px;
}

.site-header{
	padding:0px;
	margin:0px;
}

.title-area{
	width:100%;
	float:none;
}

.home-title{
	width:100%;
	height:55px;
	padding:0px;
	overflow: hidden;
	background-color: #EBEAEA;
	text-align:left;
}



#cat1 .site-title{
	height:79px;
	padding:0px;
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(/blog/common/img/blog_image_1.png);
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #369CD8;
	text-align:left;
}


#cat2 .site-title{
	height:79px;
	padding:0px;
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(/blog/common/img/blog_image_2.png);
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #42b695;
	text-align:left;
}

#cat3 .site-title{
	height:79px;
	padding:0px;
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(/blog/common/img/blog_image_3.png);
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f4a329;
	text-align:left;
}




#dateanime{
	position: relative;
	width: 310px;
	height: 40px;
	overflow: hidden;
}

#dateanime ul li{
	position: absolute;
	color: #fff;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 300;
	
}

#dateanime ul li:nth-child(1){
	z-index: 2;
}

#dateanime ul li:nth-child(2) {
	z-index: 1;
	margin-left: -200px;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 1s;
	animation-fill-mode:both;
}

@keyframes fadeIn {
    0% {
       margin-left: -200px;
    }
    100% {
       margin-left: 0px;
    }
}

#dateanime ul li span{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#dateanime ul li:nth-child(1) span{
	display: block;
	width: 104px;
	height: 40px;
	
	padding-left: 5px;
	font-size: 20px;
	padding-top: 7px;
}

#dateanime ul li:nth-child(2) span{
	display: block;
	width: 304px;
	height: 40px;
	padding-left: 110px;
	text-align: center;
	font-size: 30px;
	line-height: 1.3;
	
}

#dateanime ul li:nth-child(1):after{
	content: "";
	display: block;
	position: absolute;
	top:0px;
	right: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 6px;
}

#dateanime ul li:nth-child(2):after{
	content: "";
	display: block;
	position: absolute;
	top:0px;
	right: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 6px;
}

#cat1 #dateanime ul li:nth-child(1) span{
	background-color: #5eb5e6;
}

#cat1 #dateanime ul li:nth-child(2) span{
	background-color: #369cd8;
}

#cat1 #dateanime ul li:nth-child(1):after{
	border-color: transparent transparent transparent #5eb5e6;
}

#cat1 #dateanime ul li:nth-child(2):after{
	border-color: transparent transparent transparent #369cd8;
}


#cat2 #dateanime ul li:nth-child(1) span{
	background-color: #80d0ba;
}

#cat2 #dateanime ul li:nth-child(2) span{
	background-color: #42b695;
}

#cat2 #dateanime ul li:nth-child(1):after{
	border-color: transparent transparent transparent #80d0ba;
}

#cat2 #dateanime ul li:nth-child(2):after{
	border-color: transparent transparent transparent #42b695;
}


#cat3 #dateanime ul li:nth-child(1) span{
	background-color: #f8bb61;
}

#cat3 #dateanime ul li:nth-child(2) span{
	background-color: #f4a329;
}

#cat3 #dateanime ul li:nth-child(1):after{
	border-color: transparent transparent transparent #f8bb61;
}

#cat3 #dateanime ul li:nth-child(2):after{
	border-color: transparent transparent transparent #f4a329;
}


.site-description{
	display:none;	
}



/*header//////////////////////////////////////////////////////////////////////*/
.site-body{
	padding:0px;
	margin:0px;	
}

.wrap,.error404 .wrap,.l-landingpage .wrap,.page-template-landing-page-php .wrap{
	position:relative;
	width:930px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/*main contentes//////////////////////////////////////////////////////////////////////*/
.sp_home,.sp_home_footer{
	display:none;	
}

#content{
	float:left;
	/*
	width:63.5%;
	width:calc(100% - 254px);
	*/
	width:666px;
	padding-top:20px;
	color:#555;
}

.error404 #content,.l-landingpage #content,.page-template-landing-page-php #content{
	width:940px;
	float:none;
	
}


.breadcrumbs{
	background-color:#f2f2f2;
	padding-top:6px;
	padding-left:8px;
	padding-bottom:5px;
	padding-right:20px;
}

article.post{
	padding:10px 15px;
	border:1px solid #DDD;
	margin-bottom:20px;
}

#cat1 #content a{color:#369cd8;}
#cat1 #content a:hover{color:#FF0099;}
#cat2 #content a{color:#42b695;}
#cat2 #content a:hover{color:#FF0099;}
#cat3 #content a{color:#f4a329;}
#cat3 #content a:hover{color:#FF0099;}

.error404 .entry-title,.l-landingpage .entry-title,.page-template-landing-page-php .entry-title{
	margin:.0 0;
	text-align:center;
	margin-bottom:0;
}

/*////////////////////////////////////
			entry
////////////////////////////////////*/
#cat1 .entry-content a{color:#369cd8;}
#cat1 .entry-content a:hover{color:#FF0099;}
#cat2 .entry-content a{color:#42b695;}
#cat2 .entry-content a:hover{color:#FF0099;}
#cat3 .entry-content a{color:#f4a329;}
#cat3 .entry-content a:hover{color:#FF0099;}

.entry-title{
	background:url(/blog/common/img/bgico.gif) 0 0 no-repeat;
	font-size:16px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 26px;
	margin-top:5px;
}

.entry-title>a:hover{
	border-bottom: none;
}

.entry-meta{
	text-align:right;
	margin-top:0;
	font-size:13px;
	padding-top:5px;
	color:#666;
}

#cat1 .entry-meta{
	background:url(/blog/common/img/lineblue.gif) no-repeat;
	line-height:2em;
}
#cat2 .entry-meta{
	background:url(/blog/common/img/linegreen.gif) no-repeat;
	line-height:2em;
}
#cat3 .entry-meta{
	background:url(/blog/common/img/lineyellow.gif) no-repeat;
	line-height:2em;
}

.entryinfo{
	text-align:right;
	font-size:10px;
	letter-spacing:0.1;
	margin-top:10px;
	border-top:1px solid #CCC;
	padding-top:8px;
}

.readmore{ margin-top:10px;}
#cat1 .readmore a{background:url(/blog/common/img/bgico.gif) 0 -780px no-repeat;	padding:20px 0 5px 12px;	font-weight:bold;}
#cat2 .readmore a{background:url(/blog/common/img/bgico.gif) 0 -880px no-repeat;	padding:20px 0 5px 12px;	font-weight:bold;}
#cat3 .readmore a{background:url(/blog/common/img/bgico.gif) 0 -980px no-repeat;	padding:20px 0 5px 12px;	font-weight:bold;}
#cat1 .readmore a:hover{background:url(/blog/common/img/bgico.gif) 0 -1080px no-repeat;	padding:20px 0 5px 12px;	font-weight:bold;}
#cat2 .readmore a:hover{background:url(/blog/common/img/bgico.gif) 0 -1080px no-repeat;	padding:20px 0 5px 12px;	font-weight:bold;}
#cat3 .readmore a:hover{background:url(/blog/common/img/bgico.gif) 0 -1080px no-repeat;	padding:20px 0 5px 12px;	font-weight:bold;}


/*////////////////////////////////////
			comment&trackback
////////////////////////////////////*/
#comments{
	margin-top:40px;
}

.comments-title{
	margin-top:0px;
	padding:0px;
}

.dotline{
	margin-bottom:20px;
}

.comment-list li{
	padding: 10px;
	border: 5px solid #f2f2f2;
	margin-bottom:15px;
}

.comment-content p{
	padding-top:10px;
	padding-bottom:10px;	
}

.comment{
	margin-top:0px;
	padding:0px;
}

.comment-author div{
	float:left;
}

.comment-awaiting-moderation{
	font-weight:normal;
	font-style:normal;
	text-align: left;
	margin-top:30px;
	margin-bottom:0px;
	background-color:#f2f2f2;
	padding:3px;
	clear: left;
}

.paging-navigation{
	margin:0px;
	padding:0px;
	margin-top:-20px;
	margin-bottom:40px;
}



#cat1 .comments-title{	background:url(/blog/common/img/bg_header.gif) no-repeat 0 -550px;height:35px;font-size:10px;text-align:right;margin-top:15px;}
#cat1 .trackbackh4{	background:url(/blog/common/img/bg_header.gif) no-repeat 0 -600px;height:35px;font-size:10px;text-align:right;margin-top:15px;}
#cat2 .comments-title{	background:url(/blog/common/img/bg_header.gif) no-repeat 0 -650px;height:35px;font-size:10px;text-align:right;margin-top:15px;}
#cat2 .trackbackh4{	background:url(/blog/common/img/bg_header.gif) no-repeat 0 -700px;height:35px;font-size:10px;text-align:right;margin-top:15px;}
#cat3 .comments-title{	background:url(/blog/common/img/bg_header.gif) no-repeat 0 -750px;height:35px;font-size:10px;text-align:right;margin-top:15px;}
#cat3 .trackbackh4{	background:url(/blog/common/img/bg_header.gif) no-repeat 0 -800px;height:35px;font-size:10px;text-align:right;margin-top:15px;}

.trackbacks-info p{
	padding:0px;
	margin:0px;
	font-size:14px;
}

#reply-title{
	background:url(/blog/common/img/bgico.gif) no-repeat 0 -1300px;
	padding:2px 0 4px 22px;
	font-size:14px;
}

.comment-respond{
	padding-top:10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-top:20px;
}

.comment-reply-title{
	padding-top:3px;
	font-size:14px;	
	
}



.form-allowed-tags{ display:none; }

.archive-meta{
	margin-bottom:0px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
}

.archive-title{
	font-size:16px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.comments-open-header{
	background:url(/blog/common/img/bgico.gif) no-repeat 0 -1300px;
	padding:2px 0 4px 22px;
	font-size:16px;
}
.archive-archive{
	background:url(/blog/common/img/bgico.gif) no-repeat 0 -1200px;
	padding:10px 0 15px 40px;
	font-size:16px;
	margin-bottom:5px;
	
}
.archive-cattitle{
	background:url(/blog/common/img/bgbigcat.gif) no-repeat;
	padding:10px 0 8px 80px;
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
	color:#333;
}
.entry-tags{
	background-repeat:no-repeat;
	background-color:#DDD;
	background-image:url(/blog/common/img/img/bgico.gif);
	background-position: 5px -1395px;
	padding:3px 0px 3px 25px;
}




/*//////////////
snsbtbox
//////////////*/
.snsbtbox{
	padding-top:15px;
	margin:0px;
}

.snsbtbox ul li{
	float:left;
	padding-right:10px;
}

.btn_line img{
	height:36px;
	width:auto;
	border:none;
	margin:0px;
	padding:0px;
	margin-top:5px;
}

/*main contentes//////////////////////////////////////////////////////////////////////*/



/*right contentes//////////////////////////////////////////////////////////////////////*/
#secondary{
	float:right;
	width:36%;
	width:calc(234px);
	padding:0 0px;
	opacity:1;
	font-size:13px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#secondary li a{
	color:#555;
}
#secondary li a:hover{
	color:#FF0099;
}

.widget{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

/*////////////////////////////////////
search
////////////////////////////////////*/
.widget .list>li,.widget ul>li{
	margin:0;
	margin-top:3px;
	padding-bottom: 3px;
}

#cat1 #search-2{background:url(/blog/common/img/bgside.gif) 0 -551px; padding:10px 10px 0 10px;height:40px;}
#cat2 #search-2{background:url(/blog/common/img/bgside.gif) -250px -551px; padding:10px 10px 0 10px;height:40px;}
#cat3 #search-2{background:url(/blog/common/img/bgside.gif) -500px -551px; padding:10px 10px 0 10px;height:40px;}

#search-2 input.inputField,
.searchform .search-text{
	width: 80%;
	padding:4px;
}

#search-2 input.submit {
	padding: 4px 5px;
	border: none;
	font-size: 100%;
	text-transform: uppercase;
	color: #555;
	background-color: #EEE;
	letter-spacing:3;
}

/*#calendar-3 カレンダー*/
/*#categories-2 カテゴリー*/
/*#recent-posts-2 最近の投稿*/
/*#recent-comments-2 最近のコメント*/

/*#archives-2 アーカイブ*/
#calendar-3,#categories-2,#recent-comments-2,#recent-posts-2,#archives-2,.subt_ran{
	padding-bottom:20px;
}

#cat1 #calendar-3 h3{background:url(/blog/common/img/bgside.gif) no-repeat 0px -100px;	height:25px;	text-indent:-9999px;}
#cat1 #categories-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat 0px -150px;	height:25px;	text-indent:-9999px;}
#cat1 #recent-posts-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat 0px -200px;	height:25px;	text-indent:-9999px;}
#cat1 #recent-comments-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat 0px -250px;	height:25px;	text-indent:-9999px;}
#cat1 #archives-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat 0px -300px;	height:25px;	text-indent:-9999px;}
#cat1 .subt_ran h3{background:url(/blog/common/img/bgside.gif) no-repeat 0px -350px;	height:25px;	text-indent:-9999px;}

#cat2 #calendar-3 h3{background:url(/blog/common/img/bgside.gif) no-repeat -250px -100px;	height:25px;	text-indent:-9999px;}
#cat2 #categories-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -250px -150px;	height:25px;	text-indent:-9999px;}
#cat2 #recent-posts-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -250px -200px;	height:25px;	text-indent:-9999px;}
#cat2 #recent-comments-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -250px -250px;	height:25px;	text-indent:-9999px;}
#cat2 #archives-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -250px -300px;	height:25px;	text-indent:-9999px;}
#cat2 .subt_ran h3{background:url(/blog/common/img/bgside.gif) no-repeat -250px -350px;	height:25px;	text-indent:-9999px;}

#cat3 #calendar-3 h3{background:url(/blog/common/img/bgside.gif) no-repeat -500px -100px;	height:25px;	text-indent:-9999px;}
#cat3 #categories-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -500px -150px;	height:25px;	text-indent:-9999px;}
#cat3 #recent-posts-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -500px -200px;	height:25px;	text-indent:-9999px;}
#cat3 #recent-comments-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -500px -250px;	height:25px;	text-indent:-9999px;}
#cat3 #archives-2 h3{background:url(/blog/common/img/bgside.gif) no-repeat -500px -300px;	height:25px;	text-indent:-9999px;}
#cat3 .subt_ran h3{background:url(/blog/common/img/bgside.gif) no-repeat -500px -350px;	height:25px;	text-indent:-9999px;}

#cat1 #categories-2 li{background:url(/blog/common/img/bgico.gif) no-repeat 0px -398px;padding-left:17px;border-bottom:1px dotted #DDD;}
#cat2 #categories-2 li{background:url(/blog/common/img/bgico.gif) no-repeat 0px -498px;padding-left:17px;border-bottom:1px dotted #DDD;}
#cat3 #categories-2 li{background:url(/blog/common/img/bgico.gif) no-repeat 0px -598px;padding-left:17px;border-bottom:1px dotted #DDD;}


.widget .widget-title{
	font-size:14px;margin-top:0
}

#recent-posts-2 li{background:url(/blog/common/img/bgico.gif) no-repeat 0px -98px;padding-left:17px;border-bottom:1px dotted #DDD;}
#recent-comments-2 li{background:url(/blog/common/img/bgico.gif) no-repeat 0px -195px;padding-left:17px;border-bottom:1px dotted #DDD;}
.archives_year li{background:url(/blog/common/img/bgico.gif) no-repeat 0px -298px;padding-left:17px;border-bottom:1px dotted #DDD;}
#archives-2 li{background:url(/blog/common/img/bgico.gif) no-repeat 0px -298px;padding-left:17px;border-bottom:1px dotted #DDD;}


/*////////////
year accoding
/////////////*/

.archives_year,.archives_year dt,.archives_year dd,.archives_year ul{ margin:0; padding:0; }
.archives_year li	{ list-style-type: none; }
.archives_year	{
	margin-bottom:30px;
	padding: 5px 0; 

}
.archives_year dt	{
	padding: 1px 0 1px 15px;
	background:url(/blog/common/img/bgico.gif) 0 -1095px no-repeat;
	font-weight: normal;
}
.archives_year dd	{ padding: 0 0 5px 10px; }


/*////////////////////////////////////
button & ranking
////////////////////////////////////*/

#cat1 .subback1{
	background:url(/blog/common/img/bgside.gif) 0 -600px;
	height:90px;
	text-indent:-9999px;
	margin-bottom:0px;
	overflow:hidden;
	margin-top: 0px;
	width:234px;
}
#cat1 .subback1 a{padding-top:15px;display:block;height:80px;}
#cat1 .subback1 a:hover{background:url(/blog/common/img/bgside.gif) 0 -750px;}

#cat2 .subback1{
	background:url(/blog/common/img/bgside.gif) -250px -600px;
	height:90px;
	text-indent:-9999px;
	margin-bottom:0px;
	overflow:hidden;
	margin-top: 0px;
	width:234px;
}
#cat2 .subback1 a{padding-top:15px;display:block;height:80px;}
#cat2 .subback1 a:hover{background:url(/blog/common/img/bgside.gif) -250px -750px;}

#cat3 .subback1{
	background:url(/blog/common/img/bgside.gif) -500px -600px;
	height:90px;
	text-indent:-9999px;
	margin-bottom:0px;
	overflow:hidden;
	margin-top: 0px;
	width:234px;
}
#cat3 .subback1 a{padding-top:15px;display:block;height:80px;}
#cat3 .subback1 a:hover{background:url(/blog/common/img/bgside.gif) -500px -750px;}

.btnCAT1,.btnCAT2,.btnCAT3{text-indent:-9999px;overflow:hidden;height:45px;padding-bottom:3px; width:234px;}
.btnCAT1 a{background:url(/blog/common/img/bgside.gif) no-repeat 0 0; display:block;height:45px;}
.btnCAT1 a:hover{background:url(/blog/common/img/bgside.gif) no-repeat 0 -50px;}
.btnCAT2 a{background:url(/blog/common/img/bgside.gif) no-repeat -250px 0; display:block;height:45px;}
.btnCAT2 a:hover{background:url(/blog/common/img/bgside.gif) no-repeat -250px -50px;}
.btnCAT3 a{background:url(/blog/common/img/bgside.gif) no-repeat -500px 0; display:block;height:45px;}
.btnCAT3 a:hover{background:url(/blog/common/img/bgside.gif) no-repeat -500px -50px;}

#cat1 .btnCAT1,
#cat2 .btnCAT2,
#cat3 .btnCAT3{
	display:none;
}

.btnCAT1,
.btnCAT2,
.btnCAT3{
	margin-left:auto;
	margin-right:auto;
}

.btnOLD1 {
	text-indent:-9999px;
	overflow:hidden;
	height:45px;
	padding-bottom:10px;
	background-image: url(/blog/common/img/bgside_2.gif);
	background-repeat: no-repeat;
	background-position: 0px -400px;
}

.btnOLD2 {
	text-indent:-9999px;
	overflow:hidden;
	height:45px;
	padding-bottom:10px;
	background-image: url(/blog/common/img/bgside_2.gif);
	background-repeat: no-repeat;
	background-position:-250px -400px;
}

.btnOLD3 {
	text-indent:-9999px;
	overflow:hidden;
	height:45px;
	padding-bottom:10px;
	background-image: url(/blog/common/img/bgside_2.gif);
	background-repeat: no-repeat;
	background-position: -500px -400px;
}

.btnOLD1 a{background:url(/blog/common/img/bgside_2.gif) 0px -100px; no-repeat 0 0; display:block;height:45px;}
.btnOLD1 a:hover{background-position: 0px -150px;}
.btnOLD2 a{background:url(/blog/common/img/bgside_2.gif) -250px -100px;	no-repeat 0 0; display:block;height:45px;}
.btnOLD2 a:hover{background-position: -250px -150px;}
.btnOLD3 a{background:url(/blog/common/img/bgside_2.gif) -500px -100px;	no-repeat 0 0; display:block;height:45px;}
.btnOLD3 a:hover{background-position: -500px -150px;}

.subt_ran li#li_rank_0{background:url(/blog/common/img/rankicon.gif) no-repeat 0px 0px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_1{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -100px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_2{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -200px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_3{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -300px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_4{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -400px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_5{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -500px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_6{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -600px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_7{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -700px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_8{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -800px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}
.subt_ran li#li_rank_9{background:url(/blog/common/img/rankicon.gif) no-repeat 0px -900px;padding-left:22px;padding-top:3px;border-bottom:1px dotted #DDD;}

.subtRSS{ height:50px;text-indent:-9999px;overflow:hidden;}
.subtRSS a{background:url(/blog/common/img/bgside.gif) no-repeat 0 -500px; height:50px;display:block}
.subtRSS a:hover{background:url(/blog/common/img/bgside.gif) no-repeat -250px -500px;}

.qrcode{
	padding:35px 0 0 100px;
	width:134px;
	height:105px;
	background:url(/blog/common/img/bg_mobileblog.gif) no-repeat;
	margin-top:15px;
	margin-bottom:15px;
}


/*////////////////////////////////////
			calendar
////////////////////////////////////*/
#calendar-3{
	width:98%;
	margin:3px 4px;
}
#calendar-3 table{
}
#calendar-3 td,.calendar th{
	padding:2px 2px;
	text-align:center;
}
#calendar-3 td a,#calendar-3 td a:visited{
	background:#FF0000;
	color:#FFF;
	font-weight:bold;
	display:block;
}
#calendar-3 td a:hover{
	background:#CC00FF;
	color:#333;
	text-decoration:none;
}


/*right contentes//////////////////////////////////////////////////////////////////////*/

/*footer contetes//////////////////////////////////////////////////////////////////////*/

#footer{
	width: 100%;
	margin:0 auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:right;
	vertical-align: text-bottom;
	background-color:#FFF;
	color:#666;
}

.site-footer .footer-info{
	text-align:right;
}

.pageup{
	width:70px;
	height:20px;
	text-indent:9999px;
	overflow:hidden;
	line-height:24px;
	font-size:14px;
	font-weight:bold;
	margin:0 0px 2px auto;
	display:block;
}
.pageup a{
	width:70px;
	height:20px;
	display:block;
	background:url(/blog/common/img/bgside.gif) 0 -850px;
}
.pageup a:hover{
	background:url(/blog/common/img/bgside.gif) -250px -850px;
}

#footer_shadow{
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	line-height:0px;
	font-size:10%;
}


#cat1 .copyright{
	padding-top:10px;
	font-size:10px;
	border-top:#369cd8 3px solid;
}
#cat2 .copyright{
	padding-top:10px;
	font-size:10px;
	border-top:#42b695 3px solid;
}
#cat3 .copyright{
	padding-top:10px;
	font-size:10px;
	border-top:#f4a329 3px solid;
}


#content .button2 a{
	display:inline-block;
	font-weight:bold;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	-ms-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	color:#FFF;
}

#cat1 #content .button2 a{
	border:1px solid #00CCCC;
	background-color: #00CCCC;
	color:#FFF;
}

#cat2 #content .button2 a{
	border:1px solid #00CCCC;
	background-color: #00CCCC;
	color:#FFF;
}

#cat3 #content .button2 a{
	border:1px solid #00CCCC;
	background-color: #00CCCC;
	color:#FFF;
}

#cat1 #content .button2 a:hover{
	color:#369cd8;
	background-color: #fff;
	text-decoration: none;
}

#cat2 #content .button2 a:hover{
	color:#369cd8;
	background-color: #fff;
	text-decoration: none;
}

#cat3 #content .button2 a:hover{
	color:#369cd8;
	background-color: #fff;
	text-decoration: none;
}

#cat1 #content a.button3,
#cat2 #content a.button3,
#cat3 #content a.button3{
	color:#FFF;
}


#cat1 #content a.button3:hover{
	color:#369cd8;
	background-color: #fff;
	text-decoration: none;
}

#cat2 #content a.button3:hover{
	color:#42b695;
	background-color: #fff;
	text-decoration: none;
}

#cat3 #content a.button3:hover{
	color:#f4a329;
	background-color: #fff;
	text-decoration: none;
}

.button3{
	display:inline-block;
	font-weight:bold;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	-ms-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	margin-bottom:3px;
	color:#FFF;
}

#cat1 .button3{
	border:1px solid #369cd8;
	background-color: #369cd8;
	color:#FFF;
}

#cat2 .button3{
	border:1px solid #42b695;
	background-color: #42b695;
	color:#FFF;
}


#cat3 .button3{
	border:1px solid #f4a329;
	background-color: #f4a329;
	color:#FFF;
}


#cat1 .button3:hover{
	color:#369cd8;
	background-color: #fff;
}

#cat2 .button3:hover{
	color:#42b695;
	background-color: #fff;
}

#cat3 .button3:hover{
	color:#f4a329;
	background-color: #fff;
}


#cat1 a.button3.active,
#cat2 a.button3.active, 
#cat3 a.button3.active {
	border:1px solid #000;
	background-color: #000;
}


#cat1 #content .active:hover,
#cat1 #content .active a:hover,
#cat1 #content a.active:hover,
#cat2 #content .active:hover,
#cat2 #content .active a:hover,
#cat2 #content a.active:hover,
#cat3 #content .active:hover,
#cat3 #content .active a:hover,
#cat3 #content a.active:hover{
	color:#000;
}




#searchform{
	text-align:center;
}

.error404 .entry-title{
	background-image: none;
	font-size:20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;	
}

#notfound_text{
	text-align:center;
}