@charset "utf-8";
/*
========================================
買い物かご
========================================
*/
.step{
margin:0 0 40px 0;
}
/*
========== ログイン選択 ==========
*/
.login{
padding:0 30px 60px;
width:803px;
}
.login h2{
padding:0 0 0 5px;
margin:0 0 20px 0;
}
/*----- 会員 -----*/
.memberlogin{
width:387px;
float:left;
background:transparent url(../images/member_bg.gif) left top repeat-y;
text-align:center;
}
.memberlogin .top{
padding:14px 0 0;
width:387px;
background:transparent url(../images/member_top.gif) left top no-repeat;
}
.memberlogin .bottom{
padding:0 30px 10px;
width:327px;
background:transparent url(../images/member_bottom.gif) left bottom no-repeat;
}
.memberlogin table{
height:95px;
margin:0 0 6px 0;
}
.memberlogin input.text{
width:210px;
}
.memberlogin td{
padding:0 0 0 5px;
text-align:left;
}
.memberlogin th{
text-align:right;
vertical-align:bottom;
}
.memberlogin p{
margin-bottom:0;
}
.memberlogin .save{
padding:3px 0 0 106px;
}
.memberlogin .captcha{
margin:5px 0;
height:auto;
}
.memberlogin .captcha span{
margin:5px 0 0 0;
padding:3px 0;
display:block;
text-align:center;
border:1px solid #ccc;
background:#fff;
}

/*----- 非会員 -----*/
.guestlogin{
padding:14px 0 0 0;
width:383px;
height:195px;
float:right;
background:transparent url(../images/guest_bg.gif) left top no-repeat;
text-align:center;
}
.guestlogin h3{
margin:0 0 15px 0;
}
.guestlogin p.text{
margin:0 0 6px 0;
}
.guestlogin p.ico{
margin:0 0 7px 0;
padding:0 0 0 63px;
text-align:left;
}
/*
========== 配送先 ==========
*/
.area{
margin:0 auto 30px;
padding:10px 10px 1px;
width:814px;
border:1px solid #ffe28c;
}
.area table{
margin:0 0 10px 0;
}
.area .title{
margin:0 0 15px 0;
}
.area .area{
margin:0 auto 10px;
padding:10px;
width:764px;
}
.area .area p{
margin:0;
}
.cartop{
margin:0 0 12px 0;
padding:5px;
background:#eee;
}
.cartdf{
margin:0 0 12px 0;
padding:5px;
background:#ffe28c;
}
.cartop .datatbl{
margin:3px 0;
background:#fff;
}
.cartdf table,
.cartop table{
margin:0;
}
.complete{
margin:0 auto;
width:715px;
}
.complete dl{
margin:0 0 20px 0;
padding:30px;
text-align:center;
background:#fff7de;
}
.complete dt{
font-size:133%;
font-weight:bold;
}
.complete dd{
margin:20px 0 0 0;
font-size:116%;
font-weight:bold;
color:#c6100f;
}
.ichioshil dl{
font-size:116%;
line-height:1.3;
}
.delivery{
border-bottom:1px solid #ccc;
}
.delivery .address{
padding:0 0 0 10px;
background-image:none;
}
.delivery .address dl{
margin:0 0 10px 0;
padding:10px;
border:1px solid #ffe28c;
text-align:left;
background:#fff7de;
}
.period td{
padding:15px 0 0 0;
background:transparent url(../../common/images/line_dotted.gif) 0 10px repeat-x;
}
.period td td{
padding:0;
background:none;
}
/*
========== EFO ==========
*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
.LV_valid {
    color:#00CC00;
	display:none;
}
	
.LV_invalid {
    /*color:#CC0000;*/
	margin:2px 0 0 0;
	/*padding:0 0 0 16px;*/
	display:block;
	/*background-position:0 -1832px;*/
	color:#c72500;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    /*border: 1px solid #00CC00;*/
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	background-color:#ffe0d8;
    /*border: 1px solid #CC0000;*/
}
.focus{
background:#fffdd9;
border:1px solid #c2c2c2;
}
.necField{
background:#ffe0d8;
border:1px solid #c2c2c2;
}
.textInput{
border:1px solid #c2c2c2;
}
.balloonWrap,
.balloon,
.balloonInner{
display:block;
}
.balloonWrap,
.balloon{
width:200px;
background-image:url(../images/balloon.gif);
background-repeat:no-repeat;
}
.balloonWrap{
padding:9px 0 0 0;
position:absolute;
background-position:top left;
}
.balloon{
padding:0 0 23px 0;
background-position:bottom right;
}
.balloonInner{
padding:0 5px;
background:#11934c;
color:#fff;
font-weight:bold;
}
/*
========== complete_banner ==========
*/
.infoBannerWrap,
.infoBanner,
.infoBannerBg{
background-image:url(../../common/images/infobanner_bg.gif);
}
.infoBannerWrap{
margin:3px auto 0;
width:900px;
background-repeat:repeat-y;
background-position:-900px 0;
}
.infoBanner{
background-repeat:no-repeat;
background-position:0 0;
}
.infoBannerBg{
padding:0 0 15px 0;
background-repeat:no-repeat;
background-position:-1800px 100%;
}
.infoBanner p{
margin:0 0 0 13px;
width:874px;
}