@charset "UTF-8";

/*************************
  rakuten dctstore Guide Page
*************************/
#guide_main{
 float:right;
 width:650px;
 margin:0;
 padding:0;
}

h2 img{
	margin:0;
}

ul#guide_menu{
	display:block;
	width:650px;
	height:23px;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}
#guide_menu li {
	margin:0 0 0 0;
	padding:0;
	float:left;
}

#guide_menu li a {
	display:block;
	width:122px;
	height:25px;
	text-indent:-9999px;
	outline:none;
}
#guide_menu li a#gm_order {
	background-image:url(../images/guide/guide_m_order.gif);
	background-repeat:no-repeat;
	margin:0 10px 0 0;
}
#guide_menu li a#gm_pay {
	background-image:url(../images/guide/guide_m_pay.gif);
	background-repeat:no-repeat;
	margin:0 10px 0 0;
}

#guide_menu li a#gm_deli {
	background-image:url(../images/guide/guide_m_deli.gif);
	background-repeat:no-repeat;
	margin:0 10px 0 0;
}

#guide_menu li a#gm_change {
	background-image:url(../images/guide/guide_m_change.gif);
	background-repeat:no-repeat;
	margin:0 10px 0 0;
}

#guide_menu li a#gm_contact {
	background-image:url(../images/guide/guide_m_contact.gif);
	background-repeat:no-repeat;
	margin:0 0 0 0;
}

.guide_box{
	margin:20px 0 0 0;
	width:650px;
  padding:0;
}

.guide_box dl{
  margin: 0;
  padding: 0;
}

.guide_box dl dt{
	display:block;
	width:640px;/* 650px - padding */
  margin:10px 0 0 0;
  float: left;
  padding: 5px;
  background-color:#eee;/*#d6e8ee*/
  font-size:15px;
}

.guide_box dl dd{
	display:block;
	width:630px;/* 650px - padding */
  float: left;
  padding: 0;
	margin:0 0 0 0;
	padding: 15px 0 15px 15px;
	font-size:14px;
	line-height:1.6em;
}

h3{
	font-size:13px;
	margin-top:20px;
	margin-bottom:10px;
}
ul#shopping{
	color:#3877C4;
	font-weight:bold;

}
ul#shopping li{
	margin-bottom:10px;
}
ul#shopping li .detail{
	color:#666;
	font-weight:normal;
}
.gototop{
	float:right;
	margin-top:40px;
}
.attention{
	color:#CC0033;
}

.guide_box dl.commission{
  margin:10px	0;
  padding: 0;
	width:300px;
}

.guide_box dl.commission dt{
	display:block;
	width:120px;/* 650px - padding */
  margin:0;
  float: left;
  padding: 5px;
	background-color:#fff;/*#eff8fe #d6e8ee #299DEA*/
  border-bottom:solid 1px #ddd;
	font-size:100%;
}

.guide_box dl.commission dd{
	font-size:100%;
	display:block;
	width:150px;/* 650px - padding */
  float: left;
  margin:0;
	padding: 5px;
  background-color:#fff;/*#eff8fe; #d6e8ee*/
  border-bottom:solid 1px #ddd;
	color:#CC0033;
  border-left:solid 1px #ddd;

}

.card td,.card th {
	padding:3px;
}

.font_s{
	font-size:86%;
}

.howto_order_box{
	width:650px;
	display:block;
}
.howto_order_box dl dd{
	display:block;
	width:650px;/* 650px - padding */
  float: left;
  padding:0;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.6em;
}

.howto_order_box dt.title{
	display:block;
	width:640px;/* 650px - padding */
  margin:10px 0 0 0;
  padding: 5px;
  background-color:#eee;/*#d6e8ee*/
  font-size:15px;
}

.guide_howto_order{
	/*margin:0 0 20px 30px;*/
	margin:20px 0;
	width:650px;
	padding-bottom:40px;
	border-bottom:solid 1px #333;
}
.guide_howto_order_l{
	width:410px;
	float:left;
}
.guide_howto_order_r{
	width:220px;
	float:right;
	padding-top:23px;
	position:relative;
}

.guide_howto_order_r p{ margin:20px auto 0 auto; padding:0;}
.guide_howto_order_r h5{ margin:0; padding:0; }
.guide_howto_order_r dl.caution{ display:block; width:220px; margin:10px 0;}
.guide_howto_order_r dl.caution dt{ display:block; float:left; }
.guide_howto_order_r dl.caution dd{ display:block; width:185px; float:right; font-size:86%;}
.guide_howto_order_r .strong{ color:#c00; }

a.guide_close{
	margin:0 auto;
	text-align:center;
	display:block;
	width:57px;
	height:18px;
	background:url(../images/guide/guide_close.gif) no-repeat;
}
a.guide_close:hover, a.guide_close:active{
	background-position:0 -18px;
}

a.site_link{ color:#666; }
a.site_link:hover{ color:#169500; }




/*コンビニ支払い*/

.conveni td {
	border-bottom:#999999 dotted 1px;
	padding:40px 0 20px 0;
}
.conveni_logo {
	padding:0 0 20px 0;
}
.conveni p{
	margin-bottom:25px;
	padding-right:10px;
}

.point_color {
	color:#ff2211;
}

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

.step_wrap h1 {
	font-size:20px;
	margin:30px 0;
}

.step_wrap td {
	padding-bottom:20px;
}
.step_wrap .arrow {
	background:url(http://ssl.dctgarden.com/DCTSTORE/images/conveni/arrow.gif) no-repeat center bottom;
}
.step_wrap .close {
	padding:30px;
	text-align:center;
}

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