@charset "utf-8";
/*------------------------------------------------
  design.css
  Written by.chori 2009/08/
  utf化 2011/02/28
------------------------------------------------*/

/* hide ie-mac \*/
@import "/common/script/format.css";
@import "/common/script/parts_style.css";
/* end hide from ie-mac */


/* IE5/Mac Only Styles
------------------------------------------ */
/*\*//*/
 @import url("/common/ie5mac.css");
/**/

/* IE5/Win Only Styles
------------------------------------------ */
@media tty{
 i{content:"\";/*" "*/}} @imnport url('/common/ie5win.css'); /*";}
}/* */




/* =============================================================
 Common Setting
============================================================= */
/*------------------------------------------------
 Format Design
------------------------------------------------*/
body {
 background:#ffffff url(/login/image/login/bg_body.gif) repeat 0 0;
}
a {
}
a:hover {
 text-decoration:none;
}
img {
 line-hight:0;
}

/*------------------------------------------------
 UNIT Setting
------------------------------------------------*/
#CONTENTS_FIELD {
 background:#ffffff url(/login/image/login/bg_contents.gif) repeat-y center top;
 width:766px;
}
#CONTAINER {
 margin:0 auto;
 width:758px;
 border-left:#ffffff 1px solid; border-right:#ffffff 1px solid;
}
#MAIN_FIELD {
 padding-bottom:40px;
 background:url(/login/image/login/bg_main_contents.gif) repeat-x 0 1px;
 border-top:#2f79ba 4px solid; border-bottom:#2f79ba 4px solid;
}
#MAIN_CONTENTS {
 position:relative;
 margin:0 auto;
 text-align:left; color:#666666;
 width:640px;
}
#MAIN_CONTENTS, #MAIN_CONTENTS p, #MAIN_CONTENTS li, #MAIN_CONTENTS dd, #MAIN_CONTENTS a {
 line-height:16px;
}

/*------------------------------------------------
++ CYB_LOGO Setting
------------------------------------------------*/
#CYB_LOGO {
 text-align:left;
}
#CYB_LOGO img {
 margin:5px 0 4px 5px;
}

/*------------------------------------------------
++ FOOTER_WRAP Unit
------------------------------------------------*/
#FOOTER_WRAP, #cybfoot {
 width:758px;
}
#cybfoot {
 padding:8px 0 2px;
 border-top:none;
}
#cybfoot ul li {
 border-left:1px solid #666;
}

/*------------------------------------------------
++ MAIN_CONTENTS Setting
------------------------------------------------*/
h1, .home h2 {
 position:relative;
 margin-top:30px; padding:5px 0 3px 10px;
 color:#ffffff; font-size:14px; font-weight:bold;
}
.home h1, .home h2, .ssl h1 {
 background-color:#3d82be;
}
.err h1 {
 margin:0 atuo; padding:8px 0 6px 40px;
 color:#3d82be; font-size:18px;
 text-align:center;
 background:url(/login/image/login/icon_exclamation.gif) no-repeat 170px 0;
}

/*------------------------------------------------
++ GO_BACK Setting
------------------------------------------------*/
#GO_BACK {
 margin-top:40px;
 float:right;
}
#GO_BACK a {
 width:100px;
 height:30px;
 background:url(/login/image/login/btm_goback.gif) no-repeat 0 0;
}
#GO_BACK a:hover {
 background:url(/login/image/login/btm_goback_on.gif) no-repeat 0 0;
}

/*------------------------------------------------
++ read_unit Setting
------------------------------------------------*/
.read_unit{
 margin-top:20px; padding:18px 28px 16px;
 border:#3d82be 2px solid;
 background-color:#ffffff;
 font-weight:bold;
}
.read_unit h3{
 margin:0 auto;
 text-align:center;
}
.read_unit h3{
 margin-bottom:12px;
 padding-bottom:5px;
 font-size:14px;
 border-bottom:1px solid #ececec;
}
.read_unit p{
 margin-top:15px;
}
.read_unit p.notice{
 margin-top:0px; padding-bottom:10px;
}
.read_unit p.notice strong{
 color:#ff0000;
}
.read_unit dt{
 margin-top:15px;
 color:#3d82be;
}
.read_unit dd{
 padding-left:13px;
 font-weight:normal;
}
#INFO.read_unit p{
 text-align:center;
}
#INFO.read_unit h3 p{
 margin:0;
 color:#666666;
}
#INFO.read_unit p{
 color:#ff0000;
}

.read_unit ol li{
 margin-left:20px;
 list-style:decimal;
}
.read_unit ol ol{
 margin:10px 5px;
 font-weight:normal;
}

/*------------------------------------------------
++ COMMON PARTS Setting
------------------------------------------------*/
#ATTN_LIST li {
 padding-left:12px;
 text-indent:-12px;
}
#ATTN_LIST {height:50px;}




/* =============================================================
 Page Only Setting
============================================================= */
/*------------------------------------------------
 [LOGIN] PAGE Design
------------------------------------------------*/
#ABOUT_LOGIN {
 position:relative;
}

#HOWTO_FIELD {
 margin-top:20px; padding-bottom:22px;
 background:url(/login/image/login/howto_login.gif) no-repeat right top;
 height:206px;
}
#HOWTO_FIELD h3 {
 color:#3d82be; font-weight:bold;
}

.howto_unit {
 margin-top:20px;
 width:395px;
}
.howto_unit p {
 padding-left:12px;
}

#HOWTO_ID ul {
 margin:5px 0; padding-left:12px;
}
#HOWTO_ID li {
 color:#ff0000; font-weight:bold;
}

#HOWTO_PW {
 width:280px;
 position:relative;
}
#HOWTO_PW p {
 margin-top:5px;
}
#HOWTO_PW ul {
 padding-left:12px;
}

#FOR_SSL {
 margin:13px 0 15px 12px; padding:9px;
 width:290px;
 border:#3d82be 2px solid;
}
#FOR_SSL dt {
 margin-bottom:5px;
 color:#3d82be;
}
#FOR_SSL ul {
 margin-top:5px;
 border:#3d82be 2px solid;
 background:url(/login/image/login/bg_skew_bu.gif) repeat 0 0;
}
#FOR_SSL li {
 padding:10px 15px;
 color:#ffffff; font-weight:bold;
}
#FOR_SSL li a {
 color:#ffff00;
}

#LOGIN #VERL_SIGN {
 position:absolute;
 left:530px; bottom:-10px;
 width:102px; heigth:74px;
}

#INQUIRY{
 margin-top:40px;
}
#INQUIRY ul {
 margin-top:20px;
}
#INQUIRY li {
 margin-bottom:10px;
}
#INQUIRY li strong {
 color:#3d82be;
}

#ATTENTION {
 margin-top:20px; padding:15px 10px 12px;
 border:#3d82be 2px solid;
 background-color:#ededed;
}
#ATTENTION h3, #ATTENTION p {
 color:#ff0000;
}
#ATTENTION h3, #ATTENTION dd {
 font-weight:bold;
}
#ATTENTION dl, #ATTENTION ul {
 margin-top:20px;
}
#ATTENTION dd, #ATTENTION li {
 color:#3d82be;
}
#ATTENTION dt{
 display:none;
}
#ATTENTION #COOKIE_SET{
 margin-top:0;
 padding-left:20px;
}
#ATTENTION #COOKIE_SET li{
 margin-bottom:2px; padding-left:10px;
 background:url(/common/image/icon/dot_bl.gif) no-repeat 0 center;
 font-weight:normal;
}
#ATTENTION #COOKIE_SET li,#ATTENTION #COOKIE_SET li a{
 color:#3d82be;
}

#ADVICE {
 margin-top:30px;
 border:#666666 2px solid;
}
#ADVICE h2 {
 display:none;
}
.onepoint {
 padding:6px 0px 4px 140px;
 background:url(/login/image/login/onepoint.gif) no-repeat 0 0;
 border-bottom:#666666 2px solid;
}
#ADVICE ul {
 padding:15px 10px;
}

#SSL_CHECK {
 margin-top:30px;
 border:#666666 2px solid;
}
#SSL_CHECK h2 {
 display:none;
}

#SSL_CHECK ul {
 padding:15px 10px;
}


/*------------------------------------------------
 [SSL_LOGIN] PAGE Design
------------------------------------------------*/
#SSL_LOGIN #CONTENTS_FIELD {
 border-bottom:#ffffff 1px solid;
}
#SSL_LOGIN #CONTAINER {
 border-bottom:#e5e5e5 1px solid;
}

#ABOUT_SSL {
 position:relative;
 margin-top:20px; padding:10px;
 border:#3d82be 2px solid;
 background-color:#ffffff;
}

#SSL_LT_UNIT {
 float:left;
 width:435px;
}
#SSL_LT_UNIT dl {
 margin-bottom:70px;
}
#SSL_LT_UNIT dt {
 color:#3d82be; font-size:14px; font-weight:bold;
}
#SSL_RT_UNIT {
 float:right;
 width:162px;
 text-align:center;
}



/* =============================================================
 Font Hidden Setting
============================================================= */
#GO_BACK a, #BTM_LOGIN a, #LOGIN_UNIT h2{
 display:block;
 font-size:10px; line-height:10px; text-indent:-10000em;
}




/* =============================================================
 LOGIN_UNIT Setting ※gatedata/design.cssより
============================================================= */
#LOGIN_UNIT{
 margin-bottom:7px;
 margin-left:auto; margin-right:auto;
 width:160px;
 text-align:left;
 background:url(/gatedata/image/bg_mslogin_ct.gif) repeat-y;
}
#LOGIN_UNIT h2{
 height:44px;
 background:url(/gatedata/image/h2_mslogin.gif) no-repeat 0 0;
}
#LOGIN_UNIT dl{
 padding:0 3px;
}
#LOGIN_UNIT dt,#LOGIN_UNIT dd label{
 font-weight:bold;
 color:#193189;
}
#LOGIN_UNIT dd{
 padding-bottom:8px;
}
#LOGIN_UNIT dd .mid{
 padding:2px 3px;
 width:146px; height:14px;
 ime-mode:disabled;
 border:1px solid #7f9db9;
}
#LOGIN_UNIT dd .mid,#LOGIN_UNIT dd label{
 color:#193189;
 line-height:14px;
}
#chkpass{
 margin:-5px 3px 0 0; padding:0;
 width:12px;
 vertical-align:top;
}
html>/**/body #chkpass{
 margin-top:0;
}

#BTM_LOGIN{
 margin:0 3px 5px;
 padding-bottom:8px;
 text-align:center;
 background:url(/gatedata/image/dotline_w_bk.gif) repeat-x bottom;
}
#BTM_LOGIN input{
 cursor:pointer;
 margin:auto;
 width:109px; height:27px;
 border:none;
 background:url(/gatedata/image/btm_login.gif);
}
#BTM_LOGIN *:hover{
 background:url(/gatedata/image/btm_login_on.gif);
}

#LOGIN_UNIT ul{
 padding:0 0 9px 12px;
 background:url(/gatedata/image/bg_mslogin_bm.gif) no-repeat 0 bottom;
}
#LOGIN_UNIT ul li{
 padding-left:13px;
 background:url(/gatedata/image/limark_eq.gif) no-repeat 0 4px;
}
#LOGIN_UNIT ul li.act{
 background:url(/gatedata/image/limark_eq_act.gif) no-repeat 0 4px;
}
#LOGIN_UNIT ul li a{
 font-size:10px;
 color:#193189;
}
#BTM_LOGIN a:hover,#LOGIN_UNIT ul li a:hover{
 color:#de5e00;
}