@charset "utf-8";
/* CSS Document */

body {
 margin: 0;
 padding: 0;
 overflow-x: hidden;
}
a img {
 border-style: none;
}
/*---------------------------
main
---------------------------*/
#main {
 width: 100%;
 color: #1f3946;
 font-size: 18px;
 line-height: 30px;
 -webkit-text-size-adjust: none;/* iPhoneでの文字サイズ自動修正を使わない*/
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif;
}
#main a:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}
/*---------------------------
title
---------------------------*/
h1 {
 width: 1100px;
 margin: 0 auto;
}
h2 {
 width: 900px;
 margin: 0 auto;
}
.lotion_contents {
 width: 1100px;
 margin: 0 auto;
}
.lotion_contents1 {
 width: 900px;
 margin: 0 auto;
}
.bm100 {
 margin-bottom: 100px;
}
.bm50 {
 margin-bottom: 50px;
}
/*---------------------------
btn
---------------------------*/
.lotion_btn_back {
 background: #f7f4eb;
}
.lotion_btn_box {
 width: 1100px;
 height: 365px;
 background: url(../images/pc_lotion_02.jpg);
 margin: 0 auto;
 position: relative;
}
.lotion_btn {
 position: absolute;
 left: 675px;
 top: 263px;
}
/*---------------------------
contents
---------------------------*/
.lotion_04_back {
 background: #465a5c;
 color: #FFFFFF;
 padding: 15px 40px;
 -webkit-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
}
.lotion_04_title {
 margin: 0 auto;
 text-align: center;
}
.lotion_04_title span {
 border-bottom: 1px solid #ffffff;
}
.lotion_04_text {
 font-size: 14px;
 line-height: 130%;
}
.lotion_05_back {
 background: #ff9900;
}
.lotion_text {
 margin: 30px 0 30px 50px;
}
.lotion_06 {
 background: #faf3e9;
 padding: 0 0 50px 0;
}
.lotion_07 {
 overflow: hidden;
 zoom: 1;
 font-size: 14px;
 line-height: 130%;
 color: #ff0066;
}
.lotion_07 p {
 margin-top: 0;
}
.lotion_07_1 {
 float: left;
 width: 190px;
 margin: 0 148px 0 70px;
}
.lotion_07_2 {
 float: left;
 width: 190px;
 margin: 0 70px 0 0;
}
.lotion_07_3 {
 float: left;
 width: 210px;
}
.text12_g {
 font-size: 12px;
 color: #333333;
}
.lotion_08_back {
 background: #8b2054;
}
.lotion_09 {
 background: #f8f1f8;
 padding:0 0 50px 0;
}
.lotion_09_box {
 background: url(../images/pc_lotion_09.jpg);
 width: 900px;
 height: 404px;
 margin: 0 auto;
 position: relative;
}
.lotion_09_text {
 position: absolute;
 width: 598px;
 left: 36px;
 top: 45px;
}
.lotion_09_text p {
 margin: 0;
}
.lotion_10 {
 overflow: hidden;
 zoom: 1;
}
.lotion_10_box {
 float:left;
 background: #FFFFFF;
 width: 183px;
 color:#8b2054;
 padding:10px;
 margin:0 26px 0 0;
 border: 1px solid #8b2054;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}
.lotion_10_box1 {
 float:left;
 background: #FFFFFF;
 width: 183px;
 color:#8b2054;
 padding:10px;
 margin:0;
 border: 1px solid #8b2054;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}
.lotion_10_title {
 text-align:center;
 margin:0 0 5px 0;
}
.lotion_10_text {
 font-size:14px;
 line-height:130%;
 margin:0 ;
}
.lotion_12 {
 background:#eff2f5;
}
.lotion_13 {
 position:relative;
 background:url(../images/pc_lotion_13.jpg);
 height:776px;
 width:1100px;
}
.lotion_13_1 {
 position: absolute;
 margin: 0;
 left: 111px;
 top: 77px;
}
.lotion_13_2 {
 position: absolute;
 margin: 0;
 left: 291px;
 top: 77px;
}
.lotion_13_3 {
 position: absolute;
 margin: 0;
 left: 274px;
 top: 347px;
}
.lotion_13_4 {
 position: absolute;
 margin: 0;
 left: 274px;
 top: 587px;
}
.lotion_14 {
 background:#a8996c;
}
/*---------------------------
voice
---------------------------*/
.lotion_voice {
 margin: 30px auto;
 width: 900px;
}
.lotion_voice p {
 margin: 0;
}
.lotion_voice_back {
 background: url(../images/pc_lotion_16.gif);
 overflow: hidden;
 zoom: 1;
}
.lotion_voice_1 {
 float: left;
 width: 230px;
 margin: 0 90px 0 13px;
}
.lotion_voice_2 {
 float: left;
 width: 230px;
 margin: 0 90px 0 0;
}
.lotion_voice_3 {
 float: left;
 width: 230px;
 margin: 0 0 0 0;
}
.lotion_voice_title {
 color:#6d5a1f;
}
.lotion_voice_text {
 font-size: 14px;
 line-height: 120%;
 padding: 10px 0 10px 0;
}
.lotion_voice_name {
 font-size: 14px;
 line-height: 120%;
}
.lotion_voice_note {
 font-size:12px;
 margin:0 0 50px 0;
}
/*---------------------------
step
---------------------------*/

.lotion_15_back {
 padding: 40px 0 0 0;
}
.lotion_15 {
 width: 900px;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
 background: url(../images/pc_lotion_21_back.gif)
}
.lotion_15_title {
 width:468px;
 margin:0 auto;
}
.lotion_15_title p{
 text-align: center;
 color:#ff9900;
 width:468px;
 padding:0;
 margin:0 0 20px 0;
 border: 2px solid #ff9900;
 border-radius: 50px;        /* CSS3草案 */
 -webkit-border-radius: 50px;     /* Safari,Google Chrome用 */
 -moz-border-radius: 50px;    /* Firefox用 */
}
.lotion_step {
 width: 290px;
 float: left;
 margin: 0 15px 10px 0;
}
.lotion_step1 {
 width: 290px;
 float: left;
 margin: 0 0 10px 0;
}
.lotion_15 p {
 margin: 0;
 color: #FFFFFF;
 padding: 8px 15px;
 font-size: 14px;
 line-height: 120% !important;
}
.text12 {
 font-size:12px !important;
}


.lotion_22_back {
 padding: 40px 0;
}
.lotion_22 {
 width: 900px;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
 background: url(../images/pc_lotion_24_back.gif)
}
.lotion_22_title {
 width:468px;
 margin:0 auto;
}
.lotion_22_title p{
 text-align: center;
 color:#763e82;
 width:468px;
 padding:0;
 margin:0 0 20px 0;
 border: 2px solid #763e82;
 border-radius: 50px;        /* CSS3草案 */
 -webkit-border-radius: 50px;     /* Safari,Google Chrome用 */
 -moz-border-radius: 50px;    /* Firefox用 */
}
.lotion_22 p {
 margin: 0;
 color: #FFFFFF;
 padding: 8px 15px;
 font-size: 14px;
 line-height: 120% !important;
}
/*---------------------------
bottom
---------------------------*/
.lotion_btm {
 font-size:12px;
 width:1100px;
 margin:0 auto;
 padding:5px 0;
}
.lotion_btm_tel {
 width:410px;
 margin:0 auto;
 padding:20px 0;
 text-align:center;
 background:#ffffff;
 border:2px solid #a68f4d;
}
.lotion_btm_tel_1 {
 color:#a31b22;
 font-size:24px;
 margin:0 0 10px 0;
}
.lotion_btm_tel_2 {
 font-size:36px;
 margin:0 0 10px 0;
}
.lotion_btm_tel_3 {
 margin:0;
}
/*---------------------------
footer
---------------------------*/
#footer {
 width:100%;
 margin:35px 0 0 0;
 text-align:center;
 padding:20px 0 230px 0;
 border-top:solid 1px #a68f4d;
 font-size:14px;
}
#footer a {
 color:#333333;
 text-decoration:none;
}
#footer a:hover {
 color:#666666;
 text-decoration: underline;
}
#footer_copy {
 padding:10px 0 0 0;
}

/*---------------------------
bar
---------------------------*/
#f_buybox {
 position: fixed;
 bottom: 0;
 width: 100%;
 background: url(../images/pc_lotion_26.png);
 text-align: center;
 z-index: 300;
 clear: both;
}
#f_buybox_box {
 width: 900px;
 margin: 0 auto;
}
#f_buybox a:hover {
 filter: alpha(opacity=50);
 -moz-opacity: 0.50;
 opacity: 0.50;
}
.lotion_ft {
 background: #EEF2F3;
 width: 100%;
 padding: 100px 0 0 0;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
}