@charset "UTF-8";

/*************************
 dctstore : How to Order
 *************************/
.order_flow_wrap {/* popup */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:30px auto 0 auto;
	width:650px;
	font-size:14px;
	line-height:1.6em;
	color:#6D757A;
}


.goto_pagetop{
	margin:20px 0 50px 0;
}


a.guide_back{
	display:block;
	background:url(../images/guide/guide_back.gif);
	width:70px;
	height:24px;
	margin:8px 0 3px 0;
	text-indent:-9999px;
	outline:none;
}
#guide_order_flow{
	width:650px;
	line-height:160%;
	font-size:100%;
}
#guide_order_flow h3{
	border-top:solid 1px #eee;
	padding-top:13px;
	margin:0;
}
#guide_order_flow h4{
	color:#018AD0;
	font-weight:bold;
	font-size:105%;
	margin:3px 0 7px 0;
}

#order_flow_all{
	background:url(../images/guide/order_flow.gif);
	width:650px;
	height:60px;
	position:relative;
	margin:0 0 20px 0;
}

#order_flow_all a{
	display:block;
	float:left;
	font-size:1%;
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
}


.ul_order_flow li{
	display:block;
	margin:0 0 8px 0;
	line-height:160%;
	padding-left:26px;
	_height:20px;
}
.ul_order_flow li.no1{ background:url(../images/guide/order_flow_no_01.gif) no-repeat top left; }
.ul_order_flow li.no2{ background:url(../images/guide/order_flow_no_02.gif) no-repeat top left; }
.ul_order_flow li.no3{ background:url(../images/guide/order_flow_no_03.gif) no-repeat top left; }
.ul_order_flow li.no4{ background:url(../images/guide/order_flow_no_04.gif) no-repeat top left; }
.ul_order_flow li.no5{ background:url(../images/guide/order_flow_no_05.gif) no-repeat top left; }
.ul_order_flow li.no6{ background:url(../images/guide/order_flow_no_06.gif) no-repeat top left; }
.ul_order_flow li.no7{ background:url(../images/guide/order_flow_no_07.gif) no-repeat top left; }
.ul_order_flow li.no8{ background:url(../images/guide/order_flow_no_08.gif) no-repeat top left; }
.ul_order_flow li.no9{ background:url(../images/guide/order_flow_no_09.gif) no-repeat top left; }


#order_flow_1{
	width:650px;
}
#order_flow_1 .right{
	width:325px;
}

#order_flow_1 .ul_order_flow li{
	margin-bottom:30px;
}
#order_flow_1 .ul_order_flow li img{
	margin-top:10px;
}
#order_flow_1_artist{
  color:#F84141;
	font-weight:bold;
	font-size:116%;
	margin:0 0 5px 26px;
}

#order_flow_1_artist_txt1{
}

#order_flow_1_artist_img{
position:relative;
background:url(../images/guide/order_flow_1_artist.jpg) no-repeat;
width:325px; height:285px;
margin-top:10px;
}
#order_flow_1_artist_txt2{
	position:absolute; top:200px; left:160px;
	width:140px;
}

#order_flow_1_category{
  color:#F84141;
	font-weight:bold;
	font-size:116%;
	margin:0 0 5px 26px;
}
#order_flow_1_category_txt{
}

#order_flow_1_search{
  color:#F84141; font-weight:bold;
	font-size:116%;
	margin:0 0 5px 26px;
}
#order_flow_1_search_txt{
}

#order_flow_2 .left img{
	margin-bottom:0px;
}

#order_flow_3_img{
	position:relative;
	margin:20px auto 0 auto;
	background:url(../images/guide/order_flow_3.jpg) no-repeat;
	width:511px; height:571px;
}

#order_flow_3_img a{
 display:block;
 position:absolute; top:547px; left:285px;
 width:85px; height:27px;
}

#order_flow_4_deli{
	position:relative;
	margin:20px auto 0 auto;
	background:url(../images/guide/order_flow_4_deli.jpg) no-repeat;
	width:650px; height:1413px;
}
#order_flow_4_pay{
	position:relative;
	margin:20px auto 0 auto;
	background:url(../images/guide/order_flow_4_pay.jpg) no-repeat;
	width:650px; height:1418px;
}

#order_flow_4_pay a{
	display:block;
	height:32px;
	text-indent:-9999px;
	outline:none;
}
#order_flow_4_pay a#pay_card{ position:absolute; left:465px; top:320px; width:177px; }
#order_flow_4_pay a#pay_daibiki{ position:absolute; left:465px; top:570px; width:92px; }
#order_flow_4_pay a#pay_conv{ position:absolute; left:465px; top:650px; width:135px; }
#order_flow_4_pay a#pay_suica{ position:absolute; left:465px; top:730px; width:135px; }
#order_flow_4_pay a#pay_edy{ position:absolute; left:465px; top:820px; width:120px; }
#order_flow_4_pay a#pay_docomo{ position:absolute; left:465px; top:925px; width:177px; }

#order_flow_5_conf{
	position:relative;
	margin:20px auto 40px auto;
	background:url(../images/guide/order_flow_5_conf.jpg) no-repeat;
	width:650px; height:1061px;
}
#order_flow_5_comp{
	position:relative;
	margin:20px auto 0 auto;
	background:url(../images/guide/order_flow_5_comp.jpg) no-repeat;
	width:650px; height:489px;
}


.order_flow_wrap .close {
	padding:30px;
	text-align:center;
}

.order_flow_wrap .close a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
}