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

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

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

h1,h2,h3
{
font-size: 100%;
font-weight: bold;
font-family: 'arial black',arial,sans-serif;
}

h1
{
padding: 2px 1px 2px 5px;
color: #fff;
background: #330;
}

h2
{
margin-bottom: 4px;
*padding-top: 10px;
border-bottom: #330 1px solid;
}

h3
{
margin: 1em 0;
padding-left: 5px;
background: #eceaa8;
border: #330 1px solid;
}

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

em
{
font-style: italic;
}

#headnavi em
{
font-style: normal;
}

strong
{
font-style: normal;
}

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

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

p
{
margin: 1em 0;
line-height: 1.4;
font-size: 100%;
font-family: Verdana, Geneva, sans-serif;
}

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

	#popup p
	{
	margin: 1em;
	padding: 2px;
	text-align:left;
	}
	
/* --------- list --------- */

ul,ol
{
margin: 1em 0 1em 2em;
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
line-height: 1.5;
}
	
ul li
{
list-style-type: square;
}

ol li
{
margin: 0 0 0 1em;
list-style: decimal;
}

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

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

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

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


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

#headnavi
{
font-family: georgia,'times new roman',serif;
font-size: 88.8%;
}

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

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

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

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


#menunavi
{
clear: both;
padding: 1em 0;
border-top: #330 1px solid;
font-family: georgia,'times new roman',serif;;
font-size: 88.8%;
}

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

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

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

	#head-right p
	{
	text-align: right;
	font-size:88.8%;
	margin: 0 0 1em 0;
	}

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

.c-both
{
clear: both;
}

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

img
{
border: 0;
}

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

.img-l p,.img-r p
{
margin: 0;
padding: 0;
font-size: 9px;
}

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


	.marker2
	{
	 color: #666666;
	 text-decoration: none; 
	 font-weight:normal;
	 font-size:88.8%;
	  }