@charset "EUC-JP";

/* CSS Document */

@import "layout.css";

/*-------------------------------------------------------------------------
		COMMON
/*-----------------------------------------------------------------------*/

#contents {
	width:640px;
	float:right;
	display:inline;
	margin-right:10px;
}

#pagenavi {
	color:#ba7ea9;
	width:640px;
	text-align:center;
	padding-bottom:15px;
}

#navigation {
	width:200px;
	float:left;
	display:inline;
	margin-top:220px;
	padding-left:10px;
}

.pagetop {
	margin-top:20px;
}

/*-------------------------------------------------------------------------
		ENTRY
/*-----------------------------------------------------------------------*/

.entry {
	width:640px;
	padding-bottom:50px;
}

.entry h2 {
	font-size:1.2em;
	width:640px;
	height:50px;
	line-height:55px;
	background:url(../img/material/entry.gif) no-repeat left center;
}

.entry h2 a {
	color:#bb5a9f;
	padding-left:10px;
}

.entry_author {
	color:#888;
	font-size:0.85em;
	width:640px;
	text-align:right;
	margin:10px 0 20px 0;
}

.entry_author a {
	border-bottom:#bb5a9f 1px dotted;
}

.entry_body {
	margin-bottom:20px;
	padding:0 10px;
}

.entry_more {
	margin-bottom:20px;
	padding:0 10px;
}

.entry_state {
	color:#ba7ea9;
	font-size:0.85em;
	width:640px;
	text-align:right;
	clear:both;
}

.entry img.pict {
	display:block;
	text-align:left;
	margin:15px 0 18px 0;
}

.entry img.thumb {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.entry blockquote {
	background-color:#eee;
	margin-bottom:30px;
	padding:15px 15px;
}

.entry ul {
	list-style-type:disc;
	margin-bottom:30px;
	padding-left:20px;
}

.entry ol {
	list-style-type:decimal;
	margin-bottom:30px;
	padding-left:20px;
}

.entry em {
	font-weight:bold;
}

.entry table {
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	margin-bottom:20px;
}

.entry table th {
	border-right:1px solid #ddd;
	border-bottom:1px solid #f90;
	padding:5px;
}

.entry table td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:top;
	padding:5px;
}

.entry dl {
	margin-bottom:20px;
}

.entry dl dt {
	color:#f90;
	font-weight:bold;
	padding-bottom:10px;
}

.entry dl dd {
	padding:0 0 10px 20px;
}

/*-------------------------------------------------------------------------
		COMMENTS
/*-----------------------------------------------------------------------*/

#comments {
	width:640px;
	height:100%;
	clear:both;
	padding:0 0 50px 0;
}

#comments h3 {
	color:#999;
	width:640px;
	height:30px;
	background:url(../img/material/comment.gif) no-repeat bottom;
	margin-bottom:15px;
}

#comments dl.comment_body {
	width:610px;
	padding:0 20px 30px 20px;
}

#comments dl.comment_body dt {
	color:#ccc;
	width:610px;
	border-bottom:1px solid #d6a1c5;
	text-align:right;
	margin-bottom:5px;
	padding-bottom:2px;
}

#comments dl.comment_body dd {
	width:90%;
}

#comments h4 {
	width:610px;
}

#comment_form {
	width:610px;
	height:100%;
	background-color:#fff;
	clear:both;
	padding:10px 20px;
}

#comment_form dl {
	zoom:1;
}

#comment_form dl:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#comment_form dt {
	width:9em;
	background:url(../../../common/img/contents/mark.gif) no-repeat left center;
	float:left;
	padding-left:15px;
}

#comment_form dd {
	padding-bottom:15px;
	float:left;
}

#comment_form dd#area_cokie span {
	float:left;
}

#comment_form dd#area_cokie p {
	float:left;
}

#comment_form dd#area_cokie p input#set_cookie {
	background-color:#f4d8eb;
	border:1px solid #d6a1c5;
	margin-left:10px;
}

#comment_form dd input#name,
#comment_form dd input#email,
#comment_form dd input#url {
	width:250px;
	height:20px;
	background-color:#f4d8eb;
	border:1px solid #d6a1c5;
}

#comment_form dd label {
	padding:0 10px;
}

#comment_form dt label#labelsubmit {
	display:none;
}

#comment_form dd input.form {
	width:200px;
	background-color:#f4d8eb;
	border:1px solid #d6a1c5;
}

#comment_form dd textarea {
	width:460px;
	height:150px;
	background-color:#f4d8eb;
	border:1px solid #d6a1c5;
	line-height:1.6;
}

#comment_form dd input.button {
	margin-right:10px;
	padding:2px 5px;
}

#comment_form dl#btn_submit {
	width:600px;
	position:relative;
	left:9em;
	padding-left:15px;
	zoom:1;
}

#comment_form dl#btn_submit dt {
	float:none;
	zoom:1;
}

#comment_form dl#btn_submit dt:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#comment_form dl#btn_submit dd input#submit {
	width:250px;
	height:23px;
	background:url(../img/comment/submit.gif) no-repeat bottom;
	border:none;
	float:left;
	display:inline;
	margin-right:10px;
}

#comment_form dl#btn_submit dd input#reset {
	width:150px;
	height:23px;
	background:url(../img/comment/reset.gif) no-repeat bottom;
	border:none;
	float:left;
	display:inline;
}

/*-------------------------------------------------------------------------
		TRACKBACK
/*-----------------------------------------------------------------------*/

#trackback {
	width:640px;
	padding-bottom:50px;
}

#trackback h3 {
	width:640px;
	height:30px;
	margin-bottom:15px;
	background:url(../img/material/trackback.gif) no-repeat bottom;
}

p.tb_link {
	color:#555;
	font-size:0.85em;
	width:578px;
	background:#eee;
	border:1px solid #aaa;
	margin:0 0 30px 20px;
	padding:5px;
}

#trackback dl.tb_body {
	width:640px;
	padding-bottom:30px;
}

#trackback dl.tb_body dt {
	color:#ccc;
	width:640px;
	border-bottom:1px solid #ffe6c0;
	text-align:right;
	margin-bottom:5px;
	padding-bottom:2px;
}

/*-------------------------------------------------------------------------
		PROFILE
/*-----------------------------------------------------------------------*/

#profile {
	width:640px;
	padding-bottom:50px;
}

#profile h2 {
	width:400px;
	height:30px;
	background:url(../img/navigation/profile.gif) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:30px;
	padding:0 0 6px 30px;
}

.profile_body {
	margin-bottom:20px;
}

/*-------------------------------------------------------------------------
		NAVIGATION
/*-----------------------------------------------------------------------*/

#navigation dl {
	margin-bottom:30px;
}

#navigation dt {
	width:180px;
	height:30px;
	text-indent:-1000em;
	margin-bottom:10px;
	padding:0 0 2px 20px;
}

#navigation dl#calendar dt {
	background:url(../img/navigation/calendar.gif) no-repeat bottom left;
}

#navigation dl#category dt {
	background:url(../img/navigation/category.gif) no-repeat bottom left;
}

#navigation dl#recententry dt {
	background:url(../img/navigation/entry.gif) no-repeat bottom left;
}

#navigation dl#recentcomment dt {
	background:url(../img/navigation/comment.gif) no-repeat bottom left;
}

#navigation dl#recenttrackback dt {
	background:url(../img/navigation/trackback.gif) no-repeat bottom left;
}

#navigation dl#archives dt {
	background:url(../img/navigation/archive.gif) no-repeat bottom left;
}

#navigation dl#links dt {
	background:url(../img/navigation/link.gif) no-repeat bottom left;
}

#navigation dl#profiles dt {
	background:url(../img/navigation/profile.gif) no-repeat bottom left;
}

#navigation ul {
	font-size:0.9em;
	list-style-position:outside;
	list-style-image:url(../img/material/arrow.gif);
	padding-left:15px;
}

#navigation ul li {
	padding-bottom:0px;
}

/*-------------------------------------------------------------------------
		CALENDER
/*-----------------------------------------------------------------------*/

dl#calendar table {
	width:200px;
}

dl#calendar table th, dl#calendar table td {
	font-size:0.75em;
	line-height:1em;
	text-align:center;
	padding:2px;
}

dl#calendar table th {
	padding-bottom:5px;
}

dl#calendar table td span.today {
	width:100%;
	height:100%;
	color:#fff;
	background:#d6a1c5;
	display:block;
	padding:2px 0;
}

dl#calendar table td span.today a {
	color:#f4d8eb;
	border-bottom:#f4d8eb 1px dotted;
}

dl#calendar table td span.today a:active,
dl#calendar table td span.today a:hover {
	color:#f30;
}

/*-------------------------------------------------------------------------
		EXTRA
/*-----------------------------------------------------------------------*/

dl#extra {
	width:178px;
	border:1px solid #ccc;
	background:#ddd;
	padding:10px;
}

dl#extra dt {
	display:none;
}

dl#extra ul {
	font-size:0.75em;
	letter-spacing:0.5px;
	list-style:none;
	list-style-image:none;
	padding:0;
}

p#link2top {
	background:url(../img/material/pagetop.gif) no-repeat;
	padding-left:10px;
}