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

body
{
text-align:center;
width: 100%;
color: #330;
background: #ecead8;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: small;
line-height: 1.4;
}

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

h2
{
margin-bottom: 4px;
border-bottom: #330 1px solid;
padding: 3px;
font-weight: bold;
}

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

strong
{
font-weight: normal;
}

p
{
margin: 1em 0;
}

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

ul
{
margin:0 0 2px 16px;
}

	ul li
	{
	margin:0;
	padding: 5px;
	list-style-type: square;
	}

		ul ul li
		{
		padding: 3px;
		list-style-type: circle;
		}


ol
{
margin:2px 0 3px 30px;
}

	ol li
	{
	list-style-type: decimal;
	margin:0;
	padding: 5px;
	}
	
dt
{
margin: 0 0 1em 0;
padding: 2px 0;
background: #eceaa8;
text-align:center;
border: #330 1px solid;
}

dd
{
margin: 0 0 1em 0;
}

	dd ul li
	{
	padding: 5px 0 5px 0;
	}

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

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

.topphoto
{
margin: 0;
padding: 0;
margin: 0 0 10px 0;
font-size: 9px;
}

/* --------- 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: 15px 5px 15px 5px;
border-left: #330 1px solid;
border-right: #330 1px solid;
}


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


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

	#head-logo
	{
	float: left;
	width: 305px;
  	height: 57px;
  	background: url(img/top-logo.gif) no-repeat;
	text-align: center;
	}

		#head-logo h1 {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 284px;
		height: 57px;
		text-indent: -9999px;
		}

#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: 567px;
margin: 5px 0;
}
	#sub
	{
	float: left;
	width: 170px;
	}

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

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

#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-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;
}

#whatsnew
{
height:235px; 
overflow:auto;
}

.sender
{
text-align: right;
}

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

ul ul.pagelink 
{
margin: 0.5em 0 0 0
}
	
.pagelink ul
{
margin: 0.5em 0 1em 0;
padding: 0;
list-style-type: none;
}

	.pagelink li
	{
	line-height: 2;
	display: inline;
	margin: 0;
	padding: 0;
	}

	.pagelink li:before { content: "| "; }
	.pagelink li:first-child:before { content: ""; }

	/*IE workaround*/
	/*All IE browsers*/
	* html .pagelink li
	{
	border-left: 1px solid #330;
 	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;
	}

	/*Win IE browsers - hide from Mac IE\*/
	* html .pagelink { height: 1%; }

	* html .pagelink li
	{
	display: block;
	float: left;
	}

	/*End hide*/
	/*Mac IE 5*/
	* html .pagelink li:first-child { border-left: 0; }