@charset "utf-8";

/* ------------------------------
 見出し&テキスト ホーム
------------------------------ */
/* -- H2 -- */
.contentsHome h2 {
	margin-bottom: 40px;
	text-align: center;
	position: relative;
}
.contentsHome h2 img {
	height: 55px;
}

/* -- H3 -- */
.contentsHome h3 {
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: dashed 1px #AC8B86;
	position: relative;
}

/* -- 吹き出し H2 -- */
.line-h2 h2 {
	font-size: 1.7rem;
	font-weight: bold;
	color: #575757;
	display: inline-block;
	position: relative;
	padding: 4px 20px 0;
}

.line-h2 h2::before,
.line-h2 h2::after {
	content: "";
	width: 1px;
	height: 25px;
	background: #575757;
	position: absolute;
	bottom: 0;
}
.line-h2 h2::before {
	left: 0;
	transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
}
.line-h2 h2::after {
	right: 0;
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
}
/* ------------------------------
 見出し&テキスト コンテンツトップ
------------------------------ */
.contentsTop h1{
	color: #7F4D45;
	font-family: "游明朝体", "Yu Mincho", YuMincho;
	font-size: 3rem;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
	background: url(../img/h1_bg.png) no-repeat center top;
	background-size: 60px auto;
	padding-top: 40px;
	margin: 60px 0 70px;
	font-weight: bold;
}
.contentsTop h1 span{
	display: block;
	color: #A5A5A5;
	font-size: 1.1rem;
	font-family: 'Roboto', sans-serif;
	margin-top: 5px;
}
.contentsTop h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho;
	font-size: 2.4rem;
	line-height: 1.3;
	font-weight: normal;
	text-align: left;
	background: url(../img/h2_bg.png) no-repeat 0 bottom;
	background-size: 1220px auto;
	padding-bottom: 15px;
	margin-bottom: 25px;
	display: block;
}

.contentsTop h2 span{
	font-family: "Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 1.6rem;
	color: #247ABF;
	display: block;
	margin-bottom: 15px;
}
.contentsTop h3{
	font-size: 2rem;
	padding-left: 10px;
	border-left: solid 7px #247ABF;
	margin-bottom: 15px;
	font-weight: bold;
}
.blue-title {
	color: #247ABF;
	font-family: "游明朝体", "Yu Mincho", YuMincho;
	font-size: 2.7rem;
}

.blue-title-f22 {
	color: #247ABF;
	font-family: "游明朝体", "Yu Mincho", YuMincho;
	font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
	.contentsTop h1{
		font-size: 2rem;
		margin: 0 5% 30px 5%;
	}
	.contentsTop h2{
		font-size: 2rem;
	}
	.contentsTop h3{
		font-size: 1.8rem;
	}
	.blue-title {
		font-size: 2rem;
		text-align: left;
	}
	.blue-title br{
		display: none;
	}
	.blue-title-f22{
		font-size: 1.8rem;
	}
}
/* ------------------------------
 見出し&テキスト コンテンツ
------------------------------ */
.contents h1{
	color: #4B4B4B;
	font-family: "游明朝体", "Yu Mincho", YuMincho;
	font-size: 3rem;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
	background: url(../img/h1_bg_low.png) no-repeat center bottom;
	background-size: 84px auto;
	padding-bottom: 20px;
	margin: 60px 0 70px;
	font-weight: bold;
}
.contents h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho;
	font-size: 2.4rem;
	line-height: 1.3;
	font-weight: normal;
	text-align: left;
	background: url(../img/h2_bg.png) no-repeat 0 bottom;
	background-size: 1220px auto;
	padding-bottom: 15px;
	margin-bottom: 25px;
	display: block;
}

.contents h3{
	font-size: 2rem;
	padding-left: 10px;
	border-left: solid 7px #247ABF;
	margin-bottom: 15px;
	font-weight: bold;
}
.contents .h2title-border h2 {
	font-family: "游ゴシック", "Yu Gothic", YuGothic;
	font-size: 2rem;
	text-align: center;
	color: #656261;
	border: none;
	padding: 0;
	margin-bottom: 45px;
	background: #797675;
	height: 1px;
	font-weight: bold;
}
.contents .h2title-border h2 span {
	font-size: 2rem;
	color: #797675;
	background: #fff;
	padding: 0 10px;
	display: inline-block;
	position: relative;
	z-index: 1;
	top: -12px;
}
.contents .h2title-border h2:before {
	content: '';
	background: #797675;
	height: 1px;
	width: 100%;
	bottom: 60%;
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.contents h1{
		font-size: 2rem;
		margin: 30px 5% 30px 5%;
	}
	.contents h2{
		font-size: 2rem;
	}
	.contents h3, .contents .h2title-border h2 span{
		font-size: 1.8rem;
	}
	.contents.alone h1{
		font-size: 2rem;
		margin: 0px 5% 30px 5%;
		padding-top: 30px;
	}
}
/* ------------------------------
 スマホ用コード（見出し）
------------------------------ */
@media screen and (max-width: 767px) {
	/* -- H2 -- */
	.contentsHome h2 {
		margin-bottom: 20px;
	}
	.contentsHome h2 img {
		height: 40px;
	}
	
	/* -- H3 -- */
	.contentsHome h3 {
		font-size: 1.4rem;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
}
@media screen and (max-width: 479px) {
}



/* ------------------------------
 ボックス
------------------------------ */
.over-visible {
	overflow: visible;
}
.w1-2p {
	width: 50%;
}
.w1-3p {
	width: 33.3333333333333%;
}


/* -- 1/4 --- */
.w1-4,
.w288 {
	width: 288px;
}

/* -- 1/3 --- */
.w1-3,
.w390 {
	width: 390px;
}

/* -- 2/3 --- */
.w2-3,
.805 {
	width: 805px;
}

/* -- 1/2 --- */
.w1-2,
.w597 {
	width: 597px;
}

/* -- その他 --- */
.w280 {
	width: 280px;
}
.w320 {
	width: 320px;
}
.w350 {
	width: 350px;
}
.w360 {
	width: 360px;
}
.w380 {
	width: 380px;
}
.w440 {
	width: 440px;
}
.w689 {
	width: 689px;
}
.w700 {
	width: 700px;
}
.w740 {
	width: 740px;
}
.w750 {
	width: 750px;
}
.w780 {
	width: 780px;
}
.w800 {
	width: 800px;
}
.w1070{
	width: 1070px;
	margin-left: auto;
	margin-right: auto;
}
.auto{
	margin-left: auto;
	margin-right: auto;
}
.block-circle{
	font-size: 0;
	text-align: center;
}
.block-circle .cms_image{
	width: 288px;
	display: inline-block;
	margin-right: 22.666666666666666666666px;
	text-align: center;
}
.block-circle div:last-child{
	margin-right: 0;
}

.block-circle .cms_caption_b{
	color: #7F4D45;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.w1-3p,
	.w1-3,
	.w1-2,
	.w1-5,
	.w1-4,
	.w4-5,
	.w2-3,
	.w280,
	.w288,
	.w320,
	.w350,
	.w360,
	.w380,
	.w390,
	.w440,
	.w597,
	.w689,
	.w700,
	.w740,
	.w750,
	.w780,
	.w805,
	.w800,
	.w1070 {
		width: auto !important;
	}
	.block-circle .cms_image:nth-child(odd){
		width: 48%;
		display: block;
		float: left;
		margin-right: 0;
	}
	.block-circle .cms_image:nth-child(even){
		width: 48%;
		display: block;
		float: right;
		margin-right: 0;
	}
	.block-circle .cms_image:nth-child(2n+1){
		clear: both;
	}
	.block-circle .cms_caption_b{
		font-size: 1.6rem;
	}
}
/* ------------------------------
 2ブロック
------------------------------ */
.block2 .cms_image{
	width: 597px;
	float: left;
	margin-right: 26px;
}
.block2 .cms_image:nth-child(2n){
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.block2 .cms_image{
		width: 100%;
		float: none;
		margin-right: 0;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.cms_image.w1-2{
		width: 100%;
		margin: 0 auto;
	}
}
/* ------------------------------
 3ブロック
------------------------------ */
.block3 .cms_image{
	width: 390px;
	float: left;
	margin-right: 25px;
}
.block3 .cms_image:nth-child(3n){
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.block3 .cms_image{
		float: none;
		margin-right: 0;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.cms_image.w1-3{
		width: 390px !important;
		margin: 0 auto;
	}
}
@media screen and (max-width: 430px) {
	.block3 .cms_image,
	.cms_image.w1-3{
		width: 100%;
	}
}
/* ------------------------------
 4ブロック
------------------------------ */
.block4 .cms_image{
	width: 288px;
	float: left;
	margin-right: 22.6666666666666666666666666666666666px;
}
.block4 .cms_image:nth-child(4n){
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.block4 .cms_image,
	.block4 .cms_image:nth-child(4n){
		float: none;
		margin-right: 0;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.cms_image.w1-4{
		width: 288px !important;
		margin: 0 auto;
	}
}
@media screen and (max-width: 330px) {
	.block4 .cms_image,
	.cms_image.w1-4{
		width: 100%;
	}
}
/* ------------------------------
 5ブロック
------------------------------ */
.block5 .cms_image{
	width: 232px;
	float: left;
	margin-right: 15px;
}
.block5 .cms_image:nth-child(5n){
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.block5 .cms_image,
	.block5 .cms_image:nth-child(5n){
		float: none;
		margin-right: 0;
		margin: 0 auto;
	}
	.cms_image.w1-5{
		width: 232px !important;
		margin: 0 auto;
	}
}
@media screen and (max-width: 260px) {
	.block5 .cms_image,
	.cms_image.w1-5{
		width: 100%;
	}
}
/* ------------------------------
 テーブル
------------------------------ */
.cms_text table {
	width: 100%;
	border-collapse:separate;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}

/* デフォルト */
.cms_text table th {
	padding: 15px 25px;
	text-align: left;
	background: #EEEEEA;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	white-space: nowrap;
	font-weight: bold;
}
.cms_text table tr:first-child th {
	border-top: 1px solid #E6E6E6;
}
.cms_text table thead tr th:last-child {
	border-right: 1px solid #E6E6E6;
}
.cms_text table thead + tbody tr:first-child th,
.cms_text table thead + tbody tr:first-child td {
	border-top: 1px solid #fff;
}
.cms_text table td {
	padding: 15px 25px;
	vertical-align: top;
	border-right: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
}
/* ------------------------------
 スマホ用コード（テーブル）
------------------------------ */
@media screen and (max-width: 767px) {
	.cms_text table th,
	.cms_text table td {
		font-size: 1.6rem;
		padding: 15px;
	}
}
@media screen and (max-width: 479px) {
	/* レスポンシブ */
	.res table {
		width: 100% !important;
	}
	.res table th {
		width: auto !important;
		display: block;
		border-right: 1px solid #E6E6E6;
	}
	.res table td {
		width: auto !important;
		display: block;
	}
}

/* ------------------------------
 リスト
------------------------------ */
/*  ノーマルリスト */
.list li{
	padding-left: 1em;
	position: relative;
}
.list li:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background: #247ABF;
	vertical-align: top; 
	position: absolute;
	top: .6em;
	left: 0;
	color：#247ABF;
}

/*  横並びリスト */
.inline li {
	display: inline-block;
	margin-right: 18px;
}

/* カテゴリーリスト */
.cateList {
	font-size: 0;
}
.cateList li {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 2px 10px;
	border: solid 1px ;
	display: inline-block;
}
.cateList li:not(:last-child) {
	margin-right: 8px;
}
.cateList .cate1 {
	color: #AB8A61;
	border-color: #AB8A61;
}
.cateList .cate2{
	color: #758A3B;
	border-color: #758A3B;
}
/* ナンバーリスト */
.number-list ol li{
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 7px;
}	
.number-list ol li:nth-of-type(1):before{
	content:"";
	width: 25px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no01.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -5px;
}
.number-list li:nth-of-type(2):before{
	content:"";
	width: 25px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no02.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -5px;
}
.number-list li:nth-of-type(3):before{
	content:"";
	width: 25px;;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no03.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -5px;
}
.number-list li:nth-of-type(4):before{
	content:"";
	width: 25px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no04.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -5px;
}
.number-list li:nth-of-type(5):before{
	content:"";
	width: 25px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no05.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -5px;
}
.number-list li:nth-of-type(6):before{
	content:"";
	width: 25px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no06.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -5px;
}
.number-list  li:nth-of-type(7):before{
	content:"";
	width: 25px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no07.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -5px;
}
/* ------------------------------
 スマホ用コード
------------------------------ */
@media screen and (max-width: 767px) {
	
	
	
}


/* ------------------------------
 ボタン
------------------------------ */
.btnNav {
	font-size: 0;
	text-align: center;
}
.btnNav li {
	font-size: 1.5rem;
	display: inline-block;
	margin: 0 13px;
}
.btnNav li:first-child {
	margin-left: 0;
}
.btnNav li:last-child {
	margin-right: 0;
}

a,
a::before,
a span::before,
a span::after {
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.btn a,
a.btn,
.btn-contact a,
.btn-bluearrow a {
	text-align: center;
	display: inline-block;
	text-decoration: none;
	position: relative;
}


/* -- ベースボタン -- */
.btn button {
	cursor: pointer;
}

.btn button,
.btn a,
a.btn {
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	min-width: 280px;
	padding: 20px 40px;
	border-radius: 3px;
	background: #247ABF;
}
.btn button:before,
.btn a:before,
a.btn:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 2rem;
	content: '\f105';
	line-height: 1;
	height: 20px;
	margin-right: 12px;
	display: inline-block;
}
.left-arrow.btn a:before{
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 2rem;
	content: '\f105';
	line-height: 1;
	height: 20px;
	margin-right: 12px;
	display: inline-block;
	left: 35px;
	position: absolute;
}
.btn button:hover,
.btn a:hover,
a.btn:hover {
	color: #fff;
	background: #033F88;
}

/* -- サーチボタン -- */
.btn.search a:before,
a.btn.search:before {
	display: none;
}
.btn.search a::after,
a.btn.search::after {
	font-family: 'FontAwesome';
	font-size: 2rem;
	font-weight: normal;
	content: '\f002';
	color: #fff;
	height: 20px;
	margin-left: 12px;
	display: inline-block;
}

/* -- 青→ボタン -- */
.btn-bluearrow a {
	font-size: 2.7rem;
	font-weight: 500;
	line-height: 1.2;
	color: #7F4D45;
	min-width: 597px;
	padding: 63px 20px;
	background: #fff;
	overflow: hidden;
}
.btn-bluearrow a::before {
	content: "";
	width: 92px;
	height: 92px;
	background: #247ABF;
	position: absolute;
	bottom: -46px;
	right: -46px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn-bluearrow a::after {
	font-family: 'FontAwesome';
	font-size: 1.5rem;
	font-weight: 500;
	content: '\f105';
	color: #fff;
	position: absolute;
	bottom: 13px;
	right: 15px;
}

/* hover */
.btn-bluearrow a:hover {
	background: rgba(255, 255, 255, .8);
}
.btn-bluearrow a:hover img {
	opacity: 1;
}
.btn-bluearrow a:hover::before {
	background: #033F88;
}

/* -- お問合せボタン -- */
.btn-contact a {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
	color: #D06139;
	min-width: 400px;
	padding: 37px 15px;
	background: #fff;
	overflow: hidden;
}
.btn-contact a::before {
	content: "";
	width: 42px;
	height: 42px;
	background: #D06139;
	position: absolute;
	bottom: -21px;
	right: -21px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn-contact a::after {
	font-family: 'FontAwesome';
	font-size: 1.3rem;
	line-height: 1;
	font-weight: 500;
	content: '\f105';
	color: #fff;
	position: absolute;
	bottom: 4px;
	right: 5px;
}
/* - お問合せボタン アイコン - */
.btn-contact a span {
	display: inline-block;
	position: relative;
}
.btn-contact a span::before,
.btn-contact a span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

/* MAILアイコン */
.btn-contact.mail a span {
	padding-left: 52px;
}
.btn-contact.mail a span::before,
.btn-contact.mail a span::after {
	width: 40px;
	height: 29px;
}
.btn-contact.mail a span::before {
	background: url(../img/mail_icon_org.png) no-repeat 0 0 / cover;
}
.btn-contact.mail a span::after {
	opacity: 0;
	background: url(../img/mail_icon_org_o.png) no-repeat 0 0 / cover;
}
/* 電卓アイコン */
.btn-contact.calc a span {
	padding-left: 48px;
}
.btn-contact.calc a span::before,
.btn-contact.calc a span::after {
	width: 36px;
	height: 42px;
}
.btn-contact.calc a span::before {
	background: url(../img/calculator_icon_org.png) no-repeat 0 0 / cover;
}
.btn-contact.calc a span::after {
	opacity: 0;
	background: url(../img/calculator_icon_org_o.png) no-repeat 0 0 / cover;
}

/* hover */
.btn-contact a:hover {
	color: #AB3817;
}
.btn-contact a:hover::before {
	background: #AB3817;
}

.btn-contact.mail a:hover span::before,
.btn-contact.calc a:hover span::before {
	opacity: 0;
}
.btn-contact.mail a:hover span::after,
.btn-contact.calc a:hover span::after {
	opacity: 1;
}

/* ------------------------------
 スマホ用コード
------------------------------ */
@media screen and (max-width: 767px) {
	.btnNav li {
		display: block;
		margin: 0 0 15px;
	}
	
	/* -- ベースボタン -- */
	.btn button,
	.btn a,
	a.btn {
		font-size: 1.3rem;
		min-width: 250px;
		padding: 15px 15px;
	}
	.btn button:before,
	.btn a:before,
	a.btn:before {
		font-size: 1.6rem;
		margin-right: 10px;
	}
	
	/* -- サーチボタン -- */
	.btn.search a::after,
	a.btn.search::after {
		font-size: 1.7rem;
		margin-left: 10px;
	}
	
	/* -- 青→ボタン -- */
	.btn-bluearrow a {
		font-size: 2rem;
		min-width: 290px;
		padding: 30px 15px;
	}
	.btn-bluearrow a::before {
		width: 46px;
		height: 46px;
		bottom: -23px;
		right: -23px;
	}
	.btn-bluearrow a::after {
		font-size: 1.2rem;
		bottom: 5px;
		right: 6px;
	}
	
	/* -- お問合せボタン -- */
	.btn-contact a {
		font-size: 1.5rem;
		min-width: 290px;
		padding: 19px 10px;
	}
	/* MAILアイコン */
	.btn-contact.mail a span {
		padding-left: 34px;
	}
	.btn-contact.mail a span::before,
	.btn-contact.mail a span::after {
		width: 26px;
		height: 19px;
	}
	/* 電卓アイコン */
	.btn-contact.calc a span {
		padding-left: 32px;
	}
	.btn-contact.calc a span::before,
	.btn-contact.calc a span::after {
		width: 24px;
		height: 28px;
}
}

/* ------------------------------
 アイコン
------------------------------ */
.icon-tel {
	color: #247ABF;
	padding-left: 25px;
	background: url(../img/icon-tel.png) no-repeat 0 center;
	background-size: 20px 20px;
	font-size: 2.2rem;
	font-weight: bold;
}
.icon-arrow01{
	font-weight: bold;
	text-decoration: underline;
}
.icon-arrow01 a:before{
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 2rem;
	content: '\f105';
	line-height: 1;
	height: 20px;
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.icon-arrow02 a:before{
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 2rem;
	content: '\f105';
	line-height: 1;
	height: 20px;
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.icon-home{
	color: #247ABF;
	padding-left: 35px;
	background: url(../img/icon-home.png) no-repeat 0 5px;
	background-size: 31.5px auto;
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 17px;
}
.icon-mansion{
	color: #247ABF;
	padding-left: 35px;
	background: url(../img/icon-mansion.png) no-repeat 0 5px;
	background-size: 25.5px auto;
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 17px;
}

strong.no01,
strong.no02,
strong.no03{
	display: block;
	font-size: 1.8rem;
	color: #4B4B4B;
	margin-bottom: 10px;
}
.no01:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no01.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.no02:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no02.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.no03:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no03.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
@media screen and (max-width: 767px) {
	.icon-home{
		padding-left: 30px;
		background: url(../img/icon-home.png) no-repeat 0 2px;
		background-size: 25px auto;
		font-size: 1.8rem;
	}
	.icon-mansion{
		padding-left: 30px;
		background: url(../img/icon-mansion.png) no-repeat 0 5px;
		background-size: 25.5px auto;
		font-size: 1.8rem;
	}
	strong.no01,
	strong.no02,
	strong.no03{
		font-size: 1.7rem;
		margin-bottom: 10px;
	}
}
/* ------------------------------
リンク
------------------------------ */
.line-link a{
	color: #247ABF;
	font-weight: bold;
	text-decoration: underline;
}
.line-link-02 a{
	text-decoration: underline;
}
.link-side p{
	display: inline-block;
	margin-right: 20px;
}
@media screen and (max-width: 767px) {
	.link-side p{
		display: block;
		margin-right: 0;
	}
}
/* ------------------------------
枠
------------------------------ */
.border-frame{
	border: solid  10px #EDEEEA;
	padding: 45px 30px;
}
@media screen and (max-width: 767px) {
	.border-frame{
		border: solid  10px #EDEEEA;
		padding: 25px;
	}
}
/* ------------------------------
 記事BOX 01
------------------------------ */
.newsList .slick-track {
	margin: auto;
}
.newsList.slick-initialized .slick-slide {
	display: inline-block;
	float: none;
}

/* -- 記事BOX -- */
.newsList {
	font-size: 0;
	text-align: center;
	margin-left: -8.5px;
	margin-right: -8.5px;
}
.newsList li {
	font-size: 1.4rem;
	width: 305px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.newsList li a {
	display: block;
	color: #333;
	margin: 0 11px;
	position: relative;
	text-decoration: none;
	background: #EDEEEA;
}
.newsList li .gray-box {
	display: block;
	color: #333;
	margin: 0 11px;
	position: relative;
	text-decoration: none;
	background: #EDEEEA;
}
/* 記事IMAGE */
.newsList .boxImg {
	height: 170px;
}
/* 記事TEXT */
.newsList .boxText {
	padding: 15px 20px;
}
/* 記事DAY */
.newsList .date {
	font-size: 1.3rem;
	font-weight: bold;
	color: #808080;
	margin-bottom: 5px;
}
/* カテゴリ */
.newsList .date .cate16{
	background: #AB8A61;
	font-weight: normal;
	border-radius: 10px;
	padding: 0 10px;
	font-size: 1.2rem;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
	line-height: 19px;
	padding-top: 2px;
}
.newsList .date .cate15{
	background: #003366;
	font-weight: normal;
	border-radius: 10px;
	padding: 0 10px;
	font-size: 1.2rem;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
	line-height: 19px;
	padding-top: 2px;
}

a:hover .boxText .text {
	text-decoration: underline;
}
/* スマホ用コード */
@media screen and (max-width: 767px) {
	.newsBlock {
		width: auto;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 40px;
	}
	
	.newsBlock .btn-more {
		display: none;
	}
	
	/* -- slick打消しCSS -- */
	.newsList .slick-track {
		margin: auto;
	}
	.newsList.slick-initialized .slick-slide {
		display: inline-block;
		float: none;
	}
	.newsList .slick-dots {
		bottom: -20px;
	}

	/* -- 記事BOX -- */
	.newsList {
		margin-left: 0;
		margin-right: 0;
	}
	.newsList li {
		width: auto;
	}
	.newsList li a {
		margin: 0 1px;
	}
	/* 記事IMAGE */
	.newsList .boxImg {
		height: auto;
	}
	.newsList .boxImg img {
		width: 100%;
	}
}

/* ------------------------------
 記事BOX 02
------------------------------ */
.article-box02 .cms_text{
	width: 390px;
	float: left;
	margin-right: 25px;
}
.article-box02 strong{
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
	margin-top: 12px;
	margin-bottom: 5px;
}
.article-box02:after{
	content: "";
	clear: both;
	display: block;
}
.article-box02 .cms_text:nth-child(3n){
	margin-right: 0;
}
.article-box02 .cms_image{
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.article-box02 .cms_text,
	.article-box02 .cms_text:nth-child(3n){
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.article-box02 strong{
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 430px) {
	.article-box02 .cms_text{
		width: 100%;
		float: none;
		margin-right:0;
	}
}

/* ------------------------------
 記事BOX 03
------------------------------ */
.article-box03 .cms_text{
	width: 288px;
	float: left;
	margin-right: 22.666666666666666666666666px;
}
.article-box03 strong{
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
	margin-top: 12px;
	margin-bottom: 5px;
	color: #247ABF;
}
.article-box03 strong span{
	font-size: 0.9rem;
}
.article-box03:after{
	content: "";
	clear: both;
	display: block;
}
.article-box03 .cms_text:nth-child(4n){
	margin-right: 0;
}
.article-box03 .cms_image{
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.article-box03 .cms_text:nth-child(odd){
		width: 48%;
		float: left;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.article-box03 .cms_text:nth-child(even){
		width: 48%;
		float: right;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.article-box03 strong{
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 430px) {
	.article-box03 .cms_text{
		width: 100%;
		float: none;
		margin-right:0;
	}
}

/* ------------------------------
 実績リスト
------------------------------ */
.works-list .works-list-title{
	font-weight: bold;
	font-size: 2.9rem;
	margin-bottom: 20px;
}

.works-list .works-list-title span{
	font-size: 1.6rem;
	font-weight: normal;
}

.works-list .works-list-title strong{
	font-size: 3rem;
}

.works-list > ul > li{
	width: 280px;
	float: left;
	margin-right: 33.33333333px;
	margin-bottom: 30px;
}
.works-list > ul > li:nth-child(4n){
	margin-right: 0;
}
.works-list > ul > li p{
	font-size: 1.6rem;
	font-weight: bold;
}
.works-list > ul > span{
	width: 280px;
	font-size: 2rem;
}
.works-list > ul > li img{
	margin-bottom: 15px;
}
.works-list .photo-block{
	position: relative;
}
.works-list .photo-block span{
	display: block;
	width: 60px;
	line-height: 23px;
	color: #fff;
	background: #D06139;
	font-size: 1.2rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 767px) {
	.works-list .works-list-title{
		font-weight: bold;
		font-size: 1.3em;
		margin-bottom: 20px;
		text-align: center;
	}
	.works-list .works-list-title span{
		display: block;
	}
	.works-list .works-list-title span{
		font-size: 1.3rem;
	}
	.works-list .works-list-title strong{
		font-size: 2.5rem;
	}
	.works-list > ul > li:nth-child(odd){
		width: 48%;
		float: left;
		margin-right: 0;
	}
	.works-list > ul > li:nth-child(even){
		width: 48%;
		float: right;
		margin-right: 0;
	}
	.works-list > ul > li p{
		font-size: 1.5rem;
		font-weight: bold;
	}
}
/* ------------------------------
 トグルボタンコード
------------------------------ */
.toggleContents {
	display: none;
}



/* ------------------------------
 IEハック
------------------------------ */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	/* カテゴリーリスト */
	.cateList li {
		padding: 4px 10px 0;
	}
	
}

/* ---------------------------------
 テーブルスマホ時スクロール
------------------------------------ */

------------------------------------------------------------------------------------------------------------------------
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 */
		overflow: hidden;
		width: auto;
		height: 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;*/
		width: 10px;
		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: -20px;
		left: 0;
		bottom: auto;
		right: 0; 
		height: auto;
	}

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

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 10px;
		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: 10px;
		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: 0;
		margin-bottom: 0;
	}
	/* ;;edit;;20160108 */
	@media screen and (max-width: 767px) {
		.mCSB_horizontal.mCSB_inside > .mCSB_container{
			padding-top: 30px;
		}
	}
	
	.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: 20px;
		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: 10px;
		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: 10px;
		margin: 7px auto;
	}
	
	.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") */
	
	.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: #000; 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); */
		background-color: #247ABF;
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		/*background-color: #fff; background-color: rgba(255,255,255,0.85);
		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: rgba(255,255,255,0.9);
		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{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		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: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; 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: #000; 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; }
	
	.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: 14px;
		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: 14px; }
	
	.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: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; 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: #000; 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: #000; 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: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; background-color: rgba(0,0,0,0.75);*/ }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ /*background-color: #000; 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: #000; background-color: rgba(0,0,0,0.9);*/ }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ /*background-color: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; 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: #000; 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); }
	
	/* ---------------------------------------- */