/*
Theme Name: yoshitake planning.net 08
Theme URI: http://www.yoshitake planning.net/
Description: yoshitake planning.net
Author: y.aoki
*/

body	{ background-color: silver;   	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#container	{width: 800px; height: 550px; margin-top: 10px; margin-right: auto; margin-left: auto;	background-color: #ffffff;
}
#sidebar	{
	width: 200px;
	float: right;
	}

.clear	{
	clear: both;
	margin: 0;
	}

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



/* ++++++ ヘッダー部分のデザイン ++++++ */

#header { width: 755px; height: 45px; margin: 0; padding: 15px 15px 15px 30px; border-bottom: 1px dashed gray;
	         }
#header h1	{ clear: left; margin: 0; padding: 3px 0 0; }

#header h1 img	{ float: left; border: none; }

#header p	{
	margin: 8px 3px 25px;
	color: #666;
	font-size: 0.75em;
	}

#header #menu { text-align: right; width: 400px; height: 20px; float: right; margin-top: 15px; }
#header #menu li.page_item{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; float: right; margin: 0 15px 0 0; padding: 0; list-style-type: none; display: block; }

#header #menu li{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; float: right; margin: 0 15px 0 0; padding: 0; list-style-type: none; display: block; }


#header #menu li a:hover { background-image: url(images/bg_bo_page.gif); background-repeat: repeat; text-decoration: none; display: block; }

#header #menu li.current_page_item { color: fuchsia; background-image: url(images/bg_bo_page.gif); background-repeat: repeat; }

#header #menu li.current-cat { color: fuchsia; background-image: url(images/bg_bo_page.gif); background-repeat: repeat; }

/* ++++++ コンテンツ部分のデザイン ++++++ */
#contents_bg_01	{ background-image: url(images/bg_cont_01.jpg); background-repeat: no-repeat; width: 800px; height: 450px;  }
#contents_bg_02	{ background-image: url(images/bg_cont_02.jpg); background-repeat: no-repeat; width: 800px; height: 450px; }
#contents_bg_03	{ background-image: url(images/bg_cont_03.jpg); background-repeat: no-repeat; width: 800px; height: 450px;  }
#contents_bg_04	{ background-image: url(images/bg_cont_04.jpg); background-repeat: no-repeat; width: 800px; height: 450px;  }
#contents_bg_05	{ background-image: url(images/bg_cont_05.jpg); background-repeat: no-repeat; width: 800px; height: 450px;  }
#contents_bg_06	{ background-image: url(images/bg_cont_06.jpg); background-repeat: no-repeat; width: 800px; height: 450px;  }
#contents_bg_07	{ background-image: url(images/bg_cont_07.jpg); background-repeat: no-repeat; width: 800px; height: 450px;  }
#contents_bg_08	{ background-image: url(images/bg_cont_08.jpg); background-repeat: no-repeat; width: 800px; height: 450px;  }
#contents	{ font-size: 0.75em; background-color: transparent; right: 0; width: 500px; height: 428px; overflow: auto; float: right; padding-right: 10px; padding-left: 10px; }
#contents h2 {
	border-bottom: 1px solid #6f6f6f;
	color: gray;
	font-size: 12px;
	margin: 14px 0 5px;
	padding: 0 5px 3px 0;
	text-align: right;

}

#contents li.pagenav{color: #333; font-size: 1em; padding-top: 8px; list-style-type: none; }

#contents li.pagenav ul{ list-style-type: none; }

#contents h2#comments a {
	color: gray;
	font-size: 13px;
}

#contents h3 img {
	border: 0;
}

#contents div.post {
	margin: 0 0 20px 0;
	padding: 0;
}

#contents div.post p, #content div.post li { line-height: 130%; list-style-type: none; }

#contents div.post div.storycontent p { line-height: 1.5em; width: 470px; }

#contents div.post div.storycontent ul, #content div.post div.storycontent ol { margin-left: 0; padding-left: 0; list-style-type: none; }

#contents div.post div.storycontent li {
	margin-left: 30px;
	width: 470px;
}

#contents div.post div.storycontent blockquote {
	background: #f7f7f7;
	border-left: 3px solid #6f6f6f;
	font-family: Osaka, Verdana, sans-serif;
	margin-left: 20px;
	padding: 4px 4px 4px 7px;
	width: 470px;
}

#contents h3 { color: #666; margin: 5px 0; padding: 0; }

#contents h3.storytitle, #content h3.storytitle a {
	font-size: 15px;
	color: #666;
	text-decoration: none
}

#contents h3.storytitle a:hover {
	color: #333;
	text-decoration: none
}

#contents div.post p {
	width: 470px;
}

#contents div.post div.meta, #content div.post div.meta a {
	color: #867b64;
	font-family: Osaka, Verdana, sans-serif;
	font-size: 11px;
}

#contents div.post div.meta li a:hover {
	color: #686050;
}

#contents div.post div.meta ul, #content div.post div.meta li {
	display: inline;
	margin: 0;
	padding: 0;
}


#contents div.post div.feedback {
	font-size: 12px;
}

#contents #commentlist {
	margin: 20px 20px 20px 23px;
	padding: 0;
}

#contents #commentlist li {
	margin-bottom: 10px;
}

#contents #commentform input, #content #commentform textarea {
	font-size: 12px;
	padding: 2px;
}

#contents #commentform textarea {
	height: 150px;
	width: 80%;
}

#contents code {
	color: #800000
}

#contents ul { color: #666; font-size: 1em; line-height: 30px; margin: 10px 0 0; padding: 0 0 0 0; list-style-type: square; }
#contents ul li { line-height: 20px; padding-top: 3px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px dotted gray; list-style-type: none; }

#contents ul li a{ font-size: 1.2em; font-weight: normal; text-decoration: none; }
#contents ul li a:hover{ background-image: url(images/bg_bo_page.gif); background-repeat: repeat-x; text-decoration: none; list-style-image: url(images/bg_bo_page.gif); }
#catalog table{ color: #666 ;
 border-top:1px dotted silver;
 	border-bottom: 1px dotted silver;
 		 }
/* カテゴリーページ */
#contents .tabilist img	{
	float: left;
	margin: 0 10px 10px 0;
	}

#contents .tabilist	{
	clear: both;
	}


/* シングルページ */
#postcat	{ margin: 0; color: #666; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; width: 720px; height: 15px; float: right; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border-bottom: 1px solid gray; }


#data	{
	width: 450px;
	margin: 0 20px 20px;
	border-collapse: collapse;
	margin-bottom: 20px;
	}

#data th, #data td {
	text-align: left;
	padding: 5px;
	border: solid 1px #4a331a;
	}

#data th {
	width: 100px;
	background-color: #ab7435;
	}

#data ul	{
	margin: 0 0 0 25px;
	padding: 0;
	}

#attention	{
	font-size: smaller;
	}


/* ++++++ サイドバー部分のデザイン ++++++ */
#sidebar	{ color: #666;font-size: 0.75em; font-weight: bold; line-height: 20px; width: 180px; float: right; margin-top: 15px; margin-right: 15px; margin-left: 5px; }
#sidebar p { color: #666; font-size: 1.1em; font-weight: normal; line-height: 160%; letter-spacing: 105%; margin-top: 15px; margin-right: 15px; }
#sidebar h2{ color: olive; font-size: 11px; font-weight: bold; line-height: normal; text-decoration: none; margin: 10px 0 0; padding: 0; list-style-type: square; }

#sidebar a	{
	text-decoration: none;
	color: #666;
	padding: 5px;
	}

#sidebar a:hover	{ color: #3c0; text-decoration: underline; }

#sidebar span	{
	padding: 5px 5px 5px 15px;
	}

#sidebar ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul li	{
	border-bottom: 1px dotted #666;
	}

#sidebar ul li li	{
	border-top: 1px dotted #666;
	border-bottom: medium none;
	}

#sidebar ul li li a	{
	padding-left: 0;
	}

/* ++++++ フッター部分のデザイン ++++++ */
#footer address	{ width: 785px; text-align: right; color: gray; font-size: 0.75em; font-style: normal; height: 15px; padding-top: 5px; padding-right: 15px; padding-left: 0; border-top: 1px dashed gray; }
#footer a img{ border-width: 0; }
/* ++++++ テーブルのデザイン ++++++ */
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 10.5px Hiragino Mincho ProN}
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 10.5px Times New Roman; min-height: 11.0px}
    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; text-indent: 10.5px; font: 10.5px Hiragino Mincho ProN}
    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 10.5px Times New Roman}
    span.s1 {font: 10.5px Times New Roman}
    span.s2 {font: 10.5px Hiragino Mincho ProN}
    table.t1 {border-collapse: collapse}
    td.td1 {min-width: 36.0px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf; padding: 0.0px 5.0px 0.0px 5.0px}
    td.td2 {min-width: 117.0px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf; padding: 0.0px 5.0px 0.0px 5.0px}
    td.td3 {min-width: 126.0px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf; padding: 0.0px 5.0px 0.0px 5.0px}
    td.td4 {min-width: 36.0px; min-height: 18.7px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf; padding: 0.0px 5.0px 0.0px 5.0px}
    td.td5 {min-width: 117.0px; min-height: 18.7px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf; padding: 0.0px 5.0px 0.0px 5.0px}
    td.td6 {min-width: 126.0px; min-height: 18.7px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf; padding