@charset "utf-8";

/* ----------------------------------------------------------------------------

	八重洲ブログ・スタッフ日記・現場レポート　３ブログの共通スタイル
	
---------------------------------------------------------------------------- */


/* base layout */
body#blog div#content div#side {
width: 220px;
}
body#blog div#content div#main {
width: 710px;
padding: 0 0 50px 0;
}

body#blog div#content div#main div#mainBox {
background: url(../img_common/bg_mainBox_f.jpg) no-repeat 0 bottom;
padding-bottom: 12px;
}

body#blog div#content div#main div#mainInner {
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
}

body#blog div#content div#main div#relationBox {
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
background: #FFFFE0;
}

body#blog div#content div#main div#relationBox ul {
	padding:7px 24px 5px;
}
body#blog div#content div#main div#relationBox li {
	margin-bottom:8px;
	padding-left:13px;
	background: url(../img_common/icn_arrow_relation.gif) no-repeat 0 0.3em;
	font-size:75%;
	line-height:1.4;
}
body#blog div#content div#main div#relationBox li a {
	padding-right:5px;
	font-weight:bold;
}
body#blog div#content div#main p.pagetop {
	padding:5px 3px 0 573px;
}


/* main */

div#main div#mainInner {
	padding:30px 0 25px 29px;
}

div#main div.section {
	margin-bottom:20px;
	width:641px;
	margin-left:4px;
}

div#main div.section div.frame{
	width:125px;
	height:127px;
	text-align:center;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:-15px;
	background-image:url(/img_common/blog_noimage.gif);
	background-repeat:no-repeat;
}
div#main div.section div.photo{
	width:115px;
	height:115px;
	overflow:hidden;
	position:relative;
	top:4px;
	left:5px;
}
div#main div.section div.photo a{
	display:block;
	width:115px;
	height:115px;
}

div#main div.section div.photo a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;	
}


div#main div.section div.sec_top{
	height:7px;
	background-image:url(/img_common/blog_sec_line_top.gif);
}
div#main div.section div.sec_middle{
	background-image:url(/img_common/blog_sec_line_middle.gif);
	position:relative;
}

div#main div.section div.sec_bottom{
	height:7px;
	background-image:url(/img_common/blog_sec_line_bottom.gif);
}


div#main div.section div.sec_middle h4{
	margin-bottom:10px;
	font-size:120%;
	line-height:1.4;
	margin-top:3px;
	font-weight:bold;
}
div#main div.section div.sec_middle h4 a{
	color: #76AE00;
	text-decoration: underline;
}
div#main div.section div.sec_middle h4 a:hover{
	color: #76AE00;
	text-decoration: none;
}



div#main div.section div.sec_middle p{
	font-size:120%;
	line-height:1.5;
}


div#main div.section div.sec_middle div.title{
	float:right;
	width:470px;
	margin-right:10px;
	margin-top:15px;
	overflow:hidden;
}

div#main div.section div.sec_middle div.detail_btn_link{
	margin-top:12px;
	text-align:right;
}

div#main div.section div.sec_middle div.title dt{
	zoom:1;
	overflow:hidden;
}
div#main div.section div.sec_middle div.title dt{
	float:left;
}
div#main div.section div.sec_middle div.title dt div.categoryLabel{
	background-color:#e0ebcc;
	padding:7px;
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div#main div.section div.sec_middle div.title dd{

}
div#main div.section div.sec_middle div.title dd div.entryDate{
	font-size:70%;
	font-family:Verdana;
}



/*
カテゴリ一覧の場合、セクション部のタイトルにカテゴリは不要なので、
消す
*/
div#content.category  div.section div.sec_middle div.title dt{
	display:none;
}


span.mt-enclosure-image img{
	padding:1px;
	border:1px solid #ddd;
}


/* ----------------------------------------------------------------------------

	サイドバー・カレンダー・カテゴリ・アーカイブ
	
---------------------------------------------------------------------------- */

dl.sidePane{
	background-image:url(/img_common/nav_blog_bg.gif);
	background-position:center bottom;
	padding-bottom:10px;
}

/*

	カテゴリ一覧
	
*/
dl#categoryListPane{
}
dl#categoryListPane ul{
	margin:15px;
}
dl#categoryListPane li{
	background-image:url(/img_common/icn_arrow_black.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:12px;
	padding-top:2px;
	line-height:1.4;
	margin-bottom:5px;
	font-size:120%;
}
dl#categoryListPane li a{
	color:black;
}


dl#categoryListPane li.currentCategory{
	font-weight:bold;
}





/*

 月別アーカイブ一覧

*/
dd#monthArchiveBody{
	padding:15px;
	padding-bottom:0px;
}
dl#monthArchivePane ul{

}

dl#monthArchivePane li.arrow{
	font-size:120%;
	margin-bottom:7px;
	background-image:url(../img_common/icn_arrow_black.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:13px;
}
dl#monthArchivePane li.arrow a{
	font-size:120%;
}
dl#monthArchivePane li.arrow_down{
	font-size:12px;
	margin-bottom:7px;

	background-image:url(../img_common/icn_arrow_down_black.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:13px;
}

dl#monthArchivePane ul.tree{
	margin:7px 10px 10px 5px;
}

dl#monthArchivePane ul li.tree{
	margin-bottom:7px;
	background-image:url(../img_common/icn_arrow_skinny_black.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:10px;
	text-decoration:none !important;
}

dl#monthArchivePane ul li.tree a,
dl#monthArchivePane ul li.arrow a{
	color:#000;
	text-decoration:underline;
}
dl#monthArchivePane ul li.tree a:hover{
	text-decoration:none;
}

dl#monthArchivePane ul li.currentYear{
	font-weight:bold;
	text-decoration:none !important;
}



/*
	ページ送り
*/
div#main div#pageNav {
	padding:27px 0 0;
	margin-bottom:20px;
}
div#main div#pageNav ul {
	width:650px;
	height:44px;
	position:relative;
	background: url(/img_common/bg_pagenav.jpg) no-repeat 0 0;
}
div#main div#pageNav li.prevBtn {
	width:83px;
	height:20px;
	position: absolute;
	top:11px;
	left:10px;
}
div#main div#pageNav li.tolistBtn {
	width:94px;
	height:26px;
	position: absolute;
	top:9px;
	left:278px;
}
div#main div#pageNav li.nextBtn {
	width:83px;
	height:20px;
	position: absolute;
	top:11px;
	right:10px;
}

/* ----------------------------------------------------------------------------

	アーカイブページ・カテゴリページのタイトル部
	
---------------------------------------------------------------------------- */
div#content div#pageTitle{
	width:650px;
	margin-bottom:20px;
}
div#content div#pageTitleTop{
	background-image:url(/img_common/bg_box01_h.jpg);
	height:5px;
}
div#content div#pageTitleText{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-image:url(/img_common/icn_circle_green.gif);
	background-repeat:no-repeat;
	background-position:15px 10px;
	font-weight:bold;
	padding:10px;
	text-indent:30px;
	font-size: 150%;
}
div#content div#pageTitleBottom{
	background-image:url(/img_common/bg_box01_f.jpg);
	height:8px;
}



/* ----------------------------------------------------------------------------

	詳細記事ボディ
	
---------------------------------------------------------------------------- */
div#content #entryBody{

	width:630px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
	line-height:1.5 !important;
	font-size:120% !important;
}
div#content #entryBody p{
	line-height:1.5 !important;
	margin-bottom:1em;
	font-size: 120%;
}
div#content #entryBody div{
	line-height:1.5 !important;
}
div#content.detail div#pageTitle{
	background-image:url(/img_common/blog_detail_border_top.gif);
}
div#content.detail div#pageTitleWrap{
	zoom:1;
	overflow:hidden;
	background-image:url(/img_common/icn_circle_green.gif);
	background-position:15px 15px;
	background-repeat:no-repeat;
}
div#content.detail div#pageTitleLeft{
	width:490px;
	padding-top:15px;
	padding-bottom:5px;;
	padding-left:40px;
	line-height:1.5;
	float:left;
}
div#content.detail div#pageTitleLeft span#pageTitleText{
	font-weight:bold;
	font-size: 150%;
}
div#content.detail div#pageTitleLeft span#pageTitleCategory{
	float:right;
	background-color:#e0ebcc;
	padding:7px;
	margin-top:-5px;
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


div#content.detail div#pageTitleRight{
	width:120px;
	float:right;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	padding-top:17px;
	font-family:Verdana;
}

div#content.detail div#pageTitleBottom{
	background-image:url(/img_common/blog_detail_border_bottom.gif);
	height:8px;
}