/* Basic Layout */
body {
	margin: 0;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: small;
	background: #fff url(../img/bg-bg.gif) repeat top left;
	}

img {
	border: none;
	}


/* Link */
a {
	text-decoration: none;
	}

a:link {
	color: #09408E;
	border-bottom: 1px solid #005BA0;
	}

a:visited {
	color: #7F5383;
	border-bottom: 1px dotted #7F5383;
	}

a:hover {
	background-color: #C2E3E8;
	color: #09408E;
	border-bottom: 1px solid #26499D;
	}

a:active {
	background-color: #C2E3E8;
	color: #09408E;
	border-bottom: 1px solid #26499D;
	}

/* Layout structure */
#wrap {
	min-width: 500px;
	max-width: 1400px;
	background: url(../img/bg.gif) repeat-y 70% 0;
	}

#content {
	float: left;
	width: 70%;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	}

#sidebar {
	float: right;
	width: 30%;
	}

/* Use Holly Hack */
/* Hide from IE5/Mac \*/
*html #footer { height: 1%; }
/* End hide from IE5/Mac */

#footer {
	clear: both;
	background: #FFF url(../img/footer-bg.gif) repeat-x top left;
	}

/* Header */
#header {
	border-bottom: 3px solid #374C0E;
	background: #B4E637 url(../img/header-bg.gif) repeat top left;
	}

#header h1 {
	margin: 0;
	padding: 10px 25px 15px 20px;
	font-size: 150%;
	color: #374C0E;
	}

/* message */
#message {
	margin: 0;
	padding: 8px 16px;
	font-size: 90%;
	color: #cc9;
	background: #FFF;
	border-bottom: 2px solid #374C0E;
	}

#message strong {
	padding: 0 0 0 28px;
	background: url(../img/message_star.gif) no-repeat 0 50%;
	}

/* gutters */
#content .gutter {
	padding: 25px;
	background: url(../img/mainbg.gif) repeat-x top left;
	}

#sidebar .gutter {
	padding: 15px;
	}

/* sidebars */
.box {
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #333;
	background: #FFF;
	}

.box h3 {
	margin: 0;
	padding: 12px;
	font-size: 140%;
	font-weight: normal;
	color: #693;
	background: url(../img/sideh3-bg.gif) repeat-x bottom left;
	}

.box p, .box ul {
	margin: 0;
	padding: 4px 12px;
	}

.box ul li {
	margin: 0 0 0 12px;
	padding: 2px 0 2px 18px;
	list-style: none;
	background: url(../img/arrow.gif) no-repeat 0 3px;
	}

/* content */
#content h2.current {
	margin: 0 0 1em 0;
	padding : 10px 15px 15px 45px;
	font-size: 150%;
	color: #663;
	background: url(../img/toukei-logo.gif) no-repeat top left;
	}

#content h2.archive {
	margin: 0 0 1em 0;
	padding : 15px 15px 15px 45px;
	font-size: 150%;
	color: #663;
	background: url(../img/file-green.gif) no-repeat top left;
	}

/* footer */
#footer p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: #333;
	}

/* table */
table {
	width: 100%;
	margin: 10px 0 20px 0;
	border: 1px solid #000;
	background: #FFF;
	}

table caption {
	margin; 0;
	padding: 5px 5px 5px 25px;
	text-align: left;
	background: #FFF;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	background: url(../img/caption-mark.gif) no-repeat 0 3px;
	}

table th, table td {
	margin: 0;
	padding: 5px 2px;
	text-align: center;
	border-bottom: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	}

table .name {
	padding: 0 0 0 3px;
	text-align: left;
	border-left: none;
	}

table .thborder {
	border-left: none;
	}

table tr {
	background: #FFF;
	}

/* header color */
table tr.alt {
	background: #F1F1F1;
	}

/* vertical stripes */
.year tr:nth-child(2n+2) {
    background: #F1F1F1
}

/* loader */
#loader {
  margin: 10px 30px 10px 60px;
  display: none;
}