@charset "UTF-8";

div#container {
	background-color: white;
        line-height: 1.2;
}


/*main-layout--------------------------------------*/
div#main {
	margin-top: 10px;
}

div#main a {
	text-decoration: none;
	color: #003366;
}
div#main a:hover {
	color: #999999;
}

div#main div#leftArea {
	float: left;
	width: 560px;
}


div#main div#rightArea {
	float: right;
	width: 155px;
        margin-right:5px;
}

/*
┏━━━━ main ━━━━━━━━━━━┓
┃┏━━ leftArea ━━━━━┓┏━━┓┃
┃┃┏━━━━┓┏━━━━┓┃┃ r  ┃┃
┃┃┃        ┃┃        ┃┃┃ i  ┃┃
┃┃┃        ┃┃        ┃┃┃ g  ┃┃
┃┃┃        ┃┃        ┃┃┃ h  ┃┃
┃┃┃sidemenu┃┃content ┃┃┃ t  ┃┃
┃┃┃        ┃┃        ┃┃┃ A  ┃┃
┃┃┃        ┃┃        ┃┃┃ r  ┃┃
┃┃┃        ┃┃        ┃┃┃ e  ┃┃
┃┃┗━━━━┛┗━━━━┛┃┃ a  ┃┃
┃┗━━━━━━━━━━━━┛┗━━┛┃
┗━━━━━━━━━━━━━━━━━━┛
*/

/*sidemenu-layout--------------------------------------*/
div#leftArea div#sidemenu {
	float: left;
	width: 155px;
	margin-right: 10px;
    margin-left:15px;
}


div#leftArea #sidemenu h2,
div#rightArea h2 {
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	border-top: 1px solid #ffb800;
	border-right: 1px solid #ffb800;
	border-bottom: 1px solid #ffb800;
	border-left: 10px solid #ffb800;
	color: #7c9537;
}


div#sidemenu ul, 
div#rightArea ul,
div#sidemenu div.calendar{
	margin-left: 10px;
}
div#sidemenu div.self_link, 
div#sidemenu ul li, 
div#rightArea ul li,
div#sidemenu div.calendar{
	margin-bottom: 4px;
}

div#sidemenu div.self_link h1#blog_title {
	text-align: center;
}

.calendar div.caption,
.calendar table.calendar_table
{
	width: 100%;
	text-align: center;
}
.calendar table.calendar_table th,
.calendar table.calendar_table td {
/*	width: 18px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #ffb800;
	font-size: 0.7em;
	color: #7c9537;
	vertical-align: middle;
	text-align: center;
}

.calendar table.calendar_table th {
	color: #FFFFFF;
	background: #ffb800;
}


div#rightArea input#search {
	width: 100px;
}




/*content-layout--------------------------------------*/
div#main div#content {
	float: right;
	width: 375px;
    margin-right:2px;
}

div#content div.conArea {
	width: 375px;
	margin-bottom: 20px;
	border-right: 1px solid #ffb800;
	border-left: 1px solid #ffb800;
}

div.conArea h1,
div.conArea h2 {
	padding-left: 10px;
	margin-top: 15px;
	border-bottom: 2px solid #ffb800;
	border-top: 2px solid #ffb800;
	border-left: 10px solid #ffb800;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 1.3em;
}

div.conArea p.date {
	margin-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #ffb800;
/*
	text-align: right;
	width: 365px;
*/
}

div.conArea div.content{
	margin-top: 20px;
	margin-bottom: 20px;
}
div.conArea div.content,
div.conArea div.more {
	padding: 5px 15px;
}
div.conArea div.more {
	border-top: 1px solid #ffb800;
        padding-bottom: 0px;
}

div.conArea div.moreLink {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

div.conArea div.ctAtra {
	margin-right: 10px;
	color: #7c9537;
	text-align: right;
}

div.prev_next {
}
div.prev_next a.prev_link {
	display: block;
	float: left;
}
div.prev_next a.next_link {
	display: block;
	float: right;
}

/*comment-layout--------------------------------------*/

div#content div.comments,
div#content div.commentForm,
div#content div.trackbacks {
	padding: 10px;
	margin-top: 20px;
	margin: 5px;
	color: #999999;
	background: #ffff8c;
}

div#content div.comments h2,
div#content div.commentForm h2,
div#content div.trackbacks h2 {
	margin-bottom: 1em;
}

div.comments div.comment,
div.trackbacks div.trackback {
		background-color: white;
	padding: 5px;
	margin-top: 10px;
}
div.comments div.comment h3,
div.trackbacks div.trackback h3 {
	color: black;
	margin-bottom: 2px;
}
div.comments div.comment div.content,
div.trackbacks div.trackback div.content {
			margin: 5px 0px;
}

div.commentForm label {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
	
div.trackbacks div.trackback_url {
	padding: 5px;
	margin-top: 1em;
	color: #7c9537;
	background: #FFFFFF;
}
div.trackbacks div.trackback_url label {
	margin-bottom:1ex;
}

input#comment_name {
	width: 270px;
}
input#comment_email,
input#comment_url,
input#comment_title,
textarea#comment_body {
	width: 341px;
}
input#trackback_url {
	width: 331px;
}



/*footer-layout--------------------------------------*/
div#main div#footer {
	clear: both;
	margin-top: 10px;
        background:url(./images/footer_background.png);
	font-size: 0.9em;
        height:24px;
	color: #ffffff;
	text-align: center;
}

div#main div#footer p{
padding-top:8px;
}

/* layout update by miyazawa */
div#main div#leftArea{
	width:720px;
	float:none;
}

div#main div#content{
	width:700px;
	font-size:90%;
	float:none;
	margin-left:15px;
}

div#content div.conArea{
	width:700px;
}

div#main div.conArea ul{
	margin:10px auto;
	padding-top:5px;
	padding-left:5px;
/*	background-color:#EEEEEE;*/
}

div#main div.conArea li{
	margin-left:10px;
	list-style:disc inside;
	margin-bottom:5px;
}

div#main div.conArea li ul{
	margin:0;
}

div#main div.conArea li li{
	list-style:circle inside;
}

div#main div#rightArea{
	float:left;
	width:350px;
}

div#leftArea div#sidemenu{
	clear:both;
	float:left;
	width:350px;
}

*+html div#sidemenu{
	position:absolute;
}

*+html div#rightArea{
	margin-left:370px;
}

div#main div#trackback_list{
	width:680px;
}

div#sidemenu li a{
	font-size:90%;
}

#sidemenu .self_link{
	display:none;
}

#footer_nav{
	padding-top:20px;
}
div.content dt {
	position: relative;
	left: 28px;
	top: -1ex;
	width: 670px;
	border-bottom: 1px solid lightgrey;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-bottom: 1px;
	padding-left: 14px;
	margin-top: 2ex;
	margin-bottom: 1ex;
	background: url(../images/list_marker.png) no-repeat left center;
	font-size:18px;
	font-weight:bold;
}
div.content dd {
	position: relative;
	left: 42px;
	top: -1ex;
	width: 670px;
	padding-top: 1px;
	padding-bottom: 1px;
}
div.content dt,
div.content dd
{
	top: 0px;
	font-size: 14px;
	left: 28px;
	width: 628px;
}