@charset "UTF-8";
/* headarea***********************************************************************/
#headarea { font-size: 11px; padding: 10px 0px 14px 0px; margin:0 4px 0px 4px; border-bottom: 2px solid #000;}
#headarea h1 {}
*:first-child+html #headarea {margin:0 0px 0px 0px; }

ul#hnav{ float:right; height: 11px; margin:-5px 0 0 0; width:100%; }
ul#hnav li{ float:right; text-indent:-9999px; height: 11px; list-style: none;}
ul#hnav li.hnavContact{width: 64px; height: 11px; margin:0px 0 0 0.5em;}
ul#hnav li.hnavHome{width: 40px; height: 11px;margin:0px 0.5em 0 1em;}
ul#hnav li.hnavSlash{width: 5px; height: 11px;margin:0px 0 0 0;background: url("../images/hnavi_bg.gif") no-repeat;}
ul#hnav li.hnavEng{width: 15px; height: 11px;margin:0px 1em 0 0.2em;}
ul#hnav li.hnavJap{width: 14px; height: 11px;margin:0px 0.2em 0 0px;}

ul#hnav li a{height: 11px; display: block; }
ul#hnav li.hnavContact a{width: 64px; background: url("../images/hnavi_contact_n.gif") no-repeat;margin:0px 0 0 0px;}
ul#hnav li.hnavHome a{width: 40px; background: url("../images/hnavi_home_o.gif") no-repeat;margin:0px 0 0 0px;}
ul#hnav li.hnavEng a{width: 15px; background: url("../images/hnavi_en_o.gif") no-repeat;margin:0px 0 0 2px;}
ul#hnav li.hnavJap a{width: 14px; background: url("../images/hnavi_ja_o.gif") no-repeat;margin:0px 0 0 0px;}

ul#hnav li.hnavContact a:hover{width: 64px; background: url("../images/hnavi_contact_o.gif") no-repeat;margin:0px 0 0 0px;}
ul#hnav li.hnavHome a:hover{width: 40px; background: url("../images/hnavi_home_n.gif") no-repeat;margin:0px 0 0 0px;}
ul#hnav li.hnavEng a:hover{width: 15px; background: url("../images/hnavi_en_n.gif") no-repeat;margin:0px 0 0 2px;}
ul#hnav li.hnavJap a:hover{width: 14px; background: url("../images/hnavi_ja_n.gif") no-repeat;margin:0px 0 0 0px;}

ul#hnav li.hnavHome.current a{width: 40px; background: url("../images/hnavi_home_n.gif") no-repeat;margin:0px 0 0 0px;}
ul#hnav li.hnavEng.current a{width: 15px; background: url("../images/hnavi_en_n.gif") no-repeat;margin:0px 0 0 2px;}
ul#hnav li.hnavJap.current a{width: 14px; background: url("../images/hnavi_ja_n.gif") no-repeat;margin:0px 0 0 0px;}

/* container***********************************************************************/
#container { padding: 0px; margin: 0 auto; clear: both; }
.ie #container { background: #bbb; }


/* footer***********************************************************************/
footer { background:#fff;  text-align: center; font-size: 11px; padding: 8px 0px 0px; margin: 10px 4px 5px; }
footer small { border-top: 1px solid #cfcfcf; padding: 5px 0px; font-weight:bold; display: block; margin: 18px 0 0px; font-size:10px;}
*:first-child+html #foot { text-align: center; padding: 8px auto 0px; border-top: 1px solid #cfcfcf; font-size: 10px;  margin: 18px 0 0px;}
#foot { text-align: center\9; padding: 8px auto 0px\9; border-top: 1px solid #cfcfcf\9; font-size: 10px\9;  margin: 18px 0 0px\9;}

footer a { font-weight:lighter; color: #666; text-decoration: none; }
footer a:hover { color: #333; text-decoration: none; }

/* box***********************************************************************/
.box { margin: 0px; padding: 5px; float: left;}
.txtB{font-weight:bold;}


/* screens smaller than 1000***********************************************************************/
@media only screen and (min-width:821px) and (max-width:1000px) {
body { width: 810px; }
}
/* screens smaller than 820***********************************************************************/
@media only screen and (min-width:541px) and (max-width:820px) {
body { width: 620px;}
#headarea { width: 600px; margin:0 4px 0px 8px; }
}
/* /screens smaller than 820 ***********************************************************************/


/* screens smaller than 540***********************************************************************/
@media only screen and (max-width:540px) {
body {padding: 0 0px; }
h1 img{max-width: 100%;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
footer {font-size: 9px;}
#headarea {width: 97%; margin:0 4px 0px 8px;}
#container{ width: auto !important; padding: 0 1.8%; background: none;}
.box{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	margin: 5px 0px;
}

}
/* /screens smaller than 540 ***********************************************************************/

/* screens smaller than 320***********************************************************************/
@media only screen and (max-width:320px) {
#headarea { margin:0 1em 0px 4px; }
ul#hnav{ margin:0px 0 0em 0; }
}