@charset "UTF-8";
/* ---------------------------------------------------------------

	sitename: ｄ　プログラム｜資生堂
	use for: サポートページ用

--------------------------------------------------------------- */
/* ----------------------------------------------------------
 *
 * SUPPORT
 *
 * ---------------------------------------------------------- */

 /* index.html [肌のかけこみ相談室] */
ul.paranemic {
	border-top: 1px solid #ccecf4;
}
ul.paranemic li+li {}

#chat { height:850px; border-bottom: 1px solid #ccecf4; }
#chat #lbox { display:block; width:390px; height:698px; float:left; background: url(../img_past/common/bdr_dot0.gif) repeat-y right top;}
#chat #rbox { display:block; width:389px; height:698px; float:left; }
.chat_ttl { margin:5px 0 19px 21px; }
.chat_txt { width:90%; margin:2px 0 0 21px; }
.chat_txt a { color:#f9901f;  }
.chat_img { margin:20px 0 20px 21px; }
.chat_img_n { margin:20px 0 5px 21px; }
#btn_guide { margin:20px 0 20px 21px; }
#rbox p#chat_stxt { text-align:center; margin-bottom:15px; color:#f9901f; font-size:100%; }
#btn_chat { text-align:center; margin-bottom:20px; }
.uline { text-decoration:underline; font-weight:bold; color:#f9901f; }

#qa { clear:both; height:487px; border-bottom: 1px solid #ccecf4; /height:537px; }
#qa_img { margin:35px 0 39px 0; text-align:center; }
#qa_btn { text-align:center; }

#patch { height:1250px; }
.patch_ttl { height:135px; }
.patch_ttl img{ margin:39px 0 0 25px; }
#patch #lbox { display:block; width:280px; height:980px; float:left; }
#patch #rbox { display:block; width:499px; height:980px; float:left; }
#patch #lbox img { margin-left:28px; }
.patch_sttl1 { margin:34px 0 20px 21px; }
.patch_sttl2 { margin:0 0 20px 21px; }
.patch_txt { width:90%; margin:0 0 0 21px; }
#rbox_inner { margin:0 0 34px 21px; height:155px; }
.r_inner_img { float:left; }
.r_inner_txt { float:left; width:55%; margin:0 0 0 21px; }
span.bd { font-weight:bold; line-height:25px; }
.patch_btn { clear:both; text-align:center; padding:24px 0 63px 0; }

/* pathtest.html [パッチテスト]  */
#ptest_tbloc { margin:40px 0 0 24px; }
#ptest_tbloc h1 { margin-bottom:22px; }
#ptest_tbloc h3 { margin-bottom:22px; }
#ptest_tbloc #ptest_bt { }
#ptest_tbloc #ptest_bt p { width:480px; float:left; }
#ptest_tbloc #ptest_bt div { float:left; margin-left:18px; }
#ptest_tbloc p.blue1 { clear:both; padding-top:22px; width:96%; }

#ptest_ibloc { margin:40px 0 0 24px; }

#ptest_list { width:732px; height:auto; margin:40px 0 0 24px; padding-bottom:63px; }
#ptest_list h3 { margin:39px 0 22px 0; }
table { width:732px; }
table tr#tb1 { background-color:#eaf9fb; height:32px; text-align:center; }
table tr#tb1 td { padding-top:8px; font-weight:bold; }
table tr#tb2 { height:96px; }
table tr#tb2 td { padding:8px 15px 10px 10px; line-height:17px; }
table tr td { border: 1px solid #ccecf4; }
table tr td.blue1 { text-decoration:underline; }

/* qa.html [Q&A]  */
#qa_nvbloc { margin:40px 0 0 24px; }
ul#anks { height:112px; margin-bottom:24px; }
ul#anks li { float:left; height:56px; }
#qa_nvbloc h1 { margin-bottom:22px; padding-left:0; }
#qa_nvbloc h3 { margin-bottom:30px; padding-left:0; }
#qa_nvbloc h3 { margin-bottom:22px; }

#qa_qabloc { clear:both; width:732px; margin:40px 0 56px 24px; }
#qa_qabloc ul { margin-bottom:24px; }
#qa_qabloc ul li.qbar { height:auto; }
#qa_qabloc ul li#qbar {  }

#qa_qabloc ul li#qbar1:nth-child(2n) { background-color:#FFF; border-left:2px solid #eaf9fb; border-right:2px solid #eaf9fb; }
#qa_qabloc ul li#qbar1:nth-child(2n+1) { background-color:#eaf9fb; }
#qa_qabloc ul li#qbar1+li { background:url(../img_past/support/bdr_dot1.gif) repeat-x left top; }
#qa_qabloc ul li#qbar2:nth-child(2n) { background-color:#FFF; border-left:2px solid #edf9fa; border-right:2px solid #edf9fa; }
#qa_qabloc ul li#qbar2:nth-child(2n+1) { background-color:#edf9fa; }
#qa_qabloc ul li#qbar2+li { background:url(../img_past/support/bdr_dot2.gif) repeat-x left top; }
#qa_qabloc ul li#qbar3:nth-child(2n) { background-color:#FFF; border-left:2px solid #eaf7f6; border-right:2px solid #eaf7f6; }
#qa_qabloc ul li#qbar3:nth-child(2n+1) { background-color:#eaf7f6; }
#qa_qabloc ul li#qbar3+li { background:url(../img_past/support/bdr_dot3.gif) repeat-x left top; }
#qa_qabloc ul li#qbar4:nth-child(2n) { background-color:#FFF; border-left:2px solid #ecfaf5; border-right:2px solid #ecfaf5; }
#qa_qabloc ul li#qbar4:nth-child(2n+1) { background-color:#ecfaf5; }
#qa_qabloc ul li#qbar4+li { background:url(../img_past/support/bdr_dot4.gif) repeat-x left top; }
#qa_qabloc ul li#qbar5:nth-child(2n) { background-color:#FFF; border-left:2px solid #eff9f3; border-right:2px solid #eff9f3; }
#qa_qabloc ul li#qbar5:nth-child(2n+1) { background-color:#eff9f3; }
#qa_qabloc ul li#qbar5+li { background:url(../img_past/support/bdr_dot5.gif) repeat-x left top; }
#qa_qabloc ul li#qbar6:nth-child(2n) { background-color:#FFF; border-left:2px solid #ecf7ec; border-right:2px solid #ecf7ec; }
#qa_qabloc ul li#qbar6:nth-child(2n+1) { background-color:#ecf7ec; }
#qa_qabloc ul li#qbar6+li { background:url(../img_past/support/bdr_dot6.gif) repeat-x left top; }
#qa_qabloc ul li#qbar7:nth-child(2n) { background-color:#FFF; border-left:2px solid #f2faef; border-right:2px solid #f2faef; }
#qa_qabloc ul li#qbar7:nth-child(2n+1) { background-color:#f2faef; }
#qa_qabloc ul li#qbar7+li { background:url(../img/support/bdr_dot7.gif) repeat-x left top; }
#qa_qabloc ul li#qbar8:nth-child(2n) { background-color:#FFF; border-left:2px solid #f1f8ec; border-right:2px solid #f1f8ec; }
#qa_qabloc ul li#qbar8:nth-child(2n+1) { background-color:#f1f8ec; }
#qa_qabloc ul li#qbar8+li { background:url(../img_past/support/bdr_dot8.gif) repeat-x left top; }

#qa_qabloc ul li .qttl { padding:12px 0 10px 20px; }
#qa_qabloc ul li .qttl:last-child { padding:12px 0 10px 20px; }
#qa_qabloc ul li:nth-child(2n) .qttl { padding-left:18px; }
#qa_qabloc ul li #qttl1 {  }


/* Answer */

.tree { padding-bottom:11px; }
.tree p { line-height:19px; }
.tree .inner1a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #bae8f3; }
.tree .inner1a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner1a .inner_bloc p { font-size:100%; }
.bnr_1a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner1b { display:block; width:708px; height:auto; background-color:#eefafc; margin:0 auto; border-bottom:1px solid #bae8f3; }
.tree .inner1b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner1b .inner_bloc p { font-size:100%; }
.bnr_1b { display:block; width:708px; height:83px; background-color:#eefafc; margin:0 auto; }

.tree .inner2a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #bde7eb; }
.tree .inner2a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner2a .inner_bloc p { font-size:100%; }
.bnr_2a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner2b { display:block; width:708px; height:auto; background-color:#f2fbfb; margin:0 auto; border-bottom:1px solid #bde7eb; }
.tree .inner2b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner2b .inner_bloc p { font-size:100%; }
.bnr_2b { display:block; width:708px; height:83px; background-color:#f2fbfb; margin:0 auto; }

.tree .inner3a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #c0e7e4; }
.tree .inner3a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner3a .inner_bloc p { font-size:100%; }
.bnr_3a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner3b { display:block; width:708px; height:auto; background-color:#eaf7f6; margin:0 auto; border-bottom:1px solid #c0e7e4; }
.tree .inner3b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner3b .inner_bloc p { font-size:100%; }
.bnr_3b { display:block; width:708px; height:83px; background-color:#eaf7f6; margin:0 auto; }

.tree .inner4a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #c0e7e4; }
.tree .inner4a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner4a .inner_bloc p { font-size:100%; }
.bnr_4a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner4b { display:block; width:708px; height:auto; background-color:#ecfaf5; margin:0 auto; border-bottom:1px solid #c0e7e4; }
.tree .inner4b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner4b .inner_bloc p { font-size:100%; }
.bnr_4b { display:block; width:708px; height:83px; background-color:#ecfaf5; margin:0 auto; }

.tree .inner5a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #c6e7d3; }
.tree .inner5a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner5a .inner_bloc p { font-size:100%; }
.bnr_5a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner5b { display:block; width:708px; height:auto; background-color:#eff9f3; margin:0 auto; border-bottom:1px solid #c6e7d3; }
.tree .inner5b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner5b .inner_bloc p { font-size:100%; }
.bnr_5b { display:block; width:708px; height:83px; background-color:#eff9f3; margin:0 auto; }

.tree .inner6a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #cae7cb; }
.tree .inner6a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner6a .inner_bloc p { font-size:100%; }
.bnr_6a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner6b { display:block; width:708px; height:auto; background-color:#ecf7ec; margin:0 auto; border-bottom:1px solid #cae7cb; }
.tree .inner6b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner6b .inner_bloc p { font-size:100%; }
.bnr_6b { display:block; width:708px; height:83px; background-color:#ecf7ec; margin:0 auto; }

.tree .inner7a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #cae7cb; }
.tree .inner7a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner7a .inner_bloc p { font-size:100%; }
.bnr_7a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner7b { display:block; width:708px; height:auto; background-color:#f2faef; margin:0 auto; border-bottom:1px solid #cae7cb; }
.tree .inner7b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner7b .inner_bloc p { font-size:100%; }
.bnr_7b { display:block; width:708px; height:83px; background-color:#f2faef; margin:0 auto; }

.tree .inner8a { display:block; width:708px; height:auto; background-color:#FFF; margin:0 auto; border-bottom:1px solid #cae7cb; }
.tree .inner8a .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner8a .inner_bloc p { font-size:100%; }
.bnr_8a { display:block; width:708px; height:83px; background-color:#FFF; margin:0 auto; }

.tree .inner8b { display:block; width:708px; height:auto; background-color:#f1f8ec; margin:0 auto; border-bottom:1px solid #cae7cb; }
.tree .inner8b .inner_bloc { display:block; width:660px; height:auto; margin:0 auto; padding-bottom:23px; }
.tree .inner8b .inner_bloc p { font-size:100%; }
.bnr_8b { display:block; width:708px; height:83px; background-color:#f1f8ec; margin:0 auto; }









.ans_bnr { padding:17px 0 0 24px; float:left; }
.ans_close { padding:43px 24px 0 0; float:right; }
.ans_ttl { padding:8px 0 30px 8px; }

.tree .inner1a .case_bloc { display:block; width:660px; height:252px; background:url("../img_past/support/_q1/1/pt_back.jpg") no-repeat; margin:18px 0 20px 0; }
.tree .inner1a .case_bloc #case_txt { display:block; width:580px; margin-left:80px; padding-top:15px; }
.tree .inner1a .case_bloc #case_txt p { padding-bottom:23.5px; line-height:19px; }
.tree .inner1a .inner_bloc #lbox { display:block; width:405px; float:left; }
.tree .inner1a .inner_bloc #rbox { display:block; width:253px; float:left; }
.tree .inner1a .inner_bloc #rbox img { margin-top:8px; }
.tree .inner1a .pb_icon { display:block; float:left; margin-right:5px; }
.tree .inner1a .inner_bloc #lbox .pb18 p.blue { display:block; float:left; margin-top:5px; font-size:120%; }
.tree .inner1a .inner_bloc #lbox .bsp { clear:both; line-height:19px; margin-bottom:0; padding-bottom:15px;}
.tree .inner1a .inner_bloc #lbox #ttl { height:29px; }
.tree .inner1a #inbox { width:658px; height:359px; }

#inbox12 { height:200px; }
#lbox12 { width:504px; float:left; }
#rbox12 { width:133px; float:left; margin:10px 0 0 22px; }

#inbox13 { height:207px; }
#lbox13 { width:240px; float:left; padding-top:28px; }
#rbox13 { width:363px; float:left; margin:2px 0 0 40px; }
#inbox41 { height:170px; }
#lbox41 { width:444px; float:left; }
#lbox41 p { width:430px; }
#rbox41 { width:211px; float:left; margin:-8px 0 0 0; }
#warea42 { width:660px; height:64px; background-color:#FFF; }
#warea42 p { padding:13px 0 0 13px; width:630px; color:#38b08b; }
#inbox43 { height:100px; }
#lbox43 { width:385px; float:left; }
#rbox43 { width:240px; float:left; margin:0 0 0 25px; }
#warea51 { width:660px; height:72px; background-color:#eff9f3; }
#warea51 p { padding:18px 0 0 18px; width:630px; color:#38b08b; }
#warea52 { width:660px; height:56px; background-color:#FFF; }
#warea52 p { padding:18px 0 0 18px; width:630px; color:#38b08b; }
#inbox61 { height:170px; }
#lbox61 { width:380px; float:left; }
#rbox61 { width:261px; float:left; margin:-4px 0 0 10px; }
#inbox81 { height:320px; }
#lbox81 { width:436px; float:left; }
#rbox81 { width:196px; float:left; margin:0 0 0 25px; }


.case_icon_bloc1 { display:block; float:left; }
.case_icon_bloc2 { display:block; float:left; margin-left:67px; }
.case_icon { display:block; float:left; margin-right:8px; }
.case_icon_bloc1 p,
.case_icon_bloc2 p { margin:3px 0 0 0; float:left; }
#t22a { clear:both; padding-top: 8px; }


.blue { color:#19b2d8; }
.pink { color:#ed7d7f; }
.lightgreen1 { color:#23b1be; }
.lightgreen2 { color:#38b08b; }
.green { color:#57ae3e; }
span.b { font-weight:bold; }

.blue20 { color:#19b2d8; padding-bottom:20px; }
.blue5 { color:#19b2d8; padding-bottom:5px; }
.blue8 { color:#19b2d8; padding-bottom:8px; }
.blue13 { color:#19b2d8; padding-bottom:13px; }

.pb21 { padding-bottom:21px; }
.pb22 { padding-bottom:22px; }
.pb23 { padding-bottom:23px; }
.pb24 { padding-bottom:24px; }
.pb25 { padding-bottom:25px; }
.pb26 { padding-bottom:26px; }
.pb27 { padding-bottom:27px; }
.pb28 { padding-bottom:28px; }
.pb29 { padding-bottom:29px; }

.clear { clear:both; }

.point11 { display:block; width:386px; height:56px; background:url("../img_past/support/_q1/icon_point_b.jpg") no-repeat; background-color:#eaf9fb; }
p#point { padding:9px 0 0 52px; width:88%; }
p#point2 { padding:18px 0 0 52px; width:88%; }
p#point3 { padding:14px 0 0 52px; width:88%; }
.point12 { display:block; width:660px; height:56px; background:url("../img_past/support/_q1/icon_point_w.jpg") no-repeat; background-color:#FFF; margin-bottom:26px; }
.point12a { display:block; width:504px; height:74px; background:url("../img_past/support/_q1/icon_point_w.jpg") no-repeat; background-color:#FFF; margin-bottom:26px;  }
.point14 { display:block; width:660px; height:56px; background:url("../img_past/support/_q1/icon_point_w.jpg") no-repeat; background-color:#FFF; }
.point21 { display:block; width:648px; height:180px; background:url("../img_past/support/_q2/icon_point_b.jpg") no-repeat; background-color:#edf9fa; line-height:20px; }
.point21 p { line-height:22px; }