@charset "utf-8";

/* ===================== page css ===================== */


/* index.html
--------------------------------------------------------- */
/* ----- appeal ----- */
#contents #main .appeal {
margin: 0 0 0 -22px;
padding: 0 0 0 22px;
background: url(../img/member/bg_appeal.jpg) no-repeat left top;
}
#contents #main .appeal h1 {
height: 0px;
overflow: hidden;
}
#contents #main .appeal p {
width: 400px;
margin: 210px 0 0 0;
line-height: 180%;
color: #996457;
}
#contents #main .appeal p img {
float: left;
}
#contents #main .appeal p span {
display: block;
float: left;
margin: 4px 0 0 4px;
}
#contents #main .appeal .ecobag {
clear: both;
float: none;
width: 666px;
height: 178px;
/*下記、変更のためコメントアウト 091026
background: url(../img/member/bg_ecobag.jpg) no-repeat right top;*/
}
#contents #main .appeal .ecobag p.more {
clear: both;
width: 100px;
margin: 0;
height: 25px;
margin: 16px 0 0 356px;
overflow: hidden;
}
#contents #main .appeal .ecobag p.amenity {
height: 0;
margin: 0;
font-size: 0;
overflow: hidden;
}

/*下記、変更のためコメントアウト 091026
#contents #main .appeal .ecobag p.member {
height: 50px;
margin: 0;
padding: 50px 0 0 0;
}
*/

/*下記、変更のためコメントアウト 091026
#contents #main .appeal .ecobag p.member a {
display: block;
width: 173px;
height: 0;
padding: 50px 0 0 0;
background: url(../img/campaign/renewal/btn_member-registration-up.jpg) no-repeat left top;
font-size: 0;
overflow: hidden;
}
#contents #main .appeal .ecobag p.member a:hover {
background: url(../img/campaign/renewal/btn_member-registration-up.jpg) no-repeat 0 -50px;
}
*/



/* ----- privileges ----- */
#contents #main .privileges {
clear: both;
margin: 20px 0 0 0;
}
#contents #main .privileges a {
color: #D26F00;
}
#contents #main .privileges dl {
margin: 12px 0 0 0;
overflow: hidden;
}
#contents #main .privileges dl dt {
display: none;
}
#contents #main .privileges dl dd {
float: left;
width: 205px;
margin: 0 26px 0 0;
line-height: 180%;
color: #996457;
}
#contents #main .privileges dl dd a {
display: block;
}
#contents #main .privileges dl dd h3 {
margin: 0 0 16px 0;
}
#contents #main .privileges p {
margin: 40px 0 18px 0;
text-align: center;
line-height: 180%;
color: #996457;
}





/* =============================================================== 
	*** register folder *** 
=============================================================== */

#contents #main.noSide dl.breadCrumb {
margin: 20px 0 10px 0;
}


/* img hover */
#contents #main.noSide p.help a {
display: block;
float: right;
width: 71px;
height: 0;
margin: -30px 0 20px 0;
padding: 40px 0 0 0;
font-size: 0;
background: url(../img/store/cart/btn_help.jpg) no-repeat left top;
overflow: hidden;
}
#contents #main.noSide p.help a:hover {
background: url(../img/store/cart/btn_help.jpg) no-repeat 0 -40px;
}


/* ----- entryArea ----- */
#contents #main.noSide .entryArea p {
color: #604A2D;
}
#contents #main.noSide .entryArea p.intro {
margin: 26px 0 24px 0;
line-height: 160%;
}
#contents #main.noSide .entryArea p.intro span.anno {
color: #B41D0E;
}
#contents #main.noSide .entryArea p.intro span.note {
color: #9A5F1E;
}

#contents #main.noSide .entryArea .lawArea {
height: 434px;
padding: 10px 8px 15px 8px;
border: 1px solid #979FA6;
overflow: auto;
}
#contents #main.noSide .entryArea .lawArea p {
margin: 0 0 34px 0;
}
#contents #main.noSide .entryArea .lawArea p.law {
margin: 0 0 24px 0;
}

#contents #main.noSide .entryArea .btnArea {
padding: 38px 0 20px 0;
text-align: center;
overflow: hidden;
}
#contents #main.noSide .entryArea .btnArea input {
float: left;
}
#contents #main.noSide .entryArea .btnArea p {
width: 276px;
margin: 0 auto 0 auto;
overflow: hidden;
}
#contents #main.noSide .entryArea .btnArea p.w320 {
width: 320px;
margin: 0 auto 0 auto;
overflow: hidden;
}
#contents #main.noSide .entryArea .btnArea a#btn_disAgree {
display: block;
float: left;
width: 152px;
height: 40px;
padding: 0;
border: none;
cursor: pointer;
overflow: hidden;
}
#contents #main.noSide .entryArea .btnArea a#btn_disAgree:hover {
background: url(../img/member/register/btn_disAgree.jpg) no-repeat 0 -40px;
}
#contents #main.noSide .entryArea .btnArea a#btn_agree {
display: block;
float: left;
width: 161px;
height: 40px;
padding: 0;
border: none;
cursor: pointer;
overflow: hidden;
}
#contents #main.noSide .entryArea .btnArea a#btn_agree:hover {
background: url(../img/member/register/btn_agree.jpg) no-repeat 0 -40px;
}
#contents #main.noSide .entryArea .btnArea a#btn_disAgree:hover img,
#contents #main.noSide .entryArea .btnArea a#btn_agree:hover img {
visibility: hidden;
} 




/* table */
#contents #main.noSide table.inform {
width: 900px;
}
#contents #main.noSide table.inform th {
width: 250px;
line-height: 140%;
vertical-align: top;
}
#contents #main.noSide table.inform th span.note {
color: #604A2D;
}
#contents #main.noSide table.inform td p.pass {
color:#BF2311;
}
#contents #main.noSide table.inform td select {
padding: 2px 0 2px 0;
}


/* thankyou.html
--------------------------------------------------------- */
#contents #main.noSide .thanks p.btn_gotop {
clear: both;
float: none;
padding: 30px 0 0 380px;
}
#contents #main.noSide ul.cartNav.mat40 {
margin: 44px 0 0 0;
}




/* =============================================================== 
	*** login *** 
=============================================================== */

/* login.html
--------------------------------------------------------- */
/* ----- loginArea ----- */
#contents #main .loginArea {
position: relative;
width: 761px;
margin: -10px 0 0 60px;
padding: 36px 0 0 0;
background: url(../img/member/login/bg_loginArea_top.gif) no-repeat left top;
}
#contents #main .loginArea .btm{
width: 761px;
padding: 0 0 41px 0;
background: url(../img/member/login/bg_loginArea_btm.gif) no-repeat left bottom;
}
#contents #main .loginArea .inner {
width: 761px;
padding: 0 0 46px 0;
background: url(../img/member/login/bg_loginArea.gif) repeat-y left top;
overflow: hidden;
}

/* -- login -- */
#contents #main .loginArea .login {
float: left;
width: 405px;
margin: 0 10px 0 0;
}
#contents #main .loginArea .login h2 {
margin: 0 0 20px 78px;
}
#contents #main .loginArea .login p {
margin: 0 0 20px 84px;
line-height: 160%;
color: #936D63;
}
/* form */
#contents #main .loginArea .login form {
margin: 0 0 0 70px;
color: #936D63;
}
#contents #main .loginArea .login form dl {
width: 260px;
overflow: hidden;
}
#contents #main .loginArea .login form dl dt {
clear: both;
float: left;
width: 66px;
margin: 0;
padding: 6px 0 0 0;
}
#contents #main .loginArea .login form dl dt label,
#contents #main .loginArea .login form p label {
cursor: pointer;
}
#contents #main .loginArea .login form dl dd {
float: left;
width: 190px;
margin: 0 0 10px 0;
padding: 0;
}
#contents #main .loginArea .login form dl dd input {
float: left;
width: 172px;
margin: 0;
padding: 4px 6px 4px 6px;
}
#contents #main .loginArea .login form p {
margin: 10px 0 0 66px;
}
#contents #main .loginArea .login form p input {
margin: 0 6px 0 0;
vertical-align: middle;
}
#contents #main .loginArea .login form p {
margin: 13px 0 0 66px;
}
#contents #main .loginArea .login form p a:hover {
text-decoration: none;
}

/* ul */
#contents #main .loginArea  ul {
position: absolute;
left: 90px;
bottom: 20px;
}
#contents #main .loginArea  ul li {
padding: 0 0 0 1em;
text-indent: -1em;
line-height: 140%;
color: #936D63;
}
#contents #main .loginArea  ul li a {
text-decoration: underline;
color: #D26000;
}

/* -- register -- */
#contents #main .loginArea .register {
float: left;
width: 343px;
}
#contents #main .loginArea .register h2 {
position: relative;
float: none;
clear: both;
width: 196px;
height: 52px;
margin: 0 0 54px 68px;
}
#contents #main .loginArea .register p {
width: 240px;
margin: 0 0 36px 58px;
line-height: 160%;
color: #936D63;
}
#contents #main .loginArea .register p.buttun {
margin: 0 0 0 106px;
}
#contents #main .loginArea .register p.buttun a {
display: block;
width: 134px;
height: 40px;
padding: 0;
border: none;
cursor: pointer;
overflow: hidden;
}
#contents #main .loginArea .register p.buttun a:hover {
background: url(../img/store/cart/btn_register.jpg) no-repeat 0 -40px;
text-decoration: none;
}
#contents #main .loginArea .register p.buttun a:hover img {
visibility: hidden; 
}


/* password.html
--------------------------------------------------------- */
/* ----- passwordArea ----- */
#contents #main .passwordArea {
position: relative;
width: 889px;
margin: -10px auto 0 auto;
padding: 41px 0 0 0;
background: #D8F0F1 url(../img/member/login/bg_loginPassword_top.gif) no-repeat left top;
}
#contents #main .passwordArea .btm{
width: 889px;
padding: 0 0 46px 0;
background: url(../img/member/login/bg_loginPassword_btm.gif) no-repeat left bottom;
}
#contents #main .passwordArea h2 {
width: 211px;
margin: 0 auto 32px auto;
}
#contents #main .passwordArea p {
margin: 0 0 0 234px;
color: #936D63;
}
#contents #main .passwordArea p span {
color: #D35800;
}
#contents #main .passwordArea ul {
margin: 8px 0 0 234px;
}
#contents #main .passwordArea ul li {
line-height: 160%;
color: #936D63;
}
#contents #main .passwordArea ul li.anno {
color: #BE2D0C;
}
#contents #main .passwordArea form {
width: 486px;
margin: 40px 0 0 234px;
}
#contents #main .passwordArea form p {
margin: 0 0 50px 50px;
}
#contents #main .passwordArea form p.mail  {
margin: 0 0 50px 94px;
}
#contents #main .passwordArea form p.btn {
margin: 0 0 50px 150px;
}

#contents #main .passwordArea form label {
padding: 0 10px 0 0;
}
#contents #main .passwordArea form p.mail label {
padding: 0 20px 0 0;
}
#contents #main .passwordArea form input {
width: 190px;
height: 16px;
margin: 0;
padding: 2px 0 2px 0;
}



/* logout.html
--------------------------------------------------------- */
/* ----- logoutArea ----- */
#contents #main.noSide .logoutArea {
text-align: center;
}
#contents #main.noSide .logoutArea h2 {
margin: 54px 0 0 0;
}
#contents #main.noSide .logoutArea p {
width: 200px;
margin: 36px auto 0 auto;
padding: 0 0 0 40px;
line-height: 160%;
text-align: left;
}
#contents #main.noSide .logoutArea p a {
color: #F66500;
}
#contents #main.noSide .logoutArea p.btn_gotop {
padding: 0 0 0 35px;
}

#contents #sidebar .formArea .logout p.check {
width: 174px; 
margin: 8px 0 10px 16px;
text-align: left;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
}

#contents #sidebar .formArea .logout p.check input {
margin: 0 5px;
}

/* IE7へ指定 */
*:first-child+html #contents #sidebar .formArea .logout p.check input {
margin: -5px 5px 0 5px;
}

/* =============================================================== 
	*** mypage *** 
=============================================================== */

#contents #main .mypageArea {
width: 666px;
}

#contents #main .mypageArea .breadCrumb {
margin: 45px 0 25px -16px;
}


#contents #main .mypageArea .pageNav {
margin:0 0 40px;
}


#contents #main .mypageArea h1 {
margin: 0 0 30px 0;
border-bottom: 1px solid #C0C0BE;
}

/* p */
#contents #main .mypageArea p.intro {
margin: 0 0 20px 0;
line-height: 160%;
}
#contents #main .mypageArea p.intro span {
color: #BE2D0C;
}
#contents #main .mypageArea p.btn_add.no-flt {
clear: both;
float: none;
}
#contents #main .mypageArea .btnArea {
margin: 40px 0 0 0;
text-align: center;
}
#contents #main .mypageArea .btnArea p {
width: 300px;
margin: 0 auto 0 auto;
overflow: hidden;
}
#contents #main .mypageArea .btnArea p.empty {
width: 666px;
margin: 12px 0 0 0;
font-size: 18px;
color:#769e09;
clear:both;
}
#contents #main .mypageArea .btnArea input#submit {
float: left;
}


/* table */
#contents #main .mypageArea table.register td {
width: 466px;
}
#contents #main .mypageArea table td span.anno {
line-height: 140%;
}
#contents #main .mypageArea table td span.confirm {
display: block;
margin: 0 0 4px 0;
padding: 0;
}

/* input btn */
#contents #main .mypageArea input#btn_confirm {
width: 141px;
height: 40px;
padding: 40px 0 0 0;
border: none;
background: url(../img/member/register/btn_confirm.jpg) no-repeat left top;
cursor: pointer;
overflow: hidden;
}
#contents #main .mypageArea input#btn_submit  {
width: 141px;
height: 40px;
padding: 40px 0 0 0;
border: none;
background: url(../img/member/mypage/btn_submit.jpg) no-repeat left top;
cursor: pointer;
overflow: hidden;
}



/* thanks.html
--------------------------------------------------------- */
#contents #main .mypageArea .thanks {
width: 666px;
text-align: center;
}
#contents #main .mypageArea .thanks h1 {
margin: 0 0 20px 0;
border: none;
}
#contents #main .mypageArea .thanks p {
line-height: 180%;
}
#contents #main .mypageArea .thanks dl {
margin: 38px 0 0 270px;
text-align: left;
}
#contents #main .mypageArea .thanks p.btn_gotop {
width: 141px;
margin: 30px auto 0 auto;
}


/* ===================== history ===================== */
/* table.history */
#contents #main .mypageArea table.history {
width: 666px;
}
#contents #main .mypageArea table.history th {
padding: 14px 0 14px 0;
text-align: center;
}
#contents #main .mypageArea table.history th.detail {
width: 100px;
border-right: none;
}
#contents #main .mypageArea table.history td {
padding: 14px 0 14px 0;
border-right: 1px solid #EBD9C3;
text-align: center;
}
#contents #main .mypageArea table.history td.day {
width: 256px;
padding: 0 0 0 14px;
text-align: left;
}
#contents #main .mypageArea table.history td.num {
width: 90px;
}
#contents #main .mypageArea table.history td.payment {
width: 130px;
}
#contents #main .mypageArea table.history td.price {
width: 130px;
}
#contents #main .mypageArea table.history td.rgt {
padding: 0 28px 0 0;
text-align: right;
}
#contents #main .mypageArea table.history td.charge {
padding: 0 24px 0 0;
text-align: right;
}
#contents #main .mypageArea table.history td.code {
width: 140px;
}
#contents #main .mypageArea table.history td.product {
width: 255px;
}
#contents #main .mypageArea table.history td.total {
width: 60px;
padding: 14px 28px 14px 10px;
text-align: right;
}
#contents #main .mypageArea table.history td.sum {
color: #BE2D0C;
}
#contents #main .mypageArea table.history td.detail {
width: 70px;
padding: 12px 0 12px 24px;
border-right: none;
text-align: left;
}
#contents #main .mypageArea table.history td.detail a {
display: block;
width: 52px;
height: 0;
margin: 0;
padding: 40px 0 0 0;
border: none;
background: url(../img/member/mypage/btn_detail.jpg) no-repeat left top;
cursor: pointer;
overflow: hidden;
}
#contents #main .mypageArea table.history td.detail a:hover {
background: url(../img/member/mypage/btn_detail.jpg) no-repeat 0 -40px;
}

#contents #main .mypageArea table.horizon th {
width: 130px;
padding: 0 0 0 10px;
}
#contents #main .mypageArea table.horizon td {
width: 526px;
}

#contents #main .mypageArea table.mgt30 {
margin: 30px 0 0 0;
}

#contents #main .mypageArea h2.contact {
margin: 30px 0 2px 0;
}

/* infoArea */
#contents #main .mypageArea .infoArea {
margin: 0 0 30px 0;
padding: 8px 6px 0 6px;
border: 2px solid #FFEDB6;
}
#contents #main .mypageArea .infoArea p {
margin: 0 0 8px 0;
}


/* ===================== withdraw ===================== */
#contents #main .mypageArea .withdraw {
text-align: center;
}
#contents #main .mypageArea .withdraw p {
margin: 10px 0 10px 0;
line-height: 180%;
}
#contents #main .mypageArea .withdraw p.buttun {
width: 300px;
margin: 12px auto 18px auto;
overflow: hidden;
}
#contents #main .mypageArea .withdraw input {
float:left;
}
#contents #main .mypageArea .withdraw p.anno {
clear: both;
float: none;
color: #BE2D0C;
}

/* img hover */
#contents #main .mypageArea a#btn_goWithdraw {
display: block;
width: 141px;
height: 0;
margin: 0 auto 0 auto;
padding: 40px 0 0 0;
background: url(../img/member/mypage/btn_goWithdraw.jpg) no-repeat left top;
font-size: 0;
overflow: hidden;
}
#contents #main .mypageArea a#btn_goWithdraw:hover {
background: url(../img/member/mypage/btn_goWithdraw.jpg) no-repeat 0 -40px;
}
#contents #main .mypageArea a#btn_noWithdraw {
display: block;
float: left;
width: 150px;
height: 0;
padding: 40px 0 0 0;
background: url(../img/member/mypage/btn_noWithdraw.jpg) no-repeat left top;
font-size: 0;
overflow: hidden;
}
#contents #main .mypageArea a#btn_noWithdraw:hover {
background: url(../img/member/mypage/btn_noWithdraw.jpg) no-repeat 0 -40px;
}
#contents #main .mypageArea a#btn_withdraw {
display: block;
float: left;
width: 141px;
height: 0;
padding: 40px 0 0 0;
background: url(../img/member/mypage/btn_withdraw.jpg) no-repeat left top;
font-size: 0;
overflow: hidden;
}
#contents #main .mypageArea a#btn_withdraw:hover {
background: url(../img/member/mypage/btn_withdraw.jpg) no-repeat 0 -40px;
}

#contents #main .mypageArea a#btn_back {
display:block;
float: left;
width: 143px;
height: 40px;
cursor: pointer;
overflow: hidden;
}
#contents #main .mypageArea a#btn_back:hover {
background: url(../img/member/mypage/btn_back.jpg) no-repeat 0 -40px;
}
#contents #main .mypageArea a#btn_back:hover img {
visibility: hidden;
}
#contents #main .mypageArea input#btn_finWithdraw {
width: 143px;
height: 40px;
padding: 40px 0 0 0;
border: none;
background: url(../img/member/mypage/btn_finWithdraw.jpg) no-repeat left top;
cursor: pointer;
overflow: hidden;
}
#contents #main .mypageArea .btnArea a#btn_before,
#contents #main .mypageArea .btnArea a#btn_before:hover {
float: left;
}
#contents #main .mypageArea .btnArea p.btn_before {
padding: 0 0 0 190px;
}
#contents #main .mypageArea input#btn_send,
#contents #main .mypageArea input#btn_finWithdraw,
#contents #main .mypageArea a#btn_withdraw,
#contents #main .mypageArea input#btn_submit,
body#noSide #contents #main input#btn_next,
body#noSide #contents #main input#btn_member_register {
float: left;
}
#contents #main .mypageArea p.before,
body#noSide #contents #main .mypageArea p.before {
margin: 0 0 0 120px;
}



/* table */
#contents #main .mypageArea table.reason th {
width: 165px;
vertical-align: top;
} 
#contents #main .mypageArea table.reason td {
width: 448px;
}
#contents #main .mypageArea table.reason td textarea {
width: 424px;
height: 135px;
margin: 12px 0 12px 0;
}



/* ===================== send ===================== */

/* table */
#contents #main .mypageArea table.send {
clear: both;
}
#contents #main .mypageArea table.send th {
padding: 14px 0 14px 0;
border-right: none;
text-align: center;
}
#contents #main .mypageArea table.send td {
border-right:1px solid #EBD9C3;
}
#contents #main .mypageArea table.send td.num {
width: 38px;
padding: 0;
text-align: center;
}
#contents #main .mypageArea table.send td.add {
width: 330px;
padding-right: 20px;
}
#contents #main .mypageArea table.send td.no-rbdr {
border-right: none;
}



/* =============================================================== 
	*** popup *** 
=============================================================== */

body#popup #main h1 {
margin: 0 0 38px 0;
}

/* ----- passArea ----- */
body#popup #main .passArea {
padding: 0 0 0 30px;
text-align: left;
}
body#popup #main .passArea p {
margin: 0 0 8px 14px;
line-height: 160%;
color: #6F5736;
}
body#popup #main .passArea p span {
color: #A76D24;
}
body#popup #main .passArea ul {
margin: 0 0 24px 14px;
}
body#popup #main .passArea ul li {
margin: 0 0 6px 0;
color: #6F5736;
}
body#popup #main .passArea ul li.note {
color: #C7360F;
}
body#popup #main .passArea ul li a {
color: #D26000;
}

/* form */
body#popup #main .passArea form .formArea {
width: 609px;
height: 83px;
padding: 66px 0 0 0;
background: url(../img/member/popup/bg_passArea.gif) no-repeat left top;
}
body#popup #main .passArea form .formArea p {
text-align:center;
}
body#popup #main .passArea form .formArea p.ana_mail {
padding: 0 0 0 80px;
}
body#popup #main .passArea form .formArea p.ana_pass {
padding: 0 0 0 90px;
}

body#popup #main .passArea form p.confirm {
color: #C7360F;
}
body#popup #main .passArea form p label {
padding: 0 15px 0 0;
vertical-align: middle;
cursor: pointer;
}
body#popup #main .passArea form p input {
width: 190px;
padding: 4px 6px 4px 6px;
}
body#popup #main .passArea form input#next,
body#popup #main .passArea p.btn_close {
margin: 25px 0 0 235px;
}
body#popup #main .passArea p.btn a:hover {
text-decoration: none;
}


body#popup #main p.info {
margin: 0 0 20px 0;
padding: 0 0 0 10px;
text-align: left;
line-height: 160%;
}
#contents #main.noSide p.info span,
body#popup #main p.info span {
color: #BF2311;
}

body#popup #main .btnArea {
padding: 20px 0 0 0;
}


/*　エコバッグキャンペーン削除
20091026 wada
1）ヘッダコイン下のもこもこをコメントアウトした　
2）下記のCSSを変更（変更元はコメントアウト）
----------------------------------------------------*/

#contents #main .ecobag p.member {
height: 50px;
margin: 0 0 0 250px;
padding: 30px 0 0 0;
}

#contents #main .privileges h2 {
margin: -80px 0 0 0;
}


#contents #main .ecobag p.member a {
display: block;
width: 173px;
height: 0;
padding: 50px 0 0 0;
background: url(../img/campaign/renewal/btn_member-registration-up.jpg) no-repeat left top;
font-size: 0;
overflow: hidden;
}
#contents #main .ecobag p.member a:hover {
background: url(../img/campaign/renewal/btn_member-registration-up.jpg) no-repeat 0 -50px;
}