@charset "UTF-8";

*{
	color: #300;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	background-color: #E6DCC9;
	background-image: url("./img/background.png");
	width: 700px;
}

a {text-decoration: none;}
a:link {color: #C00;}
a:visited {color: #C66;}
a:hover {text-decoration: underline;}

hr {display: none;}

em {font-weight: bold;}
strong {
	font-weight: bold;
	font-size: +1em;
}


/*--------------------------------------*/
/* topic_path                           */
/*--------------------------------------*/
#topic_path {
	font-size: 90%;
}

a#top {
	text-decoration: none;
	font-style: normal;
	color: #E6DCC9;
	background-color: #A33;
	padding: 0.2em 0.6em;
}

#topic_path a:link,
#topic_path a:visited {
	color: #C00;
}

#topic_path a:hover {
	text-decoration: underline;
}

a#top:link,
a#top:visited {
	color: #E6DCC9;
}

a#top:hover {
	text-decoration: none;
	color: #FFF;
}


/*--------------------------------------*/
/* header                               */
/*--------------------------------------*/
#header {
	text-align: center;
	padding: 1em;
	margin-bottom: 1em ;
}

#header h1 {
	color: #A88;
	font-size: 300%;
	font-weight: bold;
	letter-spacing: 0.2em;
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:active,
#header h1 a:hover {
	color: #A88;
	text-decoration: none;
}

#header h1 img {
	border: none;
	margin-bottom: 0.2em ;
}

.description {
	font-size: 80%;
	letter-spacing: 0.2em;
}



/*--------------------------------------*/
/* content                              */
/*--------------------------------------*/
#content {
	float: right;
	width: 482px;
	text-align: center;
	margin: 1em 0 2em 0;
}

/*---- navi ----------------------------*/
.navi {
	font-size: 80%;
}

/*---- paper ---------------------------*/
#paper {
	width: 482px;
}

/*---- picture ----*/
.picture {
	background-image:url("./img/paper_header.png");
	height: 324px;
}

.picture img {
	text-align: center;
	border: 2px solid #DDD;
	margin-top: 30px;
}

/*---- text ----*/
.text {
	background-image:url("./img/paper_content.png");
	text-align: left;
	padding: 20px 30px 40px 60px;
}

.text h2 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 1em;
}

.text p {
	font-size: 90%;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}

p.text_comment {
	font-size: 80%;
	line-height: 1.2;
	width: 350px;
	border: 1px dashed #CBA;
	padding: 0.5em;
}

/*---- paper_footer ----*/
.paper_footer {
	background-image:url("./img/paper_footer.png");
	height: 40px;
	font-size: 80%;
	text-align: right;
	padding: 0 20px 0 20px;
}

p.copyright {
	color: #AAA;
}

p.copyright a,
p.copyright a:link,
p.copyright a:visited,
p.copyright a:active,
p.copyright a:hover {
	color: #AAA;
}


/*--------------------------------------*/
/* backnumber                           */
/*--------------------------------------*/
#backnumber {
	float: left;
	width: 200px;
	padding: 0 5px 10px 0;
	margin: 1em 0 2em 0;
}

#backnumber h2 {
	margin: 0 0 0 1em;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 10px;
}

#backnumber dt {
	width: 100px;
	font-size: 80%;
	text-align: right;
	background-color: #FE0;
	border-right: 1px solid #BA9;
	border-bottom: 1px solid #BA9;
	padding: 0.4em;
	margin-bottom: 0.5em;
}

#backnumber dd {
	margin-left: 1.5em;
}

#backnumber ul {
	margin: 0.5em 0 1em 0.5em;
}

#backnumber ul li {
	font-size:80%;
}


/*--------------------------------------*/
/* footer                               */
/*--------------------------------------*/
#footer {
	clear: both;
	font-size: 80%;
	text-align: right;
	margin-bottom: 0.5em;
}


/*--------------------------------------*/
/* index                                */
/*--------------------------------------*/
.index_title {
	background-image:url("./img/paper_header.png");
	height: 180px;
	padding: 70px 30px 20px 30px;
}

.index_title h2{
	margin-bottom: 12px;
}

.index_text {
	background-image:url("./img/paper_content.png");
	text-align: center;
	padding: 0 30px 60px 30px;
}

.index_title .description,
.index_text p {
	font-size: 90%;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}

p.index_picture img {
	text-align: center;
	border: none;
}

p.index_day {
	font-size: 80%;
	letter-spacing: 0;
	margin-top: -0.8em;
	margin-bottom: 2em;
}