@charset "utf-8";

* { margin:0; padding:0; }

body {
	background-color:#3cb0d1;
	background-image:url(../img/bg1.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	text-align:center;
}

img { border:none; }

a {
	color:#333;
	overflow:hidden;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

p, li {
	color:#333;
	font-size:12px;
	line-height:150%;
}

#container {
	width:922px;
	margin:17px auto;
	text-align:left;
}

/* ------------------------------ Header ------------------------------ */

h1 {
	margin-bottom:20px;
}

/* ------------------------------ Footer ------------------------------ */

#footer {
	padding:20px 0;
	clear:both;
	background-image:url(../img/bg2.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	text-align:center;
}
address {
	text-indent:-3000px;
	width:922px;
	height:52px;
	clear:both;
	margin:0 auto;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
}

/* ------------------------------ Main ------------------------------ */

#main {
	width:667px;
	float:left;
}
.article {
	margin-bottom:14px;
	background-repeat:repeat-y;
	background-color:white;
	border-bottom:1px solid #3cb0d1;
}
.subhead {
	height:37px;
	margin-bottom:10px;
	font-size:12px;
	line-height:135%;
}
.article h2 {
	color:white;
	font-size:14px;
	padding:10px 0 0 38px;
}
.article .date {
	color:white;
	font-size:10px;
	text-align:right;
	margin:-16px 16px 0 0;
	letter-spacing:1px;
}
.article .padder {
	padding:0 16px;
	font-size:12px;
	line-height:135%;
}
.article .padder img{
	margin:15px 0 15px 15px;
}
.article .text {
	width:309px;
	float:left;
}
.article .read {
	margin-top:0.5em;
	text-align:right;
}
.article a {
	color:#f60;
}
.article .photo {
	width:300px;
	float:right;
}
.article .pagetop {
	text-align:right;
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0 16px 14px;
}

#main .kojo { background-image:url(../img/box1_bg.gif); }
#main .kojo .subhead { background-image:url(../img/box1_subhead.gif); }
#main .kojo .pagetop { background-image:url(../img/box1_bottom.gif); }

#main .miho { background-image:url(../img/box2_bg.gif); }
#main .miho .subhead { background-image:url(../img/box2_subhead.gif); }
#main .miho .pagetop { background-image:url(../img/box2_bottom.gif); }

/* ------------------------------ Navi ------------------------------ */

#navi {
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align:center;
	list-style-type:none;
	padding:6px 0 4px;
}
#navi li {
	display:inline;
}

/* ------------------------------ Sidebar ------------------------------ */

#sidebar {
	width:240px;
	float:right;
	background-image:url(../img/sidebar_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:10px;
}
#sidebar .padder {
	padding:0 10px;
	background-image:url(../img/sidebar_bg.gif);
	background-repeat:repeat-y;
	background-color:white;
}
#sidebar ol { list-style-type:none; }
#sidebar a {
	color:#09c;
}
#sidebar h3 {
	margin-bottom:10px;
}
#sidebar li:first-letter { color:#999; }
#sidebar .kojo:first-letter { color:#39f; }
#sidebar .miho:first-letter { color:#f60; }
#sidebar .name { font-weight:bold; }
#sidebar hr {
	color:white;
	border:0;
	border-bottom:1px dotted gray;
	margin:8px 0;
}
#sidebarbottom {
	height:10px;
	font-size:0px;
	background-image:url(../img/sidebar_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#sidebar .banners div {
	padding-bottom:4px;
}

/* ------------------------------ Common style ------------------------------ */

.s { font-size:10px; }
.mb1 { margin-bottom:1em; }
.mb2 { margin-bottom:2em; }
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; }