/* Index
-------------------------------------*/
#main-container {
   padding: 0px;
   padding-bottom: 19px;
}

#main div#main-visual{
   text-align: center;
   margin-top: 3px;
   margin-bottom: 3px;
}
#main div#main-visual img{
   vertical-align: bottom;
}

/* Index / Login
-------------------------------------*/
#main div#login-container {
   float: left;
   background-image: url(../img/index/login/bg.gif);
   background-repeat: repeat-y;
   background-position: top left;
   width: 431px;
   margin-left: 4px;
   _margin-left: 2px;
}

#main div#login-header {
   background-image: url(../img/index/login/bg-top.gif);
   background-position: top left;
   background-repeat: no-repeat;
   padding-top: 15px;
   padding-left: 10px;
   padding-right: 10px;
}

#main div#login-container div#login {
   background-image: url(../img/index/login/sep.gif);
   background-position: top left;
   background-repeat: repeat-x;
   margin-left: 10px;
   margin-right: 12px;
}

#main div#login-container div#no-account {
   background-image: url(../img/index/login/bg-bottom.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
   padding: 10px;
   padding-bottom: 15px;
   padding-right: 15px;
   text-align: right;
   font-size: 100%;
   font-weight: bold;
}

#main div#login-header h3 {
   background-image: url(../img/index/login/title-bg.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 25px;
   font-weight: bold;
   font-size: 100%;
   color: #564834;
   margin-bottom: 10px;
}

#main div#login form {
   background-image: url(../img/index/login/sep.gif);
   background-position: bottom left;
   background-repeat: repeat-x;
   padding: 0;
   padding-top: 15px;
   padding-bottom: 10px;
}
#main div#login fieldset {
   border: 0; margin: 0; padding: 0;
   float: left;
   width: 270px;
}
#main div#login fieldset label {
   display: block;
   text-align: right;
   margin-bottom: 5px;
}
#main div#login input#login-id, #main div#login input#login-pw {
   width: 160px;
   font-size: 100%;
}
#main div#login p#reminder {
   font-size: 100%;
   text-align: right;
   margin: 0;padding: 0;
}

#main div#login div#btn-login {
   float: right;
   width: 110px;
   padding: 10px;
}


/* Index / Info
-------------------------------------*/
#main div#index-info-container {
   float: right;
   width: 542px;
   margin-right: 5px;
   background-image: url(../img/index/info/bg.gif);
   background-repeat: repeat-y;
   background-position: top left;
}

#main div#index-info-container div#index-info-header {
   background-image: url(../img/index/info/bg-top.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding: 4px;
}
#main div#index-info-container div#index-info {
   background-image: url(../img/index/info/bg-bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   padding: 7px;
}

#main div#index-info-container div#index-info-header h3 {
   background-image: url(../img/index/info/title-bg.gif);
   background-repeat: repeat-x;
   background-position: top left;
   font-size: 100%;
   padding: 7px;
   color: #564834;
}

#main div#index-info-container div#index-info dl {
   margin: 0; padding: 0;
   font-size: 85%;
   padding-left: 5px;
}
#main div#index-info-container div#index-info dl dt {
   clear: left;
   float: left;
   width: 7em;
}
#main div#index-info-container div#index-info dl dd {
   margin-left: 0px;
   padding-left: 7em;
   margin-bottom: 8px;
}


/* Index / SystemMessage
-------------------------------------*/
#main div#index-system-container {
   float: left;
   background-image: url(../img/index/system/bg.gif);
   background-repeat: repeat-y;
   background-position: top left;
   width: 420px;
   margin-left: 8px;
   _margin-left: 4px;
}

#main div#index-system-container div#index-system-header {
   background-image: url(../img/index/system/bg-top.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding: 4px;
}
#main div#index-system-container div#index-system {
   background-image: url(../img/index/system/bg-bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   padding: 7px;
}

#main div#index-system-container div#index-system-header h3 {
   background-image: url(../img/index/system/title-bg.gif);
   background-repeat: repeat-x;
   background-position: top left;
   font-size: 100%;
   padding: 7px;
   color: #564834;
}

#main div#index-system-container div#index-system dl {
   margin: 0; padding: 0;
   font-size: 85%;
   padding-left: 5px;
}
#main div#index-system-container div#index-system dl dt {
   clear: left;
   float: left;
   width: 7em;
}
#main div#index-system-container div#index-system dl dd {
   margin-left: 0px;
   padding-left: 7em;
   margin-bottom: 8px;
}