@charset "UTF-8";

/* */

*
{	margin: 0px;
	padding: 0px;
}

html,body
{	width: 100%;
	height: 100%;
}

body
{	font-family: Helvetica, Arial, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "‚l‚r ƒSƒVƒbƒN", Gothic, sans-serif;
	font-size: 100%;
	color: #111;
	background-color: #fff;
	background-color: #FDB913;
	background-image: url("./images/left_backimage.png");
	background-repeat: repeat-y;
	background-position: left;
}

img 
{	border-style: none;
} 

li
{	list-style:none;
	font-size: 0.8em;
}


/* Layout */

#body,#main
{	background-image: url("./images/right_backimage.png");
	background-repeat: repeat-y;
	background-position: right;
}

/* Header */
#header
{	width: 100%;
	/*height: 80px;*/
	background-color: #FDB913;
}

#banner
{	text-align: center;

}

h1
{	font-size: 30px;
}

/* Left */
#left
{	float: left;
	width:210px;
	background-color: #fff;
	border-right: solid 1px #e6a202;
}

#links
{	margin: 5px;
	text-align: center;
}

#left h2
{	font-size: 0.8em;
	color: #ED1C24;
	text-align: center;
	padding: 0.2em;
	background-color: #111;
	margin-top: 1em;
}

#left hr
{	width: 200px;
	height: 1px;
	border: solid #000 1px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;

}

#left ul
{	width: 200px;
	/*border: solid 1px #111;*/
	margin-bottom: 1em;

}

#left li
{	text-align: left;
	margin: 5px;
}

#diarycounter
{	display: none;
}

/* Right */
#right
{
	float: right;
	width: 150px;
	background-color: #fff;
	border-top: solid 1px #e6a202;
	border-left: solid 1px #e6a202;
	overflow: hidden;
}

#associates
{	margin: 5px;
	text-align: center;
}

#right h2
{	padding: 0.2em;
	font-size: 0.8em;
	color: #fff;
	background-color: #ED1C24;
	margin-top: 5px;
	margin-bottom: 10px;
}

#right h3
{	font-size: 0.8em;
	font-style: normal;
}

#right h4
{	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #F00;
}

#right hr
{	border-style: dotted none none none; 
	border-top-width: 3px; 
	border-top-color: #ED1C24; 
	height: 3px; 
	margin-top: 5px;
	margin-bottom: 5px;
} 

#right p
{	width: 100%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
}

#right span
{	width: 100%;
	text-align: left;
	font-size:0.7em;
}

/* Middle */
#middle
{	margin-left: 210px;
	margin-right: 150px;
	padding: 0px;
	/*background-color: #FDB913;*/
}

.contents
{	margin: 0px 5px 5px 5px;
	padding-bottom: 0.5em;
	border: solid 2px #111;
	background-color: #fff;
	overflow: hidden;
}

#headline
{	height: 10em;
	overflow: auto;
	margin-top: 5px;
}

.contents h2
{	background-color: #ff6600;
	color: #FFFFFF;
	font-size: 1.5em;
	font-stretch: ultra-expanded;
	text-indent: 0.5em;
	margin: 5px;
	border-bottom-style: double; 
	border-top-style: double;
	text-align: left;
}

.contents h3
{	background-color: #eeeeee;
	color: #000000;
	font-size: 0.8em;
	margin: 5px;
	margin-top: 1em;
	padding: 5px;
	text-indent: 0.5em;
	line-height: 1.2em;
	text-align: left;
}

.contents img
{	margin: 5px 0px 0px 5px;
}

.contents hr
{	width: 98%;
	height: 1px;
	border: solid #000 1px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

.contents #bottomnavi
{	width: auto;
	text-align: center;
	overflow: hidden;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	font-size: 0.9em;
}

.contents h2 a:link
{	color: #FFFFFF;
	text-decoration: none;
}
.contents h2 a:visited
{	color: #FFFFFF;
	text-decoration: none;
}

.contents h2 a:hover
{	text-decoration: underline;
	border-bottom-style: none;
}

.contents p
{	font-size: 0.8em;
	text-indent: 1em;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	word-spacing: 0.1em;
	width: auto;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 1em;
}

.contents p a:link, .contents h3 a:link
{	color: #0033FF;
	text-decoration: none;
}

.contents p a:visited, .contents h3 a:visited
{	color:#803380;
	text-decoration: none;
}
.contents p a:hover, .contents h3 a:hover
{	/*background-color: #f0f0f0;*/
	text-decoration: none;
	border-bottom-style: dashed;
	border-bottom-width: 0.2em;
}


/* Footer */
#footer
{	width: 100%;
	clear: both;
	background-color: #FDB913;
}

address
{	text-align: center;

}