@charset "utf-8";
/*
Theme Name: Ｙ'ｓ ＰＩＴ（ワイズ・ピット）ブログ用テーマ
Theme URI: http://www.ys-pit.com/blog/
Description: Ｙ'ｓ ＰＩＴ（ワイズ・ピット）ブログ用テーマ
Version: 1.0
Author: Ｙ'ｓ ＰＩＴ（ワイズ・ピット）
Author URI: http://www.ys-pit.com/
Tags: 
*/

/* 
==========================================
base
==========================================
*/ 

body {
	margin: 0;
	padding: 0;
	color: #222;
	background: #bedeff url('images/bg.jpg') center top repeat-x;
	font: small "Osaka","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
	text-align: center;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W6","Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;
}
a:link {
	text-decoration: none;
	color: #0066ff;
	background-color: transparent;
}
a:visited {
	text-decoration: none;
	color: #6440bf;
	background-color: transparent;
}
a:hover {
	text-decoration: underline;
	color: #0099ff;
	background-color: transparent;
}
a:active {
	text-decoration: underline;
	color: #0099ff;
}

/* ---------------------------------------------------------------
general
----------------------------------------------------------------*/ 
hr {
	display: none;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
#content a[rel~="attachment"]:link img,
#content div.photo a:link img,
#content a[rel~="attachment"]:visited img,
#content div.photo a:visited img {
	padding: 2px;
	border: 1px solid #a7bbfe;
}
#content a[rel~="attachment"]:hover img,
#content div.photo a:hover img {
	padding: 2px;
	border: 1px solid #0099ff;
}

/* 
==========================================
main structure
==========================================
*/ 
#page {
	margin: 0 auto;
	padding: 25px 0;
	width: 920px;
	text-align: left;
}
#header {
	width: 900px;
	background: url('images/bg_header.gif') center top no-repeat;
}
#headerimg {
	position: relative;
	height: 190px;
	background: url('images/bg_header_inner.gif') right top no-repeat;
}
#main {
	width: 900px;
	background: #fff url('images/bg_main.gif') left top repeat-y;
	border-top: 6px solid #f5cccc;
}
body.attachment #main {
	padding: 0 0 35px;
	background-image: none;
}
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #main {
	/*\*/height: 1%;
	display: inline-table;
}
#content {
	padding: 25px 0 25px 0;
}
.narrowcolumn {
	float: left;
	width: 680px;
}
.widecolumn {
	width: 100%;
}
#sidebar {
	/*padding: 0 0 25px 0;
	margin-left: 690px;
	width: 210px;*/
	padding: 0 0 25px 0;
	width: 210px;
	float: right;
}
#footer {
	clear: both;
	padding: 0 0 5px 0;
	width: 900px;
	background: url('images/bg_footer_btm.gif') center bottom no-repeat;
	border-top: 6px solid #f5cccc;
}


/* 
==========================================
sub structure & style
==========================================
*/ 

/* ---------------------------------------------------------------
heading & fontsize & lineheight & color
----------------------------------------------------------------*/ 
/* == heading & fontsize == */
.txtxl {
	font-size: xx-large;
}
h1, .txtl {
	font-size: x-large;
}
h2, .txtm {
	font-size: large;
}
h3 {
	font-size: medium;
}
h4, h5, .txts {
	font-size: small;
}
.txtxs {
	font-size: 11px;
}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
body.attachment h1 a:hover {
	text-decoration: none;
	color: #111;
}
body.attachment span.parent-link a:link {
	color: #0066ff;
}
body.attachment span.parent-link a:visited {
	color: #6440bf;
}
h1 a:hover,
h2 a:hover,
body.attachment span.parent-link a:hover {
	text-decoration: underline;
	color: #0099ff;
}

/* ---------------------------------------------------------------
header
----------------------------------------------------------------*/ 
#header {
	color: #fff;
}
#header p {
	margin: 0;
}
#header #siteid a {
	display: block;
	position: absolute;
	top: 55px;
	left: 197px;
	width: 285px;
	height: 69px;
	background: url('images/logo.gif') left top no-repeat;
	text-indent: -9999px;
}
#header .description {
	position: absolute;
	top: 139px;
	left: 197px;
	width: 380px;
	height: 35px;
	font-size: 11px;
	overflow: hidden;
}
#header .pr-txt {
	position: absolute;
	top: 12px;
	left: 197px;
	width: 285px;
	height: 15px;
	font-size: 11px;
	background: url('images/header_pr.gif') left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* ---------------------------------------------------------------
contents-main
----------------------------------------------------------------*/ 
#content-inner {
	margin: 10px 35px 10px 0;
}
body.archive #content-inner {
	margin: 10px 35px;
}

#body {
	margin: 25px 0 45px 0;
}
.linklist,
#topics ul,
#sidebar ul {
	margin: 1em 0;
	padding-left: 0;
}
.linklist li,
#topics li,
#sidebar li {
	margin-left: 0.2em;
	padding: 0 0 0 14px;
	line-height: 1.3em;
	background: url('images/icon_arrow-s.gif') left top no-repeat;
	list-style-type: none;
}
#topics li.latest {
	margin-bottom: 4px;
}
#topics li.latest a {
	font-size: large;
}
#topics li.latest a img {
	margin: 0 2px 0 4px;
	vertical-align: middle;
	border: none;
}

/* topics */
#topics {
	margin: 0 0 36px 0;
	padding: 26px 0 0 0;
	background: url('images/bg_infotopics_top.gif') center top no-repeat;
}
#topics-inner {
	margin: 0 25px;
	padding: 0 0 10px 0;
	background: #ffefef url('images/bg_infotopics_btm.gif') center bottom no-repeat;
}
#topics h2 {
	margin: 0 18px;
	width: 147px;
	height: 23px;
	background: url('images/h_infotopics.gif') left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#topics li {
	margin-left: 2em;
}
#message {
	margin: 12px 24px;
	padding: 0 12px;
	color: #222222;
	background-color: #ffffff;
	border: solid 1px #ccc;
}

/* breadcrumb */
#breadcrumb {
	padding: 0 15px;
}

/* post */
.post {
	margin: 0 0 40px 35px;
	width: 645px;
}
body.attachment .post {
	margin: 0 35px 0 35px;
	width: auto;
}
#content-inner .post {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url('images/bg_article_btm.gif') left bottom no-repeat;
}
#content-inner .post-inner {
	padding: 50px 0 0 0;
	background: url('images/bg_article_top.gif') left top no-repeat;
}
.posttitle {
	clear: both;
	margin-left: -28px;
	padding: 15px 0 11px 63px;
	background: url('images/bg_posttitle.png') left center no-repeat;
	_background-image: none;
}
body.single .posttitle {
	margin-left: -44px;
	padding: 19px 0 16px 90px;
	background:  url('images/bg_posttitle_l.png') left center no-repeat;
	_background-image: none;
}
body.attachment .posttitle {
	margin-left: -79px;
	padding: 34px 0 31px 90px;
}
.posttitle h1 {
	font-size: 24px;
	line-height: 1.3em;
}
body.attachment .posttitle h1 {
	line-height: 1.35;
}
body.attachment .posttitle h1 span.parent-link {
	font-size: small;
	font-weight: normal;
}
.posttitle h2 {
	line-height: 1.3em;
}
.posttitle h1 img,
.posttitle h2 img {
	margin-left: 8px;
}
.pagetitle {
	clear: both;
	margin: 24px -35px 0 -15px;
	background: url('images/bg_pagetitle.gif') left center no-repeat;
}
body.date .pagetitle h1 {
	padding: 14px 0 21px 44px;
	background: url('images/icon_archive_pagetitle.gif') 0 8px no-repeat;
}
body.category .pagetitle h1 {
	padding: 14px 0 21px 44px;
	background: url('images/icon_folder_pagetitle.gif') 0 8px no-repeat;
}
.entry {
	margin: 18px 0 0 35px;
}
.entry:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .entry {
	/*\*/height: 1%;
	display: inline-table;
}
body.attachment .entry {
	margin: 18px 0 0 0;
}
body.single #content-inner .entry {
	margin: 18px 0 0 45px;
}
.entry p {
	line-height: 1.5;
}
.ranking {
	margin-top: 24px;
}
#content .ranking a img {
	border: none;
}
.postmetadata {
	clear: both;
	margin: 0 0 0 35px;
	padding-top: 5px;
	color: #666;
	/*border-top: 1px solid #ddd;*/
}
.postmetadata:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .postmetadata {
	/*\*/height: 1%;
	display: inline-table;
}
.posttitle .postmetadata {
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.3em;
	border: none;
}
.postmetadata img {
	margin: 0 2px 0 0;
}
.posttitle .postmetadata img {
	margin-left: 12px;
}
p.sig {
	padding: 53px 80px 30px 0;
	width: 75px;
	height: 47px;
	background: none right top no-repeat;
	text-align: right;
	float: right;
	overflow: hidden;
}
.postmetadata ul {
	margin: 12px 0;
	padding: 55px 0 0 0;
	width: 430px;
	height: 75px;
	float: left;
	list-style-type: none;
	overflow: hidden;
}
.postmetadata li {
	display: inline;
	margin-right: 10px;
}

/* archive */
body.archive ul.linklist li {
	clear: both;
	margin-left: 0;
	padding: 6px 0 0 38px;
	background: url('images/bg_posttitle_s.gif') left top no-repeat;
}
body.archive img.binary-thumb {
	margin: 0 0 10px 10px;
	padding: 2px;
	border: 1px solid #ddd;
	float: right;
}
body.archive span.summary {
	display: block;
	margin: 0.5em 0 1em;
}

/* attachment */
body.attachment p.attachment {
	text-align: center;
}
body.attachment div.caption {
	text-align: center;
}

/* navigation */
.navigation {
	margin: 0 -15px 45px 0;
	_margin: 0 0 0 25px;
	/*padding: 13px 0 37px 15px;
	background:  url('images/bg_navigation.gif') left top no-repeat;*/
	padding: 0 0 0 15px;
	text-align: center;
}
.navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .navigation {
	/*\*/height: 1%;
	display: inline-table;
}
body.attachment .navigation {
	margin: 24px 0 0 0;
}
#comments .navigation {
	margin: 0 -15px 0 0;
	margin: 0 0 12px 0;
	padding-left: 0;
	/*background: none;*/
}
body.archive .navigation {
	margin-left: -35px;
}
.navigation div.alignleft a {
	display: block;
	padding: 0 0 0 14px;
	line-height: 1.3em;
	background: url('images/icon_arrow_prev-s.gif') left top no-repeat;
}
.navigation div.alignright a {
	display: block;
	padding: 0 14px 0 0;
	line-height: 1.3em;
	background: url('images/icon_arrow-s.gif') right top no-repeat;
}
body.attachment .navigation div.alignleft a {
	background-position: left center;
}
body.attachment .navigation div.alignright a {
	background-position: right center;
}
body.attachment .navigation a img {
	padding: 2px;
	border: 1px solid;
}

/* comment */
#discussion {
	margin: 0 0 0 35px;
	padding: 54px 0 0 0;
	background: url('images/bg_discussion_top.gif') center top no-repeat;
}
#discussion-inner {
	padding: 0 0 30px 0;
	background: url('images/bg_discussion_btm.gif') center bottom no-repeat;
}
#comments,
#respond {
	clear: both;
	margin: 0;
	padding: 0 25px 40px 25px;
	background: #f8f8f8;
}
#comments.nocomments {
	padding: 0 25px 0 25px;
}
#respond {
	padding-bottom: 0;
}
#comments:after,
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html #comments.
* html #respond {
	/*\*/height: 1%;
	display: inline-table;
}
#comments h3 {
	margin-left: -47px;
	padding: 12px 0 6px 45px;
	line-height: 1.3;
	background:  url('images/bg_h3_cmt.gif') left top no-repeat;
}
#comments.nocomments p {
	margin: 0;
}
#respond h3 {
	margin-left: -47px;
	padding: 12px 0 6px 45px;
	line-height: 1.3;
	background:  url('images/bg_h3_wrt.gif') left top no-repeat;
}
.commentlist {
	padding: 0;
}
.commentlist li.comment {
	margin: 15px 0 10px;
	padding: 15px 0 0 0;
	background: #fff url('images/bg_cmt_top.gif') left top no-repeat;
	font-weight: bold;
	list-style: none;
}
.commentlist li ul li { 
	margin-left: -5px;
	margin-right: 10px;
	font-size: 1em;
}
.comment-body {
	padding: 10px 15px 15px 20px;
	background: url('images/bg_cmt_btm.gif') left bottom no-repeat;
	/*border: 1px solid #ddd;*/
}
.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
.commentlist li .avatar { 
	float: right;
	padding: 3px;
	background: #fff;
	border: 1px solid #eee;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentmetadata {
	display: block;
	margin: 6px 0 0 0;
	font-weight: normal;
	font-size: 11px;
}

#commentform {
	margin: 12px 0 0 0;
	padding: 15px 30px;
	background: #ececec url('images/bg_cmt_wrt_top.gif') left top no-repeat;
	border-bottom: 1px solid #fff;
}
#commentform p {
	line-height: 1.35;
}
#commentform input[type="text"],
#commentform textarea {
	padding: 2px;
	border: 1px solid #e2e2e2;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #eee;
}
#commentform input[type="text"] {
	width: 65%;
}
#commentform textarea {
	width: 95%;
}
#commentform input[type="text"]:hover,
#commentform textarea:hover {
	background: #fdf4f4;
	border: 1px solid #d2d2d2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
}
#commentform #submit {
	padding: 5px 15px;
	color: #fff;
	background: #cc0000;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#db4949),to(#be0101));
	background-image: -webkit-linear-gradient(top,#db4949,#be0101);
	background-image: -moz-linear-gradient(top,#db4949,#be0101);
	background-image: -ms-linear-gradient(top,#db4949,#be0101);
	background-image: -o-linear-gradient(top,#db4949,#be0101);
	background-image: linear-gradient(top,#db4949,#be0101);
	font-size: small;
	font-weight: bold;
	line-height: 1.35;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c11414;
	border-top: 1px solid #ee9292;
	border-bottom: 2px solid #a2030c;
	cursor: pointer;
}
#commentform #submit:hover {
	background: #f20101;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fd6868),to(#c80202));
	background-image: -webkit-linear-gradient(top,#fd6868,#c80202);
	background-image: -moz-linear-gradient(top,#fd6868,#c80202);
	background-image: -ms-linear-gradient(top,#fd6868,#c80202);
	background-image: -o-linear-gradient(top,#fd6868,#c80202);
	background-image: linear-gradient(top,#fd6868,#c80202);
	border: 1px solid #ee9292;
	border-top: 1px solid #fbbbbb;
	border-bottom: 2px solid #6b0c0c;
}

/* caption */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* ---------------------------------------------------------------
sidebar
----------------------------------------------------------------*/
#sidebar .shopintro {
	margin: 0 0 32px 0;
}
#sidebar .shopintro .pr-txt {
	margin: 0;
	width: 210px;
	height: 202px;
	background: url('images/sidebar_img_geeting.gif') left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#sidebar .shopintro p {
	margin: 12px 15px;
	line-height: 1.3em;
}
#sidebar .section {
	margin: 18px 15px;
	padding: 0;
}
#sidebar .shopintro li {
	margin-left: 15px;
}
#sidebar .shopintro li li {
	margin-left: 0.3em;
}

#sidebar h2 {
	margin: 18px -15px 0 0;
	padding: 0;
	font-size: small;
	background: url('images/bg_sidebar_h2.gif') left center no-repeat;
	/*background: url('images/icon_sidebar_list.gif') left center no-repeat;*/
}
#sidebar h2 span {
	display: block;
	padding: 8px 0 8px 35px;
	background: none 0 2px no-repeat;
}
#sidebar div.recently-article h2 span {
	background-image: url('images/icon_sdb_atc.gif');
}
#sidebar div.recently-comment h2 span {
	background-image: url('images/icon_sdb_cmt.gif');
}
#sidebar div.archive-category h2 span {
	background-image: url('images/icon_sdb_fdr.gif');
}
#sidebar div.archive-article h2 span {
	background-image: url('images/icon_sdb_acv.gif');
}
#sidebar div#relatedlink h2 span {
	background-image: url('images/icon_sdb_rlk.gif');
}
#sidebar div ul {
	margin: 8px 0;
}
#sidebar div li {
	margin-left: 0.1em;
}
#sidebar div ul ul {
	margin: 2px 0;
}
#sidebar div ul.children li {
	margin-left: 0.3em;
	padding: 0 0 0 10px;
	background: url('images/icon_layer.gif') left top no-repeat;
}
/*#sidebar div.recently-article li {
	background: url('images/icon_article.png') 0 3px no-repeat;
}*/
#sidebar div.recently-comment li li {
	margin-left: 0;
	padding: 0 0 0 15px;
	background: url('images/icon_cmt.png') 0 2px no-repeat;
}
#sidebar div.archive-category li {
	background: url('images/icon_folder.png') 0 3px no-repeat;
}

#setsuden {
	margin: 12px 12px;
	padding: 12px 0px;
	color: #000;
	background: #fff100;
	border: 3px solid #000;
}
#setsuden h2 {
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 14px;
	letter-spacing: 4px;
	line-height: 1;
	background: none;
	text-align: center;
}
#sidebar #setsuden p {
	margin: 8px 0 0 0;
	font-size: 10px;
	line-height: 1;
	text-align: center;
}
/*#setsuden h2 {
	margin: 12px 15px;
	padding: 4px 2px 2px 6px;
	color: #000;
	background: #fff100;
	font-size: 14px;
	letter-spacing: 4px;
	line-height: 1;
	text-align: center;
	border: 3px solid #000;
}*/


/* ---------------------------------------------------------------
footer
----------------------------------------------------------------*/ 
#footer-inner {
	margin: 0;
	padding: 12px;
	line-height: 1.3em;
	background: #cd0303 url('images/bg_footer_mid.gif') center top no-repeat; /*#db4e4e*/
}
#footer * {
	margin: 0;
	color: #fff;
}
#footer a:link,
#footer a:visited {
	color: #fff;
}

#footer h2 {
	padding: 17px 24px 17px 56px;
	font-size: medium;
	background: url('images/mark_footer.gif') left top no-repeat;
	float: left;
}
#footer h3 {
	font-size: small;
}
#footer .rss {
	margin: 16px 0 14px;
}
#footer .column {
	clear: both;
	margin: 0 13px 0 57px;
	padding: 12px 0 0 0;
}
#footer .shopinfo {
	width: 340px;
	float: left;
}
#footer .servicearea {
	width: 440px;
	float: right;
}
#footer .servicearea dt {
	float: left;
}
#footer .column:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #footer .column {
	/*\*/height: 1%;
	display: inline-table;
}
#copyright {
	clear: both;
	margin: 18px 13px 0 55px;
	padding: 6px 0 0 0;
	border-top: 1px solid #e26b6b;
}


/* ---------------------------------------------------------------
text-style
----------------------------------------------------------------*/ 
strong {
	color: #000;
	font-weight: bold;
}
em {
	font-weight: bold;
}

code {
	display:block;
	direction:ltr;
	text-align:left;
}

.summary {
	color: #666;
}
.required {
	margin: 1px 4px;
	padding: 2px 4px;
	color: #fff;
	background: #cc0000;
	font-size: 10px;
	line-height: 1;
}


/* ---------------------------------------------------------------
layout
----------------------------------------------------------------*/ 

.center {
	text-align: center;
}
.left {
	text-align: left;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.right {
	text-align: right;
}
.alignright {
	float: right;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
.fclear {
	clear: both;
}
.middle {
	vertical-align: middle;
}