@charset "UTF-8";

/* ---- 通販 DE レンタル ---- */

.rental {
margin:0 0 40px 10px;
width: 850px;
text-align: left;
}
.box {
margin:0 0 50px 19px;
}
.box .inner {
margin: 15px 0 0 24px;
}
.msg {
margin: 20px 0;
}
.msg p {
line-height: 1.6;
color: #000;
margin: 0 0 0.8em 0;
text-indent: 1.0em;
font-size: 18px;
}
table.item_list {
width:calc(100% - 2px);
border: #dcdcdc 1px solid;
border-collapse: collapse;
}
table.item_list th {
border: #dcdcdc 1px solid;
padding: 5px;
}
table.item_list tr:nth-child(1n) th {
background: #626262;
color: #fff;
text-align: center;
font-weight: normal;
}
table.item_list tr:nth-child(2n) th {
background: #7e0043;
color: #fff;
text-align: center;
font-weight: normal;
}
table.item_list td {
border: #dcdcdc 1px solid;
padding: 5px;
vertical-align: middle;
}
table.item_list td:first-child {
 width: 100px;
}
table.item_list td:first-child img {
 width: 100%;
}
table.item_list td.links {
text-align: center;
white-space: nowrap;
}
table.item_list td.links a {
display: inline-block;
padding: 3px 3px;
margin: 0 0 10px 0;
width: calc(100% - 12px);
font-size: 90%;
}
table.item_list td.links a:nth-of-type(1) {
background: linear-gradient(#ffcc00, #fff100);/*上, 下*/
text-align: center;
color: #000 !important;
text-decoration: none !important;
border-radius: 6px;
border: #ffb400 1px solid;
}
table.item_list td.links a:nth-of-type(1):hover {
background: linear-gradient(#fff100,#ffcc00);/*上, 下*/
}
table.item_list td.links a:nth-of-type(2) {
background: linear-gradient(#0059c6,#003c86);/*上, 下*/
text-align: center;
color: #fff !important;
text-decoration: none !important;
border-radius: 6px;
border: #002a5d 1px solid;
}
table.item_list td.links a:nth-of-type(2):hover {
background: linear-gradient(#003c86, #0059c6);/*上, 下*/
}

ul.flow li {
color: #000;
padding: 0 0 45px 0;
margin: 0 0 45px 0;
background-image: url("../../../img/usr/pm/shop_de_rental/img_flow.png");
background-repeat: no-repeat;
background-position: left 50% bottom 0;
}
ul.flow li:last-of-type {
background-image: none; 
}
ul.flow li ol li {
list-style: decimal;
color: #000;
padding: 0 0 0 8px;
margin: 0 0 10px 25px;
background-image:none;
}
ul.flow li dl {
background-color: #eee;
padding: 15px;
border-radius: 10px;
margin: 0;
}
ul.flow li dt {
font-size: 160%;
font-weight: bold;
padding: 7px 0 3px 155px;
margin: 0 0 10px 0;
min-height: 35px;
background-repeat: no-repeat;
background-position: left 0 top 0;
}
ul.flow li dd {
padding: 0 0 0 15px;
margin: 0;
}
ul.flow li:nth-child(1) dt {
background-image: url("../../../img/usr/pm/shop_de_rental/step1.png");
}
ul.flow li:nth-child(2) dt {
background-image: url("../../../img/usr/pm/shop_de_rental/step2.png");
}
ul.flow li:nth-child(3) dt {
background-image: url("../../../img/usr/pm/shop_de_rental/step3.png");
}
ul.flow li:nth-child(4) dt {
background-image: url("../../../img/usr/pm/shop_de_rental/step4.png");
}
ul.flow li:nth-child(5) dt {
background-image: url("../../../img/usr/pm/shop_de_rental/step5.png");
}
ul.flow li:nth-child(6) dt {
background-image: url("../../../img/usr/pm/shop_de_rental/step6.png");
}

dl.faq {
margin:20px 0 20px 0;
}
dl.faq dt {
background: url("../../../img/usr/pm/shop_de_rental/img_q.png")  left top no-repeat;
margin:0 0 15px 0;
padding: 10px 0 0 55px;
display: inline-block;
color: #000;
font-size: 120%;
font-weight: bold;
min-height: 65px;
line-height: 1.4;
}
dl.faq dd {
background: #f7f7f7 url("../../../img/usr/pm/shop_de_rental/img_a.png")  left 10px top 15px no-repeat;
margin:0 0 20px 70px;
padding: 20px 10px 5px 70px;
color: #000;
border: #666 1px solid;
border-radius: 8px;
min-height: 40px;
line-height: 1.8;
}

ul.notice li {
list-style: disc;
color: #000;
padding: 0 0 0 0;
margin: 0 0 8px 18px;
}