/*  
Theme Name: Story Theme for WordPress
Theme URI: http://www.wordpresstheme.jp/
Description: Web標準に準拠したWordPressのテーマです。
Version: 1.0
Author: Performancing in cooperation with Design Disease
*/

* {
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

body {
	background: #FAF0EE;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	color: #444640;
}

#wrapper {
	width: 998px;
	background: url(images/content-middle.gif) repeat-y;
	margin: 20px auto 0 auto;
}

	#content-top {
		width: 998px; height: 6px;
		background: url(images/content-top.gif) no-repeat;
	}
	
	#content {
		width: 530px;
		padding: 22px 36px 0px 36px;
		float: left;
                font-size: 13px;
		background: url(images/top.gif) no-repeat;
	}
	
		h1 a span { 
			font-size: 0; 
			color: #ffffff; 
			margin: 0 0 22px 0;}
		
		h1 a {
			width: 484px;
			display: block;
			margin: 0 0 22px 0;
			text-decoration: none; 
		}
		
		#navigation {
			width: 484px; height: 35px;
			padding: 18px 14px 5px 14px;
                	font-size: 13px;
                       line-height: 25px;
			color: #455078;
			list-style: none;

		}
		
			#navigation h5{ font-size: 12px;}

			#navigation li { float: left; padding: 0 4px 0 0;font-size: 12px;}
			
			#navigation li a { text-decoration:none;color: #455078; }　

			#navigation li a:hover { text-decoration:underline; }
			
		hr {
			width: 100%; height: 10px;
			border: none; border-bottom: 1px dotted #D7D0A5;
			margin: 10px 0;
			clear: both;
		}
		
		#content p, #content h3, #content h4, #content h5, #content h6 { padding: 10px 0; }
		
		#content .post {
　　　　　　　　　width: 527px; 
			margin: 0px 0px 20px 0px;
                        border: thin #799A5C solid;
                       line-height: 1.5;

		}
	
		.post-title {
			width: 510px; 
　　　　　　　　　height: auto;
			padding: 14px 14px 14px 14px;
			margin: 20px 0px 5px 0px;
                       line-height: 25px;

		}

		.post-line {
			width: 510px; 
　　　　　　　　　height: 35px;
			background: url(images/post-title.gif) no-repeat;
			padding: 2px 14px 2px 14px;

		}

		.nakami {
			padding: 8px 14px 14px 14px;
		}
		
			.post-title h2, #content .post-title h2 a {
				font-family: "Trebuchet MS";
				font-size: 25px;
				color: #003927;
				text-decoration: none;
			}
			
			#content .post-title p { padding: 0; }
			
			#content .post-title a { color: #663; }
			
			#content .post-title a:hover { text-decoration: none; }

		#content a img { border: none; }
			
		#content a { text-decoration: none; color: #0000ff;}
		
		#content a:hover {text-decoration: underline; }
		
		#content a.comment-link {
			background: url(images/comment-icon.gif) no-repeat 0 2px;
			padding: 0 0 20px 22px;
		}
					
				#content blockquote { padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
				
		#content blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
		#content ul, #content ol { font-size: 11px; padding-left: 18px; }	


              .tag {
width: 480px;
height: auto;
background-color: #F5F5DC;
padding: 10px 10px 20px 10px;
margin: 20px 0px 20px 0px; 
　　　　　　    }

	#sidebar {
		width: 170px;
		padding: 5px 0 0 5px;
		float: left;
		color: #ffffff;
	}
	
		#sidebar h3.search {
			font-family: Arial;
			font-size: 14px;
			color: #D7D0A5;
			padding: 0 0 4px 0;
			margin: 0;
			border: none;
		}
		
		input.search-box {
			width: 141px; height: 16px;
			background: #fff url(images/search-box.gif) no-repeat left;
			padding: 4px 0 4px 4px;
			border: none;
			float: left;
		}
		
		input.search-button {
			width: 23px; height: 24px;
			background: url(images/search-button.gif) no-repeat;
			display: block;
			border: none;
			cursor: pointer;
			font-size: 0.1em;
			float: left;
			margin: 0 0 20px 0;
		}
		
		#sidebar h3 {
			font-family: Arial;
			font-size: 14px;
			color: #D7D0A5;
			padding: 20px 0 8px 0;
			margin: 0 0 8px 0;
			display: block;
			border-bottom: 1px dotted #996;
		}
		
		#sidebar ul {margin: 0 0 0 1em;padding: 0;}
		
		#sidebar a {
			color: #d1be94;
			text-decoration: none;
		}
		
		#sidebar a:hover { text-decoration: underline; }
		
	#right-bar {
		width: 169px;
		padding: 50px 5px 5px 0;
		float: right;
	}

	#right-bar h3 {
			font-family: Arial;
			font-size: 14px;
			color: #455078;
			padding: 20px 0 8px 0;
			margin: 0 0 8px 0;
			display: block;
			border-bottom: 1px dotted #455078;
	}

		#right-bar ul {margin: 0 0 0 1em;padding: 0;}
		
		#right-bar a {
			color: #455078;
			text-decoration: none;
		}
		
		#right-bar a:hover { text-decoration: underline; }

	
	#footer {
		width: 968px; height: 40px;
		background: url(images/content-bottom.gif) no-repeat bottom;
	/*	line-height: 40px; */
		color: #79786a;
		padding: 0 0 0 30px;
	}
	#footer p { margin: 30px 10px 10px; }
	
/* 

#tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:13px;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:13px;
	font-weight:bold;
}




+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostNote { margin: 0px; padding: 0px;}
.PostNote li { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
.PostNote .TrackBack { background: url(./images/PostNoteTrackBack.png) no-repeat left center; }
.PostNote .RSS { background: url(./images/PostNoteRSS.png) no-repeat left center; }


.Comments { padding: 0px; margin: 20px 0px 20px 0px ;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }

#content .List .commentlist, #content .List .commentlist .children { margin: 0; padding: 0; }
	#content .List .commentlist .comment-author { margin: 0; padding: 0; }
	#content .List .commentlist li { height: 1%; }
	.commentlist .avatar { float: left; margin: 0 10px 0 0; }
	.comment-meta, .commenttext, #content .List .commentlist .children { padding: 0 0 0 40px; }
	.commenttext { clear: both; }

.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 0px; margin: 0; list-style-type: none; font-size: 11px;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: bold;}
.List .ListUser a { text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover { text-decoration: none;}

.List .ListDate { padding-left: 0px;}
.List .ListDate a { text-decoration: none; color: #666;}
.List .ListDate a:visited { text-decoration: none; color: #666;}
.List .ListDate a:hover { text-decoration: none; color: #666; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0;}
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 14px;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.Form { margin: 0 0 20px; }
.Form h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.Form p { padding: 0px; margin: 0px; color:#50728c;}
.Form p label { padding-bottom: 11px; display: block; }
.Form p label small { font-size: 11px; color: #cc3300}

.Form .TextField { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-right: 15px; width: 210px;}
.Form .TextArea { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-bottom: 10px; width: 95%; }
 
.Form input.SubmitComment { width: 182px; height: 24px; background: url(images/SubmitComment.png) no-repeat;}

.Comments .comment-navigation .previous { float: left; }
.Comments .comment-navigation .next { float: right; }
.Comments .comment-navigation { margin: 0 0 20px; overflow: hidden; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Image Styles */
	#content .post div.wp-caption { margin: 10px; background: #deddd4; overflow: hidden; }
		#content .post .wp-caption img { display: block; margin: 5px auto; background: none; border: none; }	
		#content .post .wp-caption-text { margin: 5px; padding: 0; font-size: 0.9em; line-height: 1.3em; }
	#content .post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	#content .post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	#content .post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	#content .post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#content .post div.alignleft { text-align: left; float: left; margin-left: 0; }
	#content .post div.alignright { text-align: right; float: right; margin-right: 0; }
	#content .post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#content .post .gallery { margin: 16px auto; }
		#content .post .gallery img { border: none; margin-bottom: 5px; }
		#content .post .gallery .gallery-item, #content .post .gallery .gallery-icon { clear: none; margin: 0; }
		#content .post .gallery .gallery-icon {  }
		#content .post .gallery .gallery-caption { text-align: left; font-size: 0.8em; line-height: 1.3em; margin: 0 5px 10px; }