@charset "utf-8";

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/*==================================================================
	ブログ　左サイド
===================================================================*/

#blog_left_box {
	float: left;
	width: 184px;
	border: 1px solid #c5c6c2;
	padding: 5px;
}
#blog_left_box h3.blog_new_topics {
	margin-bottom: 10px;
	height: 20px;
	width: 184px;
	font-size: 1pt;
	text-indent: -9999px;
	background-image: url(../../blog/images/blog_title_new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#blog_left_box h3.blog_category {
	margin-bottom: 10px;
	height: 20px;
	width: 184px;
	font-size: 1pt;
	text-indent: -9999px;
	background-image: url(../../blog/images/blog_title_category2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



#blog_left_box ul {
	margin-left: 7px;
	margin-bottom: 10px;
	width: 170px;
}
#blog_left_box ul li {
	line-height: 1.4em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c6c2;
	margin-top: 10px;
}
#blog_left_box ul a {
	text-decoration: none;
}
#blog_left_box ul a:hover {
	text-decoration: underline;
}
.blog_rss {
	margin-bottom: 20px;
	text-align: right;
	margin-right: 5px;
}
.blog_rss a {
	margin-bottom: 20px;
	text-align: right;
	margin-right: 5px;
	text-decoration: none;
	background-image: url(../../blog/images/blog_rss.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	color: #333333;
}
.blog_rss a:hover {
	text-decoration: underline;
}
/*==================================================================
	ブログ　右サイド
===================================================================*/
#blog_right_box {
	margin-left: 218px;
	margin-bottom: 30px;
	width: 470px;
	border: 1px solid #c5c6c2;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#blog_right_box h3 {
	font-size: 122%;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 8px;
}

/* ブログ一覧　*/

dl.blog_list dd div{
   display:inline-block;
}
dl.blog_list {
	margin-bottom:5px;
	margin-top: 10px;
	line-height: 1.8em;
}
dl.blog_list dd {
	margin-left:7em;
	margin-top: 7px;
	margin-bottom: 5px;
}


dl.blog_list dt {
   float:left;
   width:6em;
   padding-bottom:0;
   padding-right:0;
}

dl.blog_list dd a {
	text-decoration: none;
}
dl.blog_list dd a:hover {
	text-decoration: underline;
}
dl.blog_list dt span{
   position:relative;
}


/* ブログカテゴリー一覧　*/

#blog_right_box .blog_topics   {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	overflow:hidden;
	margin-top: 15px;
	margin-bottom: 10px;
}

#blog_right_box .blog_topics img {
	float: left;
	margin-right: 15px;
}
.topics_case {
	float: right;
	overflow:hidden;
	text-align:left;
	width:310px;
}
.topics_case dl{
}
span.topics_date {
	font-size: 92%;
}

.topics_case dl dt a {
	font-size: 107%;
	font-weight: bold;
	line-height: 1.6em;
}
.topics_case dl dt a:hover {
	text-decoration: underline;
}

.topics_case dl dd{
	vertical-align: text-toblog_categoryp;
	line-height: 1.5em;
	font-size: 100%;
	margin-top: 7px;
	margin-bottom: 3px;
	_zoom: 1;
	overflow: hidden;
}

.topics_case2 {
	float: right;
	overflow:hidden;
	text-align:left;
	width:470px;
}
.dotted_case2 dl{
}

.topics_case2 dl dt a {
	font-size: 107%;
	font-weight: bold;
	line-height: 1.6em;
}
.topics_case2 dl dt a:hover {
	text-decoration: underline;
}

.topics_case2 dl dd{
	vertical-align: text-top;
	line-height: 1.5em;
	font-size: 100%;
	margin-top: 7px;
	margin-bottom: 3px;
	_zoom: 1;
	overflow: hidden;
}


/* ブログ本文*/

.diary   {
	margin-bottom: 30px;
	width: 690px;
	border: 1px solid #c5c6c2;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}

.diary_head {
	background-image: url(../../blog/images/diary_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 20px;
	height: 43px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 20px;
	padding-bottom: 5px;
}

.diary_head h2 {
	font-size: 122%;
	font-weight: bold;
}
.entry_date {
	margin-bottom: 5px;
}

.diary p {
	width: 690px;
	line-height: 1.8em;
	font-size: 107%;
	margin-top: 30px;
}
.diary p.diary_detail {
	text-align:right;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}