@charset "utf-8";
/* CSS Document */
/*Base*/
html, body {
height:100%;
}
body {
overflow:hidden;
margin:0;
padding:0;
font-family:'ＭＳ Ｐゴシック','Osaka','メイリオ',Meiryo,'ＭＳ Ｐゴシック',  Sans-Serif;
font-size:11px;
letter-spacing:0.2em;
color:#cccccc;
background:#000000;
}
div#Wrapper {
width:100%;
position:relative;
height:100%;
min-height:100%;
}
body > #Wrapper {
height:auto;
}
#bg-img {
height:100%;
position:absolute;
top:0;
right:0;
}
div#LeftBar {
margin:0;
padding:0;
width:180px;
}
div#Main {
margin:0;
padding:0 0 64px 101px;
width:100%;
text-align:left;
}
* html body div#Main {
margin:0;
padding:0 0 64px 101px;
width:100%;
text-align:left;
}
*:first-child+html div#Main {
margin:0;
padding:0 0 64px 101px;
width:100%;
text-align:left;
}
div#Error {
color:#FF0000;
}
.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0px;
}
h1 {
margin:31px 0 0 59px;
padding:0;
width:151px;
height:66px;
text-align:right;
background:url(../images/logo.gif) no-repeat;
}
h2 {
margin:55px 0 47px 0;
padding:0;
}
p {
margin:0;
padding:0;
width:65%;
line-height:220%;
}
* html body p {
margin:0;
padding:0;
font-size:10px;
width:65%;
line-height:230%;
}
*:first-child+html p {
margin:0;
padding:0;
font-size:10px;
width:65%;
line-height:230%;
}
div.Login_l {
float:left;
margin:40px 0 0 0;
padding:0;
width:294px;
}
div.Login_r {
float:left;
margin:40px 0 0 0;
padding:0;
width:200px;
}
/*Navi*/
div#Navi {
/* text-align:right; */
margin:50px 0 0 0;
/* padding:0 45px 0 64px; */
padding:0 45px 0 101px;
}
* html body div#Navi {
/* text-align:right; */
margin:50px 0 0 0;
/* padding:0 146px 0 0; */
padding:0 45px 0 101px;
}
*:first-child+html div#Navi {
/* text-align:right; */
margin:50px 0 0 0;
/* padding:0 146px 0 64px; */
padding:0 45px 0 101px;
}
div#Navi .Navi01 {
width:82px;
height:15px;
background:url(../images/login_navi01_r.gif) no-repeat;
}
div#Navi .Navi02 {
width:66px;
height:15px;
background:url(../images/login_navi02_r.gif) no-repeat;
}
div#Navi .Navi03 {
width:39px;
height:15px;
background:url(../images/login_navi03_r.gif) no-repeat;
}
div#Navi .Navi04 {
width:96px;
height:28px;
background:url(../images/login_navi04_r.gif) no-repeat;
}
div#Navi .Navi05 {
width:82px;
height:28px;
background:url(../images/login_navi05_r.gif) no-repeat;
}
div#Navi .Navi06 {
width:66px;
height:15px;
background:url(../images/login_navi06_r.gif) no-repeat;
}
div#Navi .Navi07 {
width:78px;
height:28px;
background:url(../images/login_navi07_r.gif) no-repeat;
}

div#Navi a:hover {
background-color:transparent;
}
div#Navi a:hover img {
visibility:hidden;
}
div.member_btn {
margin:50px 0 0 0;
width:126px;
height:15px;
background:url(../images/btn_member_r.gif) no-repeat;
}
* html body div.member_btn {
margin:37px 0 0 0;
width:126px;
height:15px;
background:url(../images/btn_member_r.gif) no-repeat;
}
*:first-child+html div.member_btn {
margin:37px 0 0 0;
width:126px;
height:15px;
background:url(../images/btn_member_r.gif) no-repeat;
}
div.member_btn a {
display:block;
width:126px;
height:15px;
}
div.member_btn a:hover {
background-color:transparent;
}
div.member_btn a:hover img {
visibility:hidden;
}
div.pass_btn {
margin:30px 0 0 0;
padding:0;
width:207px;
height:15px;
background:url(../images/btn_pass_r.gif) no-repeat;
}
div.pass_btn a{
display:block;
width:207px;
height:15px;
}
div.pass_btn a:hover {
background-color:transparent;
}
div.pass_btn a:hover img {
visibility:hidden;
}
div.whats_btn {
margin:10px 0 0 0;
padding:0;
width:74px;
height:15px;
background:url(../images/btn_whats_r.gif) no-repeat;
}
div.whats_btn a{
display:block;
width:74px;
height:15px;
}
div.whats_btn a:hover {
background-color:transparent;
}
div.whats_btn a:hover img {
visibility:hidden;
}
div.qa_btn {
margin:10px 0 0 0;
padding:0;
width:126px;
height:15px;
background:url(../images/btn_qa_r.gif) no-repeat;
}
div.qa_btn a{
display:block;
width:126px;
height:15px;
}
div.qa_btn a:hover {
background-color:transparent;
}
div.qa_btn a:hover img {
visibility:hidden;
}
/*Table関係*/
div#Table {
margin:40px 0 0 0;
padding:0;
width:294px;
}
div#Table fieldset {
margin:0;
padding:0;
border:0;
}
div#Table dt {
display:block;
float:left;
margin:0;
padding:0 15px 0 0;
width:70px;
text-align:right;
line-height:220%;
}
* html body div#Table dt {
display:block;
float:left;
margin:0;
padding:0 15px 0 0;
width:70px;
font-size:10px;
text-align:right;
line-height:220%;
}
*:first-child+html div#Table dt {
display:block;
float:left;
margin:0;
padding:0 15px 0 0;
width:70px;
font-size:10px;
text-align:right;
line-height:220%;
}
div#Table dd {
display:block;
float:left;
margin:0 0 1px 0;
padding:0 10px;
width:189px;
line-height:260%;
}
* html body div#Table dd {
display:block;
float:left;
margin:0 0 3px 0;
padding:0 10px;
width:189px;
font-size:10px;
line-height:260%;
}
*:first-child+html div#Table dd {
display:block;
float:left;
margin:0 0 3px 0;
padding:0 10px;
width:189px;
font-size:10px;
line-height:260%;
}
div#Table .space {
padding-left:0;
padding-top:10px;
}
div#Table .input01 {
height:21px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',  Sans-Serif;
font-size:11px;
border:none;
background:url(../images/input_bg.gif) no-repeat;
width:170px;
}
* html body div#Table .input01 {
height:21px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',  Sans-Serif;
font-size:10px;
border:none;
background:url(../images/input_bg.gif) no-repeat;
}
*:first-child+html div#Table .input01 {
height:21px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',  Sans-Serif;
font-size:10px;
border:none;
background:url(../images/input_bg.gif) no-repeat;
}
div#Table .input02 {
margin:0;
padding:0 0 0 9px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',  Sans-Serif;
font-size:11px;
color:#cccccc;
border:none;
cursor:pointer;
background:#000000 url(../images/arrow.gif) no-repeat 0 5px;
}
* html body div#Table .input02 {
margin:0;
padding:0 0 0 7px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',  Sans-Serif;
font-size:10px;
color:#cccccc;
border:none;
cursor:pointer;
background:#000000 url(../images/arrow.gif) no-repeat 0 4px;
}
*:first-child+html div#Table .input02 {
margin:0;
padding:0 0 0 7px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',  Sans-Serif;
font-size:10px;
color:#cccccc;
border:none;
cursor:pointer;
background:#000000 url(../images/arrow.gif) no-repeat 0 4px;
}
div#Table .input02:hover {
color:#c6b66d;
background:#000000 url(../images/arrow_active.gif) no-repeat 0 5px;
}
*:first-child+html div#Table .input02:hover {
color:#c6b66d;
background:#000000 url(../images/arrow_active.gif) no-repeat 0 4px;
}
div#Table .submit {
margin:5px 0 0 95px;
}
p.link {
margin:45px 0 0 0;
padding:0 0 0 10px;
font-size:11px;
font-weight:normal;
background:url(../images/arrow.gif) no-repeat 0 8px;
}
* html body p.link {
margin:30px 0 0 0;
padding:0 0 0 10px;
font-size:10px;
font-weight:normal;
background:url(../images/arrow.gif) no-repeat 0 8px;
}
*:first-child+html p.link {
margin:30px 0 0 0;
padding:0 0 0 10px;
font-size:10px;
font-weight:normal;
background:url(../images/arrow.gif) no-repeat 0 8px;
}
/*BTN*/
div.btn_Login {
display:block;
margin:0;
width:102px;
height:15px;
background:url(../images/login_btn_r.gif) no-repeat;
}
div.btn_Login a{
display:block;
width:102px;
height:15px;
}
div.btn_Login a:hover {
background-color:transparent;
}
div.btn_Login a:hover img {
visibility:hidden;
}
div.btn_Member {
display:block;
margin:0;
width:102px;
height:15px;
background:url(../images/member_btn_r.gif) no-repeat;
}
div.btn_Member a{
display:block;
width:102px;
height:15px;
}
div.btn_Member a:hover {
background-color:transparent;
}
div.btn_Member a:hover img {
visibility:hidden;
}
/*Footer*/
#footer {
width:100%;
position:absolute;
bottom:0;
height:64px;
}
.Bg {
background:url(../images/footer_bg.gif) repeat;
}
/*common*/
a {
text-decoration:none;
color:#cccccc;
}
a:hover {
text-decoration:underline;
}
.FLl {
float:left;
}
.FLr {
float:right;
}
.gold02 {
color:#c6b66d;
line-height:180%;
}