@charset "UTF-8";
/*
Theme Name: wpcms.jp
Theme URI: http://wpcms.jp/
Description: wpcms.jp専用テーマ
Version: 1.0
Author: FirstElement,Daijiro Miyazawa
Author URI: http://www.firstelement.jp/
Tags: dark, orange, custom header, flexible width, three columns, widgets
*/


/* zerolize */

body,h1,h2,h3,h4,h5,h6,p,form,input,ul,ol,li {
	margin:0;
	padding:0;
	}
	
li {
	list-style:none;
	}

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

a img, img {
	border:none;
	}

a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}

#topline:after,
.post-header:after,
#contents:after,
.navigation:after,
#bottom:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:hidden;
	}

/* IE7 */
	
*:first-child+html #topline,
*:first-child+html .post-header,
*:first-child+html #contents,
*:first-child+html .navigation,
*:first-child+html #bottom {
	display: inline-block;
	}
	
*:first-child+html #topline,
*:first-child+html .post-header,
*:first-child+html #contents,
*:first-child+html .navigation,
*:first-child+html #bottom {
	display: block;
	}

/* SECTION */

body {
	background-image:url(_images/back_body.png);
	background-repeat:repeat-x;
	background-color:#252526;
	color:#CCCCCC;
	font-size:80%;
	}

#box {
	background-image:url(_images/back_content.gif);
	background-position:right 130px;
	background-repeat:no-repeat;
	margin:0 auto;
	width:90%;
	max-width:1200px;
	height:auto;
	}

#header-box {
	background-image:url(_images/logo.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:100%;
	height:auto;
	}
	
#header {
	/*background-image:url(_images/logo2.gif);
	background-repeat:no-repeat;
	background-position:right 50px;*/
	width:auto;
	height:auto;
	min-height:130px;
	margin-left:190px;
	}

#contents {
	width:auto;
	height:auto;
	margin:10px 0;
	}

#left {
	width:100%;
	float:left;
	margin-left:-260px;
	}

#left-inner {
	margin-left:260px;
	}
	
#left-single {
	width:100%;
	float:right;
	margin-left:-190px;
	}

#left-single-inner {
	margin-left:190px;
	}

#right {
	width:250px;
	float:right;
	}

#side {
	width:180px;
	float:left;
	}

#side-single {
	width:180px;
	float:left;
	}

#main {
	width:100%;
	float:right;
	padding-left:2px;
	margin-right:-190px;
	}

#main-inner {
	margin-right:190px;
	}

#main-single {
	width:100%;
	float:right;
	padding-left:2px;
	margin-right:-180px;
	}

#main-single-inner {
	margin-right:180px;
	}

	
#bottom {
	clear:both;
	width:auto;
	height:auto;
	margin: 10px auto;
	}
	
#footer-box {
	background-image:url(_images/back_footer.png);
	background-repeat:repeat-x;
	background-position:left top;
	width:100%;
	height:auto;
	min-height:200px;
	}

#footer {
	background-image:url(_images/image_footer.png);
	background-position:center 10px;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:79px 0;
	width:90%;
	max-width:1200px;
	}

/* header */

#topline {
	background-image:url(_images/back_lead.jpg);
	background-repeat:repeat-x;
	background-color:#3E3F40;
	width:auto;
	height:auto;
	font-size:90%;
	line-height:90%;
	}
	
#search {
	background-image:url(_images/header_serch.gif);
	background-position:left center;
	background-repeat:no-repeat;
	float:right;
	padding: 2px 3px 2px 50px;
	}
	
#search form #s {
	background-color:#5C6366;
	border:1px solid #363A3C;
	height:16px;
	width:210px;
	color:#FFFFFF;
	}

#search form input {
	display:inline;
	vertical-align:middle;
	}

#textsize {
	background-image:url(_images/header_textsize.gif);
	background-position:left center;
	background-repeat:no-repeat;
	float:right;
	padding: 3px 3px 3px 54px;
	}
	
#textsize img {
	}

	
.feed {
	padding: 3px 3px 3px 18px;
	background-image:url(_images/icon_feed12x12.gif);
	background-position:3px center;
	background-repeat:no-repeat;
	}
	
#header h1 {
	font-size:120%;
	padding:0.5em 0;
	}
	
#header h1 a {
	color:#FFFFFF !important;
	}
	
#header p {
	font-size:75%;
	color:#004F71;
	width:auto;
	margin-right:400px;
	}

#menu-static {
	margin-left:190px;
	padding:2em 1em 2em 0;
	}
	
#menu-static li {
	display:inline;
	padding:1em 1em 1em 0em;
	}
	
/* contents */

#contents h3 {
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	height:21px;
	}
	
/* side */

#side h3 {
	width:184px;
	margin-left:-2px;
	}
	
#header-category {
	background-image:url(_images/header_category.gif);
	}

#category,
#archive {
	margin: 10px 0;
	line-height:1.8em;
	font-size:90%;
	}

#header-archive {
	background-image:url(_images/header_archive.gif);
	}

#side table {
	width:180px;
	}
	
#side table th {
	text-align:right;
	}
	
#side table tbody td {
	text-align:right;
	font:110% "Century Gothic";
	border-bottom:1px solid #1c1c1d;
	border-right:1px solid #1c1c1d;
	}

#side table tbody #today {
	background-color:#333333;
	}
	
#side table tbody td a {
	background-color:#323232;
	text-decoration:underline;
	display:block;
	width:100%;
	height:100%;
	font-weight:bold;
	border-top:1px solid #666666;
	border-right:1px solid #1c1c1d;
	border-bottom:1px solid #1c1c1d;
	border-left:1px solid #666666;
	}

tfoot #prev {
	text-align:left;
	}

tfoot #next {
	text-align:right;
	}

#side select {
	background-color:#5C6366;
	color:#FFFFFF;
	border:none;
	}

#ad-google-left {
	margin:10px auto;
	}
		

/* main */


.subtitle {
	font-family:"Times New Roman", Times, serif;
	font-size:60%;
	margin-right:5px;
	color:#666666;
	}
	
.post-date {
	width:auto;
	display:block;
	float:left;
	margin-right:10px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	}
	
.post-date-month {
	font-size:250%;
	border-right:3px solid #009AC0;
	padding:0 5px;
	}
	
.post-title {
	border-top:1px solid #009AC0;
	}
	
.meta {
	text-align:right;
	font-size:80%;
	font-weight:normal;
	color:#666666;
	}

.meta a {
	color:#666666;
	text-decoration:none;
	}

.meta-category {
	padding-left:12px;
	background-image:url(_images/icon_category.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
	
.meta-author {
	padding-left:12px;
	background-image:url(_images/icon_author.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
	
.meta-comment {
	padding-left:15px;
	background-image:url(_images/icon_comment.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
	
.post,
.page {
	width:auto;
	background-image:url(_images/back_post.gif);
	padding:10px;
	line-height:1.8em;
	text-align:justify;
	margin-bottom:10px;
	overflow:hidden;
	}

.post p,
.page p {
	width:auto;
	margin:0.8em 0;
	text-align:justify;
	}

.post ul,
.post ol,
.page ul,
.page ol{
	margin:1em auto;
	}

.post li,
.page li {
	line-height:1.3em;
	margin-left:3em;
	list-style:decimal;
	}
	
.post a,
.comment a,
.page a {
	color:#FFFFFF;
	text-decoration:underline;
	}

	
.post h3,
.page h3 {
	width:auto !important;
	text-indent:0 !important;
	height:auto !important;
	}
	
.post h3 a,
.page h3 a {
	text-decoration:none;
	text-align:left;
	}

.post .code,
.page .code{
	background-color:#313131;
	padding:5px;
	}

.postmetadata {
	background-color:#333333;
	font-size:90%;
	line-height:120%;
	padding:5px;
	margin:10px auto;
	}

.postmetadata a {
	color:#CCCCCC;
	text-decoration:none;
	}


#google-ad-center {
	margin:10px 0;
	}

.comment h3 {
	text-indent:0 !important;
	height:auto !important;
	}

.comment .avatar {
	float:left;
	background-color:#252526;
	margin:0 3px 3px 0;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	padding:0px 3px 3px 0;
	}

.comment .commentlist li {
	margin:10px 0;
	background-image:url(_images/back_post.gif);
	}

.comment .commentlist cite {
	font-style:normal;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	}

.comment .commentlist li p {
	clear:left;
	padding:10px;
	}

.comment form textarea {
	width:100%;
	background-color:#5C6366;
	border:1px solid #363A3C;
	color:#FFFFFF;
	}
.comment form input {
	width:50%;
	background-color:#5C6366;
	border:1px solid #363A3C;
	height:auto;
	margin-bottom:3px;
	color:#FFFFFF;
	}

.trackback {
	font-size:80%;
	border:dotted 1px #666666;
	padding:10px;
	margin-top:10px;
	}

.navigation {
	width:100%;
	font-size:160%;
	}
.alignleft {
	float:left;
	}
.alignright {
	float:right;
	}
	
#header-recentposts {
	background-image:url(_images/header_recentposts2.gif);
	width:auto;
	margin-left:-2px;
	}

#recent-posts {
	background-image:url(_images/back_post.gif);
	line-height:1.8em;
	padding:10px;
	font-size:90%;
	margin-bottom:10px;
	}

/* right */

#ad-big {
	margin-bottom:10px;
	}

#right h3 {
	width:254px;
	margin-left:-2px;
	}
	
#header-tag {
	background-image:url(_images/header_tag.gif);
	}

#tag,
#ad-google-right {
	margin:10px 0;
	text-align:justify;
	}
	
/* bottom */

#ad-content-foot {
	text-align:center;
	padding:10px;
	background-color:#333333;
	margin-bottom:10px;
	clear:both;
	}

#bottom h3 {
	text-indent:-9999px;
	}

#link {
	width:100%;
	float:left;
	margin-left:-260px;
	}

#link-inner {
	margin-left:260px;
	}

#header-link {
	background-image:url(_images/header_link2.gif);
	width:auto;
	margin-left:-2px;
	}

#link ul {
	margin:10px 10px 10px 0;
	line-height:1.8em;
	font-size:95%;
	width:45%;
	float:left;
	}
	
#wpsite {
	width:250px;
	float:right;
	}
	
#header-wpsite {
	background-image:url(_images/header_wpsite.gif);
	width:254px;
	margin-left:-2px;
	}

#wpsite ul {
	margin:10px 10px 10px 4px;
	line-height:1.8em;
	font-size:95%;
	}

/* footer */

#credit {
	float:right;
	text-align:right;
	font:"Century Gothic";
	}

#credit,
#footer-meta {
	font-size:85%;
	}
.sbtn {
/* 	line-height: 1.5em; */
	}
.sbtn span {
/* 	display: inline-block; */
	float: left;
	}
.sbtn .sb-google {
	margin-left: 60px;
	}