@charset "shift_jis";
body { margin-left: 10px; margin-right: 10px;
  padding: 0px; background: #ffcc99 url(img/b.gif) repeat;
  color: #333333; font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka; }

a:link { color: #ff6600; }
a:visited { color: #ff6633; }
a:hover { color: #ffffcf; }

img { border: none; }

h4 { margin: 10px 0px 5px 0px; 
     font-size: lage; text-align: center; }

h5 { margin: 0px 0px 5px 40px; color: #555555;  
     font-size: small; text-align: left; }

hr { width: 700px;  margin: 0px 0px 5px 45px;
           border-color: #E6E8EC; border-style: dotted; 
           border-width: 5px 0px 0px 0px; }

table { border-style: none; }
ul { margin: 5px 0px 5px 0px; list-style-type: none; }
li { color: #ffffcf; }

strong { color: #000000; line-height: 1.6em; }

span.eng { font-family: Comic Sans MS; color: #555555; font-size: x-small; }
span.eng2 { font-family: Arial; font-size: x-small; }
span.eng3 { font-family: Times New Roman; font-size: x-large; font-weight:bold; }
span.mob { display: none; }
span.prt { display: none; }

/*CONTAINER
------------------------------------------------------------*/
div#cont { text-align: center; width: 810px;
	margin-top: 10px; margin-right: auto; margin-left: auto; }

/*HEADER
------------------------------------------------------------*/
div#header { height: 150px; position: relative;
	background: url(img/hed.gif) no-repeat left top; }

#header img { vertical-align: top; padding-top: 18px; }

div#nav { position: absolute; top: 98px; left: 150px; }

div#mtbg { background: url(img/mtbg.gif) no-repeat left top;
	height: 240px; text-align: center; }

/*CONTENTS
------------------------------------------------------------*/
div#contents { background: url(img/bl.gif) repeat-y left; }
#contents a:hover { color: #99cc99; }

/*----------------------------------------------------------
  MAIN
------------------------------------------------------------*/
div#main { float: left; width: 810px;
	   display: -moz-inline-box;  display: inline-block;
	   margin-top: 0px; margin-right: 5px;
 background: url(img/bl.gif) repeat-y left; 
 }

#main h3 { margin: 0px 30px 10px 40px; color: #333333;  
     font-size: small; text-align: left;
     padding: 3px 0px 3px 9px;
     background: #FBFBEF;  line-height: 20px;  }

div#bl1 { background: url(img/bl1.gif) no-repeat left top;
	height: 50px; text-align: center; }

/*----------------------------------------------------------
  CLASS
------------------------------------------------------------*/
div#cl { background: url(img/bl0.gif) repeat-y left; }

#cl table { margin: 0px 2px 5px 45px; width: 700px; }
#cl th { line-height: 0.8em;  padding: 5px 0px 5px 0px; 
        font-family: Verdana;
        text-align: center; font-weight:bold; font-size: large; }
#cl th a { text-decoration: none; }
#cl td { line-height: 1.2em;  padding: 1px 0px 3px 0px; 
        text-align: center; font-size: small; }

div#bl2 { background: url(img/bl2.gif) no-repeat left top;
	height: 50px; text-align: center; }

/*----------------------------------------------------------
  GUIDE
------------------------------------------------------------*/
div#gu { background: url(img/bl.gif) repeat-y left; }

#gu h1 { color: #000000;  
       font-family: Times New Roman; font-size: x-large; font-weight:bold; }

#gu p { margin: 0px; color: #000000; }

/*SITEMAP
------------------------------------------------------------*/
div#sitemap { margin-top: 0px; padding-top: 40px;
	background: url(img/tft.gif) no-repeat center top;
	text-align: left; font-size: small; }
div#sitemap a:link { color: #993300; }
div#sitemap a:visited { color: #996633; }
div#sitemap a:hover { color: #ff6600; }

#sitemap table { margin: 5px 0px 0px 6px; width: 810px;
           border-color: #555555; border-style: dashed; 
           border-width: 2px 0px 2px 0px; }

/*FOOTER
------------------------------------------------------------*/
div#footer { margin-top: 0px; padding-top: 5px;
	text-align: center; font-family: Comic Sans MS;
        font-size: small; }
div#footer a { font-weight:bold; }


/*CLEARFIX
------------------------------------------------------------*/
/*for modern browser*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   line-height:0;
   visibility: hidden; }

/* exlude MacIE5 */
.clearfix {
   zoom:1; /*for IE 5.5-7*/
   display: inline-block; }