/**
 * sitemaker basic style
 */

body {
	font-size: 10.5pt;
	margin: 8px;
}

/**
 * for layout
 */
div.layout_body {
	width: 780px;
	margin: 0 auto;
	padding: 0;
}

div.layout_header {
	width: 100%;
	margin: 0;
	padding: 0;
}

div.layout_body_center {
	margin: 0;
	padding: 0;
}

div.layout_navigation {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}

div.layout_contents {
	clear: both;
	float: left;
	width: 560px;
	background-color:#ffffff;
	margin: 0;
	padding: 0;
}

div.layout_footer {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}

/**
 * for layout style
 */

div.header {
	font-size: 10pt;
	margin: 5px;
}

div.navigation {
	font-size: 10pt;
	margin: 5px;
}

div.contents {
	margin: 5px;
	font-size: 10.5pt;
	color: #000000;
}

div.footer {
	font-size: 10.5pt;
	color: #202020;
	text-align: center;
}

div.logo_mark{
	width: 220px;
	float: left;
}

div.header_title{
	width: 550px;
	float: left;
}

/**
 * for blog
 */
.title {
	font-size: 12pt;
	font-weight: bold;
}

.title a {
	color: #000000;
	text-decoration: none;
}

div.date {
	font-size: 10.5pt;
	color: #000000;
	/*background-color: #E0E0E0;*/
	padding: 5px;
	/*border: 2px solid #C0C0C0;*/
}

h1.blog {
	font-size: 12pt;
	color: #ffffff;
	padding: 8px;
	margin: 0px 0px 10px 0px;
	background-color: #436eee;
}

h2.blog {
	font-size: 12pt;
	color: #202020;
	padding: 8px;
	margin: 0px 0px 10px 0px;
	background-color: #EEEED1;
}

h3.blog {
	font-size: 12pt;
	color: #000000;
	border-bottom: 1px solid #202020;
	padding: 0px 0px 3px 0px;
	margin: 20px 0px 5px 0px;
}

h4.blog {
	font-size: 12pt;
	color: #000000;
}