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

body
{
text-align:center;
width: 100%;
color: #330;
background: #ecead8;
}

/* ------------------------ marking ------------------------- */

h1
{
padding: 3px;
color: #000;
font-size: medium;
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}

h2
{
margin-bottom: 4px;
border-bottom: #330 1px solid;
padding: 3px;
font-size: medium;
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}

em
{
font-weight: bold;
color: #930;
}

strong
{
font-weight: normal;
}

p
{
margin: 1em 0;
line-height: 1.4;
font-size: small;
}

/* --------- list --------- */

dt
{
margin: 0 0 1em 0;
padding: 0 2px;
background: #eceaa8;
text-align:center;
border: #330 1px solid;
font-size: small;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

dd
{
margin-bottom: 4px;
font-size: small;
}

dd ul
{
margin: 1em 0;
}

ul
{
font-size: small;
list-style-type: square;
}

	ul li
	{
		margin:0 0 2px 16px;
		line-height: 1.4;
	}

	ul ul
	{
	list-style-type: circle;
	}

ol
{
margin:2px 0 3px 30px;
list-style-type: decimal;
font-size: small;
}

/* --------- link --------- */

a:link
{
color: #330;
text-decoration: underline;
}

a:visited
{
color: #660;
text-decoration: underline;
}

a:hover
{
color: #f30;
text-decoration: underline;
}

/* --------- layout --------- */


#outline
{
text-align: left;
width: 750px;
margin: 0 auto;
padding: 5px;
}


#head-box
{
margin-bottom: 5px;
padding: 5px;
border-bottom: 2px solid #330;
}


#head-left
{
float: left;
width: 450px;
}

	#head-logo
	{
	float: left;
	width: 305px;
	text-align: center;
	}

	#head-cap
	{
	float: right;
	width: 135px;
	text-align: center;
	border: 1px solid #330;
	}

#head-right
{
float: right;
width:240px;
text-align: right;
}

	#head-right p
	{
	text-align: right;
	margin: 0 0 1em 0;
	}

#body-box
{
margin0;
padding: 0;
}

#body-left
{
float: left;
width: 565px;
margin: 5px 0;
}
	#sub
	{
	float: left;
	width: 170px;
	}

		#sub img,#body-right img
		{
		border: #330 1px solid;
		}

	#main
	{
	float: right;
	width: 387px;
	}

#body-right
{
float: right;
width:175px;
margin: 5px 0;
}

#footer
{
border-top: 1px solid #330;
text-align: center;
}

	#footer p
	{
	margin: 1em 0 0 0;
	font-size:x-small;
	font-family: Courier, monospace;
	}

.c-both
{
clear: both;
}

/* --------- etc --------- */

#head-cap p
{
margin: 3px;
padding: 0;
}

#sitecaption p
{
margin: 0;
padding: 0;
}

.seizophoto
{
text-align: center;
margin: 0 0 1em 0;
}

.coverimg
{
text-align: center;
margin-bottom: 3px;
}

#update
{
margin: 0 0 5px 0;
text-align: right;
}

.sender
{
text-align: right;
}

.kugirimark
{
margin: 0;
padding: 0;
text-align: center;
}

/* --------- widebox --------- */

div.widebox
{
margin: 0 0 1em 0;
padding: 4px;
border: #330 1px solid;
}