@charset "UTF-8";

/* ==================================================================== *
	File Name    : blog.css
	Description  : ブログのスタイル

	Last Up Date : 2010/01/25
 * ==================================================================== */

@import/**/ "init.css";
@import/**/ "hacks.css";

/* ---------------------------------------------------- *
 *  Header Section
 * ---------------------------------------------------- */
#header {
	width		: 900px;
	margin		: 0 auto 40px;
}


/* ---------------------------------------------------- *
 *  Main Section
 * ---------------------------------------------------- */
#main {
	width		: 888px;
	margin		: 0 auto;
	padding		: 0 12px 40px 0;
}


/* ---------------------------------------------------- *
 *  Central Section
 * ---------------------------------------------------- */
#central {
	float		: right;
	width		: 605px;
}

#central div.section {
	margin		: 0 0 40px;
}

#blogNav h2 {
	margin		: 0 0 6px;
}

#blogNav ul {
	padding		: 28px 0 15px 70px;
	background	: url('/share/img/blog/member/bg.gif') 0 0 repeat;
}

#blogNav ul li {
	float		: left;
	width		: 159px;
	height		: 293px;
	margin		: 0 54px 15px 0;
	padding		: 22px 26px 0 20px;
	background	: url('/share/img/blog/member/single_bg.gif') 0 0 no-repeat;
	text-align	: center;
}

#blogNav ul li div.image {
	margin		: 0 0 9px;
}

#blogNav ul li div.name {
	margin		: 0 0 2px;
	padding		: 0 0 9px;
	border-bottom	: 1px solid #7A7A7A;
}

#blogNav ul li div.name {
	margin		: 0 0 2px;
	padding		: 0 0 9px;
	border-bottom	: 1px solid #7A7A7A;
}

#blogNav ul li div.readProfile {
	margin		: 0 0 18px;
}

#profile div.section {
	position	: relative;
	margin		: 60px 0 0;
	padding		: 60px 0 0 150px;
}

#profile div.section h3 {
	float		: left;
	padding		: 3px 0 0 10px;
}

#profile div.section div.image {
	position	: absolute;
	top			: 0;
	right		: 460px;
}

#profile div.section div.readBlog {
	padding		: 0 10px 25px 0;
	background	: url('/blog_p/img/profile/box_head.gif') 0 100% no-repeat;
	text-align	: right;
}

div.blog_i div.section div.readBlog {
	background	: url('/blog_i/img/profile/box_head.gif') 0 100% no-repeat !important;
}


div.blog_s div.section div.readBlog {
	background	: url('/blog_s/img/profile/box_head.gif') 0 100% no-repeat !important;
}

#profile div.section div.profile {
	padding		: 0 0 20px;
	background	: url('/blog_p/img/profile/box_foot.gif') 0 100% no-repeat;
}

div.blog_i div.section div.profile {
	background	: url('/blog_i/img/profile/box_foot.gif') 0 100% no-repeat !important;
}

div.blog_s div.section div.profile {
	background	: url('/blog_s/img/profile/box_foot.gif') 0 100% no-repeat !important;
}

#profile div.section div.profile div.boxIn {
	padding		: 15px 20px 5px;
	background	: url('/blog_p/img/profile/box_body.gif') 0 0 repeat-y;
}

div.blog_i div.section div.profile div.boxIn {
	background	: url('/blog_i/img/profile/box_body.gif') 0 0 repeat-y !important;
}

div.blog_s div.section div.profile div.boxIn {
	background	: url('/blog_s/img/profile/box_body.gif') 0 0 repeat-y !important;
}

#profile div.section div.profile th {
	width		: 165px;
	padding		: 0 0 10px;
	color		: #7A9AD0;
	font-weight	: normal;
}

div.blog_s div.section div.profile th {
	color		: #CE7A41 !important;
}

div.blog_i div.section div.profile th {
	color		: #886237 !important;
}

#profile div.section div.profile td {
	width		: 250px;
	padding		: 0 0 10px;
}

#profile div.section div.returnTop {
	padding		: 15px 10px 0 0;
	text-align	: right;
}


/* ---------------------------------------------------- *
 *  Central Section - Blog
 * ---------------------------------------------------- */
#central .parentName {
	margin		: 0 0 18px;
}

#central div.entry {
	margin		: 0 0 40px;
}

#central .archiveTitle {
	margin		: 0 0 20px;
	color		: #CEE69A;
	font-size	: 138.5%;
}

#central .archiveTitle_i {
	color		: #aa9350;
}

#central .entryTitle {
	padding		: 5px 28px;
	border-top	: 2px solid #5b7cae;
	border-bottom	: 5px solid #5b7cae;
	background	: #f4f4f4 url('/share/img/blog/dot_line.gif') 0 100% repeat-x;
	font-size	: 138.5%;
}

#central div.entryBody {
	padding		: 25px 25px 10px;
}

#central div.entryBody p {
	margin		: 0 0 1.5em;
}

#central div.datetime {
/*	float		: left; */
	padding		: 5px 22px 4px 15px;
	border-bottom	: 5px solid #5b7cae;
	background	: url('/share/img/blog/dot_line.gif') 0 0 repeat-x;
	font-size	: 77%;
}

#central ul.feedback {
	padding		: 5px 22px 4px 0;
	border-bottom	: 5px solid #5b7cae;
	background	: url('/share/img/blog/dot_line.gif') 0 0 repeat-x;
	font-size	: 77%;
	text-align	: right;
}

#central ul.feedback_i {
	border-bottom	: 5px solid #d0c191;
	background	: url('/blog_i/img/central/dot_line.gif') 0 0 repeat-x;
}

#central ul.feedback li {
	display		: inline;
}

#central div.returnTopBlog {
	margin		: 0 0 20px;
	text-align	: right;
}


/* ---------------------------------------------------- *
 *  Sidebar Section
 * ---------------------------------------------------- */
#sidebar {
	float		: left;
	width		: 245px;
}

#sidebar div.mainTop {
	margin		: 0 0 22px;
	padding		: 0 0 26px;
	background	: url('/share/img/blog/sidebar/separator.gif') 0 100% no-repeat;
}

#sidebar div.mainTop div.main {
	margin		: 0 0 12px;
}

#sidebar div.pastArticle {
	margin		: 0 0 60px;
	padding		: 0 0 26px;
	background	: url('/share/img/blog/sidebar/separator.gif') 0 100% no-repeat;
}

#sidebar div.pastArticle h2 {
	margin		: 0 0 5px;
	padding		: 0 0 0 18px;
	background	: url('/blog_p/img/icon_square_green.gif') 0 50% no-repeat;
}

#sidebar div.pastArticle h2.blog_s {
	background	: url('/blog_s/img/icon_square_blue.gif') 0 50% no-repeat;
}

#sidebar div.goProfile {
	margin		: -10px 0 30px;
	text-align	: right;
}

#sidebar dl.menu {
	margin		: 0 0 35px;
	padding		: 0 0 16px;
	background	: url('/share/img/blog/sidebar/separator.gif') 0 100% no-repeat;
}

#sidebar dl.menu dt {
	margin		: 0 0 3px;
	padding		: 0 0 0 20px;
	background	: url('/blog_p/img/sidebar/arrow.gif') 3px 5px no-repeat;
}

#sidebar dl.menu_i dt {
	background	: url('/blog_i/img/sidebar/arrow.gif') 3px 5px no-repeat;
}

#sidebar dl.menu_h dt {
	background	: url('/hotnews/img/sidebar/arrow.gif') 3px 5px no-repeat;
}

#sidebar dl.menu dt img {
	vertical-align	: middle;
}

#sidebar dl.menu dd {
	margin		: 0 0 20px;
	padding		: 15px 20px;
	border-top	: 2px solid #CEE398;
	background	: #F4FFDB;
}

#sidebar dl.menu_i dd {
	border-top	: 2px solid #d0c191;
	background	: #f0ecd6;
}

#sidebar dl.menu_h dd {
	border-top	: 2px solid #2c513c;
	background	: #f8f8f8;
}


/* ---------------------------------------------------- *
 *  Footer Section
 * ---------------------------------------------------- */
#footer {
	width		: 900px;
	margin		: 0 auto;
	padding		: 20px 0 15px;
	border		: 1px solid #C6C6C6;
	background	: #EEE url('/share/img/blog/footer_bg.gif') 50% 3px no-repeat;
	text-align	: center;
}


/* ----- End Of File ----- */