@charset "utf-8";
/* CSS Document */

/*---------------------------------------
2010/07/　　買い物かご
---------------------------------------*/

/* タイトルバー */
.title_cart{
	margin-bottom:10px;
	width:630px;
	padding:10px;
	background-color:#346AD2;
	font-size:16px;
	color:#FFFFFF;
}
/*---------------------------------------
2010/07/　　ボタン
---------------------------------------*/

#form-container input#btnNext{
border:none;
padding:0;
margin:20px auto;
text-align:center; 
background:url(../image/btn_next.gif) no-repeat top left;
width:196px;
height:40px;
text-indent:-99999px; 
overflow: hidden;
font-size: 0px;
display:block;
line-height: 0px;
cursor: pointer; 
}


/*---------------- index.html -----------------*/

/* 買い物かごテーブル */
p.cartCap{
	margin-bottom:10px;
	padding-top:20px;
}
table#cart{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:680px;
}
table#cart th, table#cart td{
	border:1px solid #CCC;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}
table#cart th{
	background-color:#EEE;
}
table#cart td.pImg{
	width:140px;
}
table#cart td.details{
	text-align:left;
	vertical-align:top;
	width:209px;
}
table#cart td.details p.pName{
	font-weight:bold;
	margin-bottom:20px;
}
table#cart td.details p{
	margin-bottom:10px;
}
table#cart td.details span.red{
	font-weight:bold;
	color:#CC0033;
}
table#cart td.details ul{
}
table#cart td.details ul li{
	padding:5px 0 0 5px;
	float:left;
}
table#cart td.details ul li.first{
	padding:5px 0 0 0;
}
table#cart td.price{
	text-align:right;
}
table#cart td#total{
	background-color:#fff1f1;
}
/* 買い物かごを空にする */
p#emptyCart{
	margin:10px 0 0 530px;
	padding-left:20px;
}
/* #shopNotice */
#shopNotice{
	margin-top:10px;
	padding:0 10px 10px 10px;
	border:2px solid #666;
}
#shopNotice p{
	margin-top:10px;
	font-weight:bold;
}
#shopNotice span.red{
	color:#CC0033;
	font-size:123.1%;
}

/*----- .formBtn2 ボタン（index.html） -----*/
div#form-container div.formBtn2 img.contShop{ 
	margin:4px 30px 4px 113px;
	float:left;
}
*html div#form-container div.formBtn2 img.contShop{ /* IE6対応用 */
	margin:4px 30px 4px 113px;
	float:left;
}

/*div.formBtn p a:hover {
	color :#009900;
	text-decoration:none;
	background-color:#ffffff;
}*/
div.formBtn{
	margin:20px 0;
	text-align:left;
}
div.formBtn img {
	display:block;
	width:193px;
	float:left;
	margin:0 20px 0 87px;
}
*html div.formBtn img { /*IE6用のハック*/
	margin:0 10px 0 44px;
}
div.formBtn input#btnOrderForm{
	display:block;
	width:238px;
}
/*----- #deliveryTxt -----*/
div#deliveryTxt {
	padding:20px 10px 10px 10px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:50px;
}
div#deliveryTxt dl dt, div#deliveryTxt dl dd{
	float:left;
}
div#deliveryTxt dl dt{
	padding-right:20px;
}
div#deliveryTxt dl dd.link{
	padding-left:20px;
}
#deliveryTxt a:hover { /*ie8 bug用のハック
	text-decoration:none;
	background-color:transparent;
	line-height:0;*/
}

/*----- #together 一緒に買いたい -----*/
div#together{
	width:100%;
	background-color:#d7e2f6;
	margin-bottom:30px;
}
body#cartIndex div#together h3{
	padding:0;
	background:none;
	width:680px;
	margin-bottom:10px;
}
div#together ul{
	padding:10px 10px 10px 0;
}
div#together ul li{
	float:left;
	width:140px;
	padding-left:25px;
}

/*----- #set お得に買いたい -----*/
div#set{
	width:100%;
	background-color:#f8d4e2;
	margin-bottom:30px;
}
body#cartIndex div#set h3{
	padding:0;
	background:none;
	width:680px;
	margin-bottom:10px;
}
div#set ul{
	padding:10px 10px 10px 0;
}
div#set ul li{
	float:left;
	width:140px;
	padding-left:25px;
}


/*---------------- カートステップ -----------------*/

/*------ step1.html〜step4.htmlまでの共通css -------*/

/*---------------------------------------
　　表示レイアウトパターン
---------------------------------------*/

#step{
	margin:15px 0 20px -15px;
}

#form-container .order {
	background-color: #e1e8f6;
	width:630px;
	padding:10px;
	line-height:150%;
	margin:10px auto;
}

#form-container .order table{
	width:100%;
	background-color: #e1e8f6;
}

#form-container .order th {
	background-color:#e1e8f6;
	font-weight:bold;
	text-align:left;
	padding:1em;
}

#form-container .order th .attention{
	float:right;
	color:#CC0033;
}

#form-container .order td {	
	vertical-align:text-top;
	background-color:#e1e8f6;
	border-bottom:0px;
}
#form-container .order td label{	
	vertical-align:text-top;
	background-color:#e1e8f6;
	border-bottom:0px;
	line-height:180%;
}
#form-container .order div#payment2 td label{	
	vertical-align:middle;
	border-bottom:0px;
	line-height:180%;
}
#form-container .order td div.paymentGroup dl dt label {	
	background-color:#FFF;
}

/*------ step1.html -------*/
div#attention{
	margin-bottom:20px;
}
div#attention p{
	margin-bottom:10px;
}
div#attention ul{
	margin-left:15px;
}
div#attention ul li{
	list-style:square;
	margin-bottom:5px;
}
div#form-container table td.forget{
	padding:15px 10px 20px 100px;
}
div#form-container table td.forget p{
	margin-left:30px;
	padding-left:15px;
	float:left;
}

/*------ step1_other_add.html -------*/
div#form-container p.adrsChoice{
	padding:15px 10px 0;
}
div#form-container div#addList{
	margin-top:30px;
	padding-left:80px;
}
div#form-container div#addList input{
	display:block;
	float:left;
}
div#form-container div#addList p{
	float:left;
	padding-left:15px;
}

/*------ step2.html -------*/
#form-container div.orderStep2 {
	background-color: #e1e8f6;
	width:610px;
	padding:20px;
	line-height:150%;
	margin:10px auto;
}
#form-container div.orderStep2 table{
	width:100%;
	background-color: #e1e8f6;
}
#form-container div.orderStep2 th {
	background-color:#e1e8f6;
	font-weight:bold;
	text-align:left;
	padding:1em;
}
#form-container div.orderStep2 th .attention{
	float:right;
	color:#CC0033;
}
#form-container div.orderStep2 td {	
	vertical-align:text-top;
	background-color:#e1e8f6;
	border-bottom:0px;
}
#form-container div.orderStep2 td label{	
	vertical-align:text-top;
	background-color:#e1e8f6;
	border-bottom:0px;
	line-height:180%;
}

div#form-container div.orderPayment table td.paymentChoice div.paymentGroup{
	background-color:#FFF;
	padding:10px;
	width:590px;	
}
#form-container div.orderPayment {
	background-color: #e1e8f6;
	width:610px;
	padding:20px;
	line-height:150%;
	margin:10px auto;
}
#form-container div.orderPayment table{
	width:100%;
	background-color: #e1e8f6;
	border:none;
}
#form-container div.orderPayment th {
	background-color:#e1e8f6;
	font-weight:bold;
	text-align:left;
	padding:1em;
}
#form-container div.orderPayment th .attention{
	float:right;
	color:#CC0033;
}
#form-container div.orderPayment td {	
	vertical-align:top;
	border-bottom:0px;
}
#form-container div.orderPayment td label{	
	border-bottom:0px;
	line-height:180%;
}
/*-- 分割納入（完了セットのみ表示） --*/
#form-container div.orderSet {
	background-color: #e1e8f6;
	width:610px;
	padding:20px;
	line-height:150%;
	margin:10px auto;
}
#form-container div.orderSet table{
	width:100%;
	background-color: #e1e8f6;
	border:1px #e1e8f6 solid;
}
#form-container div.orderSet table td.bdrBtm15{
	border-bottom:15px #e1e8f6 solid;
}
#form-container div.orderSet th {
	background-color:#e1e8f6;
	font-weight:bold;
	text-align:left;
	padding:1em;
}
#form-container div.orderSet td {	
	vertical-align:top;
	background-color:#e1e8f6;
	border-bottom:0px;
}
#form-container div.orderSet td label{	
	vertical-align:top;
	background-color:#e1e8f6;
	border-bottom:0px;
	line-height:180%;
}
#form-container .orderSet td.padT01em {
	padding-top:0.1em;
}
/*-------------*/

#form-container div.orderDelivery {
	background-color: #e1e8f6;
	width:610px;
	padding:20px;
	line-height:150%;
	margin:10px auto;
}
#form-container div.orderDelivery table{
	width:100%;
	background-color: #e1e8f6;
	border:1px #e1e8f6 solid;
}
#form-container div.orderDelivery th {
	background-color:#e1e8f6;
	font-weight:bold;
	text-align:left;
	padding:1em;
}
#form-container div.orderDelivery td {	
	vertical-align:top;
	background-color:#e1e8f6;
	border-bottom:0px;
	padding-top:1em;
}
#form-container div.orderDelivery td label{	
	vertical-align:top;
	background-color:#e1e8f6;
	border-bottom:0px;
	line-height:180%;
}
div#form-container div.orderDelivery table td.deliverDate{
	background:url(../image/common/liststyle_bbtn.png) no-repeat 0 1.5em;
	padding-left:13px;
}
div#form-container div.orderDelivery table td.wrapping{
	background:url(../image/common/liststyle_bbtn.png) no-repeat 0 0.5em;
	padding-left:13px;
	border-top:#E1E8F6 10px solid;
}
div#form-container div.orderDelivery table td.wrapChoice{
	border-top:#E1E8F6 10px solid;
}
div#form-container div.orderDelivery table td.wrapChoice p{
	padding-left:20px;
	display:inline;
}
div#form-container div.orderDelivery table td.deliverOthers{
	background:url(../image/common/liststyle_bbtn.png) no-repeat 0 1.5em;
	padding-left:13px;
	border-top:#E1E8F6 10px solid;
}

#form-container div.orderOption {
	background-color: #e1e8f6;
	width:610px;
	padding:20px;
	line-height:150%;
	margin:10px auto;
}
#form-container div.orderOption table{
	width:100%;
	background-color: #e1e8f6;
	border:1px #e1e8f6 solid;
}
#form-container div.orderOption th {
	background-color:#e1e8f6;
	font-weight:bold;
	text-align:left;
	padding:1em;
}
#form-container div.orderOption td {	
	background-color:#e1e8f6;
	border-bottom:0px;
}
#form-container div.orderOption td label{	
	background-color:#e1e8f6;
	border-bottom:0px;
	line-height:180%;
}
div#form-container div.orderOption table td.option img{
	margin-bottom:20px;
}

/* payment */
#form-container .paymentGroup {
	background-color:#FFF;
	padding:10px;
	width:590px;	
	padding:0;
	margin:0;
}

#form-container .paymentGroup table{
	width:100%;
	/*background-color: #e1e8f6;*/
	background-color:#FFF;
}

#form-container .paymentGroup th {
	background-color:#FFF;
	font-weight:bold;
	text-align:left;
}

#form-container .paymentGroup th .attention{
	float:right;
	color:#CC0033;
}

#form-container .paymentGroup td {	
	vertical-align:text-top;
	background-color:#FFF;
	border-bottom:0px;
	padding:5px;
}

#form-container .paymentGroup ul {
margin:5px 0px 5px 10px;
list-style:outside;
}

#form-container .paymentGroup li {
margin-left:30px;
padding:2px;
}

#form-container .paymentGroup dl dt {
	margin-top: 15px;
}

#form-container .paymentGroup dl dd {
	margin-left: 30px;
}
#form-container .paymentGroup dl dd {
	margin-left: 30px;
}
body#cartIndex div#form-container div.paymentGroup #form-container .lb{
	margin-top:3px;
	display: block;
	width: 8em;
	float: left;
	background-color:#FFF;
}
body#cartIndex div#form-container div.paymentGroup #form-container .rlb{
	width:50px;
	float: left;
	background-color:#FFF;
}
body#cartIndex div#form-container div.paymentGroup #form-container .end{
	width:50px;
	clear:both;
	background-color:#FFF;
}
body#cartIndex div#form-container div.paymentGroup dl dt label.lb,
body#cartIndex div#form-container div.paymentGroup dl dt label.rlb,
body#cartIndex div#form-container div.paymentGroup dl dt label.rle,
body#cartIndex div#form-container div.paymentGroup dl dt label.end,
{
	background-color:#FFF;
}

/*---------------------------------------
2010/18/　　表示切り替えデフォルトセット（システム用編集禁止）
---------------------------------------*/
#payment2,#payment3,#payment4,#payment5,#payment6,#payment7,#payment8{
margin:1em;
}

/*------ step3.html -------*/
div#form-container div.btnStep3{
	margin-top:10px;
	text-align:right;
}
div#form-container div.btnStep3T{
	width:650px;
}
div#form-container div.btnStep3T img{
	float:right;
	width:225px;
}
div#form-container div.btnStep3T p{
	float:left;
	width:410px;
}
div#form-container table.enquete th, div#form-container table.enquete td{
	padding:10px;
}
div#form-container table.enquete th{
	background-color:#ADC3F0;
	border-bottom:3px solid #FFFFFF;
	vertical-align:text-top;
	font-weight:bold;
}
div#form-container table.answer td{
	vertical-align:middle;
}


/*------ order_edit.html -------*/
body#cartIndexEdit #form-container {
	margin:0 auto;
	background-color: #FFF;
	width:680px;
	margin-bottom:20px;
}
#form-container table#cart td {
	background-color:#FFF;
}
body#cartIndexEdit div#form-container div#addList{
	margin-top:10px;
	padding-left:95px;
}


/*------ step4.html -------*/
div#complete{
	margin-bottom:15px;
	text-align:center;
	margin:0 auto;
}
div#complete p{
	margin-bottom:15px;
}
div#complete p.thanks{
	font-size:116%;
	font-weight:bold;
	color:#cc0033;
}
div#complete p.tomypage{
	font-size:116%;
	font-weight:bold;
	margin-top:50px;
}

/*--------------------------------------------
2010/08/
---------------------------------------------*/
  .sprited {
		background: url(../image/download_sprite.png) no-repeat;
		line-height: 1000px;
		overflow: hidden;
		display: block;
  }

  #sign_up {
        -moz-border-radius: 6px;
        background: #eef2f7;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 14px 22px;
        width: 450px;
        position: relative;
        display: none;
    }
    #sign_up #sign_up_form {
        margin-top: 13px;
    }
	
	#sign_up img {
        margin: 0.5em;
    }
	
    #sign_up label {
        display:inline;
		width:200px;
        color: #536376;
        font-size: .9em;
    }
	
	#sign_up dl {
		margin:auto;
		height:200px;
    }
	
	#sign_up dl dt {
		float:left;
		text-align:center;
    }
	
  /*
    #sign_up label input {
        display: block; 
        width: 393px;
        height: 31px;
        background-position: -201px 0;
        padding: 2px 8px;
        font-size: 1.2em;
        line-height: 31px;
    }
	*/
    
    #see_id {
        width: 228px;
        height: 23px;
        background-position: -202px -133px;
    }
	
    #left_out {
        background-position: -202px -158px;
        width: 113px; height: 16px;
    }
	
    #sign_up_form {
        position: relative;
        background: url(../image/divider.png) repeat-x bottom left;
        padding-bottom: 54px;
        margin-bottom: 12px;
    }
	
    #actions {
	margin-left:100px;
        right: 0;
        height: 31px;
        bottom: 4px;
    }
	
    a.form_button {
        float: left;
        width: 117px; height: 31px;
        margin-right: 15px;
    }
    /*#cancel { background-position: -198px -36px; } */
	#cancel { background-position: -423px -36px; }
    /*#log_in { background-position: -291px -36px; } */
	#log_in { background-position: -424px -136px; }
    /* #cancel:hover { background-position: -198px -67px; } */
	#cancel:hover { background-position: -423px -67px; }
    #cancel:active { background-position: -423px -98px; }
    #log_in:hover { background-position: -424px -167px; }
    #log_in:active { background-position: -424px -198px; }
    #close_x { 
        width: 24px; height: 23px;
        overflow: hidden; line-height: 1000px;
        display: block;
        position: absolute; top: 5px; right: 5px;
        background-position: -387px -102px;
    }
    #usage { background-position: -323px -172px; width: 67px; height: 22px;}
	
	.red{
		color:#FF0000;
	}
	
	.right{
	text-align:right;
	}
	
	.btn_edit{
	margin:30px 0px 30px 0; 
	width:99%; 
	height:40px;
	}
	
/*-----------------------------
 会員規約
-----------------------------*/


div#agree{
	padding:0 15px 15px;
	height: 250px;
	overflow: scroll;
	background-color: #FFF;
	border: 1px #999 solid;
}
div#agree h4{
	font-size:108%;
	font-weight:bold;
	margin:10px 0 5px;
}
div#agree h4 span.normal{
	font-weight:normal;
}
div#agree p{
	padding:0 1em;
}
div#agree ol{
	margin:10px 0 0 3em;
}
div#agree ol li{
	padding-bottom:5px;
	list-style:decimal;
	line-height:1.5;
}


/*-----------------------------
 支払方法のアイコン
-----------------------------*/

ul.blueicon li{
	margin-bottom: 5px;
	list-style-image: url(../../image/common/icon.gif);
}

/*-----------------------------
 支払方法のtable
-----------------------------*/

.Tbl {
	border-collapse: collapse;
}


.Tbl td {
	padding: 5px;
	border: 1px #999 solid;
	line-height: 1.5;
}