@charset "utf-8";

/* ------------------------- TOC 

 ------------------------- */

/* ============================== base */
body { font-size: small; line-height:1.4em; }
#webmember #header { height: 70px; overflow: hidden; width: 720px; margin: 0 auto; text-align: left; }

* html #webmember ul#functionnavigation { top: -45px; }
*:first-child+html #webmember ul#functionnavigation { top: -45px; }

* html #webmember #site_search #site_search_query dt { margin-top: 4px; }
*:first-child+html #webmember #site_search #site_search_query dt { margin-top: 4px; }

#webmember #footer { width: 720px; margin: 20px auto 0; }

#webmember #contents { position: relative; top: 0; width:720px; margin: 0 auto; padding: 29px 0 0; text-align: left; }
*+html #webmember #contents { padding: 26px 0 0; }
* html #webmember #contents { padding: 23px 0 0; }
#contents table, td, th { border-collapse: collapse; font-size: 100%; }
#contents textarea, #contents select, #contents input { margin: 0; font-size: small; }
#contents input { vertical-align: middle; }
#contents input.xsmall { width: 30%; }
#contents input.small { width: 30%; }
#contents input.medium { width: 60%; }
#contents input.large { width: 95%; }
#contents select option { padding: 0 10px 0 0; }
#contents p#headline { width: 720px; height: 40px; background: url(/common/img/frontend/member/default/headline.gif) no-repeat 0 100%; }
#contents p#breadcrumb { margin: 0; padding: 1px 20px 9px; font-size: 82%; line-height: 1em; }
*+html body #contents p#breadcrumb { padding: 1px 20px 14px; }
* html body #contents p#breadcrumb { padding: 1px 20px 14px; }
#contents p#breadcrumb a, #contents p#breadcrumb a:visited { color: #999999; }
#contents p#breadcrumb a:hover { border-bottom: 1px dotted #333333; color: #000000; }
#contents .link { padding: 0 0 0 13px; background: url(/common/img/frontend/member/default/arrow_bullet.gif) no-repeat 0 0.2em; font-weight: bold; line-height: 1; text-align: left; }
#contents .link a:hover { border-bottom: 1px dotted #3366cc; color: #3366cc; }

#contents #receive_error { margin: 0 0 10px; border: 2px solid #ff9900; padding: 10px; }
#contents #receive_error p { margin: 0 0 5px; }
#contents #receive_error ul { margin: 0 0 5px; }
#contents #receive_error ul li { color: #ff9900; }
#contents #receive_error p.link { margin: 0; }
#contents #receive_error p.link a { color: #3366cc; font-weight: normal; }


/* main_col */
#contents #main_col { float: left; width: 530px; }
#contents #main_col #inner { padding: 0 20px; }
#contents #main_col h1 { width: 530px; height: 38px; }
#contents #main_col h2 { width: 490px; height: 32px; }
#contents #main_col h3 { margin: 25px 0 0; font-size: 100%; font-weight: bold; }
#contents #main_col h3 span { padding: 0 3px 0 0; color: #5b7de5; font-weight: bold; }
#contents #main_col p { margin: 10px 0 0; }
#contents #main_col p.lead { color: #ff9900; font-weight: bold; text-align: center; }
#contents #main_col p.caution { margin: 0 0 0 1em; color: #ff9900; text-indent: -1em; }
#contents #main_col p.caution2 { color: #ff9900; }
#contents #main_col p.error { padding: 30px 0 50px; color: #ff0000; text-align: center; }
#contents #main_col p.pagetop { padding: 10px 0 0; line-height: 0; font-size: 0; text-align: right; }
#contents #main_col p.pagetop a { display: block; float: right; width: 60px; height: 9px; background: url(/common/img/frontend/member/default/pagetop.gif) no-repeat 0 0; }
#contents #main_col p.pagetop a:hover { background-position: 0 -9px; }
#contents #main_col p strong { font-weight: bold; }
#contents #main_col p span.importance { color: #ff9900; }
#contents #main_col ul.error li { list-style: outside disc; margin: 5px 0 0 20px; color: #ff0000; }
#contents #main_col ul.error li a { color: #ff0000; text-decoration: underline; }
#contents #main_col #step { margin: 10px 0 0; padding: 10px 0; }
#contents #main_col #step li.step1 { float: left; width:170px; height: 24px; }
#contents #main_col #step li.step2 { float: left; width:170px; height: 24px; }
#contents #main_col #step li.step3 { float: left; width:150px; height: 24px; }
#contents #main_col table { width: 100%; margin: 10px 0 0; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }
#contents #main_col table th, #contents #main_col table td { padding: 7px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }
#contents #main_col table th { width: 27%; background-color: #eeeeee; }
#contents #main_col table th.error { background-color: #ffcccc; }
#contents #main_col table th.large { width: 30%; }
#contents #main_col table th.large2 { width: 39%; }
#contents #main_col table td p { margin: 10px 0 0; }
#contents #main_col table td ul.caution { margin: 5px 0 0; }
#contents #main_col table td ul.caution li { margin: 0; color: #ff9900; }
#contents #main_col table th span { color: #ff9900; }
#contents #main_col table td span.question { color: #333333; font-weight: bold; }
#contents #main_col table td span.caption { padding: 0 0 0 5px; color: #ff9900; font-size: 82%; vertical-align: middle; }
#contents #main_col table td span.caption2 { display: block; padding: 5px 0 0 0; color: #ff9900; font-size: 82%; line-height: 1.2; }
#contents #main_col table td img { margin: 0 0 0 10px; vertical-align: middle; }
#contents #main_col .btn_area { padding: 10px 0 0; text-align: center; }
#contents #main_col .btn_area input { margin: 0 2px; }

#contents #main_col div.section { margin: 10px 0 0; padding: 5px; background-color: #eef2fc; }
#contents #main_col div.section table { margin: 0; border: none; }
#contents #main_col div.section table td { padding: 0; border: none; }
#contents #main_col div.section table td input { margin: 2px; }
#contents #main_col div.section2 { padding: 10px 0 0; }
#contents #main_col div.section3 { padding: 30px 0 0; }



/* sub_col */
#contents #sub_col { float: right; width: 165px; }
#contents #sub_col ul li { height: 32px; margin: 0 0 1px; }
#contents #sub_col ul li a { display: block; width: 165px; height: 32px; }

#contents #sub_col ul li#sub_entry a { background: url(/common/img/frontend/member/default/sub_entry.gif) no-repeat 0 0; }
#contents #sub_col ul li#sub_brand_change a { background: url(/common/img/frontend/member/default/sub_brand_change.gif) no-repeat 0 0; }
#contents #sub_col ul li#sub_update a { background: url(/common/img/frontend/member/default/sub_update.gif) no-repeat 0 0; }
#contents #sub_col ul li#sub_id_change a { background: url(/common/img/frontend/member/default/sub_id_change.gif) no-repeat 0 0; }
#contents #sub_col ul li#sub_passwd_inquiry a { background: url(/common/img/frontend/member/default/sub_passwd_inquiry.gif) no-repeat 0 0; }
#contents #sub_col ul li#sub_withdrawal a { background: url(/common/img/frontend/member/default/sub_withdrawal.gif) no-repeat 0 0; }

#contents #sub_col ul li#sub_entry a:hover { background-position: 0 -32px; }
#contents #sub_col ul li#sub_brand_change a:hover { background-position: 0 -32px; }
#contents #sub_col ul li#sub_update a:hover { background-position: 0 -32px; }
#contents #sub_col ul li#sub_id_change a:hover { background-position: 0 -32px; }
#contents #sub_col ul li#sub_passwd_inquiry a:hover { background-position: 0 -32px; }
#contents #sub_col ul li#sub_withdrawal a:hover { background-position: 0 -32px; }

#contents.pre_entry #sub_col ul li#sub_entry a,
#contents.entry #sub_col ul li#sub_entry a { background-position: 0 -32px; }
#contents.brand_change #sub_col ul li#sub_brand_change a { background-position: 0 -32px; }
#contents.update #sub_col ul li#sub_update a { background-position: 0 -32px; }
#contents.id_change #sub_col ul li#sub_id_change a { background-position: 0 -32px; }
#contents.passwd_inquiry #sub_col ul li#sub_passwd_inquiry a { background-position: 0 -32px; }
#contents.withdrawal #sub_col ul li#sub_withdrawal a { background-position: 0 -32px; }


/* ============================== index */
#contents.index #main_col h1 { background: url(/common/img/frontend/member/default/tit_index.gif) no-repeat 0 100%; }
#contents.index a.btn_newmember {display: block; width: 96px; height: 24px; background: url("/common/img/frontend/member/default/btn_newmember.gif") 0 0 no-repeat; margin-left: auto; margin-right: auto; z-index: 100; }
#contents.index a.btn_changebrand {display: block; width: 135px; height: 24px; background: url("/common/img/frontend/member/default/btn_changebrand.gif") 0 0 no-repeat; margin-left: auto; margin-right: auto; z-index: 100; }
#contents.index a.btn_changeinfo {display: block; width: 113px; height: 24px; background: url("/common/img/frontend/member/default/btn_changeinfo.gif") 0 0 no-repeat; margin-left: auto; margin-right: auto; z-index: 100; }
#contents.index a.btn_changeid {display: block; width: 106px; height: 24px; background: url("/common/img/frontend/member/default/btn_changeid.gif") 0 0 no-repeat; margin-left: auto; margin-right: auto; z-index: 100; }
#contents.index a.btn_forgetpass {display: block; width: 152px; height: 24px; background: url("/common/img/frontend/member/default/btn_forgetpass.gif") 0 0 no-repeat; margin-left: auto; margin-right: auto; z-index: 100; }
#contents.index a.btn_withdrawal {display: block; width: 69px; height: 24px; background: url("/common/img/frontend/member/default/btn_withdrawal.gif") 0 0 no-repeat; margin-left: auto; margin-right: auto; z-index: 100; }

#contents.index a.btn_newmember:hover, #contents.index a.btn_changebrand:hover, #contents.index a.btn_changeinfo:hover, #contents.index a.btn_changeid:hover, #contents.index a.btn_forgetpass:hover, #contents.index a.btn_withdrawal:hover { background-position: 0 -24px; }

#contents.index #lv3-service { background-position: 20px 0; background-repeat: no-repeat; }
#contents.index #lv3-newmember { background-position: 20px -32px; background-repeat: no-repeat; }
#contents.index #lv3-changebrand { background-position: 20px -64px; background-repeat: no-repeat; }
#contents.index #lv3-changeinfo { background-position: 20px -96px; background-repeat: no-repeat; }
#contents.index #lv3-changeid { background-position: 20px -128px; background-repeat: no-repeat; }
#contents.index #lv3-forgetpass { background-position: 20px -160px; background-repeat: no-repeat; }
#contents.index #lv3-withdrawal { background-position: 20px -192px; background-repeat: no-repeat; }
#contents.index #lv3-point4 { background-position: 20px 0px; background-repeat: no-repeat; }
#contents.index #lv3-qa { background-position: 20px -64px; background-repeat: no-repeat; }

#contents.index a.pagetop:hover { background-position: 0 -9px; }

#contents .txtbanner { color: #667ec8; padding: 10px 15px; margin: 0; border: solid 1px #667ec8; }
#contents .txtbanner dl dt a:link,
#contents .txtbanner dl dt a:visited,
#contents .txtbanner dl dt a:active  { color:#667ec8; font-weight: normal; }

#contents ul.re_point li { margin:0 0 20px 0; }
#contents ul.re_point li p.point { background-image: url("/common/img/frontend/member/default/point.gif"); display: block; width: 490px; height: 33px; margin: 0; background-repeat: no-repeat; }

#point01 { background-position: 0 0; background-repeat: no-repeat; }
#point02 { background-position: 0 -33px; background-repeat: no-repeat; }
#point03 { background-position: 0 -66px; background-repeat: no-repeat; }
#point04 { background-position: 0 -99px; background-repeat: no-repeat; }

#contents ul.re_qa li { margin:10px 0 0 0; }
#contents ul.re_qa2 li { margin:30px 0 0 0; }


/* ============================== pre_entry */
#contents.pre_entry #main_col h1 { background: url(/common/img/frontend/member/default/tit_entry.gif) no-repeat 0 100%; }
#contents.pre_entry #main_col h2 { background: url(/common/img/frontend/member/default/stit_pre_entry.gif) no-repeat 0 100%; }
#contents.pre_entry #main_col #step li.step1 { background: url(/common/img/frontend/member/default/pre_entry_step01.gif) no-repeat 0 0; }
#contents.pre_entry #main_col #step li.step2 { background: url(/common/img/frontend/member/default/pre_entry_step02.gif) no-repeat 0 0; }
#contents.pre_entry #main_col #step li.step3 { background: url(/common/img/frontend/member/default/pre_entry_step03.gif) no-repeat 0 0; }
#contents.pre_entry #main_col #step li.select { background-position: 0 -24px; }
#contents.pre_entry #main_col p.pre_thanks_notice { border: 1px solid #000000; padding: 5px; font-size: 82%; text-align: center; }


/* ============================== entry */
#contents.entry #main_col h1 { background: url(/common/img/frontend/member/default/tit_entry.gif) no-repeat 0 100%; }
#contents.entry #main_col h2 { background: url(/common/img/frontend/member/default/stit_entry.gif) no-repeat 0 100%; }
#contents.entry #main_col #step li.step1 { background: url(/common/img/frontend/member/default/entry_step01.gif) no-repeat 0 0; }
#contents.entry #main_col #step li.step2 { background: url(/common/img/frontend/member/default/entry_step02.gif) no-repeat 0 0; }
#contents.entry #main_col #step li.step3 { background: url(/common/img/frontend/member/default/entry_step03.gif) no-repeat 0 0; }
#contents.entry #main_col #step li.select { background-position: 0 -24px; }
#contents.entry #main_col .bnr_block { margin-top: 20px; }

/* ============================== brand_change */
#contents.brand_change #main_col h1 { background: url(/common/img/frontend/member/default/tit_brand_change.gif) no-repeat 0 100%; }
#contents.brand_change #main_col #step li.step1 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/brand_change_step01.gif) no-repeat 0 0; }
#contents.brand_change #main_col #step li.step2 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/brand_change_step02.gif) no-repeat 0 0; }
#contents.brand_change #main_col #step li.step3 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/brand_change_step03.gif) no-repeat 0 0; }
#contents.brand_change #main_col #step li.step4 { float: left; width: 107px; height: 24px; background: url(/common/img/frontend/member/default/brand_change_step04.gif) no-repeat 0 0; }
#contents.brand_change #main_col #step li.select { background-position: 0 -24px; }


/* ============================== update */
#contents.update #main_col h1 { background: url(/common/img/frontend/member/default/tit_update.gif) no-repeat 0 100%; }
#contents.update #main_col h2 { background: url(/common/img/frontend/member/default/stit_update.gif) no-repeat 0 100%; }
#contents.update #main_col #step li.step1 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/update_step01.gif) no-repeat 0 0; }
#contents.update #main_col #step li.step2 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/update_step02.gif) no-repeat 0 0; }
#contents.update #main_col #step li.step3 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/update_step03.gif) no-repeat 0 0; }
#contents.update #main_col #step li.step4 { float: left; width: 107px; height: 24px; background: url(/common/img/frontend/member/default/update_step04.gif) no-repeat 0 0; }
#contents.update #main_col #step li.select { background-position: 0 -24px; }
#contents.update #main_col #step li.select { background-position: 0 -24px; }
#contents.update #main_col table td div.receive_error { margin: 0 0 10px; border: 2px solid #ff9900; padding: 5px; }
#contents.update #main_col table td div.receive_error p { margin: 0; color: #ff9900; }
#contents.update #main_col table td div.receive_error p.link { margin: 5px 0 0; }
#contents.update #main_col table td div.receive_error p.link a { color: #3366cc; font-weight: normal; }
#contents.update #main_col .bnr_block { margin-top: 20px; }

/* ============================== id_change */
#contents.id_change #main_col h1 { background: url(/common/img/frontend/member/default/tit_id_change.gif) no-repeat 0 100%; }
#contents.id_change #main_col #step li.step1 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/id_change_step01.gif) no-repeat 0 0; }
#contents.id_change #main_col #step li.step2 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/id_change_step02.gif) no-repeat 0 0; }
#contents.id_change #main_col #step li.step3 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/id_change_step03.gif) no-repeat 0 0; }
#contents.id_change #main_col #step li.step4 { float: left; width: 107px; height: 24px; background: url(/common/img/frontend/member/default/id_change_step04.gif) no-repeat 0 0; }
#contents.id_change #main_col #step li.step5 { float: left; width: 255px; height: 24px; background: url(/common/img/frontend/member/default/id_change_step05.gif) no-repeat 0 0; }
#contents.id_change #main_col #step li.step6 { float: left; width: 235px; height: 24px; background: url(/common/img/frontend/member/default/id_change_step06.gif) no-repeat 0 0; }
#contents.id_change #main_col #step li.select { background-position: 0 -24px; }


/* ============================== passwd_inquiry */
#contents.passwd_inquiry #main_col h1 { background: url(/common/img/frontend/member/default/tit_passwd_inquiry.gif) no-repeat 0 100%; }
#contents.passwd_inquiry #main_col #step li.step1 { float: left; width: 255px; height: 24px; background: url(/common/img/frontend/member/default/passwd_inquiry_step01.gif) no-repeat 0 0; }
#contents.passwd_inquiry #main_col #step li.step2 { float: left; width: 235px; height: 24px; background: url(/common/img/frontend/member/default/passwd_inquiry_step02.gif) no-repeat 0 0; }
#contents.passwd_inquiry #main_col #step li.step3 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/passwd_inquiry_step03.gif) no-repeat 0 0; }
#contents.passwd_inquiry #main_col #step li.step4 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/passwd_inquiry_step04.gif) no-repeat 0 0; }
#contents.passwd_inquiry #main_col #step li.step5 { float: left; width: 127px; height: 24px; background: url(/common/img/frontend/member/default/passwd_inquiry_step05.gif) no-repeat 0 0; }
#contents.passwd_inquiry #main_col #step li.step6 { float: left; width: 107px; height: 24px; background: url(/common/img/frontend/member/default/passwd_inquiry_step06.gif) no-repeat 0 0; }
#contents.passwd_inquiry #main_col #step li.select { background-position: 0 -24px; }


/* ============================== withdrawal */
#contents.withdrawal #main_col h1 { background: url(/common/img/frontend/member/default/tit_withdrawal.gif) no-repeat 0 100%; }
#contents.withdrawal #main_col #step li.step1 { background: url(/common/img/frontend/member/default/withdrawal_step01.gif) no-repeat 0 0; }
#contents.withdrawal #main_col #step li.step2 { background: url(/common/img/frontend/member/default/withdrawal_step02.gif) no-repeat 0 0; }
#contents.withdrawal #main_col #step li.step3 { background: url(/common/img/frontend/member/default/withdrawal_step03.gif) no-repeat 0 0; }
#contents.withdrawal #main_col #step li.select { background-position: 0 -24px; }


/* ============================== attestation */
#contents.attestation #main_col h1 { background: url(/common/img/frontend/member/default/tit_attestation.gif) no-repeat 0 100%; }
#contents.attestation #main_col table#cookie { width: auto; margin:5px 0 20px; border: none; background: none; }
#contents.attestation #main_col table#cookie td { width: auto; padding: 0; border: none; background: none; vertical-align: top; line-height: 1.4; }
#contents.attestation #main_col table#cookie td input { width: auto; margin: 0 5px 0 0; }


/* ============================== regulations */
#contents.regulations #main_col h1 { background: url(/common/img/frontend/member/default/tit_regulations.gif) no-repeat 0 100%; }
#contents.regulations a.pagetop:hover { background-position: 0 -9px; }


/* ============================== regulations */
#contents.cookie #main_col h1 { background: url(/common/img/frontend/member/default/tit_cookie.gif) no-repeat 0 100%; }
#contents.cookie a.pagetop:hover { background-position: 0 -9px; }


/* ============================== freemail */
#contents.freemail #main_col h1 { background: url(/common/img/frontend/member/default/tit_freemail.gif) no-repeat 0 100%; }
#contents.freemail a.pagetop:hover { background-position: 0 -9px; }


/* ============================== mobile_entry */
#contents.mobile_entry #main_col h1 { background: url(/common/img/frontend/member/default/tit_mobile_entry.gif) no-repeat 0 100%; }
#contents.mobile_entry a.pagetop:hover { background-position: 0 -9px; }

/* ============================== renewal */
.re_smallred { font-size: x-small; color: #ff0000; }
.re_small { font-size: x-small; }

/* ============================== faq */
div.faq h4 { margin-top: 14px; padding-left: 20px; background: url(/common/img/frontend/member/default/q_blue.gif) 0 0.2em no-repeat; }
div.answer { padding-left: 40px; margin: 0; background-image: url(/common/img/frontend/member/default/answer.gif); background-position: 22px 17px; background-repeat: no-repeat; border-top: 1px dotted #ddd; }
div.answer .left_column { width: 365px;}
a.link-faq { color: #3366cc; }
a.link-faq:hover { color: #3366cc; border-bottom: 1px dotted #3366cc; }
#contents dl.receive_error dt { margin: 10px 0 0; color: #333333; font-weight: bold; }
#contents dl.receive_error dd { margin: 0; }



/* search_address */
#search_address { padding: 20px; background-color: #ffffff; text-align: left; }
#search_address * { color: #333333; font-size: 100%; line-height: 1.4; }
#search_address h1 { font-size: 135%; font-weight: bold; }
#search_address h2 { margin: 20px 0 0; }
#search_address h2 span { margin: 20px 0 0; color: #5b7de5; }
#search_address p { margin: 10px 0 0; }
#search_address ul { margin: 10px 0 0; }
#search_address ul li a { padding: 0 0 0 13px; background: url(/common/img/frontend/member/default/arrow_bullet.gif) no-repeat 0 0.2em; color: #666666; font-weight: bold; line-height: 1; text-align: left; }
#search_address ul li a:hover { border-bottom: 1px dotted #3366cc; color: #3366cc; }


/* ============================== css hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }



/* ============================== multi column */
.multi_section {  } /* necessary - clr class */
.left_section { float: left; }
.right_section { float: right; }
.multi_column { } /* necessary - clr class */
.left_column { float: left; }
.right_column { float: right; }