@charset "Shift_JIS";

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#fffce6; 
	}

#wrapper {
	width: 720px;
	margin: 10px auto;
	padding: 0;
	}

#header {
	margin: 5px;
	padding: 5px 0 0;
	width: 680px;
	align: center;
	border-bottom: solid 1px silver;
	}
	

#container {
	width: 680px;
	margin: 0 auto;
	padding: 20px 20px 0;
	text-align: left;
	line-height: 150%;
	}
	
.midashi {
	font-size: 110%;
	line-height: 1.4em;
	padding-left: 20px;
	}
.coment {
	font-size: 100%;
	line-height: 1.4em;
	padding: 0 20px 0 40px;
	}
		
h1	{
	font-size: 168%;
	font-weight: bold;	
	margin: 0;
	padding: 0;
	white-space: pre;
	}

h2	{
	font-size: 150%;
	font-weight: bold;	
	margin: 0;
	paddding: 0;
	white-space: pre;
	}

h3	{
	font-size: 134%;
	font-weight: bold;
	margin: 0;
	paddding: 0;
	white-space: pre;
	}

h4	{
	font-size: 117%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space: pre;
	}

h5	{
	font-size: 109%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space: pre;
	}

h6	{
	font-size: 84%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space: pre;
	}

p	{
	font-size: 100%; 
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:1.5;
	white-space: pre;
	}

a:link	{color: blue;}
a:visited{color: purple;}
a:hover	{color: red;background-color: #ffffcc;font-weight: bold;}
a:active{color: yellow;background-color: green;}

#footer {height: 20px;}
