@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  blog.css
 style info :  blog css
=================================================================== */

/*----------------------------------------------------------------------------------
		 								blog
------------------------------------------------------------------------------------*/

div#wrapper #logo {
	margin-bottom: 35px;
}
/* サイドバーの背景指定 */

#container {
	
	min-width: 850px;
}

* html #container {
	width:expression(document.body.clientWidth < 852? "850px" : "auto");

}


div#container2 {
	background: url(/blog/images/bg_sidebar.png) center 0 repeat-y;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:absolute;
	width: 100%;
}

* html div#container2 {
	position: relative;
}


div#wrapper {
	width: 850px;
	padding-bottom: 126px;
}
* html div#wrapper {
	padding-bottom: 86px;
}

* + html div#wrapper {
	padding-bottom: 86px;
}


/* 記事部分のカラム */
div#blog_contents {
	width: 451px;
	float: left;
}

/* サイドバーのカラム */
div#sidebar {
	width: 185px;
	float: right;
	padding: 0 14px;
	margin-top: -55px;
}



/* 記事部分詳細 */

div#blog_contents h1 {
	text-align: right;
	padding: 0 4px 7px 0;

}

div#blog_contents div.title_bar {
	background: url(/blog/images/bg_ttl.gif) 0 0 no-repeat;
	padding: 8px 10px 8px 36px;
}

div#blog_contents div.title_bar h2 {
	width: 330px;
	float: left;
	color: #fff;
	line-height: 1.6;
}

div#blog_contents div.title_bar h2 a {
	color:#fff;
	text-decoration: none;
}

div#blog_contents div.title_bar h2 a:hover {
	color:#fff;
	text-decoration: underline;
}

div#blog_contents div.title_bar p {
	width: 55px;
	float: right;
	padding: 3px 0 0 0;
}

/* 記事ボックス*/

div#blog_contents div.box_top {
	background: url(/blog/images/bg_box_top.gif) 0 0 no-repeat;
	padding: 14px 0 0 0;
	margin-bottom: 10px;
}

div#blog_contents div.box_bottom {
	background: url(/blog/images/bg_box_bottom.gif) 0 bottom no-repeat;
	padding: 0 0 20px 0;
}


div#blog_contents div.box_bottom2 {
	background: url(/blog/images/bg_box_bottom2.gif) 0 bottom no-repeat;
	padding: 0 0 48px 0;
}

div#blog_contents div.box_center {
	background: url(/blog/images/bg_box_center.gif) 0 0 repeat-y;
	padding: 0 25px;
}


div#blog_contents div.box_center p.data {
	color: #e25f33;
	padding: 0 5px 5px;
	background: url(/blog/images/bg_border.gif) 0 bottom repeat-x;
	margin: 0 0 7px;
}

div#blog_contents div.box_center p.more {
	text-align: right;
	padding: 8px 5px 0 0;
	background: url(/blog/images/bg_border.gif) 0 0 repeat-x;
}

div#blog_contents div.box_center div.entry p {
	line-height: 1.6;
	padding: 0 5px 1em;
}

/* ページ送り */
div#blog_contents ul.page_navi {
	text-align: center;
	margin-bottom: 10px;
}

div#blog_contents ul.page_navi li {
	display: inline;
	vertical-align: middle;
	padding: 0 2px;
}

div#blog_contents ul.page_navi li img {
	vertical-align: middle;
}


div#blog_contents ul.page_navi li a.link_next {
	margin-left: 3px;
}

div#blog_contents ul.page_navi li a.link_before {
	margin-right: 3px;
}

/* 記事詳細 */
div#blog_contents div.box_center p.other {
	padding: 8px 5px 0;
	background: url(/blog/images/bg_border.gif) 0 0 repeat-x;
}

div#blog_contents div.box_center ul.other_link {
	margin: 10px 0 0 5px;
}
div#blog_contents div.box_center ul.other_link li {
	background:url(/blog/images/bg_list1.gif) 2px 0.6em no-repeat;
	padding: 0 0 0 10px;
	line-height: 1.6;
	
}

div#blog_contents ul.detail_link {
	padding: 5px 10px 20px;
}

div#blog_contents ul.detail_link:after {
	content: url(/img/common/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}

div#blog_contents ul.detail_link { display: inline-block; }
div#blog_contents ul.detail_link{ display: block; }

div#blog_contents ul.detail_link li {
	float: left;
}

div#blog_contents ul.detail_link li.right {
	float: right;
}

/* ページTOPボタン */
div#blog_contents p.to_pagetop {
	text-align: right;
	padding: 0 0 0 0;
}


/* サイドバー詳細 */
/* 言語切り替え */

div#sidebar ul#lang_blog {
	margin: 0 0 5px 5px;
}

div#sidebar ul#lang_blog li {
	display: inline;
	margin-right: 7px;
}


div#sidebar h3 {
	margin: 0 0 8px 5px;
}

div#sidebar p.gra {
	text-align: center;
	margin: 0 0 25px;
}

div#sidebar div.calendar {
	padding: 0 6px 10px;
	margin: -2px 6px 10px;
	background: url(/blog/images/bg_border2.gif) 0 bottom repeat-x;
}

div#sidebar div.calendar p {
	line-height: 1.6;
}

div#sidebar div.calendar table {
	width: 100%;
}

div#sidebar div.calendar table th {
	background: #fff;
	text-align: center;
	font-weight: normal;
	line-height: 1.6;
}

div#sidebar div.calendar table td {
	text-align: center;
	line-height: 1.6;
}





div#sidebar dl.saishin {
	padding: 0 6px 10px;
	margin: -2px 6px 10px;
	background: url(/blog/images/bg_border2.gif) 0 bottom repeat-x;
}

div#sidebar dl.saishin dt {
	margin: 10px 0 0 0;
}

div#sidebar dl.saishin dd {
	background:url(/blog/images/bg_list1.gif) 2px 0.6em no-repeat;
	padding: 0 0 0 10px;
	line-height: 1.6;
	
}

div#sidebar ul.category {
	padding: 0 6px 10px;
	margin: -2px 6px 10px;
	background: url(/blog/images/bg_border2.gif) 0 bottom repeat-x;
}

div#sidebar ul.category li {
	padding: 0 0 0 10px;
	line-height: 1.6;
}