@charset "utf-8";

/* ------------------------------------------------------- *
   ご利用案内 / 荷物送付等の確認/搬入・搬出方法について CSS
 * ------------------------------------------------------- */

/* 有料になる場合について */
.ryokin{
	padding:8px 12px 4px 12px;
	border:1px solid #999;
}

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

.ryokin dt{
	font-weight:bold;
}
.ryokin dd{
	margin:0 0 0.5em 12px;
	padding:0;
}

.ryokin table{
	margin-top:0.5em;
}
.ryokin th{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	padding-right:3px;
}


/* 送付手順の流れ */
#chart{
	padding-top:4px;
}

#chart h3{
	width:186px;
	height:auto;
	margin:0;
	padding:0 0 0 0;
	float:left;
}
#chart h3 img{
	display:block;
	padding-bottom:6px;
	background-color:#fff;
}
#chart h3 img.progress{
	margin:0 auto 6px auto;
	padding-bottom:0px;
}


#chart .text{
	width:440px;
	padding-top:7px;
	padding-bottom:0px;
	float:right;
/*	background-color:pink; */
}

#chart .text p.attention{
	color:red;
	padding:6px 10px 6px 18px;

	background-color:#fff0f0;
	border:1px solid #ae3b30;
}