﻿/* Base Weblog (base-weblog.css) */

/* basic elements */
html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
	margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	padding-bottom: 20px;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 75%;
	line-height: 160%;
	color: #333333;
	background: #FFFFFF url(../images/bg.gif) repeat-x;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
body.pop {
	padding: 10px 10px 10px 10px;
	text-align: left;
}
small {
	line-height: 150%;
}
table {
	font-size: medium;
}
th, td {
	font-size: 75%;
	line-height: 120%;
}
label {
	font-size: 75%;
}
form, input {
	margin: 0;
	padding: 0;
}
textarea {
	font-size: 90%;
}
textarea.w360 {
	width: 400px;
}
a {
	text-decoration: underline;
	color: #007788;
}
a:hover {
	color: #00AAAA;
}
a img { border: 0; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 30px 0px;
	background-color: #000066;
	border-left: 5px #009900 solid;
	border-right: 5px #009900 solid;
}
a h3 {
	text-decoration: none;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 10px;
}
body.pop h1 {
	font-size: 150%;
	font-weight: bold;
}


/* standard helper classes */

.clr {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

.page-container {
	width:975px;
}
.page {
	margin: 20px 0px 0px 0px;
	width: 860px;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
}
.page-right {
	background: url(../images/bg_globe.gif) no-repeat;
	width: 115px;
	height: 227px;
	float: left;
}

.header {
	background: #FFFFFF url(../images/bg_header060108.gif) no-repeat;
	width: 860px;
	height: 68px;
}
.site-description {
	color: #555555;
	font-size: 60%;
	line-height: 140%;
	padding: 7px 5px 10px 0px;
}

.contents {
	padding: 0px 20px 0px 20px;
	background: #3FBBBB url(../images/bg_page.gif) repeat;
}

#languages {
	text-align: right;
}

.blog {
	width: 600px;
	margin-bottom: 10px;
	background: #FFFFFF url(../images/bg_blog060108.gif) repeat-y;
	float: left;
}

.blog1 {
	width: 600px;
	margin-bottom: 10px;
	float: left;
}

.menu-column {
	float: left;
	margin-right: 20px;
}
.menu {
	width: 200px;
	margin-bottom: 10px;
	background: url(../images/bg_menu.gif) repeat-y;
}
.menu-box {
	padding: 5px 8px 2px 8px;
}
.menu-box p {
	margin: 0px 0px 5px 0px;
	font-size: 75%;
}
.menu ul, .halfbox ul {
	list-style-image: url(../images/blt_blue.gif);
	margin: 0;
	padding: 0px 5px 0px 5px;
}
.menu li, .halfbox li {
	margin-left: 20px;
	padding: 0;
}
.pop-page {
	background-color: #FFFFFF;
	padding: 8px;
}
.halfbox {
	width: 295px;
	margin-bottom: 20px;
	background: #FFFFFF url(../images/bg_halfbox.gif) repeat-y;
	float: left;
}



/* コンテンツ */
.blog-menu-column {
	margin: 5px 10px 0px 0px;
	width: 140px;
	float: right;
}
.blog-menu-header {
	padding: 3px;
	background-color: #EAEAEF;
	border: 1px #9999CC solid;
	margin-bottom: 5px;
	font-size: 75%;
	line-height: 110%;
	font-weight: bold;
	color: #000099;
	text-align:center;
}
.blog-menu-header a {
	color: #000099;
}
.blog-menu {
	padding: 5px;
	background-color: #EFEFEF;
	border: 1px #CCCCCC solid;
	margin-bottom: 5px;
}
.blog-menu-title {
	font-size: 75%;
	line-height: 110%;
	font-weight: bold;
	color: #000099;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.blog-menu ul {
	list-style-image: url(../images/blt_blue.gif);
	margin: 0;
	padding: 0;
}
.blog-menu li {
	margin-left: 20px;
	padding: 0;
}
.entry {
	width: 400px;
	margin: 10px 20px 15px 20px;
}
.halfbox .entry {
	width: 265px;
	margin: 10px 15px 10px 15px;
}
.essay {
	margin: 30px 30px 15px 30px;
}
.essay p {
	line-height: 140%;
	text-indent: 2em;
}
.date {
	color: #000099;
	font-size: 75%;
	font-weight: bold;
	margin-top: 5px;
	text-align:right;
}
.halfbox .date {
	font-weight: normal;
	margin-top: 0px;
	text-align:left;
}

body.categoryarchive .date {
	color: #000099;
	font-size: 75%;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	display: inline;
}
body.categoryarchive ul {
	list-style-image: url(../images/blt_blue.gif);
	margin: 0;
	padding: 0px 5px 0px 5px;
}
body.categoryarchive li {
	margin-left: 20px;
	padding: 0;
}
.entry-header {
	color: #000099;
	font-size: 120%;
	font-weight: bold;
	border: none;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}
#breadcrumb {
	font-size: 75%;
	font-weight: normal;
	color: #009999;
}
div.entry-body h4, div.essay h4 {
	font-weight: bold;
	color: #009999;
	margin: 16px 0px 0px 0px;
}
div.entry-body th, div.essay th {
	padding: 2px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-weight: bold;
	background-color: #EFEFEF;
}
div.entry-body td, div.essay td {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
div.entry-body table, div.essay table {
	border-collapse: collapse;
}
div.entry-body div#comments td, div.essay div#comments td {
	border: none;
}
div.entry-body div#comments table, div.essay div#comments table {
	border: none;
}
div.entry-body div.box, div.essay div.box {
	background-color: #EFEFEF;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.entry-footer {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
}

.content-nav{
	width: 400px;
	font-size: 120%;
	margin: 5px 20px 5px 20px;
}
.content-nav td {
	width: 175px;
}
.content-nav .btn {
	width: 80px;
	border: 1px #CCCCCC solid;
	padding: 5px 0px 5px 0px;
	text-align: center;
}
.trackbacks {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}
.trackback {
	font-size: 75%;
}
.comments {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}
.comments-open {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}
.comments-open td {
	font-size:120%;
	padding: 0px 0px 5px 0px;
	vertical-align: top;
}
div.comment {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 30px;
}
div.comment h4 {
	color: #000066;
	font-weight: bold;
}
div.comment span#comment-author, span#comment-date {
	color: #000066;
	font-size: 75%;
	margin-right: 10px;
}
div.comment span#comment-category {
	color: #000066;
	font-size: 75%;
	font-weight: normal;
	margin-right: 10px;
}
.box-wh-tl {
	background: url(../images/bg_corner_wh_tl.gif) no-repeat top left;
}
.box-wh-tr {
	background: url(../images/bg_corner_wh_tr.gif) no-repeat top right;
}
.box-wh-bl {
	background: url(../images/bg_corner_wh_bl.gif) no-repeat top left;
}
.box-wh-br {
	background: url(../images/bg_corner_wh_br.gif) no-repeat top right;
}

table.vote {
	border: 1px #CCCCCC solid;
}
table.vote th {
	color: #FFFFFF;
	background-color: #009999;
}
table.vote td.value {
	background-color: #EFEFEF;
	line-height: 140%;
}

.graphbar {
	background: url(../images/graphbar.gif) repeat-x;
}
.blt {
	color: #000066;
}
dl#archivelist dt {
	margin-top: 5px;
	clear: left;
	color: #000066;
	font-weight: bold;
	font-size: 75%;
	float: left;
}
dl#archivelist dd {
	margin-left: 100px;
}
dl#archivelist dd.categories {
	margin-top: 5px;
	font-size: 75%;
	font-weight: normal;
	color: #000066;
}
dl#archivelist dd.categories a {
	font-weight: normal;
	color: #000066;
}
#pagenavigator {
	clear: both;
	background-color: #EFEFEF;
	margin-top: 10px;
	padding: 0px 3px 0px 3px;
	font-size: 80%;
}
#previouspage {
	float: left;
}
#nextpage {
	float: right;
}
#msg {
	color: #CC0000;
	background-color: #FFFFCC;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px;
	line-height: 140%;
}
form table td.label {
	padding: 1px 5px 1px 0px;
	text-align: right;
}
form span.required {
	color: #CC0000;
}
#footer {
	background: #3FBBBB url(../images/bg_page.gif) repeat;
	padding-top: 10px;
}

@media print {

.page-container {
	width:100%;
}
.page {
	margin: 0px;
	width: 100%;
}

.blog {
	width: 100%;
	margin: 0px;
	float: left;
}

.entry {
font-size:12pt;
line-height: 200%;
text-align: justify; 
width: 100%; 
color:#000;

}

.entry-header {
	color:#000;
	font-size: 12pt;
	font-weight: bold;
	border: none;
}

.date {
	color:#000;
	font-size: 12pt;
	font-weight: bold;
	text-align:right;
}

.header, #footer, #languages, .menu-column, h2, #breadcrumb, .trackbacks, .comments, img, .blog-menu-column  {display:none;}
}
