/*
Theme Name: Yusuke ver.2
Theme URI: http://bottsu.s57.xrea.com/
Description: This is my original template.(refering from EBISUCOM's book).
Version: 1.0
Author: Yusuke TATSUMI
*/

/* ==================== レイアウト ==================== */

body	{margin: 0;}

#container	{width: 800px;
	margin: auto;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	background-color:#ffffff;}

#head	{border-bottom: solid 1px #aaaaaa;}

#wrapper	{padding: 0 20px;
	background-image: url(border.png);
	background-repeat: repeat-y;
	background-position: 565px 0;
	overflow:hidden;
	width: 760px;}

#content	{width: 500px;
	float: left;
	margin: 30px 0;}

#sidebar	{width: 230px;
	float: right;
	margin: 30px 0;}

#foot	{clear: both;
	border-top: solid 1px #aaaaaa;}

/* ==================== 背景 ==================== */

body	{background-color:#FFFFFF;}


/* ==================== ヘッダー ==================== */

#header	{
	background-image:url(portrate.jpg);
	background-position:590px 50px;
	background-repeat:no-repeat;
	border:medium none;
	height:200px;
	line-height:1.5em;
	text-align:left;
	width:auto;}

#header_inner	{padding: 20px;}

#header h1	{margin: 0;
	font-size: 2em;
	font-family: Verdana, Helvetica, sans-serif;}

#header h1 a	{text-decoration:none;
		color:#000000;}

#header p	{margin: 0;
	margin-top: 8px;
	font-size: 0.8em;
	line-height: 1.2em;}

/* ==================== コンテンツ ==================== */

.post	{width: auto;}

.post p	{
	font-size: 1em;
	line-height: 1.5em;}


.post h2	{font-size: 1em;
	margin: 0;
	background-image: url(mark_flower.gif);
	background-repeat: no-repeat;
	border-bottom: solid 2px #000000;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	padding-right: 0px;}

.post h2 a	{
		text-decoration:none;
		color:#000000;}

.post h3 {
		border-left:9px solid #333344;
		margin-bottom:0;
		padding-left:0.5em;
		background-color:#F5F5F5;
	}


.posttext	{font-size: 0.875em;
	line-height: 1.5}

.posttext p	{margin: 0;
	margin-bottom: 20px;}

.postinfo	{font-size: 0.75em;
	text-align: right;
	margin-top: -24px;
	margin-bottom: 24px;}

.postinfo span	{background-color: #000000;
	color: #ffffff;
	padding: 2px 4px;}

.post a	{
		color:#191970;}

a:hover { color: #FF8800; } 

p.postinfo a	{
	color:#2b76cc;
	}

p.print	{
	font-size:0.7em;
	text-align:right;
	clear:both;
	}

.post ul {
	margin-left:15px;
	padding:0;
	}

li.suji	{
	font-size:0.95em;
	margin-bottom:4px;
	padding-left:5px;
	}

.post li	{
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 4px;
	padding-left: 5px;
	}

/* list-style-type: square; */

.post dd	{
	font-size:0.95em;
	margin-bottom:20px;
	}



/* ==================== 記事内の画像 ==================== */
.aligncenter	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

div.post img	{
	border: none;
	margin: 6px;
	}

.amazon  { float: left;
       margin:0 5px 5px 0; }
.imgright { float: right; }


.alignleft		{
	float:left;
	margin-right:10px;
	margin-bottom:2px;
	}

.alignright		{
	float:right;
	margin-left:10px;
	margin-bottom:2px;
	}

.wp-caption	{
	border:solid 1px #aaaaaa;
	text-align:center;
	padding-top:5px;
	margin-top:10px;
	}


/* ==================== サイドバー ==================== */

.menu	{width: auto;
	font-size: 0.75em;
	margin-bottom: 20px;
	border: solid 1px #000000;}

.menu li	{margin-bottom: 8px;
	line-height: 1.2;
	list-style-type: square;
	}

.menu li a	{color: #000000;
	text-decoration: none;}

.menu li a:hover	{color: #ff8800}

.menu ul	{margin: 0;
	padding: 0;
	margin-left: 20px;}

.menu h3	{background-color: #000000;
	padding: 3px 10px;
	margin: 0;
	margin-bottom: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #ffffff;}

/* ==================== フッター ==================== */

#footer	{width: auto;
	border-top: none;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;}

#footer p	{color: #000000;
	font-size: 0.75em;
	margin: 0;}