@charset "utf-8";

/*--------------------------------------------------
  == Module Style ==
  --------------------------------------------------
  File       : mod.css
  Date       : 2010.12.10
  Last Update: 2010.05.10
  --------------------------------------------------
	※主にサイト全体で共有するCSS
--------------------------------------------------*/

.skipNav { display:none; }
.noscriptMsg { padding-bottom:10px; font-weight:bold !important; color:#c00; }


/* ---------------------------------------------- */
/* 共通余白
------------------------------------------------- */
.pgh-01, .list-d01, .list-r01, .list-r02, .list-a01, .list-a02, .list-n01, .list-n02, .list-i01,
.box-p01, .box-p02, .box-l01, .box-l02, .cd-01, .box-flow,
.tbl-01, .tbl-02, .tbl-rel, .tbl-simp-01 { margin-bottom:1em !important; }

li .pgh-01, li .list-d01, li .list-r01, li .list-r02, li .list-n01,
li .box-p01, li .box-p02, li .box-l01, li .box-flow,
li .tbl-01, li .tbl-02, li .tbl-rel { margin-bottom:.5em !important; }


/* ---------------------------------------------- */
/* 段落・書き出し
------------------------------------------------- */
.section, .section-num { margin-bottom:2em !important; }
.section .section { margin-bottom:1em !important; }

.section.after { padding-bottom:.8em !important; border-bottom:1px dotted #ccc !important; }

/* 数字付き 主にヘルプ */
.section-num              { _height:20px; min-height:20px; padding:3px 0 0 28px; }
.section-num .section-num { padding:0 0 0 22px; }
.section-num.n01 { background:url(/images/num/num_sq_01.gif) no-repeat 0 0; }
.section-num.n02 { background:url(/images/num/num_sq_02.gif) no-repeat 0 0; }
.section-num.n03 { background:url(/images/num/num_sq_03.gif) no-repeat 0 0; }
.section-num.n04 { background:url(/images/num/num_sq_04.gif) no-repeat 0 0; }
.section-num.n05 { background:url(/images/num/num_sq_05.gif) no-repeat 0 0; }
.section-num.n06 { background:url(/images/num/num_sq_06.gif) no-repeat 0 0; }
.section-num.n07 { background:url(/images/num/num_sq_07.gif) no-repeat 0 0; }
.section-num.n08 { background:url(/images/num/num_sq_08.gif) no-repeat 0 0; }
.section-num.n09 { background:url(/images/num/num_sq_09.gif) no-repeat 0 0; }
.section-num.n10 { background:url(/images/num/num_sq_10.gif) no-repeat 0 0; }
.section-num.n11 { background:url(/images/num/num_sq_11.gif) no-repeat 0 0; }
.section-num.n12 { background:url(/images/num/num_sq_12.gif) no-repeat 0 0; }
.section-num.n13 { background:url(/images/num/num_sq_13.gif) no-repeat 0 0; }
.section-num.n14 { background:url(/images/num/num_sq_14.gif) no-repeat 0 0; }
.section-num.n15 { background:url(/images/num/num_sq_15.gif) no-repeat 0 0; }
.section-num.n16 { background:url(/images/num/num_sq_16.gif) no-repeat 0 0; }
.section-num.n17 { background:url(/images/num/num_sq_17.gif) no-repeat 0 0; }
.section-num.n18 { background:url(/images/num/num_sq_18.gif) no-repeat 0 0; }
.section-num.n19 { background:url(/images/num/num_sq_19.gif) no-repeat 0 0; }
.section-num.n20 { background:url(/images/num/num_sq_20.gif) no-repeat 0 0; }
.section-num.n21 { background:url(/images/num/num_sq_21.gif) no-repeat 0 0; }
.section-num.n22 { background:url(/images/num/num_sq_22.gif) no-repeat 0 0; }
.section-num.n23 { background:url(/images/num/num_sq_23.gif) no-repeat 0 0; }
.section-num.n24 { background:url(/images/num/num_sq_24.gif) no-repeat 0 0; }
.section-num.n25 { background:url(/images/num/num_sq_25.gif) no-repeat 0 0; }
.section-num.n26 { background:url(/images/num/num_sq_26.gif) no-repeat 0 0; }
.section-num.n27 { background:url(/images/num/num_sq_27.gif) no-repeat 0 0; }
.section-num.n28 { background:url(/images/num/num_sq_28.gif) no-repeat 0 0; }
.section-num.n29 { background:url(/images/num/num_sq_29.gif) no-repeat 0 0; }
.section-num.n30 { background:url(/images/num/num_sq_30.gif) no-repeat 0 0; }
.section-num.n001 { background:url(/images/num/num_cl_01.gif) no-repeat 0 0; }
.section-num.n002 { background:url(/images/num/num_cl_02.gif) no-repeat 0 0; }
.section-num.n003 { background:url(/images/num/num_cl_03.gif) no-repeat 0 0; }
.section-num.n004 { background:url(/images/num/num_cl_04.gif) no-repeat 0 0; }
.section-num.n005 { background:url(/images/num/num_cl_05.gif) no-repeat 0 0; }
.section-num.n006 { background:url(/images/num/num_cl_06.gif) no-repeat 0 0; }
.section-num.n007 { background:url(/images/num/num_cl_07.gif) no-repeat 0 0; }
.section-num.n008 { background:url(/images/num/num_cl_08.gif) no-repeat 0 0; }
.section-num.n009 { background:url(/images/num/num_cl_09.gif) no-repeat 0 0; }
.section-num.n010 { background:url(/images/num/num_cl_10.gif) no-repeat 0 0; }
.section-num.n011 { background:url(/images/num/num_cl_11.gif) no-repeat 0 0; }
.section-num.n012 { background:url(/images/num/num_cl_12.gif) no-repeat 0 0; }
.section-num.n013 { background:url(/images/num/num_cl_13.gif) no-repeat 0 0; }
.section-num.n014 { background:url(/images/num/num_cl_14.gif) no-repeat 0 0; }
.section-num.n015 { background:url(/images/num/num_cl_15.gif) no-repeat 0 0; }
.section-num.n016 { background:url(/images/num/num_cl_16.gif) no-repeat 0 0; }
.section-num.n017 { background:url(/images/num/num_cl_17.gif) no-repeat 0 0; }
.section-num.n018 { background:url(/images/num/num_cl_18.gif) no-repeat 0 0; }
.section-num.n019 { background:url(/images/num/num_cl_19.gif) no-repeat 0 0; }
.section-num.n020 { background:url(/images/num/num_cl_20.gif) no-repeat 0 0; }

/* point1とか */
.section.point01,
.section.point02,
.section.point03,
.section.point04,
.section.point05,
.section.point06 { padding-left:55px; }
.section.point01 { background:url(/images/feature_point1.gif) 0 0 no-repeat; }
.section.point02 { background:url(/images/feature_point2.gif) 0 0 no-repeat; }
.section.point03 { background:url(/images/feature_point3.gif) 0 0 no-repeat; }
.section.point04 { background:url(/images/feature_point4.gif) 0 0 no-repeat; }
.section.point05 { background:url(/images/feature_point5.gif) 0 0 no-repeat; }
.section.point06 { background:url(/images/feature_point6.gif) 0 0 no-repeat; }

.point_read { display:table; margin:0 0 1em; }
.point_read .lyt_l, .point_read .lyt_r{ display:table-cell; }
.point_read .lyt_r{ vertical-align:middle; color:#00427d; font-size:20px; font-size:2.1rem; padding: 0 0 0 10px; }
.point_lyt .point_read .lyt_l img { max-width:initial; }
.point_read .lyt_r .fs_s { font-size:13px; }

/* 事例一覧用 */
.section.case-lineup,
.section.case-lineup-logo   { padding-bottom:10px; border-bottom:1px dotted #d2d2d2; }
.section.case-lineup .inner { margin:0 2% 5px 0; float:left; }
.section.case-lineup.lay-4clm-03 {border-bottom:none;}

	/* パートナー事例一覧と仕様・機能（パートナーサポート）の時だけ */
	#serviceSupport .section.case-lineup,
	#serviceSupport .section.case-lineup-logo,
	#partnerService .section.case-lineup,
	#partnerService .section.case-lineup-logo { padding-bottom:6px; border-bottom:2px dotted #bbbbbb; }

	#serviceSupport .section.case-lineup .section.case-lineup-logo,
	#partnerService .section.case-lineup .section.case-lineup-logo   { border:none; }

	#serviceSupport .section.case-lineup .section.case-lineup-logo .inner-r,
	#partnerService .section.case-lineup .section.case-lineup-logo .inner-r { padding-top:5px; }

	#serviceSupport .section.case-lineup .ttl-04 span,
	#partnerService .section.case-lineup .ttl-04 span { padding-left:.7em; font-size:86%; font-weight:normal; color:#666; }

.section.case-lineup-logo .inner   { width:200px; margin:0 10px 0 0; float:left; }
.section.case-lineup-logo .inner-r { width:450px; float:left; }
.section.case-lineup-logo .inner-r img { margin-top:-5px; }

.section.case-lineup .link-box-01,
.section.case-lineup-logo .link-box-01 { margin-top:1em; }

@media only screen and (max-width:768px) {
.section.case-lineup   { padding-bottom:0; border-bottom:none; }
.section.case-lineup.border_b_sp { padding-bottom: 10px; border-bottom: 1px dotted #d2d2d2; }
}

/* ---------------------------------------------- */
/* 分割
------------------------------------------------- */
.lay-2clm-00,
.lay-2clm-01, .lay-2clm-02,
.lay-2clm-03, .lay-3clm-01,
.lay-4clm-01, .lay-4clm-02,
.lay-4clm-03 { margin-bottom:1em; }

.section .lay-2clm-00, .section .lay-2clm-01,
.section .lay-2clm-02, .section .lay-2clm-03,
.section .lay-3clm-01,
.section .lay-4clm-01, .section .lay-4clm-02,
.section .lay-4clm-03 { margin-bottom:.5em; }

.lay-2clm-00 .inner, 
.lay-2clm-01 .inner, .lay-2clm-01 .inner-r,
.lay-2clm-02 .inner, .lay-2clm-02 .inner-r,
.lay-2clm-03 .inner, .lay-2clm-03 .inner-r,
.lay-3clm-01 .inner, .lay-3clm-01 .inner-r,
.lay-4clm-01 .inner, .lay-4clm-01 .inner-r,
.lay-4clm-02 .inner, .lay-4clm-02 .inner-r,
.lay-4clm-03 .inner, .lay-4clm-03 .inner-r { float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.lay-2clm-01 .inner,
.lay-2clm-02 .inner,
.lay-2clm-03 .inner,
.lay-3clm-01 .inner,
.lay-4clm-01 .inner,
.lay-4clm-02 .inner,
.lay-4clm-03 .inner { margin-right:2%; _margin-right:1.2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

*:first-child+html .lay-2clm-01 .inner, 
*:first-child+html .lay-2clm-02 .inner,
*:first-child+html .lay-2clm-03 .inner,
*:first-child+html .lay-3clm-01 .inner,
*:first-child+html .lay-4clm-01 .inner,
*:first-child+html .lay-4clm-02 .inner,
*:first-child+html .lay-4clm-03 .inner { margin-right:1.5%; } /* IE7対応 */

/* 2分割 等分 余白なし */
.lay-2clm-00>.inner   { width:50%; }

/* 2分割 等分 */
.lay-2clm-01>.inner   { width:49%; }
.lay-2clm-01>.inner-r { width:49%; }

/* 2分割 1:2 */
.lay-2clm-02>.inner   { width:32%; }
.lay-2clm-02>.inner-r { width:66%; }

/* 2分割 2:1 */
.lay-2clm-03>.inner   { width:66%; }
.lay-2clm-03>.inner-r { width:32%; }

/* 3分割 等分 */
.lay-3clm-01>.inner   { width:32%; }
.lay-3clm-01>.inner-r { width:32%; }

/* 4分割 等分 */
.lay-4clm-01>.inner   { width:23.5%; }
.lay-4clm-01>.inner-r { width:23.5%; }
.lay-4clm-03>.inner   { width:23.5%; }
.lay-4clm-03>.inner-r { width:23.5%; }

/* 4分割 1:3 */
.lay-4clm-02>.inner   { width:23.5%; }
.lay-4clm-02>.inner-r { width:74.5%; }

/* 未調整
.lay-2clm-04 .inner   { width:100px; }
.lay-2clm-04 .inner-r { width:630px; }
.lay-2clm-04 .inner   { margin-right:10px; }

.lay-2clm-05 .inner   { width:130px; }
.lay-2clm-05 .inner-r { width:600px; }
.lay-2clm-05 .inner   { margin-right:10px; }
*/

.unique_lyt .inner.w59{ width:59%; }
.unique_lyt .inner-r.w38{ width:38%; }


@media only screen and (max-width:768px) {

.lay-2clm-00 .inner, 
.lay-2clm-01 .inner, .lay-2clm-01 .inner-r,
.lay-2clm-02 .inner, .lay-2clm-02 .inner-r,
.lay-2clm-03 .inner, .lay-2clm-03 .inner-r,
.lay-3clm-01 .inner, .lay-3clm-01 .inner-r,
.lay-4clm-01 .inner, .lay-4clm-01 .inner-r,
.lay-4clm-02 .inner, .lay-4clm-02 .inner-r { float:none; }

.lay-2clm-01 .inner,
.lay-2clm-02 .inner,
.lay-2clm-03 .inner,
.lay-3clm-01 .inner,
.lay-4clm-01 .inner,
.lay-4clm-02 .inner { margin-right:0; _margin-right:0;margin-bottom:1em; }

.lay-4clm-03 .inner{ margin-right:2%; _margin-right:2%;margin-bottom:1em; }

/* 2分割 等分 余白なし */
.lay-2clm-00>.inner   { width:100%; }

/* 2分割 等分 */
.lay-2clm-01>.inner   { width:100%; }
.lay-2clm-01>.inner-r { width:100%; }

/* 2分割 1:2 */
.lay-2clm-02>.inner   { width:100%; }
.lay-2clm-02>.inner-r { width:100%; }

/* 2分割 2:1 */
.lay-2clm-03>.inner   { width:100%; }
.lay-2clm-03>.inner-r { width:100%; }

/* 3分割 等分 */
.lay-3clm-01>.inner   { width:100%; }
.lay-3clm-01>.inner-r { width:100%; }

/* 4分割 等分 */
.lay-4clm-01>.inner   { width:100%; }
.lay-4clm-01>.inner-r { width:100%; }

/* 4分割 1:3 */
.lay-4clm-02>.inner   { width:100%; }
.lay-4clm-02>.inner-r { width:100%; }

/* 4分割 1:1 */
.lay-4clm-03>.inner   { width:48%; }
.lay-4clm-03>.inner-r { width:48%; }

.unique_lyt .inner.w59{ width:100%; }
.unique_lyt .inner-r.w38{ width:100%; }
}

/* ---------------------------------------------- */
/* 見出し
------------------------------------------------- */
.ttl-i01 span, .ttl-i02 span, .ttl-i03 span, .ttl-case span, .ttl-case-p span { display:none; }
.ttl-i01 { height:40px; margin-bottom:10px; background:no-repeat 0 0; } /* 主にh3に使用 */
.ttl-case, .ttl-case-p,
.ttl-i02 { height:35px; margin-bottom:10px; background:no-repeat 0 0; } /* 主にh4に使用 */
.ttl-i03 { height:13px; margin-bottom: 7px; background:no-repeat 0 0; } /* 主にh5に使用 */
.ttl-case   { background-image:url(/images/case/case_tit02.gif); } /* 事例 */
.ttl-case-p { background-image:url(/images/case/case_tit02p.gif); } /* 事例-パートナー */

.ttl-01 { font-size: 18px;font-size: 1.8rem;font-weight: bold;color:#fff;margin-bottom:1em; padding:0 0 0 10px;background: #4ac5da;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
background: -moz-linear-gradient(top,  #4ac5da 0%, #09a29e 97%, #009e94 100%);
background: -webkit-linear-gradient(top,  #4ac5da 0%,#09a29e 97%,#009e94 100%);
background: linear-gradient(to bottom,  #4ac5da 0%,#09a29e 97%,#009e94 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ac5da', endColorstr='#009e94',GradientType=0 );
}
.ttl-01 span { display:block;padding:11px 10px 9px 19px;background:#08213D;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius:0 3px 3px 0; }
.ttl-01 span span { padding:0; background:none;}

/* 2分割用 */
.lay-2clm-01 .ttl-01 { background:url("/images/ptn4_title01s.gif") no-repeat left top #333; }
.lay-2clm-01 .ttl-01 span  { background:url("/images/ptn4_title01_foots.gif") no-repeat left bottom; }
.lay-2clm-01 .ttl-01 span span { background:none; }

.ttl-02 { font-size: 18px;font-size: 1.8rem; font-weight: bold;color:#fff;background:#00408F;border-left:10px solid #3C75AF;margin-bottom:1em;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.ttl-02 span { display:block; padding:9px 17px 7px;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius:0 3px 3px 0;}
.ttl-02 span span { padding:0; background:none;}

.ttl-03 {line-height:1.1;padding-left:9px; margin-bottom:.5em; border-left:4px solid #009e94; font-weight:bold; }
.ttl-04 {margin-bottom:.5em; font-weight:bold; }


.ttl-05 span span { min-height:20px; _height:20px; padding:5px 0 0 35px; background:none; font-weight:bold; color:#fff; }

.ttl-05 { min-height:28px; _height:28px; padding-top:2px; margin-bottom:1em; background:url("/images/h4part01_02.jpg") no-repeat left top #1C5B87; } /* 背景色（#1C5B87）は画像表示時に白文字が読めなくなるの防止 */
.ttl-05 span { display:block; padding:3px 8px 5px; background:url("/images/h4part01_02.jpg") no-repeat left bottom; }
/* wide用 */
.columnWide .ttl-05 { background:url("/images/h4part01w_02.jpg") no-repeat left top #1C5B87; }
.columnWide .ttl-05 span { background:url("/images/h4part01w_02.jpg") no-repeat left bottom; }

.ttl-06 { padding-left:5px; margin-bottom:.5em; border-left:5px solid #2894D2; font-weight:bold; }
.ttl-06 { border-color:#3C8E34; } /* ニュース用 */


/* パートナー一覧とか */
.ttl-07 { margin-bottom:1em; padding:10px 9px 8px 10px; background:url(/images/ttl_07_bg.gif) repeat-x 0 0 #f4f4f4; border-bottom:1px solid #d9d9d9; font-size:125%; font-weight:bold; }
.ttl-07 .ico { margin-top:1px; font-size:82%; text-align:right; float:right; }

/* 特長 ポイント用 */
.ttl-08 { margin-bottom:.5em; color:#00427D; font-size:200%; font-weight:bold; }

/* 画像フォント デバイス化 */
.ttl-09 { font-size:24px; font-size:2.4rem; font-weight:bold; }
.ttl-09 .txt_red{ color:#e30000;}

@media only screen and (max-width:768px) {
.ttl-01 { font-size: 18px;font-size: 1.8rem; }
.ttl-03 { font-size: 13px;font-size: 1.3rem; padding: 2px 0 2px 9px; }
.ttl-09 { font-size:15px; font-size:1.5rem; }
}
/* ---------------------------------------------- */
/* 文字装飾
------------------------------------------------- */
/* 文字揃え */
.tx_c { text-align:center !important; }
.tx_r { text-align:right !important; }
.tx_l { text-align:left !important; }

/* 文字装飾 料金プランカラー
.tx_sv_Mini   { color:#01B091; }
.tx_sv_Small  { color:#00A0B1; }
.tx_sv_Medium { color:#0095CE; }
.tx_sv_Large  { color:#00478D; }
.tx_sv_xLarge { color:#770099; }
.tx_sv_wLarge { color:#c31891; } */

.tx_sv_Mini, .tx_sv_Small, .tx_sv_Medium, .tx_sv_Large, .tx_sv_xLarge, .tx_sv_wLarge,
.tx_sv_eMini, .tx_sv_eSmall, .tx_sv_eMedium, .tx_sv_eLarge, .tx_sv_exLarge, .tx_sv_ewLarge, .tx_sv_sLarge, .tx_sv_qLarge , .tx_sv_tLarge, .tx_sv_oLarge { background-image:none !important; color:#fff; border-bottom:1px solid #f2f2f2; border-right:none !important; }

.tx_sv_Mini   { background-color:#01B091 !important; }
.tx_sv_Small  { background-color:#00A0B1 !important; }
.tx_sv_Medium { background-color:#0095CE !important; }
.tx_sv_Large  { background-color:#00478D !important; }
.tx_sv_xLarge { background-color:#770099 !important; }
.tx_sv_wLarge { background-color:#c31891 !important; }
.tx_sv_tLarge { background-color:#9a0000 !important; }
.tx_sv_qLarge { background-color:#ad7101 !important; }
.tx_sv_sLarge { background-color:#769200 !important; }
.tx_sv_oLarge { background-color:#f15a24 !important; }

.tx_sv_eMini   { background:none #D4EEF2 !important; color:#0CB0C3; }
.tx_sv_eSmall  { background:none #B2E1E6 !important; color:#009BAC; }
.tx_sv_eMedium { background:none #B2DFF0 !important; color:#0095CE; }
.tx_sv_eLarge  { background:none #C2D6EB !important; color:#00478D; }
.tx_sv_exLarge { background:none #d6b2e0 !important; color:#770099; }
.tx_sv_ewLarge { background:none #edb9de !important; color:#c31891; }

.tx_sv_cSmall   { background:none #ffffff !important; color:#009bac; }
.tx_sv_cMedium  { background:none #ffffff !important; color:#0095ce; }
.tx_sv_cLarge   { background:none #ffffff !important; color:#00478d; }

.tx_sv_Mini span, .tx_sv_Small span,
.tx_sv_Medium span, .tx_sv_Large span,
.tx_sv_xLarge span, .tx_sv_wLarge span,
.tx_sv_tLarge span, .tx_sv_qLarge span, .tx_sv_sLarge span, .tx_sv_oLarge span { font-size:84%; font-weight:normal; color:#fff; }

.tx_sv_eMini span, .tx_sv_eSmall span,
.tx_sv_eMedium span, .tx_sv_eLarge span,
.tx_sv_exLarge span, .tx_sv_ewLarge span { font-size:84%; font-weight:normal; }

/* 文字強調 いつかこのカオスを解消したい… */
.cap  { font-weight:normal; color:#E30000; }
.cap1 { font-weight:normal !important; color:#333 !important; }
.cap2 { font-size:85% !important; font-weight:normal !important; color:#333 !important; }
.cap3 { font-size:85% !important; font-weight:normal !important; color:#E30000 !important; }
.cap4 { font-weight:bold !important; }
.cap5 { color:#C06 !important; }
.cap6 { color:#429900 !important; }
.cap7 { color:#429900 !important; font-weight:bold !important; }
.cap8 { color:#777 !important; }
.cap9 { color:#CB005F !important; }
.cap10 { font-size:18px; font-size:1.8rem; font-weight:bold;}
.cap11 { color: #4ea407; font-size:105%; font-weight:bold; }

@media only screen and (max-width:768px) {
.tx_c_sp { text-align:center !important; }
.tx_r_sp { text-align:right !important; }
.tx_l_sp { text-align:left !important; }
}

/* ---------------------------------------------- */
/* 画像
------------------------------------------------- */
.img_r { display:block; margin:0 0 1em 1em; float:right; }
.img_l { display:block; margin:0 1em 1em 0; float:left; }
.img_c { margin:0 auto .5em; text-align:center; } /* <p>と一緒に */
.img_c_02 { margin:0 auto .5em; text-align:center;  } /* <p>と一緒に */
.img_btn { margin:20px auto .5em; text-align:center; } /* <p>と一緒に */

.img_r .cap, .img_l .cap, .img_c .cap,
.img_r .cap span, .img_l .cap span, .img_c .cap span { color:#666 !important; line-height:1.3; font-size:90%; }

/* キャプションつきとか */
.img_r img, .img_l img { margin-bottom:5px; }

.unique_lyt .inner-r { float:right;}

@media only screen and (max-width:768px) {
.img_r { float:none;}
.img_l.tx_c_sp { float:none; }
.unique_lyt .inner-r { float:none; }
}


/* 図あたり用 */
.img_dummy { margin:10px 0; padding:50px 0; background-color:#eee; text-align:center; }

/* 画像中揃えブロック*/
.img_w600 { width:600px;}


/* ---------------------------------------------- */
/* リスト
------------------------------------------------- */

/* ・つき */
.list-d01 li,
li .list-d01 li { padding-left:15px; background:url(/images/top_main_line.gif) no-repeat 5px .5em; }

/* ▲つき */
.list-r01 li,
li .list-r01 li { padding-left:1em; background:url(/images/arrow02.gif) no-repeat 2px .5em; }
.list-r02 li,
li .list-r02 li { padding-left:1em; background:url(/images/ico_list01.gif) no-repeat 1px .2em; }

/* ※つき */
.list-a01      { padding-left:1em; text-indent:-1em; background:none; }
.list-a02      { padding-left:3.3em; text-indent:-3.3em; _padding-left:0; _text-indent:0; background:none; }
.list-a02 span { display:block; float:left; min-width:3em; _width:3em; margin-right:.3em; color:#666; }

/* 番号つき */
.list-n01 { list-style:decimal; padding-left:1.9em; }
.list-n02 li { padding-left:18px; }
.list-n02 .num01 { background:url(/images/li_num_01.gif) no-repeat 0 0; }
.list-n02 .num02 { background:url(/images/li_num_02.gif) no-repeat 0 0; }
.list-n02 .num03 { background:url(/images/li_num_03.gif) no-repeat 0 0; }
.list-n02 .num04 { background:url(/images/li_num_04.gif) no-repeat 0 0; }
.list-n02 .num05 { background:url(/images/li_num_05.gif) no-repeat 0 0; }
.list-n02 .num06 { background:url(/images/li_num_06.gif) no-repeat 0 0; }
.list-n02 .num07 { background:url(/images/li_num_07.gif) no-repeat 0 0; }
.list-n02 .num08 { background:url(/images/li_num_08.gif) no-repeat 0 0; }
.list-n02 .num09 { background:url(/images/li_num_09.gif) no-repeat 0 0; }
.list-n02 .num10 { background:url(/images/li_num_10.gif) no-repeat 0 0; }
.list-n02 .num11 { background:url(/images/li_num_11.gif) no-repeat 0 0; }
.list-n02 .num12 { background:url(/images/li_num_12.gif) no-repeat 0 0; }
.list-n02 .num13 { background:url(/images/li_num_13.gif) no-repeat 0 0; }
.list-n02 .num14 { background:url(/images/li_num_14.gif) no-repeat 0 0; }
.list-n02 .num15 { background:url(/images/li_num_15.gif) no-repeat 0 0; }
.list-n02 .num16 { background:url(/images/li_num_16.gif) no-repeat 0 0; }
.list-n02 .num17 { background:url(/images/li_num_17.gif) no-repeat 0 0; }
.list-n02 .num18 { background:url(/images/li_num_18.gif) no-repeat 0 0; }
.list-n02 .num19 { background:url(/images/li_num_19.gif) no-repeat 0 0; }
.list-n02 .num20 { background:url(/images/li_num_20.gif) no-repeat 0 0; }
.list-n03 { list-style:lower-roman; padding-left:1.9em; }

/* インライン 基本入れ子で使用 */
.list-i01    { border-left:1px solid #ccc; overflow:hidden; }
.list-i01 li { border-right:1px solid #ccc; padding:0 10px; float:left; white-space:nowrap; }
@media only screen and (max-width:768px) {
.list-i01 li { white-space:normal; }
}
		/* 入れ子対策…※つきの作り方失敗… */
		.list-r01 .list-a01,
		.list-r02 .list-a01,
		.list-d01 .list-a01,
		li .list-n01 li { padding-left:0; }
		
		.list-r01 .list-a02,
		.list-r02 .list-a02,
		.list-d01 .list-a02 { padding-left:2.3em; _padding-left:0em; }

		.list-a01 .list-d01, .list-a01 .list-r01, .list-a01 .list-r02, .list-a01 .list-n01, .list-a01 .list-n02,
		.list-a02 .list-d01, .list-a02 .list-r01, .list-a02 .list-r02, .list-a02 .list-n01, .list-a02 .list-n02 { text-indent:0; }

		li .list-a01 li, li .list-a02 li,
		li .list-n01 li, li .list-n02 li,
		li .list-i01 li { background:none; }

/* インライン分割 共通 */
.list-2clm-i01 > p, .list-3clm-i01 > p, .list-4clm-i01 > p, .list-5clm-i01 > p,
.list-2clm-i01 > li, .list-3clm-i01 > li, .list-4clm-i01 > li, .list-5clm-i01 > li { float:left; margin-right:1%; margin-bottom: 0.5em; }

/* インライン2分割 */
.list-2clm-i01 > p, .list-2clm-i01 > li { width:49% }

/* インライン3分割 */
.list-3clm-i01 > p, .list-3clm-i01 > li { width:32% }

/* インライン4分割 */
.list-4clm-i01 > p, .list-4clm-i01 > li { width:24% }

/* インライン5分割 */
.list-5clm-i01 > p, .list-5clm-i01 > li { width:19% }

/* インラインリキッドレイアウト */
.list-liquid-i01 > li { width:auto; display:inline-block; margin-right:1em; }


@media screen and (max-width: 768px) {

.list-2clm-i01 > p, .list-3clm-i01 > p, .list-4clm-i01 > p, .list-5clm-i01 > p,
.list-2clm-i01 > li, .list-3clm-i01 > li, .list-4clm-i01 > li, .list-5clm-i01 > li {margin-right:0; margin-bottom: 0.5em; }

.list-2clm-i01 > p, .list-2clm-i01 > li,
.list-3clm-i01 > p, .list-3clm-i01 > li,
.list-4clm-i01 > p, .list-4clm-i01 > li,
.list-5clm-i01 > p, .list-5clm-i01 > li {width: auto;display: inline-block;float: none;padding: 0 1% 0 0;}
}
/* ---------------------------------------------- */
/* リンク・アイコン付き
------------------------------------------------- */
 /* .link-arr-01,
.tx_r.link-arr-01 a { padding-left:10px; background:url("/common_new/images/ico_list01.gif") 1px .2em no-repeat; }
.link-out-01 a { padding-right:14px; background:url("/api/images/blank_window.gif") right center no-repeat; min-height:13px; _height:13px; }
.link-pdf-01 a { padding:2px 14px 2px 0; background:url("/common_new/images/pdf_small.gif") right center no-repeat; min-height:16px; _height:16px; }

.list-a01 .link-arr-01 a,
.list-n01 .link-arr-01 a { margin-left:1em; }リストに入れ子対策 */
/* .tx_r.link-arr-01 { background:none; } 右寄せ対策 上の「.tx_r.link-arr-01 a」ともども消さないで */


.link-arr-01.link-pdf-01,
.link-arr-01.link-out-01 { background:none; } /* 掛け合わせ対策 */

.link-arr-01 a,
.link-arr-01.link-pdf-01,
.link-arr-01.link-out-01   { padding-left:10px; background:url("/images/ico_list01.gif") 1px .4em no-repeat; }
.link-out-01 a,
.link-arr-01.link-out-01 a { margin-right:.3em; padding:2px 18px 2px 0; background:url("/images/blank_window.gif") right center no-repeat; min-height:13px; _height:13px; }
.link-pdf-01 a,
.link-arr-01.link-pdf-01 a { margin-right:.3em; padding:2px 18px 2px 0; background:url("/images/pdf_small.gif") right center no-repeat; min-height:16px; _height:16px; }

		/* リストに入れ子対策 */
		.list-a01 .link-arr-01 a { margin-left:1em; _padding-left:1em; }
		.list-a02 .link-arr-01 a { margin-left:3.3em; }

.link-box-01 { float:right; }
.link-box-02 { float:left; }
.link-box-03 { margin: 0 auto;}
.link-box-01 a, .link-box-02 a, .link-box-03 a { display:block; padding:5px 25px; min-width:100px; background:url(/images/btn_text.gif) left bottom no-repeat; border:1px solid #e2e2e2; text-align:center; background-size: 100% auto; }

@media only screen and (max-width:540px) {
.link-box-01 a { background-size: 100% auto }
}

@media only screen and (max-width:540px) {
.link-box-01   { display:block;width:100%; }
.link-box-01 a { width:100%;display:block; padding:5px 1px; min-width:inherit; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}

/* 文中にアイコン */
.pgh-img-01 { margin:0 0.2em; vertical-align:-0.1em; } /* 下揃え */
.pgh-img-02 { margin:0 0.3em; vertical-align:-0.6em; } /* 上下中央 */

/* NEWアイコン */
.pgh-new    { margin-right:.3em; padding:1px 38px 1px 0; background:url("/images/new.gif") right top no-repeat; min-height:15px; _height:15px; zoom:1; }

/* ソリューションサービスアイコン */
.pgh-ss     { padding:1px 15px 1px 0; background:url("/images/ico_ss.gif") right center no-repeat; min-height:12px; _height:12px; zoom:1; }

/* IE7はバグがあるのでアイコン非表示 */
*:first-child+html .link-pdf-01 a, *:first-child+html .link-out-01 a,
*:first-child+html .pgh-img-01, *:first-child+html .pgh-img-02,
*:first-child+html .pgh-new, *:first-child+html .pgh-ss { background:none !important; }


/* ---------------------------------------------- */
/* 囲み
------------------------------------------------- */
.box-p01, .box-p02,.box-p03, .box-p04, .box-p05, .box-l01, .box-l02, .cd-01 { padding:10px; }
.box-p01 { background-color:#fec; }
.box-p02 { background-color:#f3f3f3; }
.box-p03 { background-color:#dec; } /* FAQ 関連情報 */
.box-p04 { background-color:#fdd; } /* FAQ 注意 */
.box-p05 { background-color:#014099; } /* 申し込み完了 */

.box-l01 { border:1px #333 dotted; }
.box-l02 { border:1px #ccc solid; }

.cd-01 { display:block; min-height:3em; padding:5px 5px 30px; max-width:980px; overflow:auto; white-space:nowrap; _white-space:break; border:1px solid #ccc; background-color:#f6f6f6; }
 /* 
.box-flow { margin-left:3px; }
.box-flow .txt { padding:15px; background:url(/common_new/images/ptn4_gray_foot.gif) left bottom no-repeat; }
.columnWide .box-flow .txt { padding:15px; background:url(/common_new/images/ptn4_gray_foot.gif) left bottom no-repeat; } とりあえずwide用になってます */

/* 横幅可変対応版 */
.box-flow      { border:1px solid #ccc; 
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }
.box-flow .txt {
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #fefefe 68%, #fafafa 77%, #ececec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#fefefe 68%,#fafafa 77%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#fefefe 68%,#fafafa 77%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
padding: 20px 10px;
}
/*.box-flow .txt .txtInner { padding:20px 10px;border:1px solid #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }*/
.box-flow .ttl { display:block;padding:5px 8px;font-weight:bold;padding:5px 8px; background:#ececec; }
.box-flow .ttl2 { display:block;padding:5px 8px;font-weight:bold;padding:5px 8px; background:#ececec; }


.box-info { margin-top:8px; padding-top:8px; border-top:1px dotted #ccc; font-size:90%; color:#555; }
.box-tag  { margin-top:8px; padding:8px 8px 8px 80px; border:1px solid #ccc; font-size:90%; background:url(/images/faq/ico_tag.gif) 8px center no-repeat; }

.border_none{ border:none !important; }



/*19.12.19新しいボックス追加*/
/*.box-n01 {
	border: solid 5px #CCCCCC;
	border-radius: 12px;
	align-items: center;
	padding: 5px 5px 0;
}
.box-n01 p{
	font-size: 12px;
	margin-bottom: 5px;
}
.box-n01 .ttl-n01 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
.box-n01 .lay-2clm-01 .inner-r {
	padding-top: 10px;
}
.box-n01 .btnBox {
background: -webkit-linear-gradient(-45deg, #288ded 0%,#224a94 100%);
background: linear-gradient(135deg, #288ded 0%,#224a94 100%);
	border-radius: 20px;
	width: 80%;
	padding: 9px 3px 3px;
	transition: 0.3s;
}
.box-n01 .btnBox:hover {
	opacity: 0.7;
	margin-top: 0;
}
.box-n01 .btnBox .btn-n01 {
	font-size: 16px;
	display: block;
	color: #FFFFFF;
	height: 100%;
	text-decoration: none;
	line-height: 1;
}

.box-n01 .img.img_c {
	vertical-align: middle;
	align-items: center;
	margin-top: 5%;
}

@media screen and (min-width: 768px) {
	.box-n01 > .inner-r {
	position: relative;
}
.box-n01 > .inner-r:before {
	content: "";
	display: inline-block;
	position: absolute;
	height: 90%;
	width: 5px;
	left: -3%;
	top: 5%;
	background-color: #CCCCCC;
	border-radius: 3px;
}
}
*/


@media screen and (max-width: 768px) {
.box-l02_sp { border:1px #ccc solid; padding:10px; }
.border_none_sp { border:none; padding:0; }
}
/* ---------------------------------------------- */
/* iframe
------------------------------------------------- */
.if-n01 { border:none; width:630px; height:150px; }

/* ---------------------------------------------- */
/* 表
------------------------------------------------- */
/* .tbl-01 */
.tbl-01 { width:100%; border:1px solid #e3e3e3; border-bottom:none; border-right:none; }
.tbl-01 th,
.tbl-01 td { padding:6px 8px; border-right:1px solid #e3e3e3; }
.tbl-01 th,
.tbl-01 .even,
.tbl-01 tfoot td  { background:url("/images/service_table_th1_bg.gif") 0 100% repeat-x #f2f2f2; }
.tbl-01 td        { background:url("/images/service_table_td_bg.gif") 0 100% repeat-x; }
.tbl-01 .price    { background:#e7e7e7 url("/images/service_table_th2_bg.gif") 0 100% repeat-x; }
.tbl-01.lyt_fixed{ table-layout:fixed;}
/* IE6-box内ではみ出し対策 */
.box-p01 .tbl-01, .box-p02 .tbl-01, .box-l01 .tbl-01, .box-l02 .tbl-01 { _width:96% !important; }

/* 旧CSS対応 新規には使わないこと内容は「.tbl-01」と同じ */
.table-ptn2 { width:100%; margin-bottom:1em; border:1px solid #e3e3e3; border-bottom:none; border-right:none; }
.table-ptn2 th,
.table-ptn2 td { padding:10px; border-right:1px solid #e3e3e3; }
.table-ptn2 th,
.table-ptn2 .even  { background:url("/images/service_table_th1_bg.gif") 0 100% repeat-x #f2f2f2; }
.table-ptn2 td     { background:url("/images/service_table_td_bg.gif") 0 100% repeat-x; }
.table-ptn2 .price { background:#e7e7e7 url("/images/service_table_th2_bg.gif") 0 100% repeat-x; }
/* --ここまで--旧CSS対応 */

/* .word-wrap 連続した半角文字が重ならないようにするために「word-wrap」、幅がひろがらない対処、テーブル幅を固定「table-layout」*/
.word-wrap {
	table-layout: fixed;
 	word-wrap: break-word;
  }

/* --ここまで--word-wrap  */

/* 料金表用 境界点線 */
.tbl-price td { text-align:right; }

/* 料金表用 境界点線 今のところ/price/index.htmのみかも */
.dash th,
.dash td { background:none; border-bottom:1px dashed #e3e3e3; }
.dash th { background-color:#F2F2F2; }

/* .tbl-02 */
.tbl-02 { width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }

.tbl-02 caption,
.tbl-02 th,
.tbl-02 td { padding:3px 5px; font-size:90%; _font-size:72%; }

.tbl-02 th { border-bottom:1px solid #ccc; }
.tbl-02 td { border-bottom:1px dotted #ccc; }

/* .tbl-rel */
.tbl-rel { width:100%; }
.tbl-rel th,
.tbl-rel td { padding:3px 5px; font-size:90%; _font-size:72%; }
.tbl-rel thead .col1,
.tbl-rel thead .col2,
.tbl-rel thead .col3 { border-top:2px solid #ccc; border-bottom:1px solid #ccc; }
.tbl-rel td    { border-bottom:1px dotted #ccc; }
.tbl-rel .last .col1,
.tbl-rel .last .col2,
.tbl-rel .last .col3 { border-bottom:2px solid #ccc; }

/* .tbl-simp 見積書用 */
.tbl-simp-01, .tbl-simp-02 { width:100%; }
.tbl-simp-01 th, .tbl-simp-01 td,
.tbl-simp-02 th, .tbl-simp-02 td { padding:5px 10px; vertical-align:top; }

.tbl-simp-01 thead { background-color:#e3e3e3; }
.tbl-simp-01 thead th { border-top:2px solid #d3d3d3; text-align:center; }
.tbl-simp-01 tbody th { border-top:1px solid #e3e3e3; font-weight:normal; }
.tbl-simp-01 thead th h5 { font-weight:bold; text-align:left; }
.tbl-simp-01 tbody td { border-top:1px solid #e3e3e3; text-align:right; }
.tbl-simp-01 tfoot { background-color:#f3f3f3; }
.tbl-simp-01 tfoot th,
.tbl-simp-01 tfoot td { border-top:1px solid #e3e3e3; border-bottom:2px solid #d3d3d3; font-weight:bold; vertical-align:baseline; }
.tbl-simp-01 tfoot td {text-align:right; }
.tbl-simp-01 tfoot td span { margin-right:.2em; font-size:135%; }

.tbl-simp-02-box { border-top:2px solid #ccc; border-bottom:1px solid #ccc; }
.tbl-simp-02 th { border-top:1px solid #e3e3e3; background-color:#e3e3e3; text-align:right; }
.tbl-simp-02 td { border-bottom:1px solid #e3e3e3; text-align:right; }
.tbl-simp-02 tbody th    { font-weight:normal; }
.tbl-simp-02 tbody th h5 { font-weight:bold; text-align:left; }
.tbl-simp-02 tfoot th,
.tbl-simp-02 tfoot td { border-bottom:1px solid #ccc; vertical-align:baseline; }
.tbl-simp-02 tfoot td { background-color:#f3f3f3; font-weight:bold; }
.tbl-simp-02 tfoot td span { margin-right:.2em; font-size:135%; }


/* api用 幅指定（区切りなし英文の文字拡大対策） max-widthの合計＝575 */
#apiPage table td,
#helpPage table td,
#guidePage table td,
#specPage table td { word-break:break-all !important; }

#apiPage table .col3-1,
#helpPage table .col3-1 { width:24%; max-width:24%; }
#apiPage table .col3-2,
#helpPage table .col3-2 { width:46%; max-width:46%; }
#apiPage table .col3-3,
#helpPage table .col3-3 { width:30%; max-width:30%; }

#helpPage .tbl-rel .col1,
#apiPage .tbl-rel .col1 { width:65px; max-width:65px; }
#helpPage .tbl-rel .col2,
#apiPage .tbl-rel .col2 { width:120px; max-width:120px; }
#helpPage .tbl-rel .col3,
#apiPage .tbl-rel .col3 { width:120px; max-width:100px; }

#apiPage table .col4-1,
#helpPage table .col4-1 { width:120px; max-width:150px; }
#helpPage table .col4-2,
#apiPage table .col4-2 { width:250px; max-width:270px; }
#helpPage table .col4-3,
#apiPage table .col4-3 { width:90px; max-width:100px; }
#helpPage table .tx_c,
#apiPage table .tx_c   { width:50px; max-width:55px; }

#apiPage table .col4-2-1,
#helpPage table .col4-2-1 { width:140px; max-width:170px; }
#helpPage table .col4-2-2,
#apiPage table .col4-2-2 { width:200px; max-width:220px; }
#helpPage table .col4-2-3,
#apiPage table .col4-2-3 { width:220px; max-width:230px; }
#helpPage table .tx_c,
#apiPage table .tx_c   { width:50px; max-width:55px; }

#apiPage table .col5-1, #helpPage table .col5-1 { width:20%; }
#helpPage table .col5-2, #apiPage table .col5-2 { width:40%; }
#helpPage table .col5-3, #apiPage table .col5-3 { width:8%; }
#helpPage table .col5-4, #apiPage table .col5-4 { width:7%; }
#helpPage table .col5-5, #apiPage table .col5-5 { width:25%; }

#apiPage table .col7-1, #helpPage table .col7-1 { width:18%; }
#helpPage table .col7-2, #apiPage table .col7-2 { width:38%; }
#helpPage table .col7-3, #apiPage table .col7-3 { width:6%; }
#helpPage table .col7-4, #apiPage table .col7-4 { width:6%; }
#helpPage table .col7-5, #apiPage table .col7-5 { width:7%; }
#helpPage table .col7-6, #apiPage table .col7-6 { width:7%; }
#helpPage table .col7-7, #apiPage table .col7-7 { width:10%; }

/* .tbl-l */
.tbl-l th, .tbl-l td { margin:0; padding:2px; font-weight:normal; background:none; border:none; }



/* ---------------------------------------------- */
/* タブ切り替え
------------------------------------------------- */
.br-sp { display: none; }

#tab-menu {
    list-style: outside none none;
    margin: 0;
	width: 100%;
}
#tab-menu li {
    background: #eee none repeat scroll 0 0;
    display: inline-block;
    padding: 15px 0;
	font-weight: bold;
	border-radius: 10px 10px 0 0/ 10px 10px 0 0;
	font-size: 1.4rem;
	text-align:center;
	width: 49.5%;
}
#tab-menu li.active {
    background: #3C75AF none repeat scroll 0 0;
    color: #fff;
}
#tab-menu li:hover {
    cursor: pointer;
}
#tab-menu li:last-child {
    float: right;
    margin: 0;
}

#tab-box {
	clear: both;
    padding: 25px 0;
}
#tab-box .tabbox {
    display: none;
}
#tab-box div.active {
    display: block;
}

@media only screen and (max-width:980px) {
#tab-menu li {}	
}
@media only screen and (max-width:640px) {
#tab-menu li { min-height: 45px; }	
.br-sp { display:block;}
}

/*モジュール用css*/
#tab_t2.section { background:none; border: none; padding: 0;}
	


/* ---------------------------------------------- */
/* 余白調整
------------------------------------------------- */
/*___ lay-top ___*/
.lay-top-00 { margin-top:0 !important; }
.lay-top-01 { margin-top:5px !important; }
.lay-top-02 { margin-top:10px !important; }
.lay-top-03 { margin-top:15px !important; }
.lay-top-04 { margin-top:20px !important; }
.lay-top-05 { margin-top:25px !important; }
.lay-top-06 { margin-top:30px !important; }

/*___ lay-btm ___*/
.lay-btm-00 { margin-bottom:0 !important; }
.lay-btm-01 { margin-bottom:5px !important; }
.lay-btm-02 { margin-bottom:10px !important; }
.lay-btm-03 { margin-bottom:15px !important; }
.lay-btm-04 { margin-bottom:20px !important; }
.lay-btm-05 { margin-bottom:25px !important; }
.lay-btm-06 { margin-bottom:30px !important; }
.lay-btm-07 { margin-bottom:40px !important; }
.lay-btm-08 { margin-bottom:50px !important; }

 /*___ lay ___*/
.lay-00 { margin:0 !important; }
.lay-mt-25 { margin-top:25px !important;}


/* margin */

.m0    { margin: 0 !important ; }
.m1    { margin: 1px !important ; }
.m2    { margin: 2px !important ; }
.m3    { margin: 3px !important ; }
.m4    { margin: 4px !important ; }
.m5    { margin: 5px !important ; }
.m6    { margin: 6px !important ; }
.m7    { margin: 7px !important ; }
.m8    { margin: 8px !important ; }
.m9    { margin: 9px !important ; }
.m10    { margin: 10px !important ; }
.m15    { margin: 15px !important ; }
.m20    { margin: 20px !important ; }
.m25    { margin: 25px !important ; }
.m30    { margin: 30px !important ; }
.m35    { margin: 35px !important ; }
.m40    { margin: 40px !important ; }
.m45    { margin: 45px !important ; }
.m50    { margin: 50px !important ; }
.m55    { margin: 55px !important ; }
.m60    { margin: 60px !important ; }
.m65    { margin: 65px !important ; }
.m70    { margin: 70px !important ; }
.m75    { margin: 75px !important ; }
.m80    { margin: 80px !important ; }
.m85    { margin: 85px !important ; }
.m90    { margin: 90px !important ; }
.m95    { margin: 95px !important ; }
.m100    { margin: 100px !important ; }
.m110    { margin: 110px !important ; }
.m120    { margin: 120px !important ; }
.m130    { margin: 130px !important ; }
.m140    { margin: 140px !important ; }
.m150    { margin: 150px !important ; }
.m160    { margin: 160px !important ; }
.m170    { margin: 170px !important ; }
.m180    { margin: 180px !important ; }
.m190    { margin: 190px !important ; }
.m200    { margin: 200px !important ; }
.m220    { margin: 220px !important ; }
.m240    { margin: 240px !important ; }
.m260    { margin: 260px !important ; }
.m280    { margin: 280px !important ; }
.m300    { margin: 300px !important ; }

.m0A    { margin: 0 auto !important ; }

.mt0   { margin-top:  0px !important ; }
.mt1   { margin-top:  1px !important ; }
.mt3   { margin-top:  3px !important ; }
.mt5   { margin-top:  5px !important ; }
.mt7   { margin-top:  7px !important ; }
.mt10  { margin-top: 10px !important ; }
.mt15  { margin-top: 15px !important ; }
.mt20  { margin-top: 20px !important ; }
.mt25  { margin-top: 25px !important ; }
.mt30  { margin-top: 30px !important ; }
.mt35  { margin-top: 35px !important ; }
.mt40  { margin-top: 40px !important ; }
.mt45  { margin-top: 45px !important ; }
.mt50  { margin-top: 50px !important ; }
.mt55  { margin-top: 55px !important ; }
.mt60  { margin-top: 60px !important ; }
.mt65  { margin-top: 65px !important ; }
.mt70  { margin-top: 70px !important ; }
.mt75  { margin-top: 75px !important ; }
.mt80  { margin-top: 80px !important ; }
.mt85  { margin-top: 85px !important ; }
.mt90  { margin-top: 90px !important ; }
.mt95  { margin-top: 95px !important ; }
.mt100 { margin-top: 100px !important ; }

.mrA   { margin-right: auto !important ; }
.mr0   { margin-right:  0px !important ; }
.mr1   { margin-right:  1px !important ; }
.mr3   { margin-right:  3px !important ; }
.mr5   { margin-right:  5px !important ; }
.mr7   { margin-right:  7px !important ; }
.mr10  { margin-right: 10px !important ; }
.mr15  { margin-right: 15px !important ; }
.mr20  { margin-right: 20px !important ; }
.mr25  { margin-right: 25px !important ; }
.mr30  { margin-right: 30px !important ; }
.mr35  { margin-right: 35px !important ; }
.mr40  { margin-right: 40px !important ; }
.mr45  { margin-right: 45px !important ; }
.mr50  { margin-right: 50px !important ; }
.mr55  { margin-right: 55px !important ; }
.mr60  { margin-right: 60px !important ; }
.mr65  { margin-right: 65px !important ; }
.mr70  { margin-right: 70px !important ; }
.mr75  { margin-right: 75px !important ; }
.mr80  { margin-right: 80px !important ; }
.mr85  { margin-right: 85px !important ; }
.mr90  { margin-right: 90px !important ; }
.mr95  { margin-right: 95px !important ; }
.mr100 { margin-right: 100px !important ; }

.mb0   { margin-bottom:  0px !important ; }
.mb1   { margin-bottom:  1px !important ; }
.mb3   { margin-bottom:  3px !important ; }
.mb5   { margin-bottom:  5px !important ; }
.mb7   { margin-bottom:  7px !important ; }
.mb10  { margin-bottom: 10px !important ; }
.mb15  { margin-bottom: 15px !important ; }
.mb20  { margin-bottom: 20px !important ; }
.mb25  { margin-bottom: 25px !important ; }
.mb30  { margin-bottom: 30px !important ; }
.mb35  { margin-bottom: 35px !important ; }
.mb40  { margin-bottom: 40px !important ; }
.mb45  { margin-bottom: 45px !important ; }
.mb50  { margin-bottom: 50px !important ; }
.mb55  { margin-bottom: 55px !important ; }
.mb60  { margin-bottom: 60px !important ; }
.mb65  { margin-bottom: 65px !important ; }
.mb70  { margin-bottom: 70px !important ; }
.mb75  { margin-bottom: 75px !important ; }
.mb80  { margin-bottom: 80px !important ; }
.mb85  { margin-bottom: 85px !important ; }
.mb90  { margin-bottom: 90px !important ; }
.mb95  { margin-bottom: 95px !important ; }
.mb100 { margin-bottom: 100px !important ; }

.mlA   { margin-left: auto !important ; }
.ml0   { margin-left:  0px !important ; }
.ml1   { margin-left:  1px !important ; }
.ml3   { margin-left:  3px !important ; }
.ml5   { margin-left:  5px !important ; }
.ml7   { margin-left:  7px !important ; }
.ml10  { margin-left: 10px !important ; }
.ml15  { margin-left: 15px !important ; }
.ml20  { margin-left: 20px !important ; }
.ml25  { margin-left: 25px !important ; }
.ml30  { margin-left: 30px !important ; }
.ml35  { margin-left: 35px !important ; }
.ml40  { margin-left: 40px !important ; }
.ml45  { margin-left: 45px !important ; }
.ml50  { margin-left: 50px !important ; }
.ml55  { margin-left: 55px !important ; }
.ml60  { margin-left: 60px !important ; }
.ml65  { margin-left: 65px !important ; }
.ml70  { margin-left: 70px !important ; }
.ml75  { margin-left: 75px !important ; }
.ml80  { margin-left: 80px !important ; }
.ml85  { margin-left: 85px !important ; }
.ml90  { margin-left: 90px !important ; }
.ml95  { margin-left: 95px !important ; }
.ml100 { margin-left: 100px !important ; }


/* padding */

.p0    { padding: 0 !important ; }
.p1    { padding: 1px !important ; }
.p2    { padding: 2px !important ; }
.p3    { padding: 3px !important ; }
.p4    { padding: 4px !important ; }
.p5    { padding: 5px !important ; }
.p6    { padding: 6px !important ; }
.p7    { padding: 7px !important ; }
.p8    { padding: 8px !important ; }
.p9    { padding: 9px !important ; }
.p10    { padding: 10px !important ; }
.p15    { padding: 15px !important ; }
.p20    { padding: 20px !important ; }
.p25    { padding: 25px !important ; }
.p30    { padding: 30px !important ; }
.p35    { padding: 35px !important ; }
.p40    { padding: 40px !important ; }
.p45    { padding: 45px !important ; }
.p50    { padding: 50px !important ; }
.p55    { padding: 55px !important ; }
.p60    { padding: 60px !important ; }
.p65    { padding: 65px !important ; }
.p70    { padding: 70px !important ; }
.p75    { padding: 75px !important ; }
.p80    { padding: 80px !important ; }
.p85    { padding: 85px !important ; }
.p90    { padding: 90px !important ; }
.p95    { padding: 95px !important ; }
.p100    { padding: 100px !important ; }
.p110    { padding: 110px !important ; }
.p120    { padding: 120px !important ; }
.p130    { padding: 130px !important ; }
.p140    { padding: 140px !important ; }
.p150    { padding: 150px !important ; }
.p160    { padding: 160px !important ; }
.p170    { padding: 170px !important ; }
.p180    { padding: 180px !important ; }
.p190    { padding: 190px !important ; }
.p200    { padding: 200px !important ; }
.p220    { padding: 220px !important ; }
.p240    { padding: 240px !important ; }
.p260    { padding: 260px !important ; }
.p280    { padding: 280px !important ; }
.p300    { padding: 300px !important ; }

.pt0   { padding-top:  0px !important ; }
.pt1   { padding-top:  1px !important ; }
.pt3   { padding-top:  3px !important ; }
.pt5   { padding-top:  5px !important ; }
.pt7   { padding-top:  7px !important ; }
.pt10  { padding-top: 10px !important ; }
.pt15  { padding-top: 15px !important ; }
.pt20  { padding-top: 20px !important ; }
.pt25  { padding-top: 25px !important ; }
.pt30  { padding-top: 30px !important ; }
.pt35  { padding-top: 35px !important ; }
.pt40  { padding-top: 40px !important ; }
.pt45  { padding-top: 45px !important ; }
.pt50  { padding-top: 50px !important ; }
.pt55  { padding-top: 55px !important ; }
.pt60  { padding-top: 60px !important ; }
.pt65  { padding-top: 65px !important ; }
.pt70  { padding-top: 70px !important ; }
.pt75  { padding-top: 75px !important ; }
.pt80  { padding-top: 80px !important ; }
.pt85  { padding-top: 85px !important ; }
.pt90  { padding-top: 90px !important ; }
.pt95  { padding-top: 95px !important ; }
.pt100 { padding-top: 100px !important ; }

.pr0   { padding-right:  0px !important ; }
.pr1   { padding-right:  1px !important ; }
.pr3   { padding-right:  3px !important ; }
.pr5   { padding-right:  5px !important ; }
.pr7   { padding-right:  7px !important ; }
.pr10  { padding-right: 10px !important ; }
.pr15  { padding-right: 15px !important ; }
.pr20  { padding-right: 20px !important ; }
.pr25  { padding-right: 25px !important ; }
.pr30  { padding-right: 30px !important ; }
.pr35  { padding-right: 35px !important ; }
.pr40  { padding-right: 40px !important ; }
.pr45  { padding-right: 45px !important ; }
.pr50  { padding-right: 50px !important ; }
.pr55  { padding-right: 55px !important ; }
.pr60  { padding-right: 60px !important ; }
.pr65  { padding-right: 65px !important ; }
.pr70  { padding-right: 70px !important ; }
.pr75  { padding-right: 75px !important ; }
.pr80  { padding-right: 80px !important ; }
.pr85  { padding-right: 85px !important ; }
.pr90  { padding-right: 90px !important ; }
.pr95  { padding-right: 95px !important ; }
.pr100 { padding-right: 100px !important ; }

.pb0   { padding-bottom:  0px !important ; }
.pb1   { padding-bottom:  1px !important ; }
.pb3   { padding-bottom:  3px !important ; }
.pb5   { padding-bottom:  5px !important ; }
.pb7   { padding-bottom:  7px !important ; }
.pb10  { padding-bottom: 10px !important ; }
.pb15  { padding-bottom: 15px !important ; }
.pb20  { padding-bottom: 20px !important ; }
.pb25  { padding-bottom: 25px !important ; }
.pb30  { padding-bottom: 30px !important ; }
.pb35  { padding-bottom: 35px !important ; }
.pb40  { padding-bottom: 40px !important ; }
.pb45  { padding-bottom: 45px !important ; }
.pb50  { padding-bottom: 50px !important ; }
.pb55  { padding-bottom: 55px !important ; }
.pb60  { padding-bottom: 60px !important ; }
.pb65  { padding-bottom: 65px !important ; }
.pb70  { padding-bottom: 70px !important ; }
.pb75  { padding-bottom: 75px !important ; }
.pb80  { padding-bottom: 80px !important ; }
.pb85  { padding-bottom: 85px !important ; }
.pb90  { padding-bottom: 90px !important ; }
.pb95  { padding-bottom: 95px !important ; }
.pb100 { padding-bottom: 100px !important ; }

.pl0   { padding-left:  0px !important ; }
.pl1   { padding-left:  1px !important ; }
.pl3   { padding-left:  3px !important ; }
.pl5   { padding-left:  5px !important ; }
.pl7   { padding-left:  7px !important ; }
.pl10  { padding-left: 10px !important ; }
.pl15  { padding-left: 15px !important ; }
.pl20  { padding-left: 20px !important ; }
.pl25  { padding-left: 25px !important ; }
.pl30  { padding-left: 30px !important ; }
.pl35  { padding-left: 35px !important ; }
.pl40  { padding-left: 40px !important ; }
.pl45  { padding-left: 45px !important ; }
.pl50  { padding-left: 50px !important ; }
.pl55  { padding-left: 55px !important ; }
.pl60  { padding-left: 60px !important ; }
.pl65  { padding-left: 65px !important ; }
.pl70  { padding-left: 70px !important ; }
.pl75  { padding-left: 75px !important ; }
.pl80  { padding-left: 80px !important ; }
.pl85  { padding-left: 85px !important ; }
.pl90  { padding-left: 90px !important ; }
.pl95  { padding-left: 95px !important ; }
.pl100 { padding-left: 100px !important ; }


@media screen and (max-width: 768px) {
.ml0_sp { margin-left:  0px !important ; }
}

/* ---------------------------------------------- */
/* socialplugins
   （#___plusone_0 は Google +1 ボタン）
------------------------------------------------- */
/* 旧 */
.socialplugins li,
.nifty-socialplugins-facebook { margin-right:5px; float:right; }
.nifty-socialplugins-twitter { margin-right:15px !important; float:right; }
.socialplugins-hb1 { margin-right:0 !important; float:right; }
.socialplugins-g1 { margin-right:-20px !important; float:right; }
.mixilike { border:0; overflow:hidden; width:60px; height:20px; margin-right:5px; float:right; }
.twitter-share-button { width:75px !important; }

/* 新 */
.socialplugin li { margin-left:1em; float:right; }
.socialplugin .tw { width:65px !important; }
.socialplugin .g  { width:60px !important; }
.socialplugin .fb { margin-top:-10px !important; height:20px !important; }

/* ---------------------------------------------- */
/* slideBox
------------------------------------------------- */
#slideBox { background-color:#028; color:#fff; bottom:0; right:0; position:fixed;
box-shadow:-1px -1px 5px rgba(0,0,0,0.2); -moz-box-shadow:-1px -1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:-1px -1px 5px rgba(0,0,0,0.2);
border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border:solid 1px #fff; border-bottom:none; border-right:none; }
#slideBox a:hover, #slideBox p:hover { background-color:#026; }
#slideBox p { display:block; padding:4px 10px; text-align:left; color:#fff; font-size:90%; text-decoration:none;
	border-bottom:1px solid #024; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; cursor:pointer; }

#slideBox #slideBox-link  { display:block; padding:10px; text-align:center; color:#fff; text-decoration:none; border-top:1px solid #02b; }

/* ---------------------------------------------- */
/* Clear Fix
------------------------------------------------- */
#container,
.section,
.read,
.pkg,
.ttl-07,
.lay-2clm-01,
.lay-3clm-01,
.list-a02,
.list-i01,
.list-2clm-i01, .list-3clm-i01, .list-4clm-i01, .list-5clm-i01,
#newsPage .paging { zoom:1; }

#container:after,
.section:after,
.read:after,
.pkg:after,
.ttl-07:after,
.lay-2clm-01:after,
.lay-3clm-01:after,
.list-a02:after,
.list-i01:after,
.list-2clm-i01:after, .list-3clm-i01:after, .list-4clm-i01:after, .list-5clm-i01:after,
#newsPage .paging:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}


/* ---------------------------------------------- */
/* ボタン
------------------------------------------------- */
/* submitのリセット */
/*input[type="submit"],
button[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }*/
button.btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; display:inline; vertical-align:middle; cursor:pointer; }

input[type="submit"].btn { background: url(/common_new/images/btn_arr_green.png) 98.5% 50% no-repeat, #2ca449;/* Old browsers */ background: url(/common_new/images/btn_arr_green.png) 98.5% 50% no-repeat, -moz-linear-gradient(-45deg,  #2ca449 0%, #008945 100%); /* FF3.6-15 */ background: url(/common_new/images/btn_arr_green.png) 98.5% 50% no-repeat, -webkit-linear-gradient(-45deg,  #2ca449 0%,#008945 100%); /* Chrome10-25,Safari5.1-6 */ background: url(/common_new/images/btn_arr_green.png) 98.5% 50% no-repeat, linear-gradient(135deg,  #2ca449 0%,#008945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca449', endColorstr='#008945',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ cursor: pointer; }
button.btn:after { position: absolute; content: ""; display: block; width: 6px; height: 9px; background: url(/common_new/images/btn_arr_green.png) 0 0 no-repeat; top: 50%; right: 10px; margin: -5px; }
.s_font{ font-size: 10px; font-size: 1.0rem; }

.btnBox {
	width:100%;max-width:320px;display:block;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
@media screen and (max-width: 768px) {
.btnBox{ box-sizing: border-box; }
}


/* 基本ボタン 緑グラデーション */
.btn{
position:relative;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
color:#fcfcfc;display:table;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:12px 12px 10px;
font-size:15px;font-weight:bold; text-align:center; line-height:1.2;
background: #2ca449; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2ca449 0%, #008945 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2ca449 0%,#008945 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2ca449 0%,#008945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca449', endColorstr='#008945',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
box-shadow: 0 1px #008945;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

#contents .btn {height:60px;}

.btn:after {
position:absolute;
content:"";
display:block;
width:6px;
height:9px;
background:url(/common_new/images/btn_arr_green.png) 0 0 no-repeat;
top:50%;
right:10px;
margin:-5px;
}

.btn:hover {opacity: 0.8;color:#fff;text-decoration: none;}

/* 基本ボタン 青グラデーション ログイン？ */
.btn.login {
background: #2eb8c3; /* Old browsers */
background: -moz-linear-gradient(-20deg,  #2eb8c3 0%, #009e94 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-20deg,  #2eb8c3 0%,#009e94 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(160deg,  #2eb8c3 0%,#009e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb8c3', endColorstr='#009e94',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 0 1px #036EAE;
-moz-box-shadow: 0 1px #036EAE;
box-shadow: 0 1px #036EAE;
}
.btn.login:after {
background:url(/common_new/images/btn_arr_blue.png) 0 0 no-repeat;
}

.btn .fs_s {font-size: 12px;font-size: 1.2rem;}

.btn .arr {display:table-cell;vertical-align: middle;}

/* 基本ボタン 青グラデーション ログイン？ */
.btn.valWhite {font-size:11px;font-size: 1.1rem;color:#333;border: 1px solid #ddd;
background: #fff; /* Old browsers */
-webkit-box-shadow: 0 1px #C3C3C3;
-moz-box-shadow: 0 1px #C3C3C3;
box-shadow: 0 1px #C3C3C3

}
.btn.valWhite:after {
background:url(/common_new/images/btn_arr_blue.png) 0 0 no-repeat;
}

.btn.valWhite:hover {color:#333;opacity:1;background: #ececec;}

.btn02{
	font-size:14px;color:#57b90d;display:block;webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	font-size:15px;font-weight:bold; text-align:center;
	border:2px solid #4fa90c; box-shadow:0 0 0 #ddddde;
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fdfdfd 30%, #e9e9e9 75%, #d8d8d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdfdfd 30%, #e9e9e9 75%, #d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdfdfd 30%, #e9e9e9 75%, #d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}

.btn02:hover {
	color:#fcfcfc;text-decoration:none; border:2px solid #4fa90c;
background: #58ba0d; /* Old browsers */
background: -moz-linear-gradient(top,  #58ba0d 0%, #54b30d 25%, #4a9d0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #58ba0d 0%,#54b30d 25%,#4a9d0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #58ba0d 0%,#54b30d 25%,#4a9d0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58ba0d', endColorstr='#4a9d0b',GradientType=0 ); /* IE6-9 */
}

.btn02 .inBtn {padding:5px 5px 5px;display:block;webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.btn02:hover .inBtn {padding:4px 5px 4px;border:1px solid #78d412;}

.btn02 .arr {
	display:inline-block;
	padding:0 0 0 14px;
	background:url(/common_new/images/btn_arr01_on.png) 0 50% no-repeat;
}
.btn02:hover .arr {
	background:url(/common_new/images/btn_arr01.png) 0 50% no-repeat;
}

/*.btn02 .login {
	display:inline-block;
	padding:0 0 0 14px;
	background:url(/images/btn_login_on.png) 0 50% no-repeat;
}
.btn02:hover .login {
	background:url(/images/btn_login.png) 0 50% no-repeat;
}*/
.btn02 .fs_s {font-size: 12px;font-size: 1.2rem;}

/* mod 調整 */
/*.ttl-01, .ttl-01 > span,
.columnWide .ttl-01, .columnWide .ttl-01 > span { background-image:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.ttl-02, .ttl-02 > span,
.columnWide .ttl-02, .columnWide .ttl-02 > span { background-image:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.tbl-01 td, .tbl-01 th { padding:8px; font-size:90%; line-height:1.2; }
*/
/* ヘルプ・FAQ内検索 */
#searchFAQ input,
#searchHelp input      { float:left; }
#searchFAQ #searchbox2,
#searchHelp #searchbox2 { width:110px; margin-right:5px; height:16px; _height:25px; padding:4px 0 4px 4px; border:1px solid #dbdbdb; }

/* FAQ内検索（本文中） */
#searchFAQm input { float:left; }
#searchFAQm p     { float:left; font-weight:bold; margin:2px .5em 0 0; }
#searchFAQm #searchbox3 { width:300px; margin-right:5px; height:16px; _height:25px; padding:4px 0 4px 4px; border:1px solid #dbdbdb; }

/* 電話番号画像デバイス化 */
.tel_box{ text-align:center; padding:10px 0;}
.tel_box .number{ font-size:38px; font-size:3.8rem; font-weight:bold; line-height:1.2; }
.tel_box .tel_txt{ font-size:16px; font-size:1.6reml; font-weight:bold; }
.tel_box .tel_note{ font-weight:bold; }

@media screen and (max-width: 768px) {
.tel_box .number{ font-size:30px; font-size:3.0rem; }
.tel_box .number a { color:#333;}
.tel_box .number a:hover { text-decoration:none;}
}

/* レイアウト変更 C12 */
.step_flow{ background: #4eafd3; display:table; width:100%; padding: 5px; box-sizing:border-box; margin: 20px 0 0 }
.step_flow .box_inner, .step_flow .box_inner-r{ display: table-cell; vertical-align: middle; font-size:20px; font-size:2.0rem; font-weight:bold; box-sizing:border-box; }
.step_flow .box_inner{ width:40%; color:#fff; padding: 10px 0 10px 10px;}
.step_flow .box_inner-r{ width:60%; background: #fff; color:#4eafd3; text-align:center;}
.step_flow .box_inner span{ padding: 0 10px; }
.step_flow.company{ background:#4c7ca2; }
.step_flow.company .box_inner-r{ color:#4c7ca2; }
.step_flow .box_inner .bg_icon{ margin: -38px 0 -10px;}

@media screen and (max-width: 768px) {
.step_flow.customer .box_inner span, .step_flow.company .box_inner span { display:inline-block;}
.step_flow .box_inner .bg_icon{ margin: -38px 0 2px; width: 30px;}
}

.box-p05.txt-lyt{ color: #fff; text-align: center; }
.box-p05.txt-lyt .pgh{ font-size:20px; font-size:2.0rem; font-weight:bold; }
.box-p05.txt-lyt .list-a01{ margin:0 !important;}
.box-p05.txt-lyt a{ color:#fff; }
.box-p05.txt-lyt a:hover { color:#75d112; }

@media screen and (max-width: 768px) {
.step_flow .box_inner, .step_flow .box_inner-r{ display:block;}
.step_flow .box_inner{ width:100%; padding:0; text-align:center;}
.step_flow .box_inner-r{ width:100%; }
}


/* 20161007追加テキストエリア */
.space_pre {
	white-space:pre;
}
.border_box01 {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin: 1px 2px;
    padding: 0 5px;
	display:inline-block;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
.border_box01 {
    white-space: normal;
}
}
.border_box02 {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #333;
    margin: 0 3px;
    padding: 0 3px;
}
/* 横スクロール */

.sclBox {
	margin: 0 0 20px;
}

.sclBox_inner {
	width:100%;
	padding:0 0 1px;
}

.sclBox_inner_s {
	width:100%;
	padding:0 0 1px;
}

@media screen and (max-width: 768px) {

.sclBox_inner {
	width:748px;
}
.sclBox_inner_s {
	width:460px;
}

}

@media screen and (max-width: 640px) {

.sclBox {
	overflow: auto;
}

.sclBox .sclBox_inner {
	max-width: 708px;
	padding:0 0 5px;
}
.sclBox .sclBox_inner_s {
	max-width: 460px;
	padding:0 0 5px;
}

}

.ttl-07 {
	background-size: contain;
}



/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		width: auto;
		height: auto;
		margin:0 auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: auto;
		margin-bottom: 10px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 20px;
		margin: 6px auto;
	
		background-color: #333;
}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #333; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; 
		background-color: #333;
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: #333;
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #333; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #333; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #333; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #333; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #333; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #333; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; /* background-color: #333; */}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 40px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 40px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #333; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: #ccc;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #333; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #333; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #333; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #333; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #333; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #333; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #333; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #333; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #333; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #333; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #333; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #333; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */