@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      support.css
 Update:         2009.10.05
 Style Info:     サロンサポートページ設定
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
.bg {
 background: #FFF url(../../salonpage/support/img/bg.jpg) no-repeat center top;
}
.flat-submenu ul {
 margin-left: 417px;
 width: 483px;
}
.read {
 margin-top: 15px;
}
.read span {
 color: #08204F;
}

/* -----------------------------------------------------------
　　クラブ･ルノーのご案内設定
----------------------------------------------------------- */
.w760clubinfobox {
 margin: 20px 70px 0;
 width: 760px;
 background: url(../../salonpage/support/img/bg_clubinfo_end.gif) no-repeat left top;
}
.w760box-end {
 padding: 30px 38px 30px 37px;
 width: 685px;
}
.clubrenaud_title {
 padding-top: 20px;
}
.club-flow {
 margin: 15px 0 30px;
}
.box-firstset {
 margin: 20px 0 0 42px;
 width: 600px;
}
.set-category {
 font-size: 16px;
 color: #08204F;
}
.menu-name {
 font-size: 14px;
}
.plus {
 margin-top: 20px;
 text-align: center;
}
.box-menuset {
 margin-top: 5px;
 width: 598px;
 border: 1px solid #0E1E7D;
}

.box-menuset table {
 margin-left: 14px;
}

.set-dema {
 margin-top: 5px;
 padding: 20px 0 0 30px;
 width: 570px;
 height: 80px;
 background: url(../../salonpage/support/img/bg_dema.jpg) no-repeat left top;
}

.set-intense, .set-anti, .set-drain, .set-puri, .set-hyd, .set-apa, .set-phyto {
 padding: 0 0 0 60px;
 width: 210px;
 height: 50px;
}

.set-intense {
 background: url(../../salonpage/support/img/bg_intense.jpg) no-repeat left top;
}

.set-anti {
 background: url(../../salonpage/support/img/bg_anti.jpg) no-repeat left top;
}

.set-drain {
 background: url(../../salonpage/support/img/bg_drain.jpg) no-repeat left top;
}

.set-puri {
 background: url(../../salonpage/support/img/bg_puri.jpg) no-repeat left top;
}

.set-hyd {
 background: url(../../salonpage/support/img/bg_hyd.jpg) no-repeat left top;
}

.set-apa {
 background: url(../../salonpage/support/img/bg_apa.jpg) no-repeat left top;
}

.set-phyto {
 background: url(../../salonpage/support/img/bg_phyto.jpg) no-repeat left top;
}

/* -----------------------------------------------------------
　　クラブ･ルノー サポート設定
----------------------------------------------------------- */
.support-title {
 margin-top: 20px;
}
.box-support {
 margin-top: 5px;
 width: 685px;
}
.box-support span {
 color: #08204F;
}

.box-support-left {
 float: left;
 width: 200px;
}

.box-support-right {
 float: right;
 width: 465px;;
}

.box-seminar {
 margin: 20px 0 5px;
 border-top: 1px solid #ACACAC;
 border-left: 1px solid #ACACAC;
}
.box-seminar th, .box-seminar td {
 border-right: 1px solid #ACACAC;
 border-bottom: 1px solid #ACACAC;
}
.box-seminar th.seminar-place {
 background-color: #D8D5D8;
}
.box-seminar th.no-bo, .box-seminar td.no-bo {
 border-right: 0;
}
.box-seminar th {
 color: #081E4D;
}
.box-seminar td span {
 margin-left: 5px;
 font-size: 10px;
}

.support-caption {
 margin-top: 5px;
 font-size: 10px;
}

.support01-rsp {
 margin-top: 20px;
 width: 685px;
 background: url(../../salonpage/support/img/support01_rsp_middle.gif) repeat-y left top;
}
.support01-rsp-bottom {
 padding-bottom: 25px;
 background: url(../../salonpage/support/img/support01_rsp_bottom.gif) no-repeat left bottom;
}
.support01-rsp-comment {
 margin: 0 16px;
 padding-left: 10px;
 width: 643px;
 background: url(../../salonpage/support/img/support01_rsp02.jpg) no-repeat right top;
}
.support01-rsp-text01 {
 margin-top: 10px;
 padding-right: 180px;
 width: 463px;
}
.support01-rsp-text02 {
 margin-top: 10px;
 padding-right: 10px;
 width: 633px;
}

.box-support02 {
 margin-top: 15px;
 width: 685px;
}

.box-support02-left, .box-support02-right {
 width: 335px;
}

.box-support02-left {
 float: left;
}

.box-support02-right {
 float: right;
}

.box-privilege {
 padding-top: 10px;
 background: #E7E8F2 url(../../salonpage/support/img/bg_support02_top.gif) no-repeat left top;
}

.box-privilege-end {
 padding: 0 10px 10px;
 background: #E7E8F2 url(../../salonpage/support/img/bg_support02_end.gif) no-repeat left bottom;
}
.privilege {
 font-size: 10px;
}

.box-mileage {
 margin-top: 10px;
 width: 685px;
}
.box-mileage-left {
 float: left;
 width: 250px;
}
.box-mileage-right {
 float: right;
 width: 410px;
}
.mil-title {
 padding-bottom: 2px;
 border-bottom: 1px solid #0E1E7D;
 font-weight: bold;
}
.mil-title span {
 color: #08204F;
}
.mil-text {
 margin-top: 5px;
}
.mil-text span {
 font-size: 10px;
}
.mil-text2 {
 font-size: 10px;
 text-align: right;
}

.box-mile {
 margin-top: 10px;
 border-top: 1px solid #ACACAC;
 border-left: 1px solid #ACACAC;
}
.box-mile th, .box-mile td {
 border-right: 1px solid #ACACAC;
 border-bottom: 1px solid #ACACAC;
}
.box-mile th {
 background-color: #E6E6E6;
}

/* -----------------------------------------------------------
　　年間プロモーション設定
----------------------------------------------------------- */
.box-promo {
 margin: 5px 0 0 42px;
 width: 600px;
}
.promo-attention {
 margin-top: 5px;
 font-size: 10px;
 text-align: right;
}
.partner {
 margin-top: 20px;
 font-size: 14px;
 color: #08204F;
}
.bg-purple01 {
 margin-top: 5px;
 background-color: #E3E0ED;
}
.bg-purple01 th {
 color: #FFF;
 background-color: #7A77B0;
}
.bg-purple02 {
 background-color: #C7C3DC;
}
.bg-purple01 img {
 margin: 5px 0;
}
.bg-yajirushi01 {
 background: url(../../salonpage/support/img/bg_yajirushi01.gif) no-repeat left bottom;
}
.bg-yajirushi02 {
 background: url(../../salonpage/support/img/bg_yajirushi02.gif) no-repeat left bottom;
}
.left-w-line {
 border-right: 1px solid #FFF;
}
.left-w-line2 {
 border-right: 1px dashed #FFF;
}