@charset "utf-8";
/* CSS Document */

/*  Reset for some default browser CSS - General */

body, div, h1, h2, h3, p, ul, ol, li, img, header, section, aside, footer, button {
	margin:0; padding:0; border:0; list-style:none;
}

a {
	text-decoration:none;
	color:#961b25;
}

a:hover {
	color:#6f92a7;
}

:focus {
	outline:0;
}

h1, h2, h3 {
	font-family:'メイリオ','Meiryo', 'Georgia', 'Palatino', 'Palatino Linotype', 'Times', 'Times New Roman', 'serif';
	font-weight:normal;
} 

h2 {
	font-size:22px;
	line-height:28px;
}

.float {
		float:left;
}

body {
/*background:#f6f6ee url(/images/bck.jpg);*/
	font-family:'メイリオ','Meiryo', 'Georgia', 'Palatino', 'Palatino Linotype', 'Times', 'Times New Roman', 'serif';
	font-size:12px;
}


/* Header */

header#site_head {
	background:url(/images/bck_head.jpg);
	-moz-box-shadow:inset 0px -2px 3px #480508;
	-khtml-box-shadow:inset 0px -2px 3px #480508;
	-webkit-box-shadow:inset 0px -2px 3px #480508;
	box-shadow:inset 0px -2px 3px #480508;
	border-bottom:1px solid #fffffb;
	height:70px;
	width:100%;
	display:block;
}

	.header_cont {
		width:960px;
		margin:0 auto;
		padding-top:15px;
	}

	.header_cont h1 {
	/*text-indent:-9999px;*/
		float:left;
		color:#FFFFFF;
	}

	.header_cont h1 a {
		color:#ffffff;
	}

	nav.head_nav {
		float:right;
		margin-top:13px;
	}

	nav.head_nav ul li {
		display:inline;
		margin:0px 5px;
	}

	nav.head_nav ul li a {
		color:#f6f6ee;
		font-size:12px;
		font-weight:normal;
		text-transform:lowercase;
		padding:5px 8px;
	}

	nav.head_nav ul li.home a {
		background:#4f1d1e;
		-moz-border-radius:10px;
		-khtml-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}

	nav.head_nav ul li a:hover {
		text-shadow:1px 1px 1px #2c0306;
		background:#4f1d1e;
		-moz-border-radius:10px;
		-khtml-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		-moz-box-shadow:inset 0px 0px 2px #2c0306;
		-khtml-box-shadow:inset 0px 0px 2px #2c0306;
		-webkit-box-shadow:-1px -1px 2px #2c0306; /*-webkit- inset fix*/
		box-shadow:inset 0px 0px 2px #2c0306;
		color:#f6f6ee;
	}

	nav.head_nav ul li.rss, nav.head_nav ul li.twitter  {
		position:relative;
		left:-355px;
		margin:0;
	}

	nav.head_nav ul li.rss a {
		color:#b4676c;
		border-right:1px solid #903f43;
		margin:0;
		padding-left:20px;
		background:url(/images/rss.png) left no-repeat;
		font-size:10px;
	}

	nav.head_nav ul li.twitter a {
		color:#b4676c;
		margin-left:3px;
		padding-left:20px;
		background:url(/images/twitter.png) left no-repeat;
		font-size:10px;
	}

	nav.head_nav ul li.rss a:hover, nav.head_nav ul li.twitter a:hover  {
		color:#f6f6ee; 	
		-moz-border-radius:0;
		-khtml-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-khtml-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}


/* Main container */

div#container {
	margin:0 auto;
	width:1200px;

}

#main_content {
	width:950px;
	margin:0 auto;
	padding-top:15px;
	float:right;
}

#main_content_left {
	width:250px;
	margin:0 auto;
	padding-top:15px;
	float:left;
}


#main_content_left ul.word_list_img li {
	float: left;
	margin: 0 5px 0 0;
}

#main_content_left a {
	text-decoration:none;
	color:#333333;
}

#main_content_left a:hover {
	color:#CC0000;
}

#main_content_left ul.word_list_kw li {
	float: left;
	margin: 0 5px 0 0;
}





	/* Last posts section */

	.section_tit {
		clear:both;
	}

	.section_tit h3 {
	/*background:url(/images/line.png) no-repeat center center;*/
		text-align:center;
		font-size:34px;
		margin:10px 0 25px 0;
		color:#999999;
		text-shadow:1px 1px 0px #fff;
	}

	.section_tit2 {
		clear:both;
	}

	.section_tit2 h3 {
	/*background:url(/images/line.png) no-repeat center center;*/
		text-align:center;
		font-size:34px;
		margin:30px 0 25px 0;
		color:#999999;
		text-shadow:1px 1px 0px #fff;
	}

	div.single_post {
		float:left;
		width:447px;
		height:345px;
		margin:0 16px 35px 16px;
	}
/*
		img {
			border:5px solid rgb(255,255,255);
			border:5px solid rgba(255,255,255,0.75);
			-moz-border-radius:5px;
			-khtml-border-radius:5px;
			-webkit-box-border-radius:5px;
			border-radius:5px;
			-moz-box-shadow:0px 0px 5px #c6c6bf;
			-khtml-box-shadow:0px 0px 5px #c6c6bf;
			-webkit-box-shadow:0px 0px 5px #c6c6bf;
			box-shadow:0px 0px 5px #c6c6bf;
		}
*/
		div.single_post footer {
			color:#2b2b28;
			text-align:right;
			font-size:10px;
		}

		div.single_post ul  {
			margin-top:10px;
			border-right:3px solid #dbdbd4;
		}
	
		div.single_post ul  li {
			padding:1px 13px 1px 0px;
		}
	
		div.single_post ul  li a {
			font-weight:bold;
		}

		div.art {
			width:250px;
			display:block;
			background:rgb(255,255,255); /*rgba ie fix*/
			background:rgba(255,255,255,0.75);
			border:1px solid rgb(255,255,255); /*rgba ie fix*/
			-moz-border-radius:10px;
			-khtml-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			border-radius:10px;
			-moz-box-shadow:0px 0px 5px #c6c6bf;
			-khtml-box-shadow:0px 0px 5px #c6c6bf;
			-webkit-box-shadow:0px 0px 5px #c6c6bf;
			box-shadow:0px 0px 5px #c6c6bf;
			margin-left:15px;
			overflow:auto;
			float:left;
		}
	
		div.art:hover {
			background:rgb(255,255,255); /*rgba ie fix*/
		}
	
		div.single_post header h2 {
			border-bottom:1px solid #dbdbd4;
			margin:20px;
			padding-bottom:20px;
			text-align:center;
		}
	
		div.single_post p, section#archive p {
			padding:0 20px;
			font-size:12px;
			line-height:20px;
		}
	
		span.more, span.more_arch {
			float:right;
			margin:30px 20px 30px 0px;
		}
	
		span.more a, span.more_arch a, .about_left ul li a {
			background:#8badc2;
			-moz-border-radius:15px;		
			-khtml-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
			padding:8px 12px;
			color:#fff;
			text-shadow:1px 1px 1px #546d7c;
			-moz-box-shadow:inset 0px 0px 2px #3f5867;
			-khtml-box-shadow:inset 0px 0px 2px #3f5867;
			-webkit-box-shadow:-1px -1px 2px #3f5867; /*-webkit- inset fix*/
			box-shadow:inset 0px 0px 2px #3f5867;
		}
	
		span.more a:hover, span.more_arch a:hover, .about_left ul li a:hover {
			background:#b8ccd7;
			text-shadow:none;
			-moz-box-shadow:none;
			-khtml-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			-webkit-box-shadow:-1px -1px 0px #8badc2; /*-webkit- inset fix*/
		}

	/* Archive - Sidebar */

	.left_cont {
		float:left;
		width:447px;
		margin:0 16px 16px 16px;
	}

	aside {
		float:right;
		width:447px;
		margin:0 16px 16px 16px;
	}

	section#archive ol li {
		width:385px;
		min-height:130px;
		background:rgb(255,255,255); /*rgba ie fix*/
		background:rgba(255,255,255,0.75);
		border:1px solid rgb(255,255,255); /*rgba ie fix*/
		-moz-border-radius:10px;
		-khtml-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		-moz-box-shadow:0px 0px 5px #c6c6bf;
		-khtml-box-shadow:0px 0px 5px #c6c6bf;
		-webkit-box-shadow:0px 0px 5px #c6c6bf;
		box-shadow:0px 0px 5px #c6c6bf;
		margin:30px 15px 20px 15px;
		padding:15px;
	}

	section#archive ol li:hover {
		background:rgb(255,255,255); /*rgba ie fix*/
	}

	section#archive h2 {
		font-size:16px;
		line-height:22px;
		margin:0 0 10px 0;
	}

	section#archive figure {
		margin-right:15px;
	}

	section#archive footer p {
		font-size:10px;
		margin-top:15px;
		text-align:right;
	}

	section#archive footer p a {
		color:#6f92a7;
		font-weight:bold;
	}

	section#archive footer p a:hover{
		color:#961b25;
	}

	aside.friends ul {
		float:left;
		padding-left:15px;
		width:95px;
	}

	aside.friends ul li {
		margin-bottom:10px;
		border-bottom:1px solid #dbdbd4;
	}

	span.more_arch {
		font-size:30px;
		margin:15px 15px 10px 0;
	}

	section.about, section#archive, aside.friends {
		display:block;
		overflow:auto;
		margin-bottom:30px;
	}

	div.portfolio { 
		margin-bottom:45px;
		display:block;
	}

	.about_right {
		float:right;
		width:265px;
		margin-right:15px;
	}

	.about_left {
		float:left;
		margin-left:15px;
		padding-top:5px;
	}

	section.about p, section.contact p  {
		font-size:14px;
		line-height:22px;
		margin-bottom:18px;
	}

	section.contact p  {
		margin:0 15px;
	}

	.about_left ul li a {
		width:130px;
		display:block;
		text-align:center;
		padding:6px 0;
		margin:13px 0;
	}

	div.portfolio ul {
		margin:0 15px -8px 15px;
	}

	div.portfolio ul li  {
		display:inline-block;
		margin:8px 8px 0 8px;
	}

	/* Footer */

	footer.bottom  {
		clear:both;
		display:block;
		margin:30px 15px;
		border-top:1px solid #c9c9c0;
		padding-top:20px;
	}

	footer.bottom p {
		text-align:center;
		color:#b6b6ab;
	}

	.hr_line  {
		clear:both;
		display:block;
		margin:30px 15px;
		border-top:1px solid #c9c9c0;
		padding-top:20px;
	}


.form_input_text {
	font-size:24px;
	width:500px;
	border:3px solid #555555;
	padding:0 0 0 5px;
	background-color:#fff4af;
}

.form_input_submit {
	font-size:24px;
	width:150px;
	border:3px solid #555555;
	padding:0 0 0 5px;
	background-color:#EEEEEE;
	cursor:hand;
	cursor:pointer;
}