@charset "utf-8";
h3{ margin-bottom:10px; padding:10px; background:#EEE; border-top:1px solid #CCC; border-bottom:1px solid #CCC; font-size:100%; font-weight:normal;}
h4{ margin-bottom:10px; padding:5px 0; font-weight:bold;}
h4 em{ color:#FF0004;}

#memberpages div.loginbox{ margin:20px auto; width:80%;}
#memberpages .loginbox p{ margin-bottom:10px;}
#memberpages .loginbox p.submit{ margin-bottom:20px;}
#memberpages .loginbox .inputbox p{ margin-bottom:20px;}
#memberpages .loginbox p#nav{ padding:0 !important;}
#memberpages .loginbox .inputbox input{ width:100%; height:40px; line-height:1.8; -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; }
#memberpages .loginbox .submit input{ border: 0px; width:100%; height: 60px; font: 14px/100% Arial, Helvetica, sans-serif; margin:0 auto; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #FFFFFF; border: solid 1px #999999; background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#999999)); background: -moz-linear-gradient(top,  #CCCCCC,  #999999); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#999999');}
#memberpages .loginbox .submit input:hover{ border: solid 1px #CCCCCC; background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)); background: -moz-linear-gradient(top,  #EEEEEE,  #CCCCCC); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC');}

#newmemberform .header_explanation{ margin-bottom:20px;}
#newmemberform .namebox input{ margin:0 5px 5px 0;}
#newmemberform .send{ margin:0 auto; width:80%; text-align:center;}
#newmemberform .send input{ width:100%; height:60px; border:none; cursor:pointer; background-color:#999999; color:#FFFFFF; font-weight:bold; -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; -webkit-appearance: none; }
#newmemberform .send input:hover{ background-color:#CCCCCC;}

#lostmemberpassword .loginbox p,#lostmemberpassword .loginbox div{ margin-bottom:20px;}

#member .member_submenu{ margin:0 auto 20px; width:70%;}
#member .member_submenu li.edit_member a{ padding:10px; text-align:center; display:block; background:#EEEEEE; border:1px solid #CCCCCC;}
#member .member_submenu li.logout_member a{ padding:10px; text-align:center; display:block; background:#EEEEEE; border:1px solid #CCCCCC;}
#member .history-area,#editmemberform .history-area{ margin-bottom:30px;}
#member .history_num{ margin:0 1% 10px; width:98%;}
#member .history_num th,#member .history_num td{ padding:5px; border:1px solid #CCCCCC;}
#member .history_disc_item{ padding:10px; width:100%;}
#member .history_disc_item .retail{ width:100%;}
#member .history_disc_item .retail th,#member .history_disc_item .retail td{ padding:5px;}
#member .history_disc_item .retail th{ border:1px solid #CCCCCC;}
#member .history_disc_item .retail th.thumbnail{ width:150px;}
#member .history_disc_item .retail_item{ border-bottom:1px solid #CCCCCC;}
#member .send li{ margin-bottom:10px;}

.formbox{ padding:20px; width:100%; border-bottom:1px solid #CCC;}
.formbox table{ width:100%;}
.formbox th{ width:20%;}
.formbox td{ width:80%;}
.formbox input{ width:100%; height:40px;}
.formbox p{ padding:10px; margin-bottom:10px;}
.formbox.namebox p{ width:100%;}
.formbox.namebox .name{ margin-right:2%; width:48%; display: inline-block;}
.formbox .example{ display:block;}
.send{ padding-top:20px; text-align:center;}
.send input{ padding:10px; background:#EEEEEE; border:1px solid #CCCCCC;}

.history_disc_item .retail td{ vertical-align:top;}
.history_num th{ border:1px solid #FFFFFF;}
.retail th{ border:1px solid #FFFFFF;}
.retail .retail_item{ background:url(../images/dotLine.gif) repeat-x left bottom;}
.retail .retail_item:last-child{ background:none; border-bottom:1px solid #FFFFFF;}
/*
@media screen and (max-width: 909px){

}
@media screen and (max-width: 599px){

}

*/

div.customer_form label.iopt_label{
	font-weight:800;
} 

div.customer_form label.iopt_label:after{
  white-space:pre;
  content:'\A';
}