@charset "utf-8";
/* オンラインショップ共通 */
div#help {
	background-image: url(../images/help.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	width: 685px;
	clear: both;
	float: left;
	padding: 20px 0 20px 0;
}

div#nohelp {
	width: 685px;
	clear: both;
	float: left;
}

div.whitespace138 {
	padding: 0 0 0 138px;
}

div.whitespace80 {
	padding: 0 0 0 80px;
}

div.helpcont520 {
	float: left;
	width: 520px;
	text-align: left;
}

.osdotline {
	padding: 0 0 18px 0;
	clear: both;
	float: left;
}

.carthelp {
	font-size: 14px;
	line-height: 125%;
	font-weight: bold;
	color: #CC3300;
	background-image: url(../images/redmark.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 15px;
	clear: left;
	padding: 0 0 25px 10px;
}

.gray12os {
	font-size: 12px;
	line-height: 125%;
	font-weight: lighter;
	color: #666666;
	padding: 0 0 18px 0;
	clear: left;
}

div#helunder {
	background-image: url(../images/proarea_btm.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	clear: left;
	float: left;
	height: 28px;
	width: 520px;
	padding: 10px 0 0 0;
	margin: 5px 0 0 0;
}

a.backbtn {
	background-image: url(../images/backbtn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: right;
	height: 21px;
	width: 54px;
}

a.backbtn:hover {
	background-position: 0px -21px;
}


/* カートについて */




/*未成年告知*/
.miseinen {
	font-size: 14px;
	line-height: 125%;
	font-weight: bold;
	color: #CC3300;
	background-image: url(../images/miseinen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 20px;
	clear: left;
	padding: 0 0 20px 25px;
	margin:0 0 0 30px;
}

/*index　リンク*/
.onlineshop_helplist{
	list-style:none;
	padding:0;
	margin:20px 0 20px 30px;
}

.onlineshop_helplist li{
	border-bottom:1px dashed #CCC;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
}

.onlineshop_helplist li a{
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 235px;
	padding: 0;
	margin: 0;
	text-indent:-9999px;
}
.onlineshop_helplist li a:link,
.onlineshop_helplist li a:visited{
	background-position: left top;
}

.onlineshop_helplist li a:hover,
.onlineshop_helplist li a:active{
	background-position:left bottom;
}


#tocaution a{
	background-image: url(../images/btn_caution.jpg);	
}
#toorder a{
	background-image: url(../images/btn_order.jpg);

}

#toorder p{
	margin:0 0 0 0;
}
#toorder p a{
	display:inline;
	margin:0;
	padding:0;
}

#tofaq a{
	background-image: url(../images/btn_faq.jpg);
}
#topay a{
	background-image: url(../images/btn_pay.jpg);
}
#toagr a{
	background-image: url(../images/btn_agr.jpg);
}
#toinq a{
	background-image: url(../images/btn_inq.jpg);
}


/*index faq*/
.faqsample{
	clear: left;
	display: block;
	padding: 0;
	height: 110px;
	margin: 0 0 0 0;
}

.onlineshop_helplist li .faqsample li{
	border-bottom:none;
	margin:0;
	padding:0;
	float: left;
}
.onlineshop_helplist li .faqsample li a{
	background-repeat: no-repeat;
	display: block;
	height: 110px;
	width: 130px;
}
.onlineshop_helplist li .faqsample li a:link,
.onlineshop_helplist li .faqsample li a:visited{
	background-position:right top;
}
.onlineshop_helplist li .faqsample li a:hover,
.onlineshop_helplist li .faqsample li a:active{
	background-position:right bottom;
}

#faqsam01 a{
	background-image: url(../images/q_01.jpg);
}
#faqsam02 a{
	background-image: url(../images/q_02.jpg);
}
#faqsam03 a{
	background-image: url(../images/q_03.jpg);
}
#faqsam04 a{
	background-image: url(../images/q_04.jpg);
}




/* よくある質問 */


h3#faqtit {
	background-image: url(../images/title_faq.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 520px;
	padding: 0 0 25px 0;
	border:none;
}

div.faqboxtop {
	background-image: url(../images/faqbox_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 520px;
	padding: 10px 0 0 0;
	margin-top:

}

div.faqboxmid {
	background-image: url(../images/faqbox_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 520px;
	padding: 0;
	display: block;
	margin: 0 0 15px 0;
}

div.faqboxbtm {
	background-image: url(../images/faqbox_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 520px;
	padding: 0 0 10px 0;
	display: block;
}

.qblock {
	background-image: url(../images/Qmark.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 480px;
	padding: 0 0 10px 22px;
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
	color: #005CA5;
	margin:0 10px 10px 10px;
}

.ablock {
	font-size: 12px;
	line-height: 125%;
	color: #666666;
	background-image: url(../images/Amark.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 480px;
	padding: 0 0 0 22px;
	margin:0 10px 10px 10px;
}


/* ご注意 */


h3#cautit {
	background-image: url(../images/title_caution.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 520px;
	padding: 0 0 25px 0;
	border:none;
}

.box550 h4.caucapsule {

		background-image: url(../images/capsule.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:23px;
	vertical-align:middle;
	height: 23px;
	width: 510px;
	color: #666666;
	padding: 0 0 0 1em;
	margin: 0 0 15px 15px;
	font-weight:bold;
	border-bottom:0px solid #666;
}


/* お支払方法 */


h3#paytit {
	background-image: url(../images/title_pay.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 520px;
	padding: 0 0 25px 0;
	border:none;
}

table.blubox{
	width: 530px;
	margin:0 auto;
}

.blubox th{
	background: url(../images/blubox_top.jpg) no-repeat center top;
	height: 21px;
	width:50%;
	padding:0 5px;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}

.blubox td{
	background: url(../images/blubox_btm.gif) no-repeat center bottom;
	padding:5px 20px;
	vertical-align:top;
}

.red12bos {
	font-weight: bold;
	color: #CC3300;
	margin:10px 30px 0 30px;
}	

.red12os {
	color: #CC3300;
	margin:0 0 40px 50px;
	list-style:disc;
}




/* カートの使い方 */

.howtoCart{
	background:url(../images/stepbox_bg.jpg) repeat-y center top;
	width:520px;
	margin:0 0 1.5em 0;
	padding:0;
	
}
.howtoCartTop{
	display:block;
	height:10px;
	background:url(../images/faqbox_top.jpg) no-repeat center top;
}
.howtoCartBottom{
	display:block;
	height:10px;
	background:url(../images/faqbox_btm.jpg) no-repeat center bottom;
}

.howtoCart img{
	border:1px solid #666;
	margin:5px 40px;
}
.howtoCart h3{
	font-size:110%;
	margin-top:10px;
	margin-left:20px;
}

.box550 h4,
.howtoCart h4{
	font-size:100%;
	font-weight:bold;
	margin:10px 20px;
	color:#666;
	padding-bottom:3px;
	border-bottom:1px solid #666;
}
.zisage1{
	text-indent:-1em;
	padding-left:2em;
	}

.howtoCart div{
	margin:10px 20px;
	border:2px solid #DDD;
	background:#EFEFEF;
	padding:5px 5px 0 5px;
}


.howtoCart ul{
	margin:0 80px 1em 80px;
	list-style:disc;
}

.howtoCart li{
	margin-bottom:0.2em;
}

h3#ordertit {
	background-image: url(../images/title_order.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: none;
	height: 50px;
	width: 520px;
	border:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

#stepjump {
	display: block;
	padding: 0 0 20px 0;
	clear: both;
	height: 114px;
}

#stepjump li {
	clear: none;
	float: left;
}

a#step01 {
	background-image: url(../images/btn_step01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 114px;
	width: 137px;
}

a#step01:hover {
	background-position: 0px -114px;
}

a#step02 {
	background-image: url(../images/btn_step02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 114px;
	width: 137px;
}

a#step02:hover {
	background-position: 0px -114px;
}

a#step03 {
	background-image: url(../images/btn_step03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 114px;
	width: 133px;
}

a#step03:hover {
	background-position: 0px -114px;
}

a#step04 {
	background-image: url(../images/btn_step04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 114px;
	width: 113px;
}

a#step04:hover {
	background-position: 0px -114px;
}

div.stepboxmid {
	background-image: url(../images/stepbox_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	clear: left;
	text-align: center;
	margin: 0 0 25px 0;
}

div.stepboxbtm {
	background-image: url(../images/stepbox_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 520px;
	padding: 0 0 16px 0;
}

.steptxt {
	display: block;
	width: 490px;
	padding: 15px 0 15px 0;
	font-size: 12px;
	line-height: 125%;
	color: #666666;
	text-align: left;
	margin: 0 auto 0 auto;
}

.pointtxt {
	background-image: url(../images/pointmark.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	clear: left;
	padding: 12px 0 12px 75px;
	text-align: left;
	font-size: 12px;
	line-height: 125%;
	color: #CC3300;
	width: 415px;
	margin: 25px auto 0 auto;
	height: 41px;
}

.tablegray {
	font-size: 12px;
	line-height: 125%;
	color: #666666;
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 12px;
}

.centertab {
	margin: 0 auto 0 auto;
}

#caren {
	background-image: url(../images/order_pic06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 212px;
	width: 489px;
}

a#siharaibtn {
	background-image: url(../images/btn_shiharai.jpg);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	display: block;
	height: 38px;
	width: 273px;
	float: left;
	margin: 160px 0 0 0;
	clear: left;
	padding: 0 0 0 20px;
}

a#siharaibtn:hover {
	background-position: 20px -38px;
}

#steptop01 {
	background-image: url(../images/steptit_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	clear: left;
	height: 63px;
	width: 520px;
}

#steptop02 {
	background-image: url(../images/steptit_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	clear: left;
	height: 63px;
	width: 520px;
}

#steptop03 {
	background-image: url(../images/steptit_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	clear: left;
	height: 63px;
	width: 520px;
}

#steptop04 {
	background-image: url(../images/steptit_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	clear: left;
	height: 63px;
	width: 520px;
	}
	
/* 通販規約 -----------------------------------------------------------------*/

.agr_bg_mid {
	width:550px;
	margin:10px 0 30px 0;
	padding: 0;
	background-image: url(../../../common/images/bg_li_03.jpg);
	}

.agr_bg_top {
	width:550px;
	padding-top:15px;
	_padding-top:20px;
	background-image: url(../../../common/images/bg_li_01.jpg);
	background-repeat: no-repeat;
	}
	
.agr_bg_bottom {
	width:550px;
	height:8px;
	margin:0;
	padding:0;
	background-image: url(../../../common/images/bg_li_02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}

dl.agr_bg_inner {
	width: 510px;
	padding: 0 0 0 20px;
}


dl.agr_bg_inner dt{
	border-left:4px solid #005CA5;
	border-bottom:1px dashed #999;
	font-weight: bold;
	color: #666666;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
}

dl.agr_bg_inner dd{
	margin:0 30px 30px 30px;
	padding:0;
}
dl.agr_bg_inner dd ul{
	list-style:circle;
}
dl.agr_bg_inner dd li{
	margin:0 05px 0;
}

/* 発送について -----------------------------------------------------------------*/

#h2_send {
	width:545px;
	height:25px;
	margin:25px 30px;
	text-indent:-9999px;
	display: block;
	background:url(../images/h2_onlineshop.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}
	
/* メール便について -----------------------------------------------------------------*/
#h2_maildeliver {
	width:545px;
	height:25px;
	margin:25px 30px;
	text-indent:-9999px;
	display: block;
	background:url(../images/h2_onlineshop.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: 0px -75px;
	}
	
ul.maildeliver{
	}
ul.maildeliver li{
	margin-bottom: 1em;
	list-style-type: disc;
	margin-left: 15px;
	margin-right: 15px;
	}