@charset "utf-8";

/* -------------------- */
/* static用             */
/* -------------------- */

/* 各LP共通 都道府県選択*/
.pref_select .preflist a{ background: url(../img/common/circle_y.gif) left no-repeat; padding:2px 0 2px 20px; display:block; float:left; width:70px }

/* -------------------- */
/* 各LP用　             */
/* -------------------- */

/* ネイリスト */
.nail{ background:url(../img/static/nail/nail_bg.gif) repeat-y; padding-bottom:20px; margin-bottom:20px}
.nail .main{ background:url(../img/static/nail/nail_maintop.gif) no-repeat top left; padding-top:15px }
.nail .main .bottom{ background:url(../img/static/nail/nail_mainbottom.jpg) no-repeat bottom left; height:20px}
.nail .detail01{ background:url(../img/static/nail/nail_detailbg.gif) no-repeat; width:870px; margin:10px auto;}
.nail .detail01 .info{ padding:20px 0 0 10px}
.nail .detail02{ background:url(../img/static/nail/nail_detailbg02.gif) no-repeat; width:870px; margin:10px auto;}
.nail .detail02 .info{ padding:20px 0 0 10px}
.nail h3{ width:480px; height:70px; background:url(../img/static/nail/nail_entry.gif) no-repeat; margin:30px auto}
.nail h3 span{ display:none}
.nail .pref_select{ width:870px; margin:0px auto 10px auto; background:url(../img/static/nail/nail_detailmiddle.gif) repeat-y;}
.nail .pref_select .top{ background:url(../img/static/nail/nail_detailtop.jpg) no-repeat top left; height:20px}
.nail .pref_select .middle{ background:url(../img/static/nail/nail_detailbottom.jpg) no-repeat bottom left  ; padding-bottom:20px}
.nail .pref_select .middle .preflist{ width:830px; margin:10px 20px 0 20px}
.nail .pref_select .middle .tushin{ background:url(../img/static/nail/nail_tushinbg.gif); margin:0 20px 10px 20px; text-align:center; padding:5px 0 ;font-size:16px}

/* メイク */
.makeup{ background:url(../img/static/makeup/makeup_bg.gif) repeat-y; padding-bottom:20px; margin-bottom:20px}
.makeup .main{}
.makeup .detail01{ background:url(../img/static/makeup/makeup_detail01.gif) no-repeat; width:890px; margin:15px auto;}
.makeup .detail01 .info{ padding:30px 0 0 10px}
.makeup .detail02{ background:url(../img/static/makeup/makeup_detail02.gif) no-repeat; width:890px; margin:15px auto;}
.makeup .detail02 .info{ padding:30px 0 0 10px}
.makeup h3{ width:550px; height:70px; background:url(../img/static/makeup/makeup_entry.gif) no-repeat; margin:30px auto}
.makeup h3 span{ display:none}
.makeup .pref_select{ width:890px; margin:0px auto 10px auto; background:url(../img/static/makeup/makeup_detailmiddle.gif) repeat-y;}
.makeup .pref_select .top{ background:url(../img/static/makeup/makeup_detailtop.gif) no-repeat top left; height:20px}
.makeup .pref_select .middle{ background:url(../img/static/makeup/makeup_detailbottom.gif) no-repeat bottom left ; padding-bottom:20px}
.makeup .pref_select .middle .preflist{ width:830px; margin:10px 20px 0 20px}
.makeup .pref_select .middle .tushin{ background:url(../img/static/nail/nail_tushinbg.gif); margin:0 20px 10px 20px; text-align:center; padding:5px 0; font-size:16px}

/* アロマ */
.aroma {}
.aroma .main{ margin-bottom:25px}
.aroma .detail01{ background:url(../img/static/aroma/aroma_contentsbg.jpg) no-repeat top left; height:328px; line-height:180%; margin-bottom:30px}
.aroma .detail01 .info01{ float:left; width:264px; padding:158px 25px 0 15px}
.aroma .detail01 .info02{ float:left; width:264px; padding:158px 25px 0 15px}
.aroma .detail01 .info03{ float:left; width:264px; padding:158px 0 0 15px}
.aroma .detail02 { background:url(../img/static/aroma/aroma_jobmiddle.gif) repeat-y; margin-bottom:20px}
.aroma .detail02 .jobtop{ background:url(../img/static/aroma/aroma_jobtop.jpg) top left no-repeat; padding:60px 350px 10px 30px; line-height:180%;}
.aroma .detail02 .jobbottom{ background:url(../img/static/aroma/aroma_jobbottom.jpg) bottom left no-repeat; padding:12px}
.aroma h3{ background:url(../img/static/aroma/aroma_arrow.gif) no-repeat top center; height:120px; margin-bottom:20px }
.aroma h3 span{ display:none}
.aroma .aromaframe { background:#BAB5F3; padding:10px}
.aroma .aromaframe .pref_select{ background:#FFFFFF; padding:5px 0 10px }
.aroma .aromaframe .pref_select .preflist{ width:860px; margin:0 auto}
.aroma .aromaframe .pref_select .tushin{ background:#FFE8F3; width:860px; margin:0 auto; padding:5px 0; text-align:center; font-size:16px}

/* カラーコーディネーター */
.color { line-height:160%}
.color h3 span{ display:none}
.color .main{ margin-bottom:25px}
.color .title{ background:url(../img/static/color/color_title.gif) no-repeat; height:40px; margin-bottom:10px}
.color .detail{ background:url(../img/static/color/color_bgmiddle.gif) repeat; padding:20px}
.color .detail .subnavi{ margin:10px 0; padding:0}
.color .detail .subnavi img{ margin-left:10px; overflow:hidden}
.color .shikaku_btn{ background:url(../img/static/color/color_btnbg.gif) no-repeat; height:110px; margin:30px 0 20px 0}
.color .shikaku_btn .pref_btn{ margin:0 10px 0 430px; padding-top:17px; overflow:hidden}
.color .shikaku_btn .pref_btn a{ background:url(../img/static/color/btn_selectpref.gif) no-repeat  0 -83px; display:block; height:78px }
.color .shikaku_btn .pref_btn a:hover { background-position:0 0}
.color .shikaku_btn .pref_btn span{ display:none}
.color .title01 { background:url(../img/static/color/color_title01.gif) no-repeat; height:40px; margin:30px 0 10px 0}
.color .detail01 { background:url(../img/static/color/color_contentsbg01.gif) repeat-y; height:355px; }
.color .detail01 .info01{ float:left; width:200px; padding:50px 0 45px 130px}
.color .detail01 .info02{ float:left; width:210px; padding:50px 25px 45px 55px}
.color .detail01 .info03{ float:left; width:210px; padding:50px 20px 45px 25px}
.color .detail01 .info04{ float:left; width:200px; padding:30px 25px 0 40px}
.color .detail01 .info05{ float:left; width:200px; padding:30px 25px 0 30px}
.color .detail01 .info06{ float:left; width:200px; padding:30px 0 0 30px}
.color .title02 { background:url(../img/static/color/color_title02.gif) no-repeat; height:40px; margin:20px 0 10px 0}
.color .detail02{ background:url(../img/static/color/color_contentsbg05.jpg) no-repeat top left; height:280px; margin-bottom:30px}
.color .detail02 .info01{ float:left; width:264px; padding:130px 25px 0 15px}
.color .detail02 .info02{ float:left; width:264px; padding:126px 25px 0 15px}
.color .detail02 .info03{ float:left; width:264px; padding:130px 7px 0 15px}
.color .colorframe { background:#F1E9E7; padding:10px}
.color .colorframe .pref_select{ background:#FFFFFF; padding:5px 0 10px }
.color .colorframe .pref_select .preflist{ width:860px; margin:0 auto}
.color .colorframe .pref_select .tushin{ background:#FFE8F3; width:860px; margin:0 auto; padding:5px 0; text-align:center; font-size:16px}
.color .arrow{ background:url(../img/static/color/color_arrow.gif) no-repeat top center; height:120px; margin-bottom:20px }
.color .arrow span{ display:none}