@charset "shift_jis";
/* CSS Document */

/** HTML Tag **/
body { text-align:center; margin:0px; padding:0px; color: #333333; background-color: #E9E9D1; font: 75%/150% "ＭＳ ゴシック", "Osaka−等幅"; }
a, a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:hover { color: #FF6600; text-decoration: underline; }
h1.main { padding:0; margin:0; text-indent: -3000px; background: url(../img/system_logo.gif) no-repeat 1px 1px; height: 50px; width: 100px; position: absolute; display: block; }
h1.sub { padding:0; margin:0 auto; position: relative; font: bold 10px "ＭＳ Ｐゴシック", Osaka; width: 770px; top: 35px; border-bottom: 3px solid #028aca; height: 15px; color: #8A8A8A;}
h2 { padding:0; margin:0 0 10px 0; }
h3 { padding:0; margin:0; font-size: 100%; font-weight: normal; }
img { border:0; }

.margin_10 { margin:10px; }
.margin-btm5 { margin-bottom:5px; }
.margin-btm10 { margin-bottom: 10px; }
.margin-tb { margin: 20px 0 10px 0; }

.big { font-size:120%; }
.small { font-size:80%; }
.x-small { font-size:x-small; }
.sys_title { text-align: center; font: 11px "ＭＳ Ｐゴシック", Osaka,; width: 770px; border-bottom: 3px solid #FF6600; margin: 0 auto; padding: 0; }
.comment01 { color:#884400; font-size: x-small; line-height: 120%; padding: 2px; margin: 0px; }
p.comment01 { padding:0 0 0 50px; }
.logo { width:200px; margin: 0; padding: 0px; position: absolute; top: 0px; left: 570px; }

.menu_mark { color:#66CC66; }
.list_bg02 { background-color: #FFFFFF; }
.list_bg04 { background-color: #F0F0F0; }

/** Page Layout **/
#wrap { width:780px; text-align:left; margin: 0 auto; background-color: #FFFFFF; border: 1px solid #CCCCCC; }
#header { width:100%; height:50px; position: relative; text-align: center; }
.h_tbl { border-bottom:3px solid #FF6600; }
#container { width:780px; padding: 0px; position: relative; }
#top_frame { margin: 10px auto 10px auto; padding: 0px; width: 700px; position: relative; }
#tl_contents { float:left; width:345px; padding:0; text-align: center; }
#tr_contents { float:right; width:345px; padding:0; text-align: center; }
#btm_frame { margin: 10px auto; width: 700px; clear: both; position: relative; }
#bl_contents { float:left; width:345px; padding:0; text-align: left; }
#br_contents { float:right; width:345px; padding:0; text-align: center; }
#wrap #footer { clear: both; width: 100%; margin:0 auto; height: 45px; text-align: center; line-height: 180%; padding-top: 5px; border-top: 1px dotted #666666; }
.copyright { color: #666666; text-align: center; font: 8pt "ＭＳ Ｐゴシック", Osaka,; }

th.kaiin  { margin:0px; text-align: center; height: 20px; font-weight: bold; font-size: 100%; background: #CCCCCC; }
th.info { margin:0px; background: #FFFFFF url(../img/tl_info.gif) no-repeat left center; text-align: center; height: 25px; font-weight: bold; font-size: 100%; }
th.login_qa  { margin:0px; background: #FFFFFF url(../img/tl_qa.gif) no-repeat left center; text-align: center; height: 25px; font-weight: bold; font-size: 100%; }
th.beginner { margin:0px; background: #FFFFFF url(../img/ic_beginner.gif) no-repeat left center; text-align: center; height: 25px; font-weight: bold; font-size: 100%; border-bottom: 1px solid #CCCCCC; }

/**	Login Area **/
.login_tbl { border-width: 1px; border-style:solid; border-color:#999999; width: 340px; height: 300px; background: #F0F0F0; }
input.btn_g { width: 80px; height: 26px; border:1px solid #663300; color:#663300; font-weight:bold; background-image:url(../img/btn_bg.gif); margin-top: 20px; margin-bottom: 20px; }
input { width:150px; height:15px; border-width:1px; border-style:solid; border-color:#663300; background-color: #FFFFFF; margin:5px; }

.beginner_tbl { border:1px solid #CCCCCC; }