@charset "utf-8";

/* ------------------------------------------------------
Copyright (C) C-brains Corporation All Rights Reserved.
---------------------------------------------------------
 body
 |-- #container
     |-- #header
     |-- #wrapper
     |   |-- #content
     |   |-- #sidebar
     |-- #footer
-------------------------------------------------------- */

/* Default Reset
---------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,img,form { 
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 100%;
	text-decoration: none;
	border: 0;
	list-style-type: none;
}
/*-------------------------------------------------------*/



/* float clear
---------------------------------------------------------*/
span.clear {
	height: 1px;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	display: block;
	clear: both;
}
/*-------------------------------------------------------*/



/* base setting
---------------------------------------------------------*/
a:link    { color: #0033CC; text-decoration: none; }
a:visited { color: #0033CC; text-decoration: none; }
a:hover   { color: #FF0000; text-decoration: underline; }
a:active  { color: #FF0000; text-decoration: underline; }

body {
	margin: 0;
	padding: 0;
	color: #565656;
	text-align: center;
	background: #DBDAD6;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}

div#container {
	width: 700px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #FFFFFF;
}
/*-------------------------------------------------------*/



/* header
---------------------------------------------------------*/
div#header {
	height: 150px;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	background: #C1CDCD url("header.jpg") no-repeat bottom right;
}

div#header h1 {
	margin-bottom: 10px;
	padding: 35px 15px 0;
	font-size: 230%;
	line-height: 110%;
}

div#header h1 a:link,
div#header h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div#header h1 a:hover,
div#header h1 a:link {
	color: #FFFFFF;
}



div#header p {
	margin: 0 20px 10px;
}
/*-------------------------------------------------------*/



/* wrapper
---------------------------------------------------------*/
div#wrapper {
	margin-top: 15px;
	padding: 0 15px 15px;
}
/*-------------------------------------------------------*/



/* content
---------------------------------------------------------*/
div#content {
	width: 490px;
	float: left;
}

div#content div#entries {

}

div#content div#entries ul.entries-navi { /* 記事ナビ */
	padding-bottom: 20px;
}

div#content div#entries ul.entries-navi li {
	margin-right: 20px;
	display: inline;
	float: left;
}

/*-----------------------------
 個別エントリー
------------------------------*/
div#content div.entry {
	clear: both;
}

div#content div.entry p.entry-date {
	margin: 0 0 10px;
	padding: 5px;
	color: #666666;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	background: #EDEDED;
}

div#content div.entry h2 {
	color: #540722;
	font-size: 130%;
	line-height: 130%;
	margin: 1em 0;
}

div#content div.entry p {
	margin-bottom: 1em;
	line-height: 150%;
}

div#content div.entry ul {
	margin-left: 20px;
	margin-bottom: 1em;
	list-style-type: disc;
}
div#content div.entry ul li {
	margin-bottom: 0.75em;
	line-height: 150%;
	list-style-type: disc;
}
div#content div.entry ol {
	margin-left: 20px;
	margin-bottom: 1em;
	list-style-type: decimal;
}
div#content div.entry ol li {
	margin-bottom: 0.75em;
	line-height: 150%;
	list-style-type: decimal;
}

div#content div.entry p.more-read { /* 続きを読む */

}

div#content div.entry table.review { /* amazon レビュー */
	font-size: 100%;
}

div#content div.entry table.review td {
	padding-left: 10px;
	line-height: 150%;
	color: #2F4F4F;
	vertical-align: top;
	text-align: left;
}

div#content div.entry p.entry-footer { /* エントリー フッタ */
	margin-bottom: 0;
	padding-top: 5px;
	text-align: right;
	font-size: 80%;
	border-top: 1px solid #999999;
}

div#content p.page-top { /* ページの先頭へ */
	margin: 10px 0 20px;
	text-align: right;
	font-size: 80%;
}

div#content p.page-top a {
	padding-left: 12px;
	background: url(img/icon_pagetop.gif) no-repeat 0 50%;
}

/*-----------------------------
 トラックバック
------------------------------*/
div#content div#trackback {

}

div#content div#trackback h3 {
	margin: 0 0 10px 0;
	padding: 5px;
	color: #333333;
	border: 1px solid #CCCCCC;

}

/* エントリーのトラックバックURL */
div#content div#trackback dl#trackback-url {
	margin: 0 0 10px;
	line-height: 135%;
}
div#content div#trackback dl#trackback-url dt {
	margin: 0 0 5px;
}
div#content div#trackback dl#trackback-url dd {
	margin: 0 0 5px 10px;
	font-weight: bold;
}

/* 次のエントリーを参照 */
div#content div#trackback dl#trackback-title {
	margin: 0 0 20px;
	line-height: 135%;
}
div#content div#trackback dl#trackback-title dt {
	margin: 0 0 5px;
}
div#content div#trackback dl#trackback-title dd {
	margin: 0 0 5px 10px;
}

/* トラックバックエントリー */
div#content div#trackback div.trackback-entry {
	padding: 5px 0 0;
}
div#content div#trackback div.trackback-entry dl {
	margin: 0;
	line-height: 135%;
}
div#content div#trackback div.trackback-entry dt {
	margin: 0 0 5px;
}
div#content div#trackback div.trackback-entry dd {
	margin: 0 0 0 30px;
}
div#content div#trackback div.trackback-entry p.trackback-footer { /* トラックバック時刻 */
	margin-bottom: 15px;
	padding-top: 5px; 
	font-size: 80%;
	text-align: right;
	border-top: 1px solid #999999;
}

/*-----------------------------
 コメント
------------------------------*/
div#content div#comments {

}

div#content div#comments h3 {
	margin: 0 0 10px 0;
	padding: 5px;
	color: #333333;
	border: 1px solid #CCCCCC;
}

div#content div#comments h4 {
	margin: 0 0 10px;
	color: #333333;
}

/* コメントエントリー */
div#content div#comments div.comment {

}

div#content div#comments div.comment div.comment-body p {
	margin: 0 0 5px;
	line-height: 140%;
}

div#content div#comments div.comment div.comment-footer p {
	margin: 0 0 15px;
	padding-top: 5px;
	font-size: 80%;
	text-align: right;
	border-top: 1px solid #999999;
}

/* フォームレイアウトtable用 */
div#content table.comment-form {
	font-size: 100%;
	border-collapse: collapse;
}

div#content table.comment-form th {
	margin: 0;
	padding: 5px;
	text-align: right;
}

div#content table.comment-form td {
	padding: 5px;
	text-align: left;
}

div#content div#comments table.comment-form td input {
	width: 300px;
	font-size: 100%;
}
div#content table.comment-form td textarea {
	width: 350px;
	height: 100px;
	font-size: 100%;
}

div#content div#form-btn {
	text-align: center;
}

div#content div#form-btn li {
	margin: 0 5px;
	display: inline;
}

div#content div#form-btn input {

}

/*-----------------------------
 コメント保留
------------------------------*/
div#content div#comment-wait {

}
div#content div#comment-wait h2 {
	margin-bottom: 15px;
	padding: 3px 5px;
	font-size: 130%;
	line-height: 130%;
	background: #EDEDED;
}

div#content div#comment-wait p {

}

/*-----------------------------
 エラー
------------------------------*/
div#content div#error {
	text-align: center;
}
div#content div#error h2 {
	margin-bottom: 15px;
	padding: 3px 5px;
	font-size: 130%;
	line-height: 130%;
	background: #EDEDED;
	text-align: left;
}
div#content div#error p {
	margin-bottom: 10px;
}
div#content div#error blockquote {
	margin-bottom: 10px;
	color: #CC0000;
}

/*-----------------------------
 アーカイブページ
------------------------------*/
div#content div#archive-date {

}

div#content div#archive-date h2 {
	margin-bottom: 15px;
	padding: 3px 5px;
	font-size: 130%;
	line-height: 130%;
	background: #EDEDED;
}

div#content div#archive-date ul {
	margin-left: 10px;
}

div#content div#archive-date li {
	margin-bottom: 10px;
	line-height: 135%;
}


/*-----------------------------
 検索結果
------------------------------*/

body#search div#content {
	width: 100%;
}

body#search div#sidebar {
	display: none;
}


div#content div#search-result {

}

div#content div#search-result div#search-area  {
	margin-bottom: 20px;
	line-height: 200%;
	text-align: center;
}

div#content div#search-result div#search-area input.search-width {
	width: 200px;
}

div#content div#search-result h2 {
	margin-bottom: 20px;
	padding: 3px 5px;
	font-size: 130%;
	line-height: 130%;
	background: #EDEDED;
}

div#content div#search-result h3 {
	margin: 0 0 5px;
	font-size: 120%;
	line-height: 130%;
}

div#content div#search-result h4 {

}

div#content div#search-result p.posted {
	margin : 5px 0 20px;
	font-size: 80%;
}

div#content div#search-result ol.result-lst {
	margin-left: 30px;
	list-style-type: decimal;
}
div#content div#search-result ol.result-lst li {
	margin-bottom: 20px;
	list-style-type: decimal;
}

/*-------------------------------------------------------*/


/* sidebar
---------------------------------------------------------*/
div#sidebar {
	width: 160px;
	float: right;
}
div#sidebar h2 {
	margin-bottom: 5px;
	padding: 3px;
	font-size: 80%;
	line-height: 130%;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: center;
	background: #C1CDCD;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
div#sidebar ul {
	margin-bottom: 15px;
	color: #666666;
}
div#sidebar li {
	margin-bottom: 5px;
	font-size: 80%;
	line-height: 135%;
	color: #666666;
	border-bottom: 1px dashed #EDEDED;
}
div#sidebar p {
	font-size: 80%;
	line-height: 135%;
}


/*-----------------------------
 sidebarカレンダー
------------------------------*/
div#sidebar div#side-calendar {

}
div#sidebar div#side-calendar table {
	width: 100%;
	margin: 0 0 20px;
	border-collapse: collapse;
}
div#sidebar div#side-calendar caption {
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: .3em;
	background: #C1CDCD;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;

}
div#sidebar div#side-calendar th {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	text-align: center;
}
div#sidebar div#side-calendar td {
	padding: 5px 3px 2px;
	text-align: center;
	font-size: 10px;
}
div#sidebar div#side-calendar td a {
	font-weight: bold;
}
div#sidebar div#side-calendar td.today {
	background: #EDEDED;
}

/*-----------------------------
 sidebar検索
------------------------------*/

div#sidebar div#side-search form {
	margin-bottom: 15px;
}
div#sidebar div#side-search input.search-area {
	width: 100px;
}


/*-----------------------------
 sidebarアーカイブ
------------------------------*/
div#sidebar div#side-archive h2 a {
	color: #FFFFFF;
	text-decoration: none;
}


/*-----------------------------
 sidebarカテゴリー
------------------------------*/
div#sidebar div#side-category  {

}


/*-----------------------------
 sidebar最近のエントリー
------------------------------*/
div#sidebar div#side-entry {

}


/*-----------------------------
 sidebar リンク用バナー
------------------------------*/
div#sidebar div#side-bnr {
	text-align: center;
}
div#sidebar div#side-bnr p {
	margin: 0 0 15px;
	text-align: center;
	line-height: 100%;
}
div#sidebar div#side-bnr ul {
	margin: 0 0 10px;
	list-style-type: none;
}
div#sidebar div#side-bnr ul li {
	margin: 0 0 5px;
	text-align: center;
	line-height: 100%;
	background: none;
	border: none;
	list-style-type: none;
}
/*-------------------------------------------------------*/



/* footer
---------------------------------------------------------*/
div#footer {
	background: #000000;
	clear: both;
}
div#footer p {
	margin: 0;
	padding: 5px;
	font-size: 70%;
	color: #FFFFFF;
}
/*-------------------------------------------------------*/