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

/* all
------------------------------------------------------------*/
/*#contents .contentsR h5{ padding: 0 0 10px 0; }*/
#contents .contentsR table{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

#contents .contentsR h5{
	color: #036;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #036;
}
#contents .contentsR th,
#contents .contentsR td{
	padding: 10px 5px;
	border: solid 1px #CCC;
}

#contents .contentsR .bgYellow{ background: #F7F7E1; }
#contents .contentsR .bgBlue{ background: #F4F9FD; }
#contents .contentsR .bgRed{ background: #FFEDF3; }
#contents .contentsR .bgGray{ background: #EEE; }

#contents .contentsR .serviceUnit,
#contents .contentsR .serviceFlowUnit,
#contents .contentsR .serviceFaxUnit,
#contents .contentsR .serviceIkkatsuUnit,
#contents .contentsR .servicePriceUnit,
#contents .contentsR .serviceBillUnit,
#contents .contentsR .servicePayUnit,
#contents .contentsR .serviceTimeUnit,
#contents .contentsR .serviceTimeTableUnit,
#contents .contentsR .serviceSurpriseUnit,
#contents .contentsR .serviceAreaUnit{
	background: #FAFAFA;
	padding: 20px;
	margin: 0 0 20px 0;
}

#contents .contentsR .btnArea{
	width: 440px;
	padding: 0 0 20px 0;
	float: left;
}

/*#contents .contentsR .btnArea dt{
	float: left;
	padding: 0 20px 20px 0;
}*/

/* service navi
------------------------------------------------------------*/
.serviceNav{
	padding: 0 0 20px 0;
}

.serviceNav li{
	float: left;
	margin: 0 10px 5px 0;
	white-space: nowrap;
}

.serviceNav li a{
	padding: 0 0 0 18px;
	background: url(../../common/images/icon_circle.gif) left center no-repeat;
}

/* service flow
------------------------------------------------------------*/
#contents .contentsR .serviceFlowUnit dl{
	width: 625px;
	padding: 0 0 20px 0;
}

#contents .contentsR .serviceFlowUnit dt.step{
	width: 84px;
	padding: 0 20px 0 0;
	float: left;
}

#contents .contentsR .serviceFlowUnit dt.pic{
	width: 172px;
	float: left;
}

#contents .contentsR .serviceFlowUnit dd{
	width: 330px;
	float: right;
}


/* ご利用方法
------------------------------------------------------------*/
#contents .contentsR .serviceFlowUnit .MemType{
	background: #F4F9FD;
	border: solid 1px #CCC;
	margin: 0 0 10px 0;
	padding: 10px;
}

#contents .contentsR .serviceFlowUnit .MemType li{
	float: left;
	width: 300px;
}

#contents .contentsR .serviceFlowUnit .MemMerit{
	padding: 0 0 15px 2em;
}

#contents .contentsR .serviceFlowUnit .MemMerit li{
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/* FAX
------------------------------------------------------------*/
#contents .contentsR .serviceFaxUnit{
}

#contents .contentsR .serviceFaxUnit dt{
	width: 170px;
	float: left;
}

#contents .contentsR .serviceFaxUnit dd{
	width: 435px;
	float: right;
}

#contents .contentsR .serviceFaxUnit span{
	display: inline;
	padding: 0;
}


/* 一括申込
------------------------------------------------------------*/
#contents .contentsR .serviceIkkatsuUnit dl{
	padding: 0 0 20px 0;
}

#contents .contentsR .serviceIkkatsuUnit .caution{
	background: #F4F9FD;
	border: solid 1px #CCC;
	padding: 10px;
	margin: 0 0 20px 0;
}

#contents .contentsR .serviceIkkatsuUnit dt{
	font-weight: bold;
	padding: 0 0 10x 0;
}

#contents .contentsR .serviceIkkatsuUnit dl.step{
	padding: 0;
}

#contents .contentsR .serviceIkkatsuUnit dl.step dt{
	padding: 0 0 10px 0;
}

#contents .contentsR .serviceIkkatsuUnit dl.step dd dt{
	width: 84px;
	float: left;
}

#contents .contentsR .serviceIkkatsuUnit dl.step dd dd{
	width: 521px;
	float: right;
}

/* サービス別のご利用料金について
------------------------------------------------------------*/
#contents .contentsR .servicePriceUnit dl{
	padding: 0 0 20px 0;
}

#contents .contentsR .servicePriceUnit p.priceTxt{
	padding: 0 0 10px 0;
	font-weight: bold;
}

#contents .contentsR .servicePriceUnit th,
#contents .contentsR .servicePriceUnit td{
	vertical-align: middle;
}

#contents .contentsR .servicePriceUnit th{
	text-align: center;
}

#contents .contentsR .servicePriceUnit td{
	font-weight: bold;
}

#contents .contentsR .servicePriceUnit td.surprise{
	font-weight: normal;
}


/* ご請求方法
------------------------------------------------------------*/
#contents .contentsR .serviceBillUnit dl{
	width: 625px;
	padding: 0 0 20px 0;
}

#contents .contentsR .serviceBillUnit dt{
	width: 172px;
	float: left;
}

#contents .contentsR .serviceBillUnit dd{
	width: 430px;
	float: right;
}


/* お支払い方法
------------------------------------------------------------*/
#contents .contentsR .servicePayUnit .txtBox{
	background: #F4F9FD;
	border: solid 1px #CCC;
	padding: 10px;
	margin: 0 0 20px 0;
}


/* お届け時間
------------------------------------------------------------*/
#contents .contentsR .serviceTimeBox{
	background: #F4F9FD;
	border: solid 1px #CCC;
	padding: 10px;
	margin: 0 0 20px 0;
}

#contents .contentsR .serviceTimeUnit dt{
	font-weight: bold;
}

#contents .contentsR .serviceTimeUnit dd{
	padding: 0 0 20px 0;
}

#contents .contentsR .serviceTimeUnit .select dt{
	padding: 0 0 10px 0;
}

#contents .contentsR .serviceTimeUnit .select dd dt{
	width: 172px;
	float: left;
}

#contents .contentsR .serviceTimeUnit .select dd dd{
	width: 440px;
	float: right;
}

#contents .contentsR .serviceTimeUnit .select dd dd.shikitenBox{
	width: 420px;
	display: block;
	padding: 10px;
	background: #F7F7E1;
	border: solid 1px #CCC;
}

#contents .contentsR .serviceTimeUnit .errordl{
	padding: 0 0 20px 0;
}

#contents .contentsR .serviceTimeUnit .errordl dt{
	width: 172px;
	float: left;
}

#contents .contentsR .serviceTimeUnit .errordl dd{
	width: 440px;
	float: right;
}

#contents .contentsR .serviceTimeUnit .caution{
	background: #F4F9FD;
	border: solid 1px #CCC;
	padding: 10px;
	margin: 0 0 20px 0;
}

#contents .contentsR .serviceTimeUnit .caution dt{
	font-weight: bold;
}

#contents .contentsR .serviceTimeUnit .caution dd{
	color: #F00;
	padding: 0;
}


/* 商品別お届け時間表
------------------------------------------------------------*/
#contents .contentsR .serviceTimeUnit h5,
#contents .contentsR .serviceTimeTableUnit h5{
	color:#003366;
	font-weight:bold;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #003366;
}

#contents .contentsR .serviceTimeTableUnit th{
	text-align: center;
	background: #F7F7E1;
}

#contents .contentsR .serviceTimeTableUnit td{
	font-weight: bold;
}

#contents .contentsR .serviceTimeTableUnit td span{
	font-weight: normal;
}


/* サプライズ便
------------------------------------------------------------*/
#contents .contentsR .serviceSurpriseUnit th{
	background: #F7F7E1;
	text-align: center;
}

#contents .contentsR .serviceSurpriseUnit td{
	font-weight: bold;
}


/* お届け日時確認
------------------------------------------------------------*/
#contents .contentsR .serviceAreaUnit h5{
	padding: 0 0 20px 0;
}

#contents .contentsR .serviceAreaUnit p.formpic{
	width: 500px;
	padding: 0;
	margin: 0 auto;
}