@charset 'UTF-8';

/*  ========== Global settings ==========  */

body {
	margin: 0px 0px 15px 0px;
	background-color: #FFECB3;

	line-height: 140%;
	text-align: left;
	padding: 0px;
}

a {
	text-decoration: underline;
}

a:link {
	color: #0077CC;
}

a:visited {
	color: #0077CC;
}

a:hover {
	color: #66A2CC;
}

a:active {
	color: #F34C3C;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/*  ========== Banner Part ==========  */

div#banner {
	padding: 0px;
	height: 58px;
	background-image: url(img/BANNER_bg-pat.gif);
	background-repeat: repeat-x;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 15px;
}

div#banner div#bgLeft {
	background-position: left;
	background-image: url(img/BANNER_bg-left.gif);
	background-repeat: no-repeat;
	height: 58px;
	margin: 0px;
	padding-left: 58px;
}

div#bgLeft div#bgRight {
	background-position: right;
	background-image: url(img/BANNER_bg-right.gif);
	background-repeat: no-repeat;
	height: 58px;
	margin: 0px;
	padding-right: 58px;
}

div#bgRight img.pageTitle {
	position: relative;
	width:       336px;
	height:      29px;
	margin-left: 10px;
	margin-top:  3px;
	border: 0px;
}

div#bgRight img.upButton {
	position: absolute;
	width:  28px;
	height: 28px;
	right:  94px;
	top:    4px;
}

div#banner a {
	text-decoration: none;
}

/*  ========== articleBody Part ==========  */

#articleBody {
	float: left;
	width: 70%;
	overflow: hidden;
}

.content {
	background-color: #FFFFFF;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	background-image: url(img/CMN_border_pat.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.content div.abHead {
	background-image: url(img/CMN_border_pat.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 14px;
}

div.abHead div.abHeadEdge {
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 0px;
	line-height: 0px;
	background-image: url(img/BODY_bg-tl.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.content div.contentGrid {
	margin-left: 15px;
}

.content p {
	color: #000000;
	font-family: 'Verdana', sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
}

.content blockquote {
	line-height: 150%;
}

.content li {
	line-height: 150%;
}

.content h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0px;
}

.content h2.date {
	color: #2CB237; 
	font-family: 'Verdana', sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}

.content h3 {
	color: #666666;
	font-family: 'Verdana', 'Arial', sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

.content h3.title {
	color: #333333;
	font-family: 'Verdana', sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

.content div.abFoot {
	background-image: url(img/CMN_border_pat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
	height: 14px;
}

div.abFoot div.abFootEdge {
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 0px;
	line-height: 0px;
	background-image: url(img/BODY_bg-bl.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/*  ========== Sidebar Part ==========  */

#sidebar {
	float: left;
	width: 30%;
	overflow: hidden;
	padding: 0px 0px 15px;
	margin: 0px;
}

#sidebar div.sbHeader {
	background-image: url(img/SIDEBAR_h2_bg-pat.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 26px;
}

#sidebar h2 {
	height: 26px;
	background-image: url(img/SIDEBAR_h2_bg-edge.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	margin: 0px;
	color: #333333;
	font-family: 'Verdana', sans-serif;
	font-size: 10px;
	line-height: 22px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebar div.sbContents {
	background-color: #FFFFFF;
	margin-right: 22px;
	margin-top: 0px;
	margin-bottom: 22px;
	background-image: url(img/CMN_border_pat.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 7px;
}

#sidebar div.profile {
	text-align: center;
	font-size: small;
	font-weight: bold;
}

#sidebar img {
	margin: 2px;
	border: 1px solid #999999;
}

#sidebar p {
	font-size: small;
	line-height: 1.4em;
	margin-top: 0.7em;
	margin-left: 7px;
	margin-bottom: 0.7em;
	margin-right: 8px;
}

#sidebar dl {
	margin: 0px 0px 0px 8px;
	font-size: small;
	padding: 0px 10px 0px 0px;
}

#sidebar dd {
	font-size: x-small;
	margin-left: 3em;
	line-height: 1.3em;
	margin-bottom: 3px;
}

#sidebar ul {
	margin: 0px 0px 0px 8px;
	font-size: small;
	padding: 0px 10px 0px 0px;
}

#sidebar li {
	font-family: Verdana, Arial, sans-serif;	
	font-size: x-small;
	margin-left: 3em;
	line-height: 1.3em;
	margin-bottom: 3px;
}

#sidebar p#powered {
	font-size: small;
	font-family: 'Georgia', 'Times', serif;
	text-align: left;
	color: #333333;
}

#powered img {
	margin: 2px;
	border: 0px;
}

div.sbContents div.sbContFooter {
	height: 14px;
	border-bottom: #E69F51;
	background-image: url(img/CMN_border_pat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right-color: #E69F51;
	border-left-color: #E69F51;
	margin: 0px;
	padding: 0px;
}

div.sbContFooter div.sbContFooterEdge {
	height: 14px;
	background-image: url(img/SIDEBAR_ContFooterEdge.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

/*  ========== Others ==========  */

.photo {
	text-align: left;
	margin-bottom: 20px;
}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
}

textarea#comment-text {
	width: 80%;
}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
}

/*  ========== calendar ==========  */

table#blogCalendar {
	font-size: x-small;
	padding: 0px;
	margin: 0px;
}
table#blogCalendar tbody {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
table#blogCalendar tr {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
table#blogCalendar tr.cap {
	font-family: 'ＭＳ ゴシック', 'Osaka', sans-serif;
}
table#blogCalendar td {
	font-family: 'Arial', 'Helvetica', sans-serif;
}

/*  ========== List ==========  */

ul {
	font-size: small;
	font-family: 'ＭＳ ゴシック', 'Osaka', sans-serif;
}
ul.dateBasedList span.date {
	font-style: italic;
}

/*  ========== little trick ==========  */

div.content img {
	margin: 4px 10px 6px 4px;
	float: left;
}

div.content p.extended {
	clear: left;
}

.content p.posted {
	clear: left;
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
}

/*  ========== pagefooter Part ==========  */

#pageFooter {
	background-color: #CCCCCC;
	height: 35px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 100px;
}