@charset "UTF-8";


/* -------------------------------------------------------------------
 ブログページ
------------------------------------------------------------------- */
#wrap  ul.menu div#wrap2{
	margin: 0 50px 0 0;
	width: 800px;
}
#wrap div#titleImg_blog img{
	margin: 30px 0 30px 0;
	word-break: normal; 
}
#wrap  ul.menu li table{
	width: 150px;
	border: none;
	margin:8px 10px 0 0;
	text-align:left;
}
#wrap  ul.menu li table#indexPost2{
	width: 170px;
	border: none;
	margin:8px 50px 0 0;
	text-align:left;
}
#wrap  div#menu{
	margin:0 0 0 37px;
}
#wrap  ul.menu{
	margin:0 0 0 0;
}
#wrap  ul.menu li div#article table{
	width: 400px;
	border: none;
	margin:10px 0 0 10px;
	text-align:left;
}
#wrap  ul.menu li div#article table div#blogTitle{
	width: 540px;
	height:100%;
	font-size:18px;
	font-weight: bolder;
	color: #ff8f00;
	border: none;
	text-align:left;
	vertical-align: sub; 
}
#wrap  ul.menu li div#article table div#blogDate{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 540px;
	height:25px;
	font-size:11px;
	letter-spacing: 0.5px;
	/*font-weight:bold;*/
	border: none;
	text-align:right;
	float:right;
}
#wrap  ul.menu li div#article table div#blogText{
	width: 540px;
	border: none;
	padding:20px 0 20px 0;
	font-size:14px;
	letter-spacing: 1px;
}
#wrap  ul.menu li div#article table div#blogText div#bigger{
	font-size:16px;
	letter-spacing: 1px;
	font-weight:bold;
}
#wrap  ul.menu li div#article table div#blogText br{
	letter-spacing: 0px;
}
#wrap  ul.menu li div#article table div#blogFooter{
	background-image: url(/img/blog_footerBar.gif);
	margin:0 0 25px 0;
	padding:2px 0 0 0;
	width: 540px;
	height:25px;
	font-size:85%;
	border: none;
	text-align:left; /* rightからleftに変更 2010/06/28 FST */
}
#wrap  ul.menu li div#article table div#blogFooter div#comment{
	float:left;
	padding:2px 0 0 0;
	/* 以下、float内の配置がうまくいってなかったため、横幅指定 2010/06/28 FST */
	width: 270px;
}
#wrap  ul.menu li div#article table div#blogFooter div#category{
	padding:2px 0 0 0;
	/* 以下、float内の配置がうまくいってなかったため、横幅及び位置指定 2010/06/28 FST */
	float:right;
	width: 270px;
	text-align: right;
}
#wrap  ul.menu li table tr td{
	word-break: normal; 
}
#wrap  ul.menu li.recent div#search{
	margin:25px 0 25px 0;
}
#wrap  ul.menu li.recent div#books td{
	text-align:center;
}
#wrap  ul.menu li.summary{
	float:left
}
#wrap  ul.menu li.summary img{
	aling: left;
}
#wrap  ul.menu li.summary table tr td img{
	padding:0 0 0 0;
}
#wrap .mark_arrow {
	padding:4px 0 0 0;
	vertical-align: top;
}
#wrap li.wall {
	height: 100%; /* 1000px→100%に変更 2010/06/28 FST add */
	float:left;
}
#wrap div#cats ul.cats{
	list-style-type: none;

}
#wrap div#cats ul.cats li{
	padding:0 0 20px 20px;
	background: url(/img/common/blog_arrow.gif) no-repeat 0px 0px;
}

/* 2010/06/28 ブログアーカイブページのレイアウト変更 Start */
#wrap  ul.menu li div#article table div#blogTitle_archive{
	width: 540px;
	height:100%;
	font-size:15px;
	font-weight: bolder;
	color: #ff8f00;
	border: none;
	text-align:left;
	vertical-align: sub; 
}
#wrap  ul.menu li div#article table div#blogFooter_archive{
	width: 540px;
	font-size:85%;
	border: none;
	text-align:right;
}
/* 2010/06/28 ブログアーカイブページのレイアウト変更 End */

/* 2010/06/28 ブログ右サイドバーのレイアウト変更 Start */
#wrap  ul.menu div.recent{
 margin-right: 20px;
 width:200px;
 float:right;
 text-align: center;
}
#wrap  ul.menu div.recent table{
 width: 160px;
 margin: 10px 20px 0px 20px;
 text-align:left;
}
#wrap  ul.menu div.recent div#search{
 margin:10px 0 0 0;
}
#wrap  ul.menu div.recent div#month_archives{
 margin: 10px 0 10px 0;
 text-align:center;
}
#wrap  ul.menu div.recent div#books td{
 text-align:center;
}
#wrap  ul.menu div.recent div#sideBar_header img{
 margin-top: 30px;
}
/* 2010/06/28 ブログ右サイドバーのレイアウト変更 End */

/* 2010/06/28 コメント欄追加 */
#wrap  ul.menu li div#article table div#blogComment{
	width: 540px;
	height:100%;
	font-size:18px;
	font-weight: bolder;
	color: #ff8f00;
	border: none;
	text-align:left;
	vertical-align: sub; 
}

/* -------------------------------------------------------------------
 レイアウト枠 FF用 開始
------------------------------------------------------------------- */
html>body #wrap  ul.menu{
	margin:0 0 0 60px;
}
html>body #wrap  ul.menu li.recent div#sideBar{
	margin:0 0 0 600px;
}
html>body #wrap div#cats ul.cats li{
	padding:0 0 20px 30px;
	background: url(/img/common/blog_arrow.gif) no-repeat 0px 3px;
}
/* -------------------------------------------------------------------
 レイアウト枠 FF用 終了
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 レイアウト枠 IE7用 開始
------------------------------------------------------------------- */
*:first-child+html #wrap  ul.menu li.recent div#sideBar{
	margin:0 0 0 550px;
}
*:first-child+html #wrap div#cats ul.cats li{
	padding:0 0 20px 30px;
	margin:0 0 0 40px;
	background: url(/img/common/blog_arrow.gif) no-repeat 0px 1px;
}
*:first-child+html #wrap  ul.menu li table#indexPost2{
	width: 190px;
	border: none;
	margin:8px 0 0 -40px;
	text-align:left;
}
*:first-child+html #wrap td#catsTD{
	padding:0 0 0 0;
	margin:0 0 0 0;
	/*background: url(/img/common/blog_arrow.gif) no-repeat 40px 2px;*/
}
/* -------------------------------------------------------------------
 レイアウト枠 IE7用 終了
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 レイアウト枠 IE6以前用 開始
------------------------------------------------------------------- */
* html #wrap div#cats ul.cats li{
	padding:0 0 20px 20px;
	margin:0 0 0 50px;
	background: url(/img/common/blog_arrow.gif) no-repeat 0px 1px;
}
* html #wrap  ul.menu li table#indexPost2{
	width: 190px;
	border: none;
	margin:8px 0 0 -40px;
	text-align:left;
}
* html #wrap  ul.menu div#wrap2{
	margin: 0 0 0 20px;
	width: 800px;
}
/* -------------------------------------------------------------------
 レイアウト枠 IE6以前用 終了
------------------------------------------------------------------- */