@charset "utf-8";
/* Base Weblog (base-weblog.css) */

/*---------------------------------------------
Shakaijin.org CSS
Author : hisagineko@gmail.com

CSS source rule
[CSS Structure]
  0.Load module
  1.Global Style Reset
  2.Element Selector
	3.Global Class
  4.Layout Selector
  5.ID Selector
  6.CSS Hack

- Refer to following url for the property description order. 
- The rule for the layout and other rules are separately described. 

Exception:
  Group Selector, Decendant Selector and Pseudo-class Selector are described with the element that accompanies it. 
  For Example...
  Group Selector : h1, h2, h3 {}
  Decendant Selector : #container p {}
  Pseudo-class Selector :  {]

- The rule of CSS Selector is described referring to the following pages. 
  >http://www.w3.org/TR/xhtml-modularization/abstract_modules.html
- The rule of CSS Attribute is described referring to the following pages. 
  >http://purpr.in/blog/log/06/05/11/0203

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

/*---------------------------------------------
  0.Load module
---------------------------------------------*/

/*---------------------------------------------
  1.Global Style Reset
---------------------------------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
pre,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font: normal normal normal small/1em sans-serif;
	}

/*---------------------------------------------
  2.Element Selector
---------------------------------------------*/
/*---------------------------------------------
  - Core Modules
    - Structure Module
    - Text Module
    - Hypertext Module
    - List Module
  - Forms Modules
  - Table Modules
  - Image Module
  - Scripting Module and Style Module
---------------------------------------------*/
a {
	color: #1F79DC;
	text-decoration: none;
	}
	a:visited {
		color: #0E57A9;/*color: #0954C6;*/
		}
	#main  {
		/*border-bottom: 1px dotted #0B67F2;*/
		}
blockquote {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #acacac;
	background-color: #F8F8F8;
	}

/*---------------------------------------------
  3.Global Class
---------------------------------------------*/



/*---------------------------------------------
  4.Layout
---------------------------------------------*/
/*---------------------------------------------
[HTML Structure map]
	body
		|--#container
				|--#container-inner
						|--#header
						|--#main
						|		|--#contents_box
						|		|	|--#ad
						|		|	|--#contents
						|		|--#sidebar_a
						|		|--#sidebar_b
						|--#footer
[/HTML Structure map]
---------------------------------------------*/
body {
	background: transparent url(../img/body_bg.png) repeat-x;
	}
#container {
	margin: 0 auto;
	width: 100%;
	background: transparent url(../img/container_footer_bg.png) bottom repeat-x;
	}
	#container-inner {
		margin: 0 auto;
		width: 896px;
		background: transparent url(../img/container-inner_bg.png) bottom no-repeat;
		}
		#header {
			padding: 0 8px;
			width: 880px;
			height: 183px;
			background: transparent url(../img/header_bg.png) top no-repeat;
			}
		#main {
			padding: 0 8px 20px;
			width: 880px;
			background: transparent url(../img/main_bg.png) top no-repeat;
			}
			#contents_box {
				margin-top: 10px;
				padding: 0 15px 19px;
				float: left;
				border-right: 1px solid #F1F1ED;
				width: 502px;
				}
				#ad {
					margin: 0 0 15px;
					width: 500px;
					}
				#contents {
					width: 502px;
					background: #fff url(../img/contents_bg.png) bottom right no-repeat;
					}
			#sidebar_a {
				margin-right: 19px;
				padding: 10px 0 4px;
				display: inline;
				float: right;
				width: 180px;
				/*background: #F1F1ED url(../img/sidebar_footer.gif) bottom no-repeat;*/
				}
			#sidebar_b {
				margin: 10px 0;
				display: inline;
				float: right;
				width: 140px;
				}
				* html #sidebar_b {
					width: 130px;
					}
		#footer {
			padding: 0 8px;
			width: 880px;
			height: 83px;
			background: transparent url(../img/footer_bg.png) bottom no-repeat;
			}

/*---------------------------------------------
  5.ID Selector
---------------------------------------------*/
/*---------------------------------------------
  The description order
    - Common
	- Layout
    -  #header and #main and #footer
          |--#menu
          |--#contents child
              |--#login
              |--table
---------------------------------------------*/

/* #header
**********************************************/
#header {
	color: #fff;
	}
	#header_inner {
		background:transparent url(../img/header_bg.gif) no-repeat scroll 0 bottom;
		height:161px;
		width:880px;
		}
		* html #header_inner {
			background:transparent url(../img/header_bg.gif) no-repeat scroll 0 29px;
			/*height: 144px;*/
			}
	#header a, #header a:visited {
		color: #fff;
		}
	h1 {
		margin-left: 18px;
		display: inline;
		float: left;
		background-color: #33FF00;
		}
		h1 a {
			display: block;
			width: 150px;
			height: 30px;
			}
		h1 img {
			display: block;
			width: 150px;
			height: 30px;
			visibility: hidden;
			}
		html #header h1 {
			background: url(../img/logo.png) no-repeat;
			}
	#header h2 {
		padding-right: 1em;
		float: right;
		width: 300px;
		height: 30px;
		line-height: 30px;
		font-size: 1em;
		font-weight: bold;
		text-align: right;
		}
	#search_box {
		float: right;
		width: 200px;
		height: 30px;
		}
		#search_box input {
			margin-top: 4px;
			border: 1px solid #dedede;
			width: 40px;
			height: 18px;
			line-height: 1em;
			}
		#search_box input#search {
			width: 140px;
			height: 16px;
			}
	#header h3 {
		margin-top: 131px;
		margin-left: 0;
		float: left;
		width: 600px;
		height: 17px;
		line-height: 17px;
		font-size: small;
		text-indent: 1em;
		}
		* html #header h3 {
			}
	/*
	#menu {
		float: right;
		margin-top: 131px;
		margin-right: 20px;
		list-style-type: none;
		display: inline;
		}
		#menu li {
			border-left : 2px solid #9FD255;
			padding: 0 10px;
			float: left;
			line-height: 18px;
			}
	*/

/* #main
**********************************************/
#main {
	}
	#main object{
		margin: 5px 55px 0 55px;
		}

/* #ad
**********************************************/
#ad {
	}
	#ad a {
		margin: 0 auto;
		display: block;
		width: 500px;
		}
	#ad img {
		border-width: 0px;
		}
	#ad p {
		margin-top: 10px;
		text-align: center;
		}


/* #contents
**********************************************/
#contents {
	color: #444444;
	}
	#contents * {
		line-height: 1.5em;
		}
	#contents h2.date-header {
		margin: 5px 0;
		width: 500px;
		height: 24px;
		color: #fff;
		background: url(../img/date_bg.png);
		font: normal normal bold 130%/1.4em sans-serif;
		text-indent: 1em;
		}
		#contents .entry-header {
			margin: 0.5em 0;
			border-bottom: 1px dotted #9FD255;
			color: #9FD255;
			font-size: 130%;
			font-weight: bold;
			}
			#contents .entry-header a {
				color: #7BB623;
				}
		#contents .entry-body {
			}
			#contents .entry-body h4 {
				margin-bottom: 3px;
				font-weight: bold;
				}
			#contents .entry-body h4 a {
				color: #1F79DC;/*#7BB623;#81BE25;#9FD255;*/
				font-weight: bold;
				border-bottom: 1px dotted #1F79DC;
				}
				#contents .entry-body h4 a:hover {
					border-bottom: 1px solid #1F79DC;
					}
				#contents .entry-body h4 a:visited {
					color: #1F79DC;
					}
				#contents .entry-body a.amazon {
					font-size: 92%;
					}
			#contents .entry-body h4 {
				margin-top: 2px;
				}
			#contents .entry-body img {
				margin: 3px 0;
				border: 0px solid #0B67F2;
				}
			#contents .entry-body .shop {
				margin: 1.6em 0;
				padding: 5px;
				border: 1px solid #cccccc;
				width: 490px;
				background-color: #ededeb;
				}
				#contents .entry-body .shop h5 {
					width: 100%;
					font-weight: bold;
					}
				#contents .entry-body .shop img {
					margin: 5px 0;
					border: 0px;

					float: left;
					}
				#contents .entry-body .shop dl{
					float: right;
					width: 240px;
					}
					#contents .entry-body .shop dl dt {
						margin-top: 3px;
						font-weight: bold;
						}
					#contents .entry-body .shop dl dd {
						font-size: 90%;
						text-indent: 1em;
						}
			#contents .entry-body iframe {
				margin: 8px;
			}
		#contents p {
			margin-bottom: 1em;
			}
		#contents cite {
			display: block;
			font-style: normal;
			font-size: 80%;
			text-align: right;
			}
			#contents cite a {
				border-bottom: 1px dotted #7BB623;
				color: #7BB623;
				font-size: 80%;
				}
		#contents .entry-footer {
			margin: 10px 0;
			}
			#contents .entry-footer-right {
				margin-right: 8px;
				font-size: small;
				text-align: right;
				}
		#contents .entry-tags {
			}
			#contents .entry-tags-header {
				float: left;
				}
			#contents .entry-tags-list {
				float: left;
				}
				#contents .entry-tags-list li {
					padding: 0 5px;
					float: left;
					
					}
		#contents .entry-more-link {
			margin-top: 3px;
			}
	#contents .content-nav {
		text-align: center;
		}
	#contents #pager {
		margin: 15px 0;
		font-size: 100%;
		text-align: center;
		}
	#trackbacks-info {
		margin-bottom: 15px;
		}
		#trackbacks-info input {
			margin-top: 3px;
			height: 1.2em;
			line-height: 1.2em;
			}
		#contents .amazon {
			}

/* #sidebar_a
**********************************************/
#sidebar_a {
	}
/*	#sidebar_a a {
		color: #333333;
		}
		#sidebar_a a:visited {
			color: #333333;
			}*/
		#sidebar_a  {
			border-bottom: 0px dotted #4e4e4e;
			}
	#sidebar_a .sidebox h2 {
		margin: 0 8px;
		height: 24px;
		line-height: 24px;
		font-size: 110%;
		font-weight: bold;
		}
		#sidebar_a h2 a {
			}
			#sidebar_a h2 a:visited {
				color: #fff;
				}
			#sidebar_a h2  {
				border-bottom: 0px solid #4e4e4e;
				}
	#g_search {
		margin: 0 0 10px;
		border: 1px solid #c4c4c4;
		width: 178px;
		text-align: center;
		}
		#g_search input {
			margin-bottom: 5px;
			}
		#g_search div {
			text-align: left;
			margin-bottom:5px;
			}
		#g_search div input {
			margin-bottom: 0;
			margin-left: 24px;
			font-size: small;
			}
	#sidebar_a ul {
		list-style-type: none;
		}
		#sidebar_a div.sidebox {
			padding-top: 5px;
			margin-bottom: 10px;
			background: #F1F1ED url(../img/sidebar_box_top.gif) top no-repeat;
			}
			#sidebar_a div.sidebox ul {
				margin: 0 8px;
			}
		#sidebar_a ul li {
			margin-bottom: 3px;
			border-bottom: 1px dashed #4e4e4e;
			line-height: 1.4em;
			color: #1A70F0;
			}
		#sidebar_a ul.center {
			padding-left: 0;
			}
			#sidebar_a .sidebar_box_bottom {
				width: 180px;
				height: 6px;
				background: url(../img/sidebar_box_bottom.gif) bottom no-repeat;
				}

		#sidebar_a #menu {
			padding: 8px 0 0;
		}
			#menu #about, #menu #profile, #menu #mailme {
				border: 0px solid #F1F1ED;
				}
			#menu #about {
				margin-bottom: 4px;
				}
			#menu #profile {
				color: #444444;
				}
			#menu #mailme {
				margin-bottom: 0px;
				}

	#sidebar_a div {
		}
	#sidebar_a .others {
		}
		#sidebar_a .others li {
			border: 0;
			}
	/*
	#sidebar_a iframe {
		margin: 20px 27px 3px;
		}
		.about_snap {
			margin-bottom: 20px;
			text-align: center;
			}
	*/
	#sidebar_a .creative_commons {
		margin: 10px 0 5px;
	}
	#sidebar_a img {
		border: 0;
		}

/* #sidebar_b
**********************************************/
#sidebar_b {
	text-align: center;
	}
	#sidebar_b p{
		width: 130px;
		}
	#sidebar_b iframe {
		margin: 5px 0;
		}
	#sidebar_b .amazon {
		margin: 5px 0;
		padding-bottom: 6px;
		border-bottom: 1px solid #c4c4c4;
		width: 120px;
		}

/* #footer
**********************************************/
#footer {
	}
	#footer p {
		padding-top: 16px;
		line-height: 1.4em;
		color: #CECECE;
		text-align: center;		
		}
		#footer p a {
			border-bottom: 1px solid #CECECE;
			color: #CECECE;
			}

/* #about, #readme
**********************************************/
#contents h2.about-header {
	margin: 5px 0;
	width: 500px;
	height: 24px;
	color: #fff;
	background: url(../img/date_bg.png);
	font: normal normal bold 130%/24px sans-serif;
	text-indent: 1em;
	}

/*---------------------------------------------
  5.Class Selector
---------------------------------------------*/
/* individual page */

/* #contents */
.trackbacks-header, .comments-open-header {
	margin: 20px 0 3px;
	height: 24px;
	width: 500px;
	line-height: 24px;
	color: #4e4e4e;
	background: #fff url(../img/track_comment_header.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
	text-indent: 24px;
	}
.tb_url {
	width: 498px;
	}
.trackback-content, #comments .comment-inner {
	margin-top: 10px;
	padding: 10px 10px 0;
	background: #fff url(../img/track_comment_partition.png) top no-repeat;
	}
	.trackback-title {
		margin-bottom: 3px;
		}
	.trackback-details, .comment-details {
		float: left;
		width: 140px;
		}
		.trackback-details .date, .comment-details .date {
			color: #999;
			}
	.outline, .comment-content {
		float: right;
		width: 330px;
		min-height: 3em;
		}
.comments-open .signin {
	margin: 10px 0;
	padding: 0 10px 10px;
	background: #fff url(../img/track_comment_partition.png) bottom no-repeat;
	}
.comments-open label {
	display: block;
	}
	#comment-author, #comment-email, #comment-url, #comment-text {
		margin-bottom: 5px;
		padding-left: 3px;
		border: 1px solid #999;
		line-height: 1.6em;
		background: #fff url(../img/comment_inner_shadow.png) top no-repeat;
		}
		#comment-author, #comment-email, #comment-url {
			height: 1.6em;
			}
		#comment-bake-cookie {
			background: #fff;
			}

/* archive */
#archive-title {
	margin: 5px;
	color: #9FD255;
	font-size: 140%;
	font-weight: bold;
	}
.archive-list {
	list-style-type: none;
	}


/* common */
.center {
	text-align: center;
	}
img.left {
	float: left;
	}
.overline {
	text-decoration: overline;
	}

/*---------------------------------------------
  6.CSS Hack
---------------------------------------------*/
/* clearfix */
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	}
.clearfix { display: inline-table; }

	/* exlude MacIE5 \*/
	* html .clearfix { height: 1%; }
	.clearfix {display:block;}
	/* end MacIE5 */