/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FBE8E8 url(images/img01.jpg);
	text-align: justify;
}

body, input, textarea, select {
	font: normal small Georgia, "Times New Roman", Times, Meiryo, serif;
	color: #662C14;
}

h1, h2, h3 {
	margin-bottom: 1em;
	font-weight: normal;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.3em;
}

p, blockquote, ul, ol, form {
	margin-bottom: 1.5em;
}

blockquote, ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-right: 3em;
	font-style: italic;
}

ul {
	list-style-type: square;
}

a {
	color: #662C14;
}

a:hover {
	text-decoration: none;
}

a img{border:0;}

hr {
	display: none;
}

.hr {
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
}

form fieldset {
	border:none;
}

form legend {
	display:none;}
/* Wrapper */

#container {
	padding: 20px 0;
	background: url(images/img02.jpg) repeat-x; }


/* Header */

#header {
	width: 700px;
	height: 160px;
	margin: 0 auto;
	background: url(images/img03.gif) no-repeat;
}

#header h1, #header h2 {
	margin: 0;
}

#header h1 {
	padding-top: 40px;
	text-align: center;
	font-size: 4em;
}

#header h2 {display:none;}

#header a {
	text-decoration: none;}

div#header ul{width:100%;
	height:30px;
	line-height:30px;
	text-align:center;}

div#header ul li{display:inline;
		padding:0 0 0 15px;
		background-image:url(./images/img07.gif);
		background-repeat:no-repeat;
		background-position:5px center;
		margin:0 5px 0 0;
		list-style:none;}

div #notice{width:650px;
	background:#FBE8E8;
	margin:10px auto;
	padding:10px;
	text-align:center;}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	background:black url(./images/img04.gif) repeat-y;
	overflow:hidden;}


#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;}

/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}
/**/


/* 1column */

#content1 {
	width: 700px;
	margin: 0 auto;
	background:#FBE8E8 url(images/img12.gif) repeat-y;}

#contents {
	width: 700px;
	padding: 50px 20px 0px 16px;
	background: url(images/img10.gif) no-repeat;}

#contents div.post{margin-bottom:0;}

#contents div.post h2 {
	width:650px;
	margin-bottom: 15px;
	padding:20px 0 0 15px;
	border-bottom: 1px solid #D3B6AF;
	text-transform: uppercase;
	font-size:18px;
	font-weight: bold;}

#contents div.post h3 {
		clear:both;
		display	:block;
		margin:15px 10px;
		width:630px;
		height:25px;
		line-height:25px;
		text-indent:20px;
		background:url(./images/img07.jpg) no-repeat 5px center;
		border-bottom:solid 1px #D3B6AF;
		font-weight:bold;
		list-style:none;
		text-align:left;}

ul.arrow{
	margin:0 0 5px 9px;
	list-style:none;
	text-align:left;
	width:600px;}

div#blog div.post ul.arrow{
	width:400px;}

ul.arrow li{list-style:none;
		padding	:0px 0px 5px 22px;
		background-image:url(./images/img07.gif);
		background-repeat:no-repeat;
		background-position:10px 7px;
		line-height:1.2;
		text-align:left;}

em	{font-style:normal;font-weight:bold;color:#993333;}

/* Blog */

#blog {
	float: right;
	width: 424px;
	padding: 50px 20px 0px 16px;
	background: url(images/img06.gif) no-repeat;
}

/* Post */

div.post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(images/img08.gif) no-repeat center bottom;}

#blog div.post h3 {
		clear:both;
		display	:block;
		margin:15px 10px;
		width:400px;
		height:25px;
		line-height:25px;
		text-indent:20px;
		background:url(./images/img07.jpg) no-repeat 5px center;
		border-bottom:solid 1px #D3B6AF;
		font-weight:bold;
		list-style:none;
		text-align:left;}

.post h2 {
	margin-bottom: 15px;
	padding-left: 15px;
	border-bottom: 1px solid #D3B6AF;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;}

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

.post h2 a:hover {
	text-decoration: underline;}

.post .date {
	margin-top: -30px;
	padding-right: 15px;
	text-align: right;
	font-size: x-small;}

.post .entry {
	padding: 20px 15px 10px 15px;
	line-height: 1.8em;}

.post .meta {
	margin-bottom: 2em;
	padding: 0 15px;
	text-align: right;
	font-size: x-small;}

div#search_bar{
	display:block;
	background: url(images/img08.gif) no-repeat center bottom;
	padding:0 0 20px 10px;}


/* Sidebar */

#sidebar {
	float: left;
	width: 204px;
	padding: 50px 16px 0px 20px;
	background: url(images/img05.gif) no-repeat;
}

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

#sidebar li {
	margin-bottom: 20px;
}

#sidebar li ul {
	padding-left: 5px;
	line-height: 1.4em;
}

#sidebar li li {
	margin: 0;
	padding-left: 12px;
	background: url(images/img07.jpg) no-repeat left center;
}

#sidebar h2 {
	margin-bottom: 15px;
	padding-left: 5px;
	border-bottom: 1px solid #D3B6AF;
	text-transform: uppercase;
	font-size: small;
	font-weight: bold;
}

#sidebar a {
	text-decoration: none;
}

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

/* Search */

#search {
}

#search h2 {
}

#search form {
}

#search #inputtext1 {
}

#search #inputsubmit1 {
}

/* Archives */

#archives {
}

/* Categories */

#categories {
}

/* Blogroll */

#blogroll {
}

/* Meta */

#meta {
}

/* Footer */

#footer {clear:both;
	text-align: center;
	color: #FFFFFF;
	padding: 20px 0;
	width: 700px;
	margin: 0 auto;
	padding-top: 43px;
	background: url(images/img09.gif) no-repeat;
}
#footercol1 {
	text-align: center;
	color: #FFFFFF;
	padding: 20px 0;
	width: 700px;
	margin: 0 auto;
	padding-top: 43px;
	background: url(images/img11.gif) no-repeat;
}

#footer p, #footercol1 p {
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: x-small;
	color: #FFFFFF;
}

#footer a, #footercol1 a {
	color: #FFFFFF;
}

address{margin:0;padding:0;
	font-size: x-small;}

/* genre ------------------------------------------ */

div#genre ul{
	margin:5px 0 20px;
	list-style:none;
}

#genre ul li.sub{
		display	:block;
		width:160px;
		float:left;
		margin:0 0 0 10px;
		list-style:none;
		text-align:left;
	}

div#genre ul li.title{
		clear:both;
		display	:block;
		margin:15px 0 5px;
		width:400px;
		height:25px;
		line-height:25px;
		text-indent:20px;
		background:url(./images/img07.jpg) no-repeat 5px center;
		border-bottom:solid 1px #D3B6AF;
		font-weight:bold;
		list-style:none;
		text-align:left;
	}

ul#pan{
	margin:0 0 10px;
	text-align:left;
}

	ul#pan li{list-style:none;
		display:inline;
		margin:0 5px 0 0;
	}

dl.enter{margin:10px 0 20px 15px;
	padding-bottom:10px;
	width:600px;
	border-style:dotted;
	border-width:0 0 1px;
	border-color:#D3B6AF;
	text-align:left;
}

div#blog div.post dl.enter{width:400px;
}

dl.enter dt {padding:0.6em 0 0.6em 1em;
		width:12em;
		float:left;
		font-weight:bold;
		border-top:dotted 1px #D3B6AF;
		text-align:left;}

dl.enter dd {
		margin:0 0 0 13em;
		padding:0.7em;
		line-height:1.5;
		border-top:dotted 1px #D3B6AF;
		border-left:dotted 1px #D3B6AF;
		text-align:left;
	}

ol.reg{margin:5px 0 5px 60px;
	color:#B97676;
	text-align:left;}

ol.reg li{text-align:left;}

dl.reg{margin:0px 0px 5px 25px;
	width:600px;}

dl.reg dt{margin:5px 0 0 0;
	font-weight:bold;
	background-color:#EBCDC5;
	padding	:2px 2px 2px 5px;
	text-align:left;}

dl.reg dd{margin:0 0 0 30px;
	text-align:left;
	line-height:1.3;}

ul.reg{	margin	:5px 0px 5px 10px;
	list-style:none;
	height:200px;
	overflow:auto;}

ul.reg li{text-align:left;
	}

ul.reg li.title{display	:block;
	margin:5px 0 0 0;
	font-weight:bold;
	background-color:#EBCDC5;
	padding:5px;

	}
/* =========================================================== */
/* - Site ========================================= */
/* =========================================================== */

div.site_indication{
	display								:block;
	width								:410px;
	height								:200px;
	padding								:15px 5px 15px 5px;
	background: url(./images/img08.gif) center bottom no-repeat;
}

/* タイトル・マーク表示設定 */
div.site_indication ul.title{
	display:block;
		margin							:0 0 2px;
		padding							:5px 0 0 15px;
		width							:410px;
		text-align						:left;
	}

div.site_indication ul.title li{
			display						:inline;
			margin						:0 1px 0 0;
			text-align					:left;
		}

div.site_indication ul.title li em{
			font-weight					:bold;
		}

		div.site_indication ul.title li.mark_new a,
		div.site_indication ul.title li.mark_update a,
		div.site_indication ul.title li.mark_pickup a,
		div.site_indication ul.title li.mark_mutually a{
			color						:#448ccb;
			padding						:0 0 0 11px;
			font-size					:80%;
			background-image			:url(../image/mark.gif);
			background-repeat			:no-repeat;
			background-position			:left center;
			text-decoration				:none;
		}

		div.site_indication ul.title li.mark_new a:hover,
		div.site_indication ul.title li.mark_update a:hover,
		div.site_indication ul.title li.mark_pickup a:hover,
		div.site_indication ul.title li.mark_mutuallya a:hover{
			text-decoration				:none;
		}

/* 右側表示設定 */
	div.site_indication div.right{
		text-align:left;
	}

/* バナー表示設定 */
		div.site_indication div.banner{
			display						:block;
			width						:360px;
			height						:41px;
			margin-left:15px;
			overflow					:hidden;
			text-align					:left;
		}

/* 名前表示設定 */
div.site_indication ul.user{
			display						:block;
			text-align					:right;
			padding						:0 2px;
	margin:0;
		}

div.site_indication ul.user li{
				text-align				:right;
				display					:inline;
			}

/*コンテンツ領域の設定*/
div.site_indication div.right div.introduction{
	margin:0 5px;
	width						:398px;
	padding:5px;
	height						:35px;
	overflow					:auto;
	text-align					:left;
	border: dotted 1px #E1BCB2;
		}


/* カテゴリ表示設定 */
div.site_indication ul.category {
	clear	:both;
	display	:block;
	width	:400px;
	overflow:auto;
	height	:20px;
	margin	:0 5px;
	padding	:5px;
	font-size:9px;
	text-align:left;
	background:#F4D6CE;
	}

		div.site_indication ul.category li{
			margin						:0 10px 0 0;
			display						:inline;
			text-align					:left;
		}

/* 管理・日付表示設定 */
	div.site_indication ul.data{
		display							:block;
		margin							:10px 0 0;
		width							:400px;
		font-size						:9px;
		text-align						:right;
		color							:#C3978B;
	}

		div.site_indication ul.data li{
			display						:inline;
			margin						:0 1px 0 0;
			text-align					:right;
		}

		div.site_indication ul.data li a{
			color						:#C3978B;
			text-decoration				:none;
		}

		div.site_indication ul.data li a:hover{
			text-decoration				:underline;
		}

.enter_submit{text-align:center;}

.error	{color:#cc0000;}