@charset "UTF-8";


/*	BROWSER FORMAT
============================================================== */

* {
			margin: 0;
			padding: 0;
			}


/*	BODY
============================================================== */

body {
			margin: 0;
			padding: 0;
			text-align: center;
			font: 10px 'Lucida Grande', 'Verdana', 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐ ゴシック', sans-serif, 'Osaka';
			color: #545454;
			}


/*	LAYOUT
============================================================== */

#wrapper {
			width: 840px;
			height: auto;
			margin: 0 auto;
			padding: 0;
			text-align: left;
			}

#header {
			width: 840px;
			height: 300px;
			margin-top: 30px;
			padding: 0;
			}

#header_left {
			width: 180px;
			height: 300px;
			margin-right: 20px;
			padding: 0;
			float: left;
			}

#header_img {
			width: 640px;
			height: 300px;
			margin: 0;
			padding: 0;
			display: block;
			float: left;
			text-indent: -9999px;
			background: url(../imgs/top/top_image.jpg) left top no-repeat;
			}

#container {
			width: 840px;
			height: auto;
			margin: 0;
			padding: 0;
			}

#side_space {
			width: 180px;
			height: auto;
			margin: 60px 20px 0 0;
			float: left;
			}

#content {
			width: 640px;
			height: auto;
			margin: 60px 0 0 0;
			padding: 0;
			float: left;
			}

#footer {
			width: 840px;
			height: 50px;
			margin: 30px auto 0 auto !important;
			margin: 30px auto 30px auto;
			padding-top: 10px;
			border-top: 1px solid #454545;
			}


/*	BASE SET
============================================================== */



.logo_area {
			width: 75px;
			height: 87px;
			margin: 15px 0 35px 10px;
			display: block;
			text-indent: -9999px;
			background: url(../imgs/layout/logo_lph.jpg) no-repeat;
			}

.logo_area h1 a {
			width: 75px;
			height: 87px;
			display: block;
			}

.blog_title {
			width: 160px;
			height: 45px;
			margin: 40px 0 50px 0;
			display: block;
			text-indent: -9999px;
			background: url(../imgs/layout/blog_title.jpg) no-repeat;
			}

.blog_title h1 a {
			width: 160px;
			height: 45px;
			display: block;
			}

.description_jp {
			width: 170px;
			height: 66px;
			margin-bottom: 15px;
			padding-bottom: 15px;
			display: block;
			border-bottom: 1px dotted #121212;
			}


#side_space ul {
			width: 160px;
			padding-top: 35px;
			list-style: none;
			}

#side_space ul#recent {
			height: auto;
			margin-bottom: 30px;
			background: url(../imgs/layout/side_recent.jpg) left top no-repeat;
			}
				
#side_space ul#archive {
			height: auto;
			margin-bottom: 30px;
			background: url(../imgs/layout/side_archive.jpg) left top no-repeat;
			}

#side_space ul#category {
			height: auto;
			margin-bottom: 30px;
			background: url(../imgs/layout/side_category.jpg) left top no-repeat;
			}

#side_space ul#brand {
			height: auto;
			margin-bottom: 30px;
			background: url(../imgs/layout/side_brand.jpg) left top no-repeat;
			}

#side_space ul#links {
			height: auto;
			background: url(../imgs/layout/side_link.jpg) left top no-repeat;
			}

#side_space ul li {
			padding-left: 10px;
			margin-bottom: 3px;
			}

#side_space ul#brand li {
			height: auto;
			padding-left: 10px;
			margin-bottom: 2px;
			}

.post {
			width: 640px;
			margin-bottom: 50px;
			}

.entry_title {
			width: 640px;
			height: 30px;
			margin: 0;
			padding-top: 10px;
			background: url(../imgs/layout/entry_top.jpg) left top no-repeat;
			}

.update {
			width: 130px;
			float: left;
			padding-top: 2px;
			}

.entry_body {
			width: 510px;
			float: left;
			}

.copyright {
			float: left;
			margin-left: 10px;
			}

.quicknavi {
			float: right;
			margin-right: 15px;
			}

.description {
			width: inherit;
			}

/*	TYPEFACE
============================================================== */


h3 {
			font: 16px normal;
			margin-bottom: 25px;
			}

h3 a {
			color: #545454;
			outline: none;
			text-decoration: none;
			}

h3 a:hover {
			text-decoration: none;
			}

a { 
			color: #3D70A4;
			outline: none;
			text-decoration: none;
			}

a:hover {
			color: #3D70A4;
			text-decoration: underline;
			}

footer a {
			color: #898989;
			}

p {
			font-size: 12px;
			line-height: 1.6;
			margin-bottom: 17px;
			}

li {
			font-size: 11px;
			line-height: 1.4;
			}

.update,
.copyright,
.quicknavi {
			font-size: 9px;
			}

.description {
			font-size: 9px;
			line-height: 1.6em;
			}

.description a {
			color: #545454;
			outline: none;
			text-decoration: none;
			}

.description a:hover {
			text-decoration: underline;
			}


/*	MODULES
============================================================== */

a img {
			border: none;
			outline: none;
			}


.mt25 {	margin-top: 25px; }


/* page navigation */
.page_navigation {
	background: #FFF;
	margin: 1em auto;
	line-height: 2em;
	text-align: center;
}

a.page-numbers,
a.next,
a.prev,
.page_navigation .current {
	padding: 2px .4em;
	border: solid 1px #ccc;
	text-decoration: none;
	font-size: 11px;
}

a.page-numbers:hover {
	color: #FFF;
	background: #909090;
}

.page_navigation .current {
	color: #FFF;
	background: #909090;
	border-color: #909090;
	font-weight: bold:
}

.page_navigation .next, .page_navigation .prev {
	border: 0 none;
	background: transparent;
	font-size: 11px;
}


#header:after,
#container:after,
#footer:after,
.post:after,
.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}
#header,
#container,
#footer,
.post,
.clearfix {
			display: inline-table;
			min-height: 1px;
			}
* html #header,
* html #container,
* html #footer,
* html .post,
* html .clearfix {
			height: 1%;
			}
#header,
#container,
#footer,
.post,
.clearfix {
			display: block;
			}