@charset "UTF-8";


/* ●コンテンツ */

.recovery_title {
	width: 100%;
	margin: 0 auto 17px auto;
	border-top: #bebebe solid 1px;
	border-bottom: #bebebe solid 1px;
	background: url(../images_common/bg_dot.png);
	-webkit-background-size: 4px 4px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	clear: both;
}

.recovery_title h2 {
	padding: 19px 0 17px 18px;
}


.recovery_title h2.recovery01 {
	background: url(../recovery/images/recovery01.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery_title h2.recovery02 {
	background: url(../recovery/images/recovery02.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery_title h2.recovery03 {
	background: url(../recovery/images/recovery03.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery_title h2.recovery04 {
	background: url(../recovery/images/recovery04.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery_title h2.recovery05 {
	background: url(../recovery/images/recovery05.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery_title h2.recovery06 {
	background: url(../recovery/images/recovery06.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery_title h2.recovery07 {
	background: url(../recovery/images/recovery07.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery_title h2.recovery08 {
	background: url(../recovery/images/recovery08.png) right center no-repeat;
	-webkit-background-size: 65px 53px;
}

.recovery .text_block {
	margin: 0 0 18px;
	padding: 0 10px 25px;
	background: url(../recovery/images/step_arrow.png) center bottom no-repeat;
	-webkit-background-size: 100% 12px;
}

.recovery .text_block.line {
	background: url(../recovery/images/step_line.png) center bottom no-repeat;
	-webkit-background-size: 100% 5px;
}

.text_block .text_inner {
	clear: both;
}

.text_block .text_inner.line {
	margin-bottom: 10px;
	padding-top: 15px;
	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
}

.packingcases {
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
}






#recovery_contents {
	padding: 0 0 10px 0;
}

#recovery_contents .feat_title_nomargin {
	margin-bottom: 10px;
}

#recovery_contents .text_block {
	padding-right: 10px;
	padding-left: 10px;
}

#contents h3 {
	font-size: 14px;
} 

/* ●オレンジボタン */

.btn_recovery {
	padding:0;
	margin: 0 10px 10px 10px;
}

.btn_recovery a {
	border: 2px solid #ffc408;
	border-radius: 5px;
	display: block;
	padding: 6px;
	text-align:center;
	background: #fffbe8; /* Old browsers */
	background: -moz-linear-gradient(top, #fffbe8 0%, #ffe48b 50%, #fedc70 50%, #fec305 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe8), color-stop(50%,#ffe48b), color-stop(50%,#fedc70), color-stop(100%,#fec305)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fffbe8 0%,#ffe48b 50%,#fedc70 50%,#fec305 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fffbe8 0%,#ffe48b 50%,#fedc70 50%,#fec305 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fffbe8 0%,#ffe48b 50%,#fedc70 50%,#fec305 100%); /* IE10+ */
	background: linear-gradient(top, #fffbe8 0%,#ffe48b 50%,#fedc70 50%,#fec305 100%); /* W3C */
}

/* ●ブロック */

.recovery_block  {
	margin: 0 5px 10px 5px;
	padding-bottom: 5px;
	border: #ccc solid 1px;
}

.recovery_block h3 {
	margin: 0 0 10px;
	padding: 3px 5px;
	background: #333;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.recovery_block p {
	padding-right: 5px;
	padding-left: 5px;
}


/* フロー部分 */
.recovery_flow {
    padding: 0 10px 25px;
}

.recovery_flow .button_list {
	margin: 0;
    padding: 0 10px 10px;
    background: url(../recovery/images/flow_arrow.png) center bottom no-repeat;
    -webkit-background-size: 5% 9px;
}
.recovery_flow .button_list.flow_last {
	background: none;
	padding: 0 10px;
}

.recovery_flow .button_list li {
	margin: 0;
	border: none;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.recovery_flow .button_list li a {
	padding: 10px 20px 10px 0;
}
.recovery_flow .flow01 li a {
    background: url(../recovery/images/recovery01-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}
.recovery_flow .flow02 li a {
    background: url(../recovery/images/recovery02-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}
.recovery_flow .flow03 li a {
    background: url(../recovery/images/recovery03-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}
.recovery_flow .flow04 li a {
    background: url(../recovery/images/recovery04-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}
.recovery_flow .flow05 li a {
    background: url(../recovery/images/recovery05-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}
.recovery_flow .flow06 li a {
    background: url(../recovery/images/recovery06-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}
.recovery_flow .flow07 li a {
    background: url(../recovery/images/recovery07-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}
.recovery_flow .flow08 li a {
    background: url(../recovery/images/recovery08-s.png) right center no-repeat;
    -webkit-background-size: 65px 53px;
}

.recovery_flow .button_list li a span {
	margin-right: 10px;
	padding: 14px;
	background: #fbae00;
	color: #fff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

	background: #feb700;
	background: -moz-linear-gradient(top, #feb700 0%, #f98d00 100%);
	background: -webkit-gradient(top, bottom, color-stop(0%, #feb700), color-stop(100%, #f98d00));
	background: -webkit-linear-gradient(top, #feb700 0%, #f98d00 100%);
	background: -o-linear-gradient(top, #feb700 0%, #f98d00 100%);
	background: -ms-linear-gradient(top, #feb700 0%, #f98d00 100%);
	background: linear-gradient(to bottom, #feb700 0%, #f98d00 100%);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}



/* ●集荷先ボタン */

.recovery_list {
	padding: 5px 0 0;
	margin: 0 0 20px;
}

.link_text_normal ul {
	display:table;
	width: 98%;
	padding: 0 6px 2px;
}

.recovery_list li {
	display:table-cell;
	width: 33%;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
}

.recovery_list li a {
	margin:0 1px 0;
	border: 1px solid #cccccc;
	border-radius: 4px ;
	padding: 5px 3px ;
	display: block;
	text-align:left;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 50%, #ededed 50%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fafafa), color-stop(50%,#ededed), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 50%,#ededed 50%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#fafafa 50%,#ededed 50%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 50%,#ededed 50%,#ddd 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#fafafa 50%,#ededed 50%,#ddd 100%); /* W3C */
	font-weight:bold;
}

.recovery_list li .recovery_list_wrap {
	display: table;
	width:100%;
	text-align: center;
}

.recovery_list li .recovery_list_icon {
	/*display:table-cell;*/
	width: 30px;
}

.recovery_list li .recovery_list_text {
	/*display:table-cell;*/
	width: 99%;
	padding: 0 0 0 5px;
	vertical-align:middle;
}