@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 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 table{
	width: 100%
}

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

#contents .contentsR .servicePriceUnit th{
	background: #EEE;
}

#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 .serviceTimeBox ol {
	list-style-type: decimal;
	margin: 0 0 0 20px;
}

#contents .contentsR .serviceTimeBox ol ul{
	margin-top: 5px;
}

#contents .contentsR .serviceTimeBox ol>li{
	margin-top: 3px;
}

#contents .contentsR .serviceTimeBox ul ul ul{
	margin: 1em 0 0 0;
}

#contents .contentsR .serviceTimeBox dt,
#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 table{
	width:100%;
	text-align: center;	
}

#contents .contentsR .serviceTimeTableUnit th{

	background: #F7F7E1;
}

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

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


/* サプライズ便
------------------------------------------------------------*/
#contents .contentsR .serviceSurpriseUnit table{
	width:100%;
	text-align: center;
}

#contents .contentsR .serviceSurpriseUnit th{
	background: #F7F7E1;
}


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

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


/* 注意書きのアコーディオン用
------------------------------------------------------------*/
.acc_menu a {
  display: block;
	text-decoration: none;
	color: #000;
  line-height: 1;
}

.acc_menu label {
  display: block;
  margin: 0;
  padding: 0 ;
  line-height: 1;
	cursor :pointer;
}

.acc_menu input {
	display: none;
}

.acc_menu ul {
	margin: 0;
	padding: 0 0 0 0 ;
	list-style: none;
}

.acc_menu li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.acc_menu label span {
	color:#09C;
	text-decoration:underline;
}

.acc_menu #menu_bar01:checked ~ #links01 li,
.acc_menu #menu_bar02:checked ~ #links02 li {
	max-height: 150px;
  opacity: 1;
}