@charset "UTF-8";
/* 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;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr { display: none; }
a { color: #0066CC; }
a:hover { color: #990000; }


/* Common */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
html{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 13px; line-height: 18px; background-color: #EEE; }
#wrap { width: 860px; margin: 0 auto; background: url(../images/common/containerBG.jpg) repeat-y; }
.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 */
#header { width: 850px; height: 110px; margin: 0 auto; background: url(../images/common/headerBG.jpg) no-repeat; }
#headerLogo { width: 335px; height: 70px; padding: 20px 260px 20px 20px; float: left; }
h1 { width: 335px; height: 70px; text-indent: -9999px; background: url(../images/common/headerLogo.jpg) no-repeat; display: block; }
#headerDay { width: 200px; height: 20px; padding-top: 60px; float: left; }
h2 { width: 200px; height: 20px; text-indent: -9999px; background: url(../images/common/headerDay.jpg) no-repeat; display: block; }
.nodisplay { display: none; }


/* SubHeader */
#subHead { width: 838px; height: 23px; margin: 0 auto; border: solid 1px #FFF; background: url(../images/common/locusBG.jpg) repeat-x; }
#locus { width: 687px; float: left; }
#locusS { width: 441px; float: left; }
#locus dl { width: 687px; overflow: hidden; }
#locusS dl { width: 441px; overflow: hidden; }
#locus dt, #locusS dt { width: 80px; height: 23px; text-indent: -9999px; background: url(../images/common/locusTitle.jpg) no-repeat; float: left; display: block; }
#locus dd, #locusS dd { font-size: 12px; line-height: 14px; color: #CCC; padding:5px 0.3em 0 0; float: left; } 
#locus a, #locusS a { color: #CCC; text-decoration: none; }
#locus a:hover, #locusS a:hover { color: #CCC; text-decoration: underline; }
.lang { width: 60px; padding: 3px 2px 0px 0px; float: left; }


/* Container */
#container { padding-bottom: 40px; }
#nest { padding-top: 10px; }
#leftColumn { width: 220px; float: left; }
#mainColumn { width: 640px; float: left; }
#footer { width: 840px; height: 34px; margin: -40px auto 0px auto; padding: 6px 10px 0px; background: url(../images/common/footerBG.jpg) no-repeat; position: relative; clear:both; }
#footer p { font-size: 11px; line-height: 14px; color: #666; text-align: right; }


/* Menu */
#login { padding-bottom: 15px; }
#menu { padding: 0 0 20px 15px; }
.menuBtn { padding-bottom: 3px; }
#menuTPG { padding: 5px 0; }
#payment { padding: 5px 0 20px 0; }
#plugins { width: 159px; padding: 7px; border: solid 1px #999; }
.plugin { padding-bottom: 5px; }
#plugins p { font-size: 11px; line-height: 14px; color: #333; }