@charset "utf-8";

/* Suggested order(via Mozilla.org):
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
 
 
/* Structure
----------------------------------------------------- */
body{
	background:#fff;
}

#wrapper{
	position:relative;
	width:950px;
	margin:40px auto 0;
	background:url(../img/site_ttl.jpg) no-repeat left top;
}
#nav{
	height:213px;
	padding:80px 0 0 542px;
}
	h1{ margin-bottom:20px;}
	.update{font-size:10px;}

#content{
	border:5px #011F78 solid;
}
	.content_box{
		margin-bottom:20px;
	}
	.headding_line{
		margin:30px 0 20px;
	}
		.date{
			position:relative;
			float:left;
			width:190px;
			padding-left:5px;
			font-weight:bold;
		}
			.d_year{
				position:relative;
				top:-5px;
				font-size:32px;
				line-height:27px;
			}
			.d_month{
				position:relative;
				top:-10px;
				left:-5px;
				font-size:38px;
				line-height:27px;
			}
			.d_day{
				position:relative;
				top:4px;
				left:-9px;
				font-size:38px;
				line-height:27px;
			}
		h2{
			position:relative;
			right:-5px;
			float:right;
			height:27px;
			width:733px;
			padding-right:10px;
			color:#fff;
			background:#011F78;
			font-size:17px;
			font-weight:bold;
			text-align:right;
		}
	.entry{
		padding:15px 30px 25px;
	}
		.right_box{
			float:right;
			width:430px;
		}
		.entry p{
			margin:0 0 1em;
		}
		.sub_area{
			position:relative;
			margin-bottom:20px;
			font-size:20px;
			line-height:13px;
			text-align:right;
			border-bottom:2px solid;
		}
		.pixiv_area{
			float:left;
			width:250px;
			margin-right:35px;
		}
		.twitter_area{
			float:left;
			width:280px;
			margin-right:35px;
			overflow:hidden;
		}
		.twitter_area2{
			float:right;
			width:280px;
			overflow:hidden;
		}
		.tweets_area{
			line-height:1.4;
		}
			.tweets_area li{
				margin-bottom:0.75em;
			}
				.twitterPrefix img{
					padding:0 5px 0 0;
				}
				.twitterTime{
					font-size:9px;
				}

#footer{
	margin:10px 0 50px;
	padding:0 5px 0 0;
	text-align:center;
}
	#footer .copy{
		font-size:11px;
		vertical-align:bottom;
	}



/* Parts
----------------------------------------------------- */

em{
	font-style:normal;
	font-weight:bold;
}

.caption{
	padding:0 5px;
	background:#011F78;
	color:#fff;
	font-size:10px;
}

hr.line{
	display:block;
	border:1px solid;
	margin:1em 0 1.5em;
	}


/* Amazon
----------------------------------------------------- */

.amazon_widget_JP_8001_0{
	margin-right:30px;
}
.amazon_widget_JP_8001_0{
	float:left;
}