@charset "Shift_JIS";

/* Global Zone */
------------------------------------------------------------ */
body	 {
	color: black;
	font-weight: normal;
	font-size: small;
	line-height: 1.25em;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
	text-decoration: none;
	background: #999;
	text-align: center;
	margin: 0;
	padding: 0;
	_font-size: 0.7em
}

a { color: white; text-decoration: none }

a:hover	 { color: navy; text-decoration: none }

hr { font-size: 1px; line-height: 1; clear: left; visibility: hidden; margin: 0; padding: 0; clear: both; }


.crear  { clear: both }



#base    { background: #999; margin: 0 auto; padding: 0; width: 780px; text-align: center  }

#header  { background-image: url(../images/header-bg.gif); background-repeat: repeat; width: 780px; height: 1.5em ; margin: 0 0 6px; padding: 0 0 0.5em; border-top: 0.3em solid #99cc33; border-bottom: 0.3em solid orange; }

#header h1	 { color: white; font-size: 1.4em; font-weight: bold; line-height: 1.5em; text-align: left; text-indent: 0.2em; vertical-align: middle; margin: 0; padding: 0; }

#header .sub	 {
	font-size: 0.8em;
	text-align: left;
	margin: 0;
	padding: 0px;
}


#main   { background: #999; margin: 0; padding: 0; width: 780px; }
#content   { color: #fff; background: #999; text-align: left; padding: 0; width: 590px; float: left }

#subhead  { background: #999; margin: 0; padding: 0; width:590px; height: auto; float: left   }

#subhead img{ margin: 0; padding: 0; }

#subhead h2 { color: white; font-size: 1.1em; line-height: 1.3em; text-indent: 10px; margin: 0; padding: 0; }
#subhead p { color: white; font-size: 0.9em; line-height: 1.2em; margin: 0 0 0 10px; padding: 0; }

#subhead a    { color: white; text-decoration: none; background: #999; margin: 0; padding: 0; width: 590px; height: auto; float: left   }
#subhead a:hover	 { color: white; text-decoration: none; margin: 0; padding: 0; width: 590px;  float: left  }


#column   { color: black; font-size: 1em; line-height: 1.25em; background-color: #999; margin: 0; padding: 0; width: 98%; height: auto; float: left; }

#column  h3  { color: orange; font-size: 1em; line-height: 1.6em; background-image: url(../images/header-bg.gif); background-repeat: repeat; text-align: center; margin: 2px; width: 100% ; padding: 0; border-style: none; }

#info   { background-color: silver; width: 440px; height: 166px; float: right; margin: 5px 0 0; padding: 0; }


#info  ul { margin: 0; padding: 0; }
#info  li { font-size: 0.9em; line-height: 1.2em; text-align: left; margin: 0; padding: 3px; list-style-type: circle; list-style-position: inside; }

#info  a { color: black; font-size: 0.8em; line-height: 1em; margin: 0; padding: 3px; list-style-type: none;  }

#info  a:hover { color: blue; font-size: 0.8em; line-height: 1em; margin: 0; padding: 3px; }

#earth   { width: 135px; float: left; margin: 5px 0 0;padding: 0;}



/* メニューゾーン */


#navi	{ color: black; font-size: 14px; line-height: 28px; background-color: #999; text-align: center; float: right; margin: 0; padding: 0; width: 178px ; _font-size: 12px}

#navi .ml  { color: black; font-weight: normal; font-size: 14px; line-height: 28px; background-color: #999; text-align: left; text-indent: 0.4em; margin: 2px 0 ;padding: 0; width: 168px; border: solid 1px white; _font-size: 12px; display: block }

#navi .ml a  { color: black; font-weight: normal; font-size: 14px; line-height: 28px; background-color: #999; text-align: left; text-indent: 0.4em;  margin: 2px 0; padding: 0; _font-size: 12px; display: block  }
	
	#navi a:hover  { color: white; background-color: gray; margin: 2px 0; padding: 0; width: 168px; border: none; display: block }
	
	#navi p  { text-align: center; color: black; font-size: 14px; line-height: 28px;  margin: 2px 0; padding: 0; width: 168px; border: solid 1px white; _font-size: 12px; display: block}
	

	
	#navi img  { vertical-align: middle; margin: 0 4px 0 0; padding: 0; }

	
	#navi .up_space { margin: 4px auto 0px }


#footer     { color: #000; background-color: #99cc33; margin-top: 4px; padding: 2px 0 8px; width: 780px; clear: both }

#footer h3    { color: white; font-size: 1em; text-align: right; margin: 0; padding: 2px 8px 2px 2px }
#footer p     { color: #000; font-size: 0.9em; line-height: 1em; text-align: right; margin: 0; padding-right: 8px }

#footer     { color: #000; background-color: #99cc33; margin-top: 4px; padding: 2px 0 8px; width: 780px; clear: both }

#footer h3    { color: white; font-size: 1em; text-align: right; margin: 0; padding: 2px 8px 2px 2px }
#footer p     { color: #000; font-size: 0.9em; line-height: 1em; text-align: right; margin: 0; padding-right: 8px }

#footermenu {
	margin: 5px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1em;
	text-align: left;
}

#footermenu li   { font-size: 0.9em; line-height: 1em; text-align: left; list-style-type: none; display: inline; margin-right: 4px; margin-left: 2px; padding-right: 6px; border-right: 1px solid black }

#footermenu li bnone {
	border: none;
}

#obi  { color: white; font-size: 14px; background: gray; text-align: left; margin: 0; padding: 4px 0 4px 4px; width: 590px; height: auto; float: left; }


#main   { color: #fff; background: #999; text-align: left; padding: 0; width: 590px; float: left }

#main img{ margin: 0; padding: 0; }

#main h2 { color: white; font-size: 1.1em; line-height: 1.3em; text-indent: 0; margin: 0; padding: 0; }

#main h3 { color: white; font-size: 1.1em; line-height: 1.3em; text-indent: 10px; margin: 0; padding: 0; }
#main p { color: white; font-size: 0.9em; line-height: 1.2em; margin: 10px; padding: 0; }

#subhead a    { color: white; text-decoration: none; background: #999; margin: 0; padding: 0; width: 590px; height: auto; float: left   }
#subhead a:hover	 { color: white; text-decoration: none; margin: 0; padding: 0; width: 590px;  float: left  }