/* CSS Document */


@import url(contents.css);


/* Reset */
* { zoom: 1; }
html, body, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form
{ margin: 0; padding: 0; border: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; list-style-type: none; }
img { vertical-align: bottom; }
hr { display: none; }


/* Common */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
html{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; font-size: 13px; line-height: 18px; color: #333; background: url(../images/common/bodyBG.jpg) repeat-x top; }
#wrap { width: 950px; margin: 0 auto; }
#main { padding-bottom: 50px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix + * { clear: both; }


/* Header */
#top { width: 100%; height: 0; }
#header { height: 275px; background: url(../images/common/headerBG.jpg) no-repeat 0px 15px; }
h1 { width: 940px; height: 90px; padding: 40px 5px 0 5px; }
h2 { width: 940px; height: 80px; padding: 0 5px 20px 5px; }
#language { height: 20px; padding-right: 3px; }
#language ul { text-align: right; padding: 0; margin: 0; list-style: none; }
#language li { display: inline; }
#locus { padding-left: 125px; }
#locus dt { width: 60px; float: left; }
#locus dd { font-size: 11px; line-height: 18px; color: #FFF; padding: 0 3px 0 10px; display: inline; background: url(../images/common/locusDot.png) no-repeat 3px 4px; }
*:first-child+html #locus dd { background: url(../images/common/locusDot.png) no-repeat 3px 8px; }
#locus a { color: #FFF; text-decoration: none; }
#locus a:hover { color: #060; text-decoration: underline; }


/* Menu */
#nav { width: 940px; padding: 5px 5px 0 5px; z-index: 1000; }
.menu { width: 940px; height: 30px; background: url(../images/menu/menuBorder.gif) repeat-x bottom; position: relative; z-index: 1001; }
.menu ul { padding: 0; margin: 0; list-style: none; z-index: 1002; }
.menu ul li a {	width: 100px; height: 31px; display: block; z-index: 1003; }
.menu ul li { padding-right: 20px; float: left; position: relative; z-index: 1004; }
.menu ul li ul { width: 210px; display: none; z-index: 1005; }
.menu ul li:hover a { background: url(../images/menu/menuHover.png) no-repeat 0 27px; z-index: 1006; }
.menu ul li:hover ul { padding: 5px; margin: 0; background: url(../images/menu/dropdownBG.png); display: block; position: absolute; top: 31px; left: 0; z-index: 1007; }
.menu ul li:hover ul li a { font-size: 12px; line-height: 25px; color: #fff; text-decoration: none; width: 205px; height: 25px; padding-left: 5px; z-index: 1008; }
.menu ul li:hover ul li a:hover { color:#8A5; background: url(../images/menu/dropdownHover.png); z-index: 1008; }
#activeMenu { background: url(../images/menu/menuHover.png) no-repeat 0 27px; }


/* Footer */
#footer { padding-bottom: 20px; clear: both; }
#footLink { width: 540px; padding-bottom: 10px; margin: 0 auto; }
#footer p { font-size: 11px; line-height: 14px; text-align: center; color: #FFF; padding: 15px 0 11px 0; background: url(../images/common/footerBG.png) no-repeat top; }
#log { visibility: hidden; position: absolute; bottom: 0; }