@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　blog関連　☆

■１．背景＆レイアウト
■２．サイドエリア
■３．カレンダー
■４．記事
■５．ブログフッター


===================================================================================== 

■１．背景＆レイアウト

================================================================================== */

body#staff-blog{
	background:#f8f2da;
}

#blog-wapper{
	margin:20px auto;
	width:950px;
	background:#FFF url(../../blog/images/blog_bg_top.gif) no-repeat top;
}

#blog-wapper-in{
	padding:10px;
	background:url(../../blog/images/blog_bg_end.gif) no-repeat bottom;
}

#blog-content{
	margin:15px 0 0;
	overflow:hidden;
	_zoom:1;
}

.blog-side{
	width:190px;
}

.blog-center{
	float:left;
	width:550px;
}

.positionL{
	float:left;
}

.positionR{
	float:right;
}


/* ================================================================================== 

■２．サイドエリア

================================================================================== */

.blog-banner{
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom:1px solid #CCC;
}

.blog-banner li{
	padding:0 0 5px;
}

.blog-archive-list{
	margin:10px 0 0;
	background:url(../../blog/images/archive_bg_in.gif) repeat-y;
}

.blog-archive-list dl{
	padding:0 0 3px;
	background:url(../../blog/images/archive_bg_end.gif) no-repeat bottom;
}

.blog-archive-list dt{
	height:52px;
	background:url(../../blog/images/archive_bg_top.gif) no-repeat top;
	text-align:center;
	font-weight:bold;
	color:#489dde;
	line-height:52px;
	overflow:hidden;
	
	font-size:1.4em;
}

.blog-archive-list dd{
	margin:0 5px;
	padding:8px;
	background:url(../../blog/images/blog_dot_green.gif) top repeat-x;
	
	font-size:1.2em;
}

.blog-archive-list dd a{
	color:#555;
	text-decoration:none;
}

.blog-archive-list dd a:hover{
	text-decoration:underline;
}

.blog-search{
	margin:10px 0;
	padding:0 0 3px;
	background:url(../../blog/images/blog_search_end.gif) no-repeat bottom;
}

.blog-search p.search-inn{
	padding:10px 5px 8px 10px;
	background:url(../../blog/images/blog_search_in.gif) repeat-y;
}

.blog-search p.search-inn input{
	vertical-align:middle;
}

.blog-search p.search-inn span input{
	margin-right:3px;
	/margin-right:8px;
	margin-right:8px\9;
	width:110px;
}

/* ================================================================================== 

■３．カレンダー

================================================================================== */

.blog-calendar{
	background:url(../../blog/images/calendar_in.gif) repeat-y;
}

.blog-calendar-top{
	background:url(../../blog/images/calendar_top.gif) no-repeat top;
}

.blog-calendar-end{
	padding:7px;
	background:url(../../blog/images/calendar_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.blog-calendar-end table{
	border-collapse:collapse;
	width:100%;
	font-size:1.2em;
}

.blog-calendar-end th,
.blog-calendar-end td{
	padding:3px;
	text-align:center;
}

.blog-calendar-end th{
	background:#99cc67;
	color:#FFF;
	border-color:#e2f2c5;
	border-style:solid;
	border-width:1px 1px 4px;
}

.blog-calendar-end td{
	background:#FFF;
	border:1px solid #e2f2c5;
}

.blog-calendar-end tr.month-area td{
	padding:3px 3px 5px;
	vertical-align:middle;
	background:#e2f2c5;
}

.blog-calendar-end tr.month-area td a{
	color:#489dde;
	text-decoration:none;
	font-weight:bold;
}

.blog-calendar-end tr.month-area td a:hover{
	text-decoration:underline;
}

.blog-calendar-end tr.month-area td.month-arrow01{
	text-align:left;
	line-height:1px;
}

.blog-calendar-end tr.month-area td.month-arrow02{
	text-align:right;
	line-height:1px;
}

.blog-calendar-end td.stu,
.blog-calendar-end td.stu a{
	color:#106ffd;
}

.blog-calendar-end td.sun,
.blog-calendar-end td.sun a{
	color:#fe0000;
}

.blog-calendar-end td.today,
.blog-calendar-end td.today a{
	font-weight:bold;
}

.blog-calendar-end td a{
	color:#555;
}


/* ================================================================================== 

■４．記事

================================================================================== */

.blog-day{
	margin:8px auto;
	width:510px;
	overflow:hidden;
	_zoom:1;
	
	font-size:1.2em;
}

.blog-day p{
	width:250px;
	color:#b47929;
}

.blog-day p.positionR{
	text-align:right;
}

.blog-entry{
	margin:0 auto 25px;
	width:520px;
	background:#e0f5b4 url(../../blog/images/entry_bg_top.gif) no-repeat top;
	
}

.blog-entry-in{
	padding:5px;
	background:url(../../blog/images/entry_bg_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}


.blog-entry-ttl{
	background:url(../../blog/images/entry_ttl_bg_in.gif) repeat-y;
}

.blog-entry-ttl-top{
	background:url(../../blog/images/entry_ttl_bg_top.gif)  no-repeat top;
}

.blog-entry-ttl-end{
	padding:12px;
	background:url(../../blog/images/entry_ttl_bg_end.gif)  no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.blog-entry-ttl-end h2{
	color:#FFF;
	
	font-size:1.4em;
}

.blog-entry-txt-top{
	margin:5px auto 0;
	background:#FFF url(../../blog/images/entry_in_bg_top.gif) no-repeat top;
}

.blog-entry-txt-end{
	padding:20px;
	background:url(../../blog/images/entry_in_bg_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
	
	font-size:1.2em;
	line-height:1.7em;
}

.blog-entry-txt-end p{
	text-align:justify;
	text-justify:inter-ideograph;
	overflow:hidden;
	_zoom:1;
}

.blog-entry-txt-end img{
	/*float:left;
	margin:15px 0 0;*/
	padding:3px;
	background:#FFF;
	border:1px solid #CCC;
	overflow:hidden;
	_zoom:1;
}

p.blog-page-top{
	padding:15px 5px 10px;
	text-align:right;
	
	font-size:1.1em;
}

p.blog-page-top a{
	color:#555;
	text-decoration:none;
}

p.blog-page-top a:hover{
	text-decoration:underline;
}

.blog-page{
	margin:15px auto;
	width:520px;
	overflow:hidden;
	_zoom:1;
}

.blog-page p{
	float:left;
	width:420px;
	text-align:center;
	
	font-size:1.2em;
}

.blog-page p.positionL {
	width:50px;
	text-align:left;
}

.blog-page p.positionR {
	width:50px;
	text-align:right;
}

.blog-page p.positionL img{
	margin-right:5px;
	vertical-align:middle;
}

.blog-page p.positionR img{
	margin-left:5px;
	vertical-align:middle;
}

.blog-page p {
	color:#77bb32;
}

.blog-page p strong{
	color:#555;
	font-weight:normal;
}

.blog-page p a{
	color:#77bb32;
	padding:3px;
	text-decoration:none;
}

.blog-page p a:hover{
	text-decoration:underline;
}

#blog-footer{
	margin:15px auto;
	/padding:0 0 10px;
	width:930px;
	overflow:hidden;
	_zoom:1;
	
	font-size:1.1em;
	line-height:1.8em;
}

/* ================================================================================== 

■４．ブログフッター

================================================================================== */

#blog-footer dl{
	float:left;
	width:500px;
	overflow:hidden;
	_zoom:1;
}

#blog-footer dt{
	float:left;
	padding:3px 12px 3px 0;
	border-right:1px solid #dbd4bd;
	overflow:hidden;
	_zoom:1;
}

#blog-footer dt strong{
	font-size:1.27em;
	font-weight:bold;
}

#blog-footer dd{
	padding:3px 0 3px 12px;
	overflow:hidden;
	_zoom:1;
}

#blog-footer address{
	float:right;
	padding:14px 0 0;
	font-style:normal;
	overflow:hidden;
	_zoom:1;
}