@charset "UTF-8";
/*
Theme Name: yellow-fx
Theme URI: http://yellow-fx.com/
Description: This is my sample theme.
Version: v1.0
Author: yellow-fx
Author URI: http://yellow-fx.com/
*/

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*- init v1.0 -----------------------------------------------------*/
body,div,pre,p,blockquote,iframe,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}
h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
	font-size:1.0em;
}
table {border-spacing:0;border-collapse:collapse;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
li,ul {list-style:none;}
object,embed {vertical-align:top;}
address	{font-style:normal;}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*- clearfix -----------------------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
} 
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*- Global -----------------------------------------------------*/
body {
	color:#292618;
	font-size:62.5%;
	line-height:1.9em;
	background-color:#ebe8d9;
	text-align:center;
}
/* for ie6 */
* html body {font-family:"ＭＳ Ｐゴシック", sans-serif;}
/* for ie7 */
*:first-child+html body {font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/* for ie8 */
html>/**/body {font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/* for modern browser not ie8 */
html:not(:target) body {font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}


a:link {color:#292618; text-decoration:underline;}
a:visited {color:#003366; text-decoration:underline;}
a:hover,	
a:active {color:#0c6ed2; text-decoration:none;}

a.brown:link		{color:#292618; text-decoration:none;}
a.brown:visited		{color:#292618; text-decoration:none;} 
a.brown:active		{color:#292618; text-decoration:none;} 
a.brown:hover		{color:#0c6ed2; text-decoration:underline;}

a.blue:link		{color:#0c6ed2; text-decoration:none;}
a.blue:visited	{color:#0c6ed2; text-decoration:none;} 
a.blue:active	{color:#0c6ed2; text-decoration:none;} 
a.blue:hover	{color:#0c6ed2; text-decoration:underline;}

a.blue:link		strong {color:#0c6ed2; text-decoration:none;}
a.blue:visited	strong {color:#003366; text-decoration:none;} 
a.blue:active	strong {color:#0c6ed2; text-decoration:none;} 
a.blue:hover	strong {color:#0c6ed2; text-decoration:underline;}

a.white:link	{color:#ffffff; text-decoration:underline;}
a.white:visited	{color:#ffffff; text-decoration:underline;} 
a.white:active	{color:#ffffff; text-decoration:underline;} 
a.white:hover	{color:#ffffff; text-decoration:none;}

a.more-link {clear:both;}
a.more-link:link	{color:#0c6ed2; text-decoration:underline;}
a.more-link:visited	{color:#0c6ed2; text-decoration:underline;} 
a.more-link:active	{color:#0c6ed2; text-decoration:underline;} 
a.more-link:hover	{color:#0c6ed2; text-decoration:none;}

h1 {
	font-size:2.4em;
	font-weight:bold;
	text-decoration:none;
	padding-top:40px;
}
h2 {
	font-size:1.8em;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #8d8979;
	text-decoration:none;
}
h3 {
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:solid 2px #8d8979;
	clear:both;
}
h3.beginner {
	font-weight:bold;
	padding-bottom:5px;
	padding-left:18px;
	margin-bottom:10px;
	border-bottom:solid 2px #8d8979;
	background:url(image/beginner.gif) no-repeat;
}
h4 {
	font-weight:bold;
	color:#f08217;
	margin-bottom:5px;
	clear:both;
}

p {}

p.description {
	font-size:1.4em;
	margin-top:12px;
}

/*- wrapper -----------------------------------------------------*/
div#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}
/*- header -----------------------------------------------------*/
div#header {
	width:960px;
}
div#header span.okiniiri {
	position:absolute;
	top:10px;
	right:20px;
}
div.header_pr {
	width:938px;
	display:block;
	margin:15px 0;
	border:solid 1px #d2d0c6;
	background-color:#f0eee3;
	padding:10px 10px 8px 10px;
}
div.header_pr span.title {
	font-size:1.4em;
	font-weight:bold;
	color:#f08217;
}
div.header_pr span.lead {
	font-size:1.4em;
	padding-left:5px;
}
/*- container -----------------------------------------------------*/
div#container {
	width:680px;
	float:left;
}
div.midashi {
	font-size:1.4em;
	font-weight:bold;
	padding-left:8px;
	margin-bottom:10px;
	border-left:solid 5px #292618;
}
div.post {
	padding:30px;
	margin-bottom:10px;
	background-color:#ffffff;
	border:solid 1px #d2d0c6;
}
div.box {
	font-size:1.5em;
}
div.box p {
	margin-bottom:15px;
	line-height:1.7em;
}
div.box h3 {
	padding-top:15px;
}
div.box h4 {
	padding-top:15px;
}
div.postinfo {
	font-size:1.2em;
	padding-left:5px;
	margin-bottom:20px;
}
span.pageprev {
	color:#0c6ed2;
	font-size:1.4em;
	float:left;
	margin-bottom:20px;
}
span.pagenext {
	color:#0c6ed2;
	font-size:1.4em;
	float:right;
	margin-bottom:20px;
}
span.pageprev a:link	{color:#0c6ed2; text-decoration:underline;}
span.pageprev a:visited	{color:#0c6ed2; text-decoration:underline;} 
span.pageprev a:active	{color:#0c6ed2; text-decoration:underline;} 
span.pageprev a:hover	{color:#0c6ed2; text-decoration:none;}

span.pagenext a:link	{color:#0c6ed2; text-decoration:underline;}
span.pagenext a:visited	{color:#0c6ed2; text-decoration:underline;} 
span.pagenext a:active	{color:#0c6ed2; text-decoration:underline;} 
span.pagenext a:hover	{color:#0c6ed2; text-decoration:none;}

div#container table {
	width:100%;
	border-collapse:separate;
    border-spacing:2px;
}
div#container th {
	font-size:12px;
	background:#292618;
	color:#ffffff;
	font-weight:bold;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
div#container td {
	font-size:13px;
	background:#E5EAFF;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
div#container table.basic td {
	font-size:13px;
	background:#ffffff;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}
.red {
	color:#FF0000;
}
.orange {
	color:#f08217;
}

/*- 関連記事 -----------------------------------------------------*/	 
div.kanren {
	font-size:1.3em;
	margin-bottom:20px;
}
div.kanren ul {
	line-height:1.8;
}
div.kanren ul li {
	list-style:square;
	list-style-position:outside;
	margin-left:18px;
	color:#666666;
}

/*- カテゴリーリスト -----------------------------------------------------*/
ul.category li {
	margin-bottom:15px;
}
ul.category span.categoryM {
	font-size:1.5em;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
ul.category span.categoryO {
	font-size:1.2em;
	display:block;
	color:#999999;
}
ul.category a:link	{color:#0c6ed2; text-decoration:underline;}
ul.category a:visited	{color:#003366; text-decoration:underline;} 
ul.category a:active	{color:#0c6ed2; text-decoration:underline;} 
ul.category a:hover	{color:#0c6ed2; text-decoration:none;}

/*- subnavi -----------------------------------------------------*/
div#subnavi {
	width:250px;
	float:right;
	font-size:1.3em;
}
div#subnavi h3 {
	margin-top:15px;
}
div#subnavi h3.first {
	margin-top:0;
}
div#subnavi .subbox {
	width:250px;
	margin-bottom:5px;
	float:left;
}
div#subnavi .ss {
	margin-top:10px;
	font-size:0.9em;
	line-height:0.8em;
}
div#subnavi .photo {
	float:left;
	margin-right:5px;
}
div#subnavi strong {
	
}
div#subnavi .sankaku {
	background:url(image/sankaku.gif) no-repeat;
	margin-left:40px;
	height:16px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
div#subnavi .bnr {
	float:left;
	margin:10px 0;
}
div#subnavi li {
	line-height:1.8em;
}
div#subnavi .tag {
	line-height:1.6em;
	text-decoration:none;
}
div#subnavi .tag a:link		{color:#292618; text-decoration:none;}
div#subnavi .tag a:visited	{color:#292618; text-decoration:none;} 
div#subnavi .tag a:active	{color:#292618; text-decoration:none;} 
div#subnavi .tag a:hover	{color:#0c6ed2; text-decoration:none;}

ul.sideCategory li {
	width:240px;
	color:#666666;
	list-style:square;
	list-style-position:outside;
	margin-left:18px;
}
ul.sideCategory li a {
	font-weight:bold;
}
ul.sideCategory li a:link	{color:#292618; text-decoration:none;}
ul.sideCategory li a:visited	{color:#003366; text-decoration:none;} 
ul.sideCategory li a:active	{color:#292618; text-decoration:none;} 
ul.sideCategory li a:hover	{color:#0c6ed2; text-decoration:underline;}

/*- footer -----------------------------------------------------*/	  
div#footer {
	width:960px;
	clear:both;
}
address	{
	margin-top:30px;
	margin-bottom:20px;
	font-size:1.4em;
	float:left;
}
.pagetop{
	margin-top:30px;
	font-size:1.4em;
	float:right;
}

/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*- 記事内の画像 -----------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
}
.alignleft	{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.wp-caption	{
	border:solid 1px #e2dad1;
	text-align:center;
	padding-top:4px;
	margin-top:10px;
	margin-bottom:10px;
}
p.wp-caption-text {
	font-size:0.8em;
	padding-top:5px;
}

/*- コメント -----------------------------------------------------*/
#com {
	margin-bottom:20px;
	clear:both;
}
#com table {
	font-size:1.4em;
	margin-bottom:10px;
}
#com table td {
	padding:3px;
	background:none;
}
div.compost {
	border-bottom:dotted 1px #555555;
	padding-bottom:10px;
	margin-bottom:20px;
}
div.comleft {
	width:60px;
	margin-bottom:10px;
	float:left;
}
div.comright {
	width:610px;
	float:right;
}
#com p{
	font-size:1.4em;
}
p.cominfo {
	clear:both;
}
p.comfeed {
	margin-top:20px;
	margin-bottom:10px;
}
p.comfeed img {
	vertical-align:middle;
}
p.trurl	{
}
p.send {
	padding-top:10px;
	text-align:center;
}
#com input {
}
#com textarea {
	width:680px;
	margin-top:10px;
	border:solid 1px #d2d0c6;
}

/*- カレンダー -----------------------------------------------------*/
#wp-calendar {
	width:100%;
	font-size:0.8em;
}
#wp-calendar a {
	color:#0c6ed2;
}
#wp-calendar td, #wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	padding-bottom:5px;
}
#wp-calendar #prev {
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
}
#wp-calendar #next {
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}


/*- RSSフィード -----------------------------------------------------*/
p.feed {
	font-size:1.4em;
	font-family:Verdana, Helvetica, sans-serif;
	border:solid 1px #cbbdb2;
	padding:5px;
}
p.feed {
	text-decoration:none;
}
p.feed img {
	vertical-align:middle;
	padding-right:8px;
	border-style:none;
}

/*- テーブル -----------------------------------------------------*/
table.middle {
	background-color:#ffffff;
	border:solid 1px #d2d0c6;
}
table.middle td {
}