@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: Aug 3, 2009
	Edited by Kazuya Ono/COLONY+iNTERACTIVE INC.

	01: layout
	02: .blogHeader
		02-01: #calendar
		02-02: dl.recent
		02-03: dl.feed
	03: ul.category
	04: .blogWrapper
		04-01: div.main
	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
01: layout
============================================================ */
body#blog div.contents {
	color: #111;
	padding: 37px 7px 0;
	background: url(../../images/bg_contents.jpg) center top no-repeat;
}
body#blog div.contents p.lead {
	font-size: 93%;
	padding: 0 20px 10px 30px;
}
/* ↓シャドウ下部用div*/
body#blog div.contentsBottom {
	font-size: 0;
	width: 960px;
	height: 7px;
	padding: 0 7px;
	margin: 0 auto;
	background: url(../../images/bg_contentsbottom.jpg) center top no-repeat;
}


/* ============================================================
02: .blogHeader
============================================================ */
body#blog div.contents div.blogHeader {
	font-size: 93%;
	width: 910px;
	padding: 10px 20px 10px 30px;
	overflow: hidden;
	background: url(../../images/bg_blogheader.gif) left top repeat-y;
}
body#blog div.contents div.blogHeader div#calendar {
	width: 160px;
	margin-right: 42px;
	float: left;
}
body#blog div.contents div.blogHeader dl.recent {
	width: 476px;
	margin-right: 42px;
	float: left;
}
body#blog div.contents div.blogHeader dl.feed {
	width: 190px;
	float: left;
}
body#blog div.contents div.blogHeader dl dd a,
body#blog div.contents div.blogHeader dl dd a:visited {
	color: #111;
	text-decoration: none;
}
body#blog div.contents div.blogHeader dl dd a:hover {
	text-decoration: underline;
}

/* ------------------------------
02-01: #calendar
------------------------------ */
body#blog #calendar p.calendar-header {
	color: #666;
	text-align: center;
	font-size: 93%;
	font-weight: bold;
	padding-bottom:5px;
	margin-bottom: 5px;
	border-bottom: #666 1px solid;
}
body#blog #calendar p.calendar-header a,
body#blog #calendar p.calendar-header a:visited {
	color: #666;
	text-decoration: none;
}
body#blog #calendar p.calendar-header a:hover {
	text-decoration: underline;
}
body#blog #calendar table {
	color: #111;
	border-collapse:collapse;
}
body#blog #calendar th,
body#blog #calendar td {
	padding: 2px;
}
body#blog #calendar th {
	font-size:9px;
	padding-bottom:3px;
	text-align:center;
	width:22px;
}
body#blog #calendar td {
	font-size:10px;
	line-height:120%;
	padding:2px 4px;
	text-align:center;
}
body#blog #calendar td.today {
	background: #ccc;
}
body#blog #calendar td a,
body#blog #calendar td a:visited {
	color: #111;
	text-decoration: underline;
}
body#blog #calendar td a:hover {
	text-decoration: none;
}

/* ------------------------------
02-02: dl.recent
------------------------------ */
body#blog dl.recent dt {
	margin-bottom: 5px;
}
body#blog dl.recent dd {
	padding-left: 10px;
	background: url(../images/list_arrow_red.gif) left 0.5em no-repeat;
}

/* ------------------------------
02-03: dl.feed
------------------------------ */
body#blog dl.feed dt {
	margin-bottom: 5px;
}
body#blog dl.feed dd img.icon {
	padding-right: 3px;
	vertical-align: middle;
}


/* ============================================================
03: ul.category
============================================================ */
body#blog div.contents ul.category {
	color: #fff;
	font-size: 93%;
	font-weight: bold;
	padding: 10px 20px 8px 30px;
	background: #111;
}
body#blog div.contents ul.category li {
	padding-right: 20px;
	display: inline;
}
body#blog div.contents ul.category li a {
	padding-left: 10px;
	display: inline-block;
	background: url(../images/list_arrow_red.gif) left 0.5em no-repeat;
}
body#blog div.contents ul.category li a,
body#blog div.contents ul.category li a:visited {
	color: #fff;
	text-decoration: none;
}
body#blog div.contents ul.category li a:hover {
	color: #666;
	text-decoration: none;
}


/* ============================================================
04: .blogWrapper
============================================================ */
body#blog div.contents div.blogWrapper {
	width: 940px;
	padding: 30px 20px 0 0;
	overflow: hidden;
	background: url(../../images/bg_blogwrapper.gif) center top repeat-y;
}
body#blog div.contents div.blogWrapper div.main {
	width: 729px;
	float: left;
}
body#blog div.contents div.blogWrapper div.side {
	width: 190px;
	float: right;
	padding-bottom: 20px;
}

/* ------------------------------
04-01: div.main
------------------------------ */
body#blog div.entry {
	margin-bottom: 30px;
	border-bottom: #ccc 1px solid;
}
/* ----------
div.entryHeader
---------- */
body#blog div.entry div.entryHeader {
	width: 649px;
	padding-left: 22px;
	margin: 0 0 20px 30px;
	border-left: #900 8px solid;
}
body#blog div.entry div.entryHeader h3 {
	font-size: 197%;
}
body#blog div.entry div.entryHeader h3 a,
body#blog div.entry div.entryHeader h3 a:visited {
	color: #111;
	text-decoration: none;
}
body#blog div.entry div.entryHeader h3 a:hover {
	text-decoration: underline;
}
body#blog div.entry div.entryHeader p.date,
body#blog div.entry div.entryHeader p.category {
	font-size: 77%;
}
body#blog div.entry div.entryHeader p.category a,
body#blog div.entry div.entryHeader p.category a:visited {
	color: #900;
	text-decoration: none;
}
body#blog div.entry div.entryHeader p.category a:hover {
	text-decoration: underline;
}
/* ----------
div.entryBody
---------- */
body#blog div.entry div.entryBody {
	width: 649px;
	margin: 0 0 20px 30px;
}
body#blog div.entry div.entryBody p {
	color: #333;
	font-size: 93%;
	margin: 1em 0;
}
body#blog div.entry div.entryBody p a {
	color: #900;
}
body#blog div.entry div.entryBody p a,
body#blog div.entry div.entryBody p a:visited {
	text-decoration: none;
}
body#blog div.entry div.entryBody p a:hover {
	text-decoration: underline;
}
body#blog div.entry p.more {
	font-weight: bold;
	margin-left: 30px;
}
body#blog div.entry p.more a,
body#blog div.entry p.more a:visited {
	color: #999;
	text-decoration: none;
}
body#blog div.entry p.more a:hover {
	color: #900;
}
/* ----------
div.entryFooter
---------- */
body#blog div.entry p.entryFooter {
	text-align: right;
	margin: 20px 1px 1px 0;
}

/* ------------------------------
04-02: div.side
------------------------------ */
body#blog div.side a {
	color: #900;
}
body#blog dl {
	margin-bottom: 20px;
}
body#blog dl dt {
	margin-bottom: 5px;
}
body#blog dl dd {
	font-size: 93%;
}
body#blog dl.sideList dd {
	padding-left: 10px;
	background: url(../images/list_arrow_red.gif) left 0.5em no-repeat;
}
body#blog dl.sideList dd a,
body#blog dl.sideList dd a:visited {
	color: #111;
	text-decoration: none;
}
body#blog dl.sideList dd a:hover {
	text-decoration: underline;
}