@charset "utf-8";
/* CSS Document : login style */

/* all ==================================================== */
* {
margin:0px;
padding:0px;
}

/* ----------------------- Browser Default Initialization */
html { overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align: left; font-weight: normal;}
q:before ,q:after { content: '';}
object, embed { vertical-align: top;}
hr, legend { display: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset { border: 0;}
li { list-style-type: none;}

/* ----------------------- Basic Style */
body {
width: 100%;
font-size: 12px;
color: #333333;
text-align: center;
background-color: #E6E6E6;
background-image: url(../img/bg_body.jpg);
background-repeat: repeat-x;
background-position: left top;
letter-spacing: 0;
font-family: 'ＭＳ Ｐゴシック', MS-PGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}

* html body {
font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

body a:link { color:#006699; font-weight: bold; text-decoration: none;}
body a:visited { color:#006699; font-weight: bold; text-decoration: none;}
body a:hover { color:#006699; font-weight: bold; text-decoration: underline;}
body a:active { color:#006699; font-weight: bold; text-decoration: underline;}


/* wrapper ================================================ */
#wrapper {
clear: both;
width: 950px;
background-image: url(../img/bg_wrapper.jpg);
background-repeat: repeat-x;
background-position: left top;
background-color: #FFFFFF;
margin: 0 auto;
text-align: center;
line-height: 100%;
}


/* header ================================================ */
#header {
position: relative;
width: 950px;
height: 150px;
background-repeat: repeat-x;
background-position: left top;
margin-bottom: 20px;
}
#header h1 {
position: absolute;
top: 0px;
left: 25px;
padding-top: 4px;
}


/* login =================================================== */
#login {
width: 410px;
border: #CCCCCC 1px solid;
background-image: url(../img/bg_pattern1.jpg);
background-repeat: repeat;
background-position: left top;
text-align: center;
margin: 0 auto 30px;
padding: 30px;
}
#login p {
color: #990000;
line-height: 180%;
text-align: left;
margin-bottom: 20px;
}
#login h2 {
margin-bottom: 15px;
}
#login .pair {
margin-bottom: 35px;
}
#login dl {
width: 250px;
margin: 0 auto 13px;
}
#login dl dt,
#login dl dd {
text-align: left;
font-weight: bold;
line-height: 110%;
}
#login dl dt {
padding-bottom: 6px;
}
#login dl dd {
}
#login dl dd input.txt {
width: 240px;
border: #CCCCCC 1px solid;
padding: 2px;
}
#login dl dd input.stxt {
width: 50px;
border: #CCCCCC 1px solid;
padding: 2px;
margin-right: 5px;
}
#login dfn {
display: block;
margin-top: 50px;
}

#login .setup {
width: 440px;
background-image: url(../img/bg_setup.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin-left: -15px;
margin-bottom: 10px;
}
#login .setup span {
display: block;
text-align: left;
}
#login .setup p {
color: #333333;
font-size: 16px;
font-weight: bold;
padding: 5px 30px 4px 12px;
margin-bottom: 0px!important;
}

#login p span.resetting {
display: block;
padding-top: 24px;
}

#login q {
display: block;
color: #FF0033;
font-weight: bold;
line-height: 140%;
margin-top: -20px;
margin-bottom: 20px;
}




/* footer =================================================== */
#footer {
clear: both;
position: relative;
width: 950px;
height: 150px;
background-image: url(../img/bg_footer.jpg);
background-repeat: repeat-x;
background-position: left top;
text-align: left;
line-height: 100%;
margin-top: 50px;
margin-bottom: 0!important;
}
#footer cite {
position: absolute;
top: 80px;
right: 25px;
color: #DED086;
font-family: Arial, Helvetica, sans-serif;
}


/* clear ================================================== */
#wrapper:after,
.mainBox:after,
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#wrapper,
.mainBox,
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html #wrapper,
* html .mainBox,
* html .clearfix {
height: 1%;
}
#wrapper,
.mainBox,
.clearfix {
display: block;
}
/* End hide from IE-mac */