@charset "utf-8";

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

 File name:      about_dr.renaud.css
 Update:         2009.09.24
 Style Info:     ドクタ・ルノーについてページ設定
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
.bg {
 background: #FFF url(../../about_dr.renaud/img/bg.jpg) no-repeat center top;
}
.flat-submenu ul {
 margin-left: 597px;
 width: 303px;
}

/* -----------------------------------------------------------
　　コンセプト
----------------------------------------------------------- */
.concept {
 margin-top: 30px;
}
.value-wrap {
 margin: 30px 0 0 60px;
 width: 820px;
 background: url(../../about_dr.renaud/img/bg_value_middle.gif) repeat-y left top;
}
.value-top {
 background: url(../../about_dr.renaud/img/bg_value_top.gif) no-repeat left top;
}
.value-end {
 padding: 0 55px 60px 15px;
 background: url(../../about_dr.renaud/img/bg_value_end.jpg) no-repeat left bottom;
}
.concept-title {
 margin-left: 75px;
}
.value-title {
 font-size: 14px;
 font-weight: bold;
 color: #08204F;
}
.value-text {
 margin-top: 5px;
}

.inner-bt {
 margin-top: 10px;
}
.inner-bt li {
 display: inline;
 float: left;
 margin-right: 5px;
}

/* -----------------------------------------------------------
　　ストーリー
----------------------------------------------------------- */
.storycomment {
 margin-top: 20px;
 width: 840px;
}
.storycomment-left {
 float: left;
 width: 203px;
}
.storycomment-right {
 float: right;
 width: 620px;
}
.storycomment-right p {
 margin-top: 20px;
}
.dr-name {
 margin-top: 5px;
 font-size: 10px;
}
.dr-name span {
 color: #08204F;
}
.dr-signature {
 text-align: right;
}

/* -----------------------------------------------------------
　　ヒストリー
----------------------------------------------------------- */
.history-wrap {
 width: 840px;
}
.history-left {
 float: left;
}
.history-right {
 float: right;
}
.history-left, .history-right {
 width: 420px;
}

.box-history {
 margin-top: 20px;
}
.box-history th {
 width: 4em;
 border-left: 1px solid #08204F;
 border-right: 1px solid #08204F;
 color: #08204F;
}
.box-history img {
 margin: 10px 0;
}
.box-history img.icon {
 margin: 0 5px 0 0;
}
.box-history span {
 margin-right: 5px;
 padding: 5px;
 background: #ADA8CD;
 color: #FFF;
 font-weight: bold;
}

/* -----------------------------------------------------------
　　メッセージ
----------------------------------------------------------- */
.message-w900box {
 margin-top: 20px;
 width: 900px;
 background: url(../../img/bg_900box_top.gif) no-repeat left top;
}
.message-w900box-end {
 padding: 1px;
 width: 898px;
 background: url(../../img/bg_900box_end.gif) no-repeat left bottom;
}
.message-wrap {
 padding: 30px 29px;
 background: url(../../about_dr.renaud/img/bg_message.jpg) no-repeat left top;
 color: #FFF;
}

.message01 {
 position: relative;
 margin-top: 5px;
 width: 840px;
 background: #A66AB1 url(../../about_dr.renaud/img/bg_comment01_top.gif) no-repeat left top;
}
.message01-end {
 padding: 20px;
 background: url(../../about_dr.renaud/img/bg_comment01_end.gif) no-repeat left bottom;
}
.message01-comment {
 margin-bottom: 10px;
 width: 610px;
}
.message01-title {
 font-size: 14px;
 font-weight: bold;
}
.message01-name {
 text-align: right;
}
.message01-photo {
 position: absolute;
 right: 25px;
 top: -20px;
}

.message02 {
 position: relative;
 margin-top: 20px;
 width: 840px;
 background: #42A72C url(../../about_dr.renaud/img/bg_comment02_top.gif) no-repeat left top;
}
.message02-end {
 padding: 20px;
 background: url(../../about_dr.renaud/img/bg_comment02_end.gif) no-repeat left bottom;
}
.message02-comment {
 width: 800px;
}
.message02-comment-left {
 float: left;
 padding-top: 130px;
 width: 300px;
}
.message02-comment-right {
 float: right;
 width: 480px;
}
.message02-photo {
 position: absolute;
 left: 25px;
 top: -15px;
}

.message03 {
 margin-top: 20px;
 width: 840px;
 background: #FF7F00 url(../../about_dr.renaud/img/bg_comment03_top.gif) no-repeat left top;
}
.message03-end {
 padding: 20px;
 background: url(../../about_dr.renaud/img/bg_comment03_end.gif) no-repeat left bottom;
}
.message03-comment {
 width: 800px;
}
.message03-comment-left {
 float: left;
 width: 480px;
}
.message03-comment-right {
 float: right;
 width: 300px;
}
.message03-comment-left-left {
 float: left;
 width: 124px;
}
.message03-comment-left-right {
 float: right;
 width: 336px;
}

/* -----------------------------------------------------------
　　サロンワールド
----------------------------------------------------------- */
.w-salon-honbun {
 margin-top: 20px;
}
.w-salon-honbun span {
 font-size: 10px;
}
.w-salon-map {
 margin: 20px 20px 10px;
}

/* -----------------------------------------------------------
　　開発ポリシー
----------------------------------------------------------- */
.policy-box01 {
 margin-top: 20px;
 padding: 15px 0;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.policy-box02 {
 padding: 15px 0;
 border-bottom: 1px solid #CCC;
}
.policy-comment {
 margin-top: 30px;
}
.policy-image {
 margin-top: 10px;
}