@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:#046497 url(image/bg.gif) repeat-x 0 0;
}
img {
 line-hight:0;
}

/*------------------------------------------------
 UNIT Setting
------------------------------------------------*/
#CONTENTS_FIELD {
 background:#ffffff;
}
#CONTAINER {
 margin:0 auto;
 width:760px;
}
#MAIN_FIELD {
 position:relative;
 margin:2px auto; padding:30px 0;
 width:754px;
 border:#b8c9d9 1px solid;
}
#MAIN_CONTENTS {
 margin:auto;
 color:#222222;
 line-height:16px;
 width:714px;
}

/*------------------------------------------------
++ PARTS Setting
------------------------------------------------*/
h1 {
 width:760px; height:82px;
 background:url(image/header.gif) no-repeat 0 0;
}
fieldset {
 border:medium none;
 margin:0 1em;
}
legend {
 color:#024871;
 font-weight:bold;
}

/*------------------------------------------------
++ FOOTER_WRAP Unit
------------------------------------------------*/
#FOOTER_WRAP {
}
#FOOTER_WRAP, #cybfoot {
 width:758px;
}
#cybfoot {
 padding:8px 0 2px;
 border-color:#86a7c6;
}
#cybfoot ul li {
 border-left:1px solid #666;
}
#cybfoot address a {
 text-decoration:none;
}

/*------------------------------------------------
++	PAGE_TOP Setting
------------------------------------------------*/
#PAGE_TOP {
 float:right;
}
#PAGE_TOP a {
 width:120px; height:20px;
 background:url(image/btm_gotop.gif) no-repeat right top;
}



/* =============================================================
++ MAIN_CONTENTS Setting
============================================================= */
/*------------------------------------------------
++	READ Setting
------------------------------------------------*/
#READ {
 margin:0 auto 20px; padding-top:20px;
 background:url(image/bg_read.gif) no-repeat 0 0;
 height:100px;
}
#READ h2 {
 margin-bottom:15px;
 font-size:16px;
 color:#006699;
}
#READ p {
 line-height:16px;
}

/*------------------------------------------------
++	STEP_FIELD Setting
------------------------------------------------*/
#STEP_FIELD {
 margin:0 auto;  width:685px;
 background:url(image/step_arrow.gif) no-repeat 325px 0;
}
#STEP_FIELD dl {
 float:left;
 text-align:left;
}
#STEP_FIELD dt {
 padding-left:50px;
 font-weight:bold;
 color:#006699;
 width:268px; height:28px;
}
#STEP_FIELD dd {
 margin-bottom:5px; padding-top:18px;
 line-height:14px;
 width:318px; height:263px;
background:#ccc;
}
#STEP_FIELD dd.example {
 display:none;
}
#STEP1 {
 width:367px;
}
#STEP1 dt {
 background:url(image/step_01.gif) no-repeat 0 0;
}
#STEP2 dt {
 background:url(image/step_02.gif) no-repeat 0 0;
}
#STEP1 dd {
 background:url(image/step_01pic.jpg) no-repeat left bottom;
}
#STEP2 dd {
 background:url(image/step_02pic.jpg) no-repeat left bottom;
}
#STEP_FIELD p {
 text-align:right;
 font-size:10px; color:#636363;
}

/*------------------------------------------------
++	LOGIN_UNIT Setting
------------------------------------------------*/
#LOGIN_FIELD {
 margin-top:30px;
 width:684px;
 background:url(image/bg_support_login.gif) no-repeat 0 0;
}
#LOGIN_FIELD h2 {
 background:url(image/h2_support_login.gif) no-repeat 0 0;
 width:684px; height:39px;
}
#LOGIN_UNIT {
 padding-top:45px;
 background:url(image/bg_arrow_bm.gif) no-repeat center 15px;
}

#LOGIN_USER {
 position:relative;
 margin:0 auto;
 background:transparent url(image/bg_loginform.gif) no-repeat scroll center 0;
 width:490px;height:240px;
}
#LOGIN_USER dd input {
 position:absolute;
 padding:12px 3px;
 border:1px solid #036599;
 color:#036599;
 left:200px;
 width:200px;
}
#LOGIN_ID {
top:30px;
}
#LOGIN_PASS {
top:82px;
}
#BTM_LOGIN {
 position:absolute;
 left:200px;
 top:130px;
}



/* =============================================================
 Font Hidden Setting
============================================================= */
h1, #PAGE_TOP a, #LOGIN_FIELD h2, legend, #LOGIN_USER dt{
 display:block;
 font-size:10px; line-height:10px; text-indent:-10000em;
}