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

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

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

h1,h2,h3,h4,h5
{
padding: 1px 1px 1px 3px;
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  }

h1
{
padding: 2px 1px 2px 3px;
color: #fff;
background: #330;
font-size: medium;
font-weight: bold;
}

h2
{
margin-bottom: 4px;
*padding-top: 10px;
font-size: medium;
font-weight: bold;
border-bottom: #330 1px solid;
}

	#subindnav h2
	{
	margin-bottom: 10px;
	}

h3
{
margin: 1em 0;
background: #eceaa8;
border: #330 1px solid;
font-size: medium;
font-weight: bold;
}

	#indnav h3,#indnav2 h3
	{	
	margin: 4px 0 0.7em 0;
	padding:1px 0 1px 6px;
	background: #ffe;
	font-size: small;
	border: #330 1px solid;
	border-left: #330 10px solid;
	}

h4
{
margin: 1em 0;
background: #cac886;
font-size: small;
font-weight: normal;
border: #330 1px solid;
}

	.labelbox2 h4
	{	
	margin: 0 0 0.7em 0;
	background: #ecead8;
	font-weight: bold;
	border: 0;
	}

h5
{
margin: 1em 0;
background: #ffe;
font-size: small;
font-weight: normal;
border: #330 1px solid;
border-left: #330 5px solid;
}

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

strong
{
color: #930;
font-weight: bold;
font-style: normal;
}

blockquote
{
font-style: italic;
line-height: 1.4;
margin:1em 0;
font-size: small;
}

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

dt,dd,ul,ol
{
font-size: small;
}

dt
{
font-weight: bold;
padding-left: 5px;
border-left: #330 5px double;
}

	.labelbox dt
	{
	padding: 0;
    border:none;
	padding-bottom: 3px;
	border-bottom: #330 1px solid;
	}

dd
{
margin:0 0 1em 1em;
}

	.labelbox dd
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
ul
{
margin: 1em 0 1em 2em;
list-style-type: square;
line-height: 1.4;
}

	dd ul li
	{
	padding-bottom:3px;
	}

		ul ul
		{
		margin: 0.5em 0 0.5em 2em;
		list-style-type: circle;
		}

ol
{
margin: 1em 0 1em 2em;
list-style: decimal;
line-height: 1.4;
}

	ol li
	{
	margin: 0 0 0 1.5em;
	}

	.labelbox dd ol
	{
	margin: 0;
	}

/* --------- paragram --------- */

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

	#pagetitle p
	{
	margin: 0 0 6px 0;
	text-align: right;
	}

	#subtitle p
	{
	margin: 6px 0 10px 0;
	text-align: right;
	}

	dd p
	{
	text-align: right;
	}

	form p
	{
	margin: 0.4em 0;
	}

	.img-right p
	{
	margin: 0;
	}

	.linkbox p
	{	
	margin: 1em 0;
	padding: 2px;
	text-align:center;
	font-size: medium;
	border-top: #330 1px solid;
	}

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

/* --------- form --------- */

input,textarea,select
{
font-family: "ＭＳ ゴシック", "Osaka－等幅";
margin: 0 0 0 1em;
padding: 1px;
border: 1px solid #330;
}

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

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

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

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

/* --------- box --------- */

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

div.labelbox2
{
width:250px;
margin: 0 auto;
padding: 4px;
}

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

img
{
border: 0;
}

span.sp
{
margin-right: 1em;
}

.gotop
{
text-align: right;
}

.kugirimark
{
text-align: center;
}

.book ul
{
margin: 1em 1em;
padding: 1px 0;
}
	.book li
	{
	display: inline;
	list-style-type: none;
	margin: 1em 1em;
	}

/* ----------------------------- navi ----------------------------- */

#headnavi
{
font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

#headnavi ul
{
margin: 1em 0;
padding: 0;
}

	#headnavi li
	{
	display: inline;
	list-style-type: none;
	}

	#navi-left a:link,
	#navi-left a:visited
	{
	padding: 3px;
	color: #330;
	background: #eceaa8;
	text-decoration: none;
	border: 1px solid #330;
	}

	#navi-left a:hover,
	#navi-left a:active
	{
	padding: 3px;
	color: #330;
	background: #cac886;
	border: 1px solid #330;
	}


.pagelink
{
border-top: #330 1px solid;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
	
.pagelink ul
{
margin: 0.5em 0 1em 0;
padding: 0;
list-style-type: none;
}

	.pagelink li
	{
	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; }
	
#menunavi
{
clear: both;
padding: 1em 0;
border-top: #330 1px solid;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

#menunavi ul
{
margin: 0;
padding: 0;
list-style: none;
}

	#menunavi li
	{
	display: inline;
	padding: 0;
	margin: 0;
	}

	#menunavi li:before { content: "> "; }
	#menunavi li:first-child:before { content: ""; }

	/*IE workaround*/
	/*All IE browsers*/
	* html #menunavi li
	{
	background-image: url("img/gt.gif");
	background-repeat: no-repeat;
	background-position: 0;
	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;
	}

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

	* html #menunavi li
	{
	display: block;
	float: left;
	}

	/*End hide*/
	/*Mac IE 5*/
	* html #menunavi li:first-child { background-image: none; }

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

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

#navi-left
{
float: left;
width: 470px;
}

	#navi-right
	{
	padding-left:470px;
	text-align: right;
	}

#mainbody
{
margin: 8px 0 4px 0;
}
	
#footer
{
text-align: center;
border-top: 1px solid #330;
}

.c-both
{
clear: both;
}

/* -------------------------- indexpage --------------------- */

	#indnav ul,#indnav2 ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 1em;
	}

	#indnav li a,#indnav2 li a
	{
	display: block;
	padding: 5px 0 5px 6px;
	background: #eceaa8;
	border: #330 1px solid;
	border-left: #330 10px solid;
	}

	#indnav li a:link,#indnav2 li a:link,
	#indnav li a:visited,#indnav2 li a:visited
	{
	color: #330;
	text-decoration: none;
	}

	#indnav li a:hover,#indnav2 li a:hover
	{
	color: #330;
	background: #cac886;
	}
	
#indnav-clr
{
float: left;
width: 500px;
margin: 0 0 0 5px;
}

	#indnav
	{
	float: left;
	width: 270px;
	}

	#indnav2
	{
	float: right;
	width: 220px;
	margin: 0 0 0 5px;
	}

.img-right
{
float: right;
width:180px;
padding: 0 0 5px 5px;
}

/* --------- photo float --------- */

.img-l
{
float: left;
margin: 5px 15px 5px 5px;
padding-right: 5px;
font-size: small;
}

.img-r
{
float: right;
margin: 5px 5px 5px 15px;
font-size: small;
}
	.img-l img,.img-r img,.book img
	{
	border: 1px solid #330;
	}


/* --------- table --------- */

table
{
table-layout:fixed;
border: #330 1px solid;
}

	th
	{
	padding: 1px;
	background: #cac886;
	text-align: center;
	font-size: small;
	font-weight: bold;
	}

	td
	{
	padding: 3px;
	color: #330;
	background: #ecead8;
	line-height: 1.4;
	font-size: small;
	}

		tbody th
		{
	padding-left: 3px;
		background: #eceaa8;
		text-align: left;
		font-family: "ＭＳ ゴシック", "Osaka－等幅";
		}