@charset "utf-8";

/* ブログトップページ */ 

#bloggerListHeader {
	position:relative;
}

#blogHeaderLeft {
	float:left;
	width:475px;
}

#bloggerListHeader #blogHeaderLeft {
	float:left;
	width:300px;
}

#bloggerListHeader #blogHeaderLeft a {
	display:block;
	font-size:134%;
	padding:0 0 20px 20px;
}

#bloggerListHeader #blogHeaderLeft a:hover {
	color:#000;
	background: url(/common/img/blog/bloggerlist_tab.png) no-repeat 0 0;
	overflow:hidden;
}

#bloggerListHeader #blogHeaderRight {
	float:right;
	width:340px;
}

#bloggerListHeader #blogHeaderLeft ul {
	padding:0 0 0 40px;
}

#bloggerListHeader #blogHeaderLeft ul li {
	float:left;
	padding:0 40px 0 0;
	line-height:2.5em;
}

#blogEntryTime {
	padding:20px 0 0 0;
}

.blogEntryTimeMark {
	width:15px;
	float:left;
}

.blogEntryTimeText {
	font-size:117%;
	line-height:0.9em;
	width:55px;
	float:left;
	padding:3px 0 0 15px;
}

#blogEntryTimeImg {
	width:230px;
	float:left;
	padding:3px 0 0 0;
}

#blogEntryTimeImg dt {
	height:13px;
}

#blogEntryTimeImg dl {
	font-size:76%;
	text-align:center;
	width:52px;
	float:left;
}

#blogEntryTimeImg dd {
	line-height:2.0em;
	_line-height:1.0em;
}

#bloggerList {
	padding:30px 0 0 0;
	clear:both;
}

.blogger {
	height:182px;
	margin:0;
	float:left;
}

.blogger dt {
	display:block;
	position:relative;
	width:156px;
	height:88px;
	z-index:1;
}

.blogger dt a {
	display:block;
	color:#000;
	width:156px;
	height:88px;
}

.blogger dt a:hover {
	background: url(/common/img/blog/bloggerlist_on.png) no-repeat 0 0;
}

.blogger dt img {
	display:block;
	position:absolute;
	vertical-align:bottom;
	z-index:-1;
	left:0;
	top:0;
}

.blogger dd {
	width:156px;
	margin:5px 0 0 0;
	padding:0 0 6px 0;
}

.bloggerName a {
	font-family:"ヒラギノ角ゴ ProN W6","HiraKakuProN-W6","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	padding:0 3px 0 0;
}

.blogToday {
	background: url(/common/img/blog/icon_today.png) no-repeat 0 50%;
}

.blogYesterday {
	background: url(/common/img/blog/icon_yesterday.png) no-repeat 0 50%;
}

.blog1weekago {
	background: url(/common/img/blog/icon_1weekago.png) no-repeat 0 50%;
}

.blog1weekafter {
	background: url(/common/img/blog/icon_1weekafter.png) no-repeat 0 50%;
}

.bloggerDate {
	float:left;
	padding:3px 0 0 0;
}

.bloggerDate img {
	width:13px;
	height:13px;
}

.bloggerName,
.bloggerTitle {
	background-color:#FFF;
	word-wrap:break-word;
	width:135px;
	float:right;
}

.bloggerTitle {
	font-size:84%;
	letter-spacing:1px;
	padding:0 0 5px 0;
}

.bloggerLine {
	background: url(/common/img/blog/bg_dot_black_3px.png) repeat-x 0 0;
	width:156px;
	height:6px;
	clear:both;
}

/* ブログ個別ページ */ 

#blogHeader {
	max-width:820px;
	min-width:650px;
	height:312px;
	_height:330px;
	position:relative;
	border-top:10px solid #000;
	border-bottom:5px solid #000;
	margin:0 auto;
}

#blogHeaderRight {
	float:right;
	width:165px;
}

#blogHeader h2 {
	font-size:184%;
	font-weight:normal;
	_font-weight:bold;
	padding:0 0 0 10px;
}

.rssBlog {
	display:block;
	width:156px;
	height:16px;
	padding:0 10px 0 0;
	margin:0 0 18px 0;
	overflow:hidden;
}

.rssBlog a {
	display:block;
	width:156px;
	height:16px;
	background:url(/common/img/icon_rss.png) no-repeat left top;
	color:#FFF;
	text-indent:-9999px;
}

.rssBlog a:hover {
	background-position:left bottom;
	_background-position:0 -15px;
	color:#FFF;
}

/* カレンダー */

#calendar {
	display: block;
	width: 156px;
	height:120px;
	_height:108px;
	text-align: center;
	padding:12px 0 0 0;
	clear:both;
}

#calendar table {
	width: 100%;
	_font-family: Arial, Helvetica, sans-serif;
}

#calendar table tr {
	line-height:145%;
	_line-height:95%;
}

.calendarDate {
	float:none;
	font-size: 84%;
	_font-size: 76%;
	font-weight:normal;
	text-align:center;
}

a#calendarPrev,
a#calendarNext {
	display: table-cell;
	width: 14px;
	height: 11px;
	text-indent:-9999px;
	_margin:5px 0 0 0;
}

a#calendarPrev {
	background: url(/common/img/blog/calendar_prev_off.png) no-repeat 0 0;
	float:left;
}

a#calendarNext {
	background: url(/common/img/blog/calendar_next_off.png) no-repeat 0 0;
	float:right;
}

a#calendarPrev:hover {
	background: url(/common/img/blog/calendar_prev_on.png) no-repeat 0 0;
}

a#calendarNext:hover {
	background: url(/common/img/blog/calendar_next_on.png) no-repeat 0 0;
}

.calendarHeader {
	font-size:76%;
	_font-size:68%;
}

.calendarBody {
	font-size:76%;
	_font-size:68%;
	color:#666;
}

.calendarBody a {
	background:url(/common/img/blog/bg_dot_black_1px.png) repeat-x left bottom;
	padding:0 1px 0 0;
	color:#666;
}

.calendarHeader th,
.calendarBody td {
	text-align:center;
}

#calendar .today span {
	background:url(/common/img/bg_dot_grey_1px.png) repeat 0 0;
}

/* プロフィール */ 

#blogProfile {
	padding:60px 15px 0 10px;
	overflow:hidden;
}

#blogProfile dt {
	width:155px;
	_width:130px;
	height:85px;
	float:left;
	padding:0 25px 0 0;
}

#blogProfile dd {
	font-size:92%;
	width:270px;
	float:left;
	line-height:1.4em;
}

#blogProfile dd span {
	display:block;
	font-size:109%;
	margin:0 0 8px 0;
}

#blogProfile dd a {
	color:#F00;
}

#blogProfile dd a:hover {
	color:#000;
}

/* ブログ記事 */ 

.entry-asset {
	background:url(/common/img/blog/bg_dot_black_2px.png) repeat-x 0 100%;
	padding:0 10px;
	margin:0 0 68px 0;
	position:relative;
	overflow:hidden;
}

/*
*html .entry-asset {
	width:100%;
}

*html .entryLeft {
	display:inline-block;
	position:relative;
}
*/

.entryLeft {
	float:left;
	width:530px;
}

.entryRight {
	float:right;
	width: 100px;
}

.entryTitle {
	font-size:184%;
	font-weight:normal;
	_font-weight:bold;
	padding:68px 0 68px 0;
	width:530px;
	overflow:hidden;
}

.entryBody,
.entryBodyBlog {
	width:530px;
	padding:0 0 68px 0;
	overflow:hidden;
	line-height:1.8em;
}

.entryBody a,
.entryBodyBlog a {
	color:#F00;
}

.entryBody a:hover,
.entryBodyBlog a:hover {
	color:#000;
}

.entryRightTop {
	/*
	position:absolute;
	top:68px;
	right:10px;
	*/
	padding:68px 0 0 0;
	overflow:hidden;
}

.entryRightBottom {
	display:none;
	position:absolute;
	bottom:68px;
	right:0;
}

.asset-meta {
	color:#888;
	text-align:right;
	width:100px;
	overflow:hidden;
	float : right;
}

.asset-meta a {
	color:#888;
	padding:0 3px 0 0;
}

.asset-meta a:hover {
	color:#F00;
}

.entryTime {
	margin:0 0 15px 0;
}

#comments {
	clear:both;
}

/* アーカイブ */ 

#blogArchives { 
	display:inline;
	text-align:right;
	overflow:hidden;
	font-size:76%;
} 

#blogArchivesLink, 
#blogCategoriesLink { 
	background: url(/common/img/blog/bg_dot_black_2px.png) repeat-x left bottom;
	color:#000;
	font-size:150%;
	padding:0 0 5px 0;
	float:left;
} 

#blogArchivesLink {
	float:left;
}

#blogCategoriesLink {
	float:right;
	margin:0 10px 0 0;
	_margin:0 7px 0 0;
	padding:0 0 5px 0;
}