@charset "utf-8";

/*------------------------------------------------
Second level Main Content Styles

01. support/index.html その他support/faq内の各HTML
02. support/sitemap.html
03. support/guide/guide_welcome.html
04. support/mymid/mymid_yourchoice.html
05. support/info/info_company.html
06. support/info/info_privacy.html
07. support/info/info_legal.html
08. support/info/info_ecology.html
09. support/info/info_media.html
10. support/info/info_policy.html
11. support/guide/guide_size_import.html
12. support/guide/guide_size_original.html
13. support/contents/contents_link.html
14. support/contents/contents_yaseru.html
15. support/contents/contents_label.html
16. support/info/info_agreemnet.html
18. support/contents/contents_dictionary.html
19. support/contents/　このフォルダ内の小ウィンドウ
20. support/guide/guide_sizelist.html
21. support/guide/guide_zaiko.html    support/guide/guide_zaiko2.html
22. support/guide/guide_damage.html    support/guide/guide_damage2.html
25. support/faq/ これ以下の各HTML
26. support/guide/guide_mobile.html
27. support/guide/guide_icon.html
28. support/guide/guide_hosei.html
29. support/guide/guide_mesure.html
30. support/guide/ これ以下の使い方・ついてページ
31. support/guide/guide_size.html
32. support/order/ これ以下の使い方ページ

------------------------------------------------*/

/* 01. support/index.html その他support/faq内の各HTML-------
-------------------------------------------------------------*/
.sh_box{ width:221px; padding:10px 5px 0 10px; float:left;}

.sh_box ul{ margin-bottom:20px;}

.sh_box li{ list-style:inside url(../images/common/cir_li.gif); margin-bottom:5px;}

.sh_box p{ margin-bottom:5px;}

.sh_box em{ color:#696969;}

.sh_box dl{ margin-left:10px; margin-bottom:10px;}

#sh_s1{ color:#777777; width:240px; margin:5px 5px 5px 10px;}

#sh_s2{ vertical-align:text-bottom;}

#howtoorder h5{ font-size:small; color:#333333; font-weight:bold; padding:5px 10px; border-top:1px solid #cccccc; border-bottom:1px dotted #cccccc;}

#mobile{ width:250px; margin-left:20px; padding:7px 7px 5px 7px;}

#soudan2{ float:left; padding:10px 20px;}

#supportstaff2{ float:right; padding:10px 30px 10px 0;}

.leftORBar_bk { border-left:3px solid #ff6600; color:#444444; font-size:14px;font-weight:bold; margin:0 0 3px; padding:0 0 0 3px;}

/* 02. support/sitemap.html ----------------------
------------------------------------------------*/
#sitemap{ width:750px; margin:0 auto;}

.sm_box{ width:234px; padding:10px 5px 0 10px; float:left;}

.sm_box ul{ margin-bottom:20px;}

.sm_box li{ list-style:inside url(../images/common/tri_li.gif); margin-bottom:5px;}

.sm_box p{ margin-bottom:5px;}

.sm_box em{ color:#696969;}

.sm_box dl{ margin-left:10px; margin-bottom:10px;}


/* 03. support/guide/guide_welcome.html ----------
------------------------------------------------*/
#support{ width:708px; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}

#cs img{ vertical-align:bottom; margin-top:20px;}

#omakase{ float:left; padding:24px; width:314px;}

#staff{ float:right; padding-top:24px; padding-right:24px; width:295px;}

#button img{ margin:25px 7px 0 7px;}


/* 04. support/mymid/mymid_yourchoice.html -------
------------------------------------------------*/
#signupinfo{ border:1px solid #cccccc; margin-bottom:20px; background-color:#f5f5f5;}

.si_l{ width:303px; padding:40px 20px 0 20px; float:left; line-height:140%;}

.si_r{ width:355px; padding:10px 10px 20px 0; float:right;}

#about_yc{ border:1px solid #cccccc; padding:14px; margin-bottom:20px;}


/* 05. support/info/info_company.html -----------
------------------------------------------------*/
#companyinfo{ padding-left:20px;}

#companyinfo table{ width:370px;}

#companyinfo th{ width:30%; background:#ebeef3;}

#companyinfo td{ width:70%; padding:5px; border-bottom:1px dashed #cccccc;}

#webmaster{}

#wm_pics{ float:left; padding:0 20px 20px 20px;}

#wm_prof{ float:right; width:518px; padding-right:20px;}

#wm_prof p{ padding-bottom:10px;}


/* 06. support/info/info_privacy.html -----------
------------------------------------------------*/
#privacy dt{ background:#ebeef3; padding:5px; margin-top:20px;}

#privacy dd{ padding:5px 10px;}


/* 07. support/info/info_legal.html -------------
------------------------------------------------*/
#legal{ width:100%;}

#legal th{ background:#ebeef3; padding:10px; width:30%;}

#legal td{ background:#f5f5f5; padding:10px; width:70%;}


/* 08. support/info/info_ecology.html -----------
------------------------------------------------*/
#eco_info{ font-size:medium; padding:0 20px 20px 20px; background:url(../support/info/images/arrow.gif) 60% 0% no-repeat;}

#eco_info p{ margin-bottom:15px;}

#eco_info2{ width:300px; float:left; font-size:medium;}

#eco_info2 p{ margin-bottom:60px;}

#eco_bag img{ padding:0 25px;}

#eco_bag2{ padding:10px 25px;}

#eco_box{ width:300px; float:right; }


/* 09. support/info/info_media.html -------------
------------------------------------------------*/
.media{ margin-bottom:20px;}

.media strong{ color:#FF0000;}

.media_p{ float:left; width:144px;}

.media_t{ float:left; width:195px; padding:5px 8px;}


/* 10. support/info/info_policy.html -------------
------------------------------------------------*/
#policy strong{ font-weight:normal;}

#policy dt{ margin:30px 0 5px 0;}

#policy dd{ margin-bottom:15px;}

#policy span{ color:#555555; font-size:110%; font-weight:bold; background:url(../support/info/images/common/tri.gif) no-repeat 0 40%; padding-left:12px;}



/* 11. support/guide/guide_size_import.html ------
------------------------------------------------*/
#size_import{ width:488px; margin:0 auto;}

#size_import p{ margin:5px 20px;}


/* 12. support/guide/guide_size_original.html ----
------------------------------------------------*/
#size_original{}

#size_original p{}

#innerinfo_l{ float:left; width:290px; padding:20px 0;}

#innerinfo_r{ float:right; width:420px;}

#innerinfo_r dt{ margin-bottom:10px;}

#innerinfo_r dd{ margin-bottom:20px;}

#innersize table{ width:100%; background:#cccccc;}
#innersize th{ background:#ebeef3; padding:5px 0;}
#innersize td{ background:#FFFFFF; text-align:center; padding:5px 0;}

#innersize_l{ float:left; width:345px; padding-bottom:30px;}

#innersize_r{ float:right; width:345px;}

.inn_t1{ width:40%;}
.inn_t2{ width:30%;}
.inn_t3{ width:30%;}
.inn_t4{ width:10%;}
.inn_t5{ width:30%;}

.inn_t6{ width:30%;}
.inn_t7{ width:50%;}
.inn_t8{ width:20%;}

.inn_t9{ width:50%;}
.inn_t10{width:50%;}

#fittingpoint{}

#konwledge_inner dt{ font-size:110%; font-weight:bold; margin-top:5px;}

#konwledge_inner dd{ margin:5px 10px 20px 10px;}


/* 13. support/contents/contents_link.html ----
------------------------------------------------*/
#usefullinks dt{ margin:20px 0 10px 0;}

#usefullinks dd{ padding:7px 10px;}

#usefullinks span{ color:#ff8c00; font-weight:bold; background:url(../support/info/images/common/tri.gif) no-repeat 0 40%; padding-left:12px;}

#usefullinks strong{ font-weight:normal;}



/* 14. support/contents/contents_yaseru.html ----
------------------------------------------------*/
#dietdesktop td{ background:#ffffff;}

.dietinfo{ vertical-align:top; padding:10px;}

.diet_l, .diet_r{ margin-bottom:20px;}

#d_pink{ background:#ff99cc;}
#d_pink span{ color:#ff99cc; font-weight:bold;}
#d_ao{ background:#6679ff;}
#d_ao span{ color:#6679ff; font-weight:bold;}
#d_midori{ background:#80ff80;}
#d_midori span{ color:#80ff80; font-weight:bold;}
#d_aka{ background:#ff0000;}
#d_aka span{ color:#ff0000; font-weight:bold;}
#d_aisu{ background:#bcc8db;}
#d_aisu span{ color:#bcc8db; font-weight:bold;}
#d_kin{ background:#d6b641;}
#d_kin span{ color:#d6b641; font-weight:bold;}
#d_mint{ background:#ccff66;}
#d_mint span{ color:#ccff66; font-weight:bold;}
#d_sou{ background:#bcc8db;}
#d_sou span{ color:#bcc8db; font-weight:bold;}
#d_royal{ background:#0066ff;}
#d_royal span{ color:#0066ff; font-weight:bold;}
#d_sky{ background:#80b3ff;}
#d_sky span{ color:#80b3ff; font-weight:bold;}
#d_kuro{ background:#000000;}
#d_kuro span{ color:#000000; font-weight:bold;}
#d_lavender{ background:#ff33cc;}
#d_lavender span{ color:#ff33cc; font-weight:bold;}


/* 15. support/contents/contents_label.html ----
------------------------------------------------*/
.labelmenu{ width:210px; padding:10px 5px 15px 20px; float:left;}

.labelmenu p{ margin-bottom:5px; letter-spacing:0.1em;}

#wash_labels table{ width:100%; background-color:#CCCCCC;}

#wash_labels th{ background:#ebeef3; padding:5px;}

#wash_labels td{ background:#ffffff; padding:5px;}

#wash_labels span{ color:#FF8c00; font-weight:bold;}

.lb_t1{ width:15%;}
.lb_t2{ width:10%;}
.lb_t3{ width:25%;}
.lb_t4{ width:50%;}



/* 16. support/info/info_agreemnet.html ----------
------------------------------------------------*/
#agreement{ padding:40px 50px;}

#agreement dt{ margin-top:20px; font-weight:bold;}

#agreement dd{ margin-bottom:10px;}

.indt{ margin-left:10px;}



/* 18. support/contents/contents_dictionary.html ---
---------------------------------------------------*/
.dictionary{ background:#999999;}
.dictionary td{ vertical-align:top; padding:5px; background-color:#ffffff;}
.dictionary th{ vertical-align:top; padding:5px; background:url(../images/common/tri_li.gif) no-repeat 8% 5px #FFFFFF;}

.dic_t1{ width:7%;}
.dic_t2{ width:25%;}
.dic_t3{ width:58%;}
.dic_t4{ width:10%;}


/* 19. support/contents/　このフォルダ内の小ウィンドウ ------
------------------------------------------------------------*/
#dic_window td{ background:url(../support/contents/images/common/dotline_w.gif) repeat-x 0 100%; padding:10px;}

#dic_window table{ width:420px;}



/* 20. support/guide/guide_sizelist.html --------
------------------------------------------------*/
#sizeguide{ width:600px; margin:0 auto;}

#sizeguide table{ background:#CCCCCC; margin:20px; width:100%;}

#sizeguide td{ padding:5px; background:#FFFFFF;}

#sizeguide th{ padding:5px; background:#ebeef3;}




/* 21. support/guide/guide_zaiko.html    support/guide/guide_zaiko2.html --------
---------------------------------------------------------------------------------*/
#zaiko_list{ width:710px; margin:0 auto;}

#zaiko_list table{ width:710px; text-align:center; background:#CCCCCC; margin:10px 0;}

#zaiko_list th, #zaiko_list td{ padding:5px; background:#FFFFFF;}



/* 22. support/guide/guide_damage.html    support/guide/guide_damage2.html --------
---------------------------------------------------------------------------------*/
#damageinfo{ padding:10px; font-weight:bold; width:690px; margin:10px auto;}

#damage{ width:710px; margin:0 auto;}

#damage table{ background:#dddddd; width:710px; margin:10px 0; text-align:center;}

#damage th{ background:#FFFFFF; padding:5px;}

#damage td{ background:#FFFFFF; padding:5px;}

.w15p{ width:15%;}
.w17p{ width:17%;}

.gr_a{ background:#F7F7F7 !important;}
.gr_b{ background:#EEEEEE !important;}
.gr_c{ background:#E6E6E6 !important;}
.gr_d{ background:#dcdcdc !important;}
.gr_e{ background:#d3d3d3 !important;}



/* 25. support/faq/ これ以下の各HTML -------------
-------------------------------------------------*/
#faq_qa{ margin-bottom:20px;}

#faq_qa dt{ border:1px solid #cccccc; background: url(../support/faq/images/common/q.gif) no-repeat 5px 50% #ebeef3; padding:5px 20px; margin-bottom:5px;}

#faq_qa dd{ margin-bottom:15px; padding:0 5px 0 20px; background: url(../support/faq/images/common/a.gif) no-repeat 5px 1px;}

#faq_qa a:link{ color:#0066cc !important;}
#faq_qa a:visited{ color:#0066cc !important;}
#faq_qa a:hover{ color:#ff6600 !important;}
#faq_qa a:active{ color:#0066cc !important;}

#faq_qa table{ background:#CCCCCC; margin:15px 20px;}

#faq_qa th{ background:#ebeef3; text-align:left;}

#faq_qa td{ background:#FFFFFF;}

#faq_qa img{ margin:10px 0; border:1px solid #cccccc;}

.faq_tbl_tri td{ padding-left:20px; background:url(../images/common/tri_li.gif) no-repeat #ffffff 5px 4px !important;}

.pay_faq1{ width:30%;}

.pay_faq2{ width:60%;}

.pay_faq3{ width:10%;}



/* EX02. support/guide/guide_payment.hmtl --------
------------------------------------------------*/
#faq_qa2{ margin-bottom:20px;}

#faq_qa2 dt{ border:1px solid #cccccc; background: url(../images/common/tri_r.gif) no-repeat 5px 50% #ebeef3; padding:5px 20px; margin-bottom:5px;}

#faq_qa2 dd{ margin-bottom:15px; padding:0 5px;}

#faq_qa2 table{ background:#CCCCCC; margin:15px 20px;}

#faq_qa2 th{ background:#ebeef3; text-align:left;}

#faq_qa2 td{ background:#FFFFFF;}

#faq_qa2 img{ margin:10px 0; border:1px solid #cccccc;}


/* 26. support/guide/guide_mobile.html -----------
------------------------------------------------*/
#mobilepage{ width:450px; margin:0 auto;}

#mobile_box{ width:350px; margin:20px auto;}

#mobile_box p{ font-size:medium; font-weight:bold;}



/* 27. support/guide/guide_icon.html -----------
------------------------------------------------*/
#icon_list{ width:650px; margin:0 auto;}

#icon_list table{ width:650px; text-align:left; background:#CCCCCC; margin:10px 0;}

#icon_list td{ padding:5px; background:#FFFFFF;}



/* 28. support/guide/guide_hosei.html -----------
------------------------------------------------*/
#guide_hosei{ width:600px; margin:0 auto;}

#guide_hosei table{ width:100%; text-align:center; background:#CCCCCC; margin:15px 0;}

#guide_hosei th{ background-color:#ebeef3;}

#guide_hosei td{ background-color:#FFFFFF;}

.hose1{ width:30%; font-weight:bold;}

.hose2{ width:25%; vertical-align:middle; color:#FF0000; background-color:#f8f8f8 !important;}

.hose3{ width:45%; vertical-align:middle; text-align:left;}


/* 29. support/guide/guide_mesure.html -----------
------------------------------------------------*/
#guide_mesure{ width:600px; margin:15px auto;}

#guide_mesure h2, #guide_mesure h3{font-size:small;}

#guide_mesure .f_rr{ width:420px;}

#guide_mesure table{ width:420px; margin:15px auto;}

#guide_mesure caption{ text-align:left; font-weight:bold; color:#ff8c00;}

#guide_mesure td{ vertical-align:top; padding-top:5px;}

.msr1{ width:20%;}

.msr2{ width:80%;}

.mesure_sonota{ padding:5px 0; background:url(../images/common/dotline_w.gif) 0 100% repeat-x;}


/* 31. support/guide/guide_size.html -------------
------------------------------------------------*/

.sizeguide h5{ font-size:small; margin-bottom:5px;}

.sizeguide table{ width:100%; border:1px solid #cccccc;}

.sizeguide th, .sizeguide td{ text-align:center; padding:3px 0; border:1px solid #cccccc;}

.sizeguide th{ background:#ebeef3;}

.sizeguide dl, .sizeguide p{ font-size:small;}

.sizeguide dd{ margin-bottom:15px;}

#cupsize td{ width:5%;}


/* 30. support/guide/ これ以下の使い方ページ support/mymid/ ～ついてページ----
------------------------------------------------------------------------------*/
#g_howto{ margin-bottom:20px;}

#g_howto dt{ border:1px solid #cccccc; background: url(../images/common/tri_r.gif) no-repeat 5px 50% #ebeef3; padding:5px 20px; margin-bottom:5px;}

#g_howto dd{ margin-bottom:15px; padding:0 5px; line-height:130%;}

#g_howto a:link{ color:#0066cc !important;}
#g_howto a:visited{ color:#0066cc !important;}
#g_howto a:hover{ color:#ff6600 !important;}
#g_howto a:active{ color:#0066cc !important;}

#g_howto table{ margin:0 5px;}

#g_howto td{ padding-top:5px; background:#FFFFFF; vertical-align:top;}

.w13{ width:13%; text-align:left;}

.w40{ width:40%; text-align:left;}

.w60{ width:60%; text-align:left;}

.w87{ width:87%; text-align:left;}

#g_howto2 table{ border:1px solid #cccccc; margin:0 0 15px 5px;}

#g_howto3 table{ border:1px solid #cccccc; margin:0 0 15px 5px;}

.mymid_mymid table{ width:440px; background:#CCCCCC;}

.mymid_mymid td{ width:25%; text-align:center; vertical-align:middle !important; padding:5px;}

.mymid_mymid th{  background:#FFFFFF; width:25%;}

.mymid_mymid_cap{ float:left; width:380px; padding-left:10px; padding-bottom:10px;}

.mymid_mymid_cap img{ border:1px solid #dddddd;}

.mymid_mymid_how{ float:right; width:300px; padding:0 10px 20px 10px;}

.mymid_mymid_how p{ margin-bottom:10px;}

.li_in{ margin-bottom:10px;}

.li_in li{ list-style:inside; margin-left:10px;}

#openning p{ margin-top:3px; margin-bottom:5px;}

#openning_box p{ padding-left:5px; padding-right:5px;}

#openning_box1{ padding-left:5px; padding-right:5px; background-color:#ffffcc;}

#postcard_box p{width:710px; padding:0; margin:-4px auto;}

.postcard_box1{width:700px; padding:10px; border:1px solid #dddddd; background-color:#ffffcc;}

.attention_box{width:740px; border:1px solid #cccccc; padding:5px;}

.attention_box dd{padding-left:10px;}

/* 32. support/order/ これ以下の使い方ページ -----
------------------------------------------------*/
#howtopage{ width:750px; margin:0 auto;}

#howtopage h4{ border-left:5px solid #ff8c00; font-weight:bold; margin-bottom:5px;}

#step{ margin:0 0 30px 0;}

#step th{ padding:0 10px;}

#step td{ padding:5px 10px 15px 10px;}

.step_dtl{ margin:20px 0 40px 0;}

.step_cap{ float:left; width:350px; padding-left:10px; padding-bottom:20px;}

.step_cap img{ border:1px solid #dddddd;}

.step_how{ float:right; width:360px; padding:0 10px 20px 18px;}

.step_how p{ margin-bottom:10px; line-height:120%;}

.step_how img{ border:1px solid #dddddd;}

.nextstep{}



/* EX03. support/guide/mymid/mymid_deli_shitei.hmtl    mymid_change.html --------
--------------------------------------------------------------------------------*/
.deli_txt{ padding-left:15px;}

#deli_shitei th{ width:35%; font-weight:normal; vertical-align:top; text-align:left;}
#deli_shitei td{ width:65%; vertical-align:top; text-align:left;}