@charset "UTF-8";
@import url("default.css");

body {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	background-image: url(../img/back_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

div#wrapper {
	text-align: center;
	font-size: 100%;
	background-image: url(../img/back_flower.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div#header {
	margin: 0px auto;
	width: 860px;
}

div#header p {
	margin: 0px;
	padding: 15px 0px 10px 0px;
	color: #999;
}
div#header p a {
	margin: 0;
	padding: 0;
	color: #999;
	text-decoration: none;
}
div#header p a:link {
	text-decoration: none;
}
div#header p a:visited {
	color: #999;
	text-decoration: none;
}
div#header p a:active {
	text-decoration: none;
}
div#header p a:hover {
	color: #999;
	text-decoration: none;
}

div#header h1 {
	margin: 0px;
	padding: 0px;
}

div#content {
	margin: 0px auto;
	padding-top: 45px;
	width: 860px;
}

div#main {
	float: left;
	width: 590px;
}

div#main p.navi {
	text-align: center;
	color: #666;
}
div#main p.navi a {
	margin: 0;
	padding: 0;
	color: #666;
	text-decoration: none;
}
div#main p.navi a:link {
	text-decoration: none;
}
div#main p.navi a:visited {
	color: #666;
	text-decoration: none;
}
div#main p.navi a:active {
	text-decoration: none;
}
div#main p.navi a:hover {
	color: #666;
	text-decoration: underline;
}

div#main div,
div#main div.print {
	border-bottom: #d8c9ac solid 1px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

div#main div.search {
	border-bottom: #d8c9ac solid 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#main h2 {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 2px 20px;
	font-size: 160%;
	border-bottom: none;
	background-image: url(../img/icon_archive.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
}

div#main div h2 {
	margin: 0px;
	padding: 5px 0px 2px 13px;
	font-size: 160%;
	border-bottom: #d8c9ac solid 1px;
	background-image: url(../img/icon_title.jpg);
	background-repeat: no-repeat;
	background-position: 2px center;
}

div#main div.search h2 {
	margin: 0px;
	padding: 5px 0px 2px 13px;
	font-size: 120%;
	border-bottom: none;
	background-image: url(../img/icon_title.jpg);
	background-repeat: no-repeat;
	background-position: 2px center;
}

div#main div.print div {
	border-bottom: none;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 15px;
}

div#main div.print div p {
	margin: 0px;
	padding: 0px;
}

div#main div.comment {
	border-bottom: none;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

div#main div.print h3,
div#main div.comment h3 {
	margin: 0px;
	padding: 5px 0px 2px 13px;
	font-size: 120%;
	background-image: url(../img/icon_title.jpg);
	background-repeat: no-repeat;
	background-position: 2px center;
}

div#main div.comment table {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 500px;
}

div#main div.comment table th,
div#main div.comment table th label {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	color: #666;
	vertical-align: middle;
	border: none;
}
div#main div.comment table th {
	width: 30%;
}

div#main div.comment table th span {
	font-size: 80%;
	color: #666;
}

div#main div.comment table td {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	color: #666;
	vertical-align: middle;
	width: 70%;
	border: none;
}

input {
	text-align: center;
}

input.text {
	text-align: left;
}

div#main div p.ex {
	color: #666;
	font-size: 80%;
	margin: 0px;
	padding: 3px 0px;
}

div#main div p {
	line-height: 180%;
}

p.attach_ex {
	color: #666;
	font-size: 80%;
	margin: 0px;
	padding: 3px 0px;
	text-align: center;
}

p.attach_img {
	text-align: center;
}

div#side {
	float: right;
	width: 230px;
	font-size: 80%;
	color:#666;
}

div#side a {
	margin: 0;
	padding: 0;
	color: #666;
	text-decoration: underline;
}
div#side a:link {
	text-decoration: underline;
}
div#side a:visited {
	color: #666;
	text-decoration: underline;
}
div#side a:active {
	text-decoration: underline;
}
div#side a:hover {
	color: #666;
	text-decoration: none;
}

div#side p {
	margin: 0px;
	padding: 8px 0px 20px 0px;
	color:#666;
}

div#side ul {
	margin: 0px;
	padding: 8px 0px 20px 18px;
}

div#side ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	color:#666;
}

div#side h4 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
div#side h4 a {
	display: block;
	width: 230px;
	height: 70px;
	text-indent: -10000px;
	background-image: url(../img/side_official.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	/*¥*/
	_text-indent: 0px;
	_font-size: 0px;
	_color: #fff;
	/**/
	_text-indent/**/ : -10000px;
}
div#side h4 a:hover {
	background-position: 0px -70px;
	color: #fff;
}

div#side p.rss {
	background-image: url(../img/side_rss.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 0px 0px 0px 20px;
	margin: 8px 0px 20px 0px;
}

p.pagetop {
	clear: both;
	margin: 0px;
	padding: 20px 0px 5px 748px;
}

p.pagetop a {
	display: block;
	width: 112px;
	height: 10px;
	text-indent: -10000px;
	background-image: url(../img/pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	/*¥*/
	_text-indent: 0px;
	_font-size: 0px;
	_color: #fff;
	/**/
	_text-indent/**/ : -10000px;
}

p.pagetop a:hover {
	background-position: 0px -10px;
	color: #fff;
}

div#footer {
	clear: both;
	text-align: center;
	padding: 25px 0px 20px 0px;
	background-image: url(../img/back_footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e6e6e6;
}

address {
	display: block;
	width: 860px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */