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

body {
 margin:0px; padding:0px;
 font: normal small/150% Arial, "ＭＳ Ｐゴシック", Osaka;
 color: #333;
 text-align: center;
 background: #333 url(archives/images/bg.gif);
}

h1, h2, h3 ,h4 { margin:0px; padding:0px; }
a,
a:link,
a:visited { color: #369; text-decoration: none; }
a:active,
a:hover { color: #f33; text-decoration: underline; }

ul { margin:0px; padding:0px; }
li { margin:0px; padding:0px; list-style: none; }

img { border:none; }
img.imgR { margin: 0px 0px 10px 10px; float:right;  border: 5px solid silver; }
img.imgL { margin: 0px 10px 10px 0px; float:left;  border: 5px solid silver; }
p.imgC { margin: 10px 0px; text-align:center; }
p.imgC img {  border: 5px solid silver; }

.red { color:#c33; }

/* -- container -------------------------------------------------------------------- */
#container { margin: 0px auto; padding: 0px; text-align: left; width: 750px; background: #fff url(archives/images/bg_container.jpg) repeat-y; }

/* -- header -------------------------------------------------------------------- */
#header { margin:0px; padding:0px; }

/* -- main -------------------------------------------------------------------- */
#main { float:right; margin-bottom: 20px; width:550px; }
#main img.topImg { margin-bottom: 30px; }
#main h2 { margin: 0px 10px; padding: 10px 10px 0px 10px; font-size: large; color: #6D8BAD; height:60px; background: url(archives/images/bg_title.jpg) no-repeat; }
#main h3 { padding: 15px 0px 5px 0px; font-size: medium; color: #6D8BAD; border-bottom: 1px solid #6D8BAD;  }
#main h4 { padding: 50px 0px 5px 0px; font-size: small; color: #6D8BAD; border-bottom: 1px dotted #6D8BAD;  }

#main div.conts { margin: 0px 10px; padding: 10px; background: url(archives/images/bg_conts.jpg); }
#main div.conts p { margin: 0px; padding: 5px 0px 5px 100px; }
#main div.contsTop { margin: 0px 10px; padding: 10px; }

#main p { margin: 0px; padding: 5px; }
#main p.contsBtm { margin: 0px 10px; padding: 0px; }
#main p.cookieTrail { margin: 0px 10px; padding: 0px 5px 0px 5px; font-size: 10px; background:url(archives/images/bg_conts.jpg); }
#main p.TBbtn { clear:both; margin: 0px; padding: 5px 0px; text-align:right; }
#main p.extended { clear:both; margin: 0px; padding: 5px 0px; text-align:right; }
#main p.goTOP { clear:both; margin: 0px 10px; padding: 0px; text-align:right; }

#main ul { margin: 5px 0px 5px 100px; padding: 0px; }
#main ul li { list-style: disc inside; }

#main dl { margin: 5px 0px 5px 100px; }
#main dt { padding: 15px 0px 5px 0px; font-weight:bold; border-bottom: 1px dotted #6D8BAD; }
#main dd { padding: 5px 0px 5px 30px; }

#main table { margin: 10px 0px 10px 100px; width:410px; border-collapse:collapse; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#main table th { padding: 4px; width:82px; border-left:1px solid #ccc; border-top:1px solid #ccc; background: #eee; vertical-align:top; }
#main table td { padding: 4px; font-size:x-small; border-left:1px solid #ccc; border-top:1px solid #ccc; }

.calcForm { margin:0px; }
.calcForm input { margin: 1px 0px; padding:2px; text-align:right; border:1px solid #999; }

#main table.calcData { margin: 5px 0px 5px 100px; width:410px; border-collapse:collapse; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#main table.calcData th { padding: 2px; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc; background: #eee; }
#main table.calcData td { padding: 2px; font-size:small; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc; }
#main table.calcData td.calcLine { padding: 0px; border:none; background:#789; }

/* -- navi -------------------------------------------------------------------- */
#navi { float:left; width:200px; }
#navi p { margin: 0px 10px; }

#navi div.menu {
 margin: 0px 10px 20px 10px;
 padding: 0px;
 background: url(archives/images/navi_top.gif) repeat-y;
}
#navi div.menu h3 { margin: 0px; padding: 10px; font-size:medium; font-weight:bold;}

#navi ul { margin: 0px; padding: 0px 10px 10px 10px; background:url(archives/images/navi_btm.gif) no-repeat bottom;}
#navi ul li { margin: 0px; padding: 5px 0px; }

#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited { display:block; margin: 0px; padding-left: 15px; width: 130px; background: url(archives/images/navi_btn_off.gif) no-repeat left top; }
#navi ul li a:active,
#navi ul li a:hover { display:block; margin: 0px; padding-left: 15px; width: 130px; background: url(archives/images/navi_btn_on.gif) no-repeat left top; }

#navi ul ul li a,
#navi ul ul li a:link,
#navi ul ul li a:visited {
 display:block;
 margin: 0px;
 padding-left: 15px;
 width: 125px;
 background: url(archives/images/navi_btn_sub_off.gif) no-repeat left top;
 vertical-align:top;
}
#navi ul ul li a:active,
#navi ul ul li a:hover {
 display:block;
 margin: 0px;
 padding-left: 15px;
 width: 125px;
 background: url(archives/images/navi_btn_on.gif) no-repeat left top;
 vertical-align:top;
}

/* -- footer -------------------------------------------------------------------- */
#footer { clear:both; font-size: x-small; color:#666; text-align: center; height: 45px; background: url(archives/images/bg_foot.jpg); }
