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

/*----------------------------リセットここから----------------------------*/
/*フォーカス*/
textarea:focus, password:focus, a:focus, text:focus, input:focus {
	outline: 0.1px dotted;
}
* {
margin : 0;
padding : 0;
box-sizing: border-box;
}

body {
font: 16px/1.5 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
color: #000000;	/*基本文字色*/
}

h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure {
margin: 0px;
padding: 0px;
}

img {
border: none;
vertical-align: bottom;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a {
color: #000000;	/*リンクテキストの色*/
text-decoration: none;
}

a:hover {
text-decoration: none;
opacity: 0.7;
}

ul {
list-style-type: none;
}

form {
margin: 0px;
padding: 0px;
}

dl, dt, dd {
margin: 0px;
padding: 0px;
}


/*----------------------------リセットここまで----------------------------*/

/*----------------------------commonここから----------------------------*/

div.csl-clear {
clear: both;
}

hr.csl-main-line {
border-width: 5px 0 0 0; /* 太さ */
border-style: solid; /* 種類 */
border-color: #282373; /* 色 */
}

a.csl-btn {
border: 1px solid #a05096;
font-size: 12px;
color: #a05096;
border-radius: 12px;
padding: 0px 10px;
height: 20px;
line-height: 20px;
display: inline-block;
margin: 0px;
background: #ffffff;
}

a.csl-btn:hover {
background: #fff799;
opacity: 1;
cursor: pointer;
}

img.btn_drag:hover {
	opacity: 1;
	cursor: pointer;
}

a.csl-btn2 {
width: 130px;
height: 30px;
border: 1px solid #a05096;
font-size: 15px;
display: inline-block;
line-height: 30px;
text-align: center;
border-radius: 30px;
margin: 15px 15px 0px 0px;
color: #a05096;
}

a.csl-btn2:hover {
background: #fff799;
opacity: 1;
cursor: pointer;
}

a.csl-btn2-width-160 {
    width: 160px;
}

a.csl-btn9-1 {
width: 130px;
height: 30px;
border: 1px solid #a05096;
font-size: 15px;
display: inline-block;
line-height: 30px;
text-align: center;
border-radius: 30px;
margin: 15px 15px 0px 0px;
color: #a05096;
background-color: #D3D3D3;
}

a.csl-btn2:hover {
background: #fff799;
opacity: 1;
}

a.csl-btn9-1 {
width: 130px;
height: 30px;
border: 1px solid #a05096;
font-size: 15px;
display: inline-block;
line-height: 30px;
text-align: center;
border-radius: 30px;
margin: 15px 15px 0px 0px;
color: #a05096;
background-color: #D3D3D3;
}

a.csl-csl-btn9-1:hover {
background: #D3D3D3;
opacity: 0;
}

a.csl-maine-line {
background-image: url(./../csl-img/common/main_line.png);
background-repeat: no-repeat;
background-position: 103px center;
}

a.csl-maine-line:hover {
background-image: url(./../csl-img/common/main_line.png);
background-repeat: no-repeat;
background-position: 103px center;
}

p {
color: #505050;
}

div.csl-content {
width: 100%;
/*background: #f0f0f0;*/
background: #ffffff;
}

div.csl-content-wrapper {
width: 1000px;
background: #ffffff;
margin: 0 auto;
overflow: hidden;
position: relative;
}

p.csl-read {
font-size: 13px;
margin-top: 11px;
}

p.csl-caption {
font-size: 12px;
}

h2.title {
font-size: 20px;
font-weight: bold;
}

div.csl-text-area {/*幅は調整タグ*/
margin: 0px auto;
}

p.csl-text {
font-size: 14px;
line-height: 28px;
}

p.csl-text-burasage-red {
    font-size: 14px;
    line-height: 28px;
    text-indent: -1em;
    padding-left: 1em;
    color: red;
}

p.csl-error-text {
    font-size: 14px;
    line-height: 28px;
    color: red;
    text-decoration: underline;
}

div.csl-btn-wrapper {
text-align: center;
}

p.csl-hint {
position: absolute;
top: -30px;
right: 0px;
}

a.hint-btn {
line-height: 14px;
height: 14px;
padding-left: 18px;
font-size: 13px;
color: #505050;
background-image: url(../csl-img/common/hint.png);
background-repeat: no-repeat;
background-position: left;
display: block;
}

a.hint-btn:hover {
text-decoration: underline;
}

div.csl-hint-wrapper {
position: relative;
border: 1px solid black;
}

div.csl-btn-wrapper {
position: relative;
}

p.csl-hint2 {
position: absolute;
top: -30px;
right: 0px;
}

a.hint-btn2 {
line-height: 14px;
height: 14px;
padding-left: 18px;
font-size: 13px;
color: #505050;
background-image: url(../csl-img/common/hint.png);
background-repeat: no-repeat;
background-position: left;
display: block;
}

a.hint-btn2:hover {
text-decoration: underline;
}

a.hint-btn3 {
line-height: 14px;
height: 14px;
padding-left: 18px;
font-size: 13px;
color: #0000FF;
background-repeat: no-repeat;
background-position: left;
display: block;
}

a.hint-btn3:hover {
text-decoration: underline;
}




/*ラジオボタン表示エリア*/
div.csl-switch {
position: relative;/* 親要素が基点*/
width: 189px;/* ボタンの横幅*/
height: 87px;/* ボタンの高さ*/
float: left;
position: relative;
top: 10px;
}

/*ラジオボタン*/
div.csl-switch input[type="radio"] {
display: none;/* チェックボックス非表示 */
}

/*ラジオボタンのラベル（標準）*/
div.csl-switch label {
display: block;/* ボックス要素に変更 */
position: absolute;/* 親要素からの相対位置*/
top: 0;/* 標準表示位置(上)*/
bottom: 0;/* 標準表示位置(下)*/
left: 0;/* 標準表示位置(左) */
right: 0;/* 標準表示位置(右)*/
text-align: center;/* 文字位置は中央*/
line-height: 87px;/* 1行の高さ(中央寄せ)*/
font-size: 20px;/* 文字サイズ*/
font-weight: normal;/* 太字*/
}

/*ON側のラジオボタンのラベル（標準）*/
div.csl-switch #sample1on + label {
right: 55%;
border-radius: 87px;/* 角丸*/
background: #ffffff;/* 背景 */
color: #a05096;/* 文字色*/
border: 3px solid #a05096;
}

div.csl-switch #sample1on + label:hover {
cursor: pointer;
}

/*ON側のラジオボタンのラベル（ONのとき）*/
div.csl-switch #sample1on:checked +label {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

/*OFF側のラジオボタンのラベル（標準）*/
div.csl-switch #sample1off + label {
left: 55%;/* 左端を中央に変更 */
border-radius: 87px;/* 角丸*/
background: #ffffff;/* 背景 */
color: #a05096;/* 文字色*/
border: 3px solid #a05096;
}

div.csl-switch #sample1off + label:hover {
cursor: pointer;
}

/*OFF側のラジオボタンのラベル（OFFのとき）*/
div.csl-switch #sample1off:checked +label {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

span.color {
color: #a05096;
}

div.csl-pager {
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
 
div.csl-pager ul {
list-style: none;
position: relative;
left: 0%;
float: left;
}
 
div.csl-pager ul li {
margin: 0 1px;
position: relative;
left: 0%;
float: left;
}
 
div.csl-pager ul li span,
div.csl-pager ul li a {
display: block;
font-size: 12px;
padding: 0.6em 1em;
border-radius: 3px;
}
 
div.csl-pager ul li a {
background: #f5edf4;
color: #000;
text-decoration: none;
}
 
div.csl-pager ul li a:hover {
background: #cfa7ca;
opacity: 1;
color: #FFF;
}

li.csl-current {
}

textarea {
    font: 16px/1.5 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    color: #000000; /*基本文字色*/
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
} 

/*----------------------------commonここまで----------------------------*/

/*----------------------------headerここから----------------------------*/

div.csl-header {
width: 100%;
background: #f0f0f0;
}

div.csl-header-wrapper {
width: 1000px;
margin: 0 auto;
height: 60px;
}

div.csl-header-left {
height: 60px;
float: left;
}

div.csl-header-left h1 {
font-size: 23px;
padding-top: 3px;
font-weight: bold;
}

div.csl-header-left ul {
font-size: 12px;
color: #505050;
}

div.csl-header-left ul li {
display: inline-block;
position: relative;
top: -4px;
}

div.csl-header-right {
height: 60px;
width:550px;
float: right;
}

div.env {
height: 20px;
width: 50px;
font-size: 13px;
line-height: 20px;
text-align: center;
float: left;
position: relative;
top: 5px;
background: #282373;
color: #ffffff;
}

div.csl-header-right ul.csl-user {
font-size: 13px;
text-align: right;
color: #505050;
border: none;
}

div.csl-header-right ul.csl-user li {
border: none;
display: inline-block;
position: relative;
margin-right: 5px;
}

div.csl-logout {
width: 80px;
height: 25px;
background: #282373;
font-size: 12px;
text-align: center;
float: right;
position: relative;
top: -5px;
margin-left: 5px;
}

div.csl-logout:hover {
opacity: 0.7;
}

div.csl-logout a {
color: #ffffff;	
line-height: 30px;
display: block;
}

div.csl-logout a:hover {
opacity: 1;
}

div.csl-header-right ul {
border-right: 1px solid #898989;
text-align: right;
height: 16px;
margin-top: 8px;
padding: 0;
font-size: 0px;

}

div.csl-header-right ul li.width-6 {
border-left: 1px double #898989;
display: inline-block;
height: 16px;
/*padding: 0px 10px;*/
margin: 0px;
position: relative;
top: -1px;
width: 96px;
text-align: center;
z-index: 100;
background-color: #e0e0e0;
}

div.csl-header-right ul li.width-4 {
border-left: 1px solid #898989;
display: inline-block;
height: 16px;
/*padding: 0px 10px;*/
margin: 0px;
position: relative;
top: -1px;
width: 72px;
text-align: center;
z-index: 100;
background-color: #e0e0e0;
}

div.csl-header-right ul li.width-5 {
border-left: 1px solid #898989;
display: inline-block;
height: 16px;
/*padding: 0px 10px;*/
margin: 0px;
position: relative;
top: -1px;
width: 84px;
text-align: center;
z-index: 100;
background-color: #e0e0e0;
}

div.csl-header-right ul li.width-7 {
border-left: 1px solid #898989;
display: inline-block;
height: 16px;
/*padding: 0px 10px;*/
margin: 0px;
position: relative;
top: -1px;
width: 108px;
text-align: center;
z-index: 100;
background-color: #e0e0e0;
}


div.csl-header-right ul li a {
font-size: 13px;
line-height: 16px;
margin: 0px;
display: block;
color: #505050;
}

div.csl-header-right ul.csl-second-navi-1 {
margin: 0;
position: absolute;
left: -1px;
border: none;
text-align: center;
background: #e0e0e0;
width: 253px;
height: 224px;
display: none;
}

ul.csl-second-navi-1 li {
text-align: left;
padding: 6px 15px 6px 10px;
}

ul.csl-second-navi-1 li:hover {
background: #efefef;
}

div.csl-header-right ul li:hover ul.csl-second-navi-1 {
display: block;
}

ul.csl-second-navi-1 li a:hover {
opacity: 1;
}

div.csl-header-right ul.csl-second-navi-2 {
margin: 0;
position: absolute;
left: -1px;
border: none;
text-align: center;
background: #e0e0e0;
width: 265px;
height: 84px;
display: none;
}

ul.csl-second-navi-2 li {
text-align: left;
padding: 6px 15px 6px 10px;
}

ul.csl-second-navi-2 li:hover {
background: #efefef;
}

div.csl-header-right ul li:hover ul.csl-second-navi-2 {
display: block;
}

ul.csl-second-navi-2 li a:hover {
opacity: 1;
}

div.csl-header-right ul.csl-second-navi-3 {
margin: 0;
position: absolute;
left: -1px;
border: none;
text-align: center;
background: #e0e0e0;
width: 193px;
height: 140px;
display: none;
}

ul.csl-second-navi-3 li {
text-align: left;
padding: 6px 15px 6px 10px;
}

ul.csl-second-navi-3 li:hover {
background: #efefef;
}

div.csl-header-right ul li:hover ul.csl-second-navi-3 {
display: block;
}

ul.csl-second-navi-3 li a:hover {
opacity: 1;
}

div.csl-header-right ul.csl-second-navi-4 {
	margin: 0;
	position: absolute;
	left: -1px;
	border: none;
	text-align: center;
	background: #e0e0e0;
	width: 265px;
	height: 56px;
	display: none;
}

ul.csl-second-navi-4 li {
    text-align: left;
    padding: 6px 15px 6px 10px;
}

	ul.csl-second-navi-4 li:hover {
		background: #efefef;
		
	}

div.csl-header-right ul li:hover ul.csl-second-navi-4 {
    display: block;
}

ul.csl-second-navi-4 li a:hover {
    opacity: 1;
}

div.csl-header-right ul.csl-second-navi-5 {
    margin: 0;
    position: absolute;
    left: -1px;
    border: none;
    text-align: center;
    background: #e0e0e0;
    width: 265px;
    height: 28px;
    display: none;
}

ul.csl-second-navi-5 li {
    text-align: left;
    padding: 6px 15px 6px 10px;
}

    ul.csl-second-navi-5 li:hover {
        background: #efefef;
    }

div.csl-header-right ul li:hover ul.csl-second-navi-5 {
    display: block;
}

ul.csl-second-navi-5 li a:hover {
    opacity: 1;
}

div.csl-header-right ul.csl-second-navi-6 {
    margin: 0;
    position: absolute;
    left: -1px;
    border: none;
    text-align: center;
    background: #e0e0e0;
    width: 193px;
    height: 112px;
    display: none;
}

ul.csl-second-navi-6 li {
    text-align: left;
    padding: 6px 15px 6px 10px;
}

    ul.csl-second-navi-6 li:hover {
        background: #efefef;
    }

div.csl-header-right ul li:hover ul.csl-second-navi-6 {
    display: block;
}

ul.csl-second-navi-6 li a:hover {
    opacity: 1;
}

div.csl-header-right ul.csl-second-navi-7 {
    margin: 0;
    position: absolute;
    left: -1px;
    border: none;
    text-align: center;
    background: #e0e0e0;
    width: 123px;
    height: 56px;
    display: none;
}

ul.csl-second-navi-7 li {
    text-align: left;
    padding: 6px 15px 6px 10px;
}

    ul.csl-second-navi-7 li:hover {
        background: #efefef;
    }

div.csl-header-right ul li:hover ul.csl-second-navi-7 {
    display: block;
}

ul.csl-second-navi-7 li a:hover {
    opacity: 1;
}

div.csl-header-right ul.csl-second-navi-8 {
    margin: 0;
    position: absolute;
    left: -1px;
    border: none;
    text-align: center;
    background: #e0e0e0;
    width: 123px;
    height: 28px;
    display: none;
}

ul.csl-second-navi-8 li {
    text-align: left;
    padding: 6px 15px 6px 10px;
}

    ul.csl-second-navi-8 li:hover {
        background: #efefef;
    }

div.csl-header-right ul li:hover ul.csl-second-navi-8 {
    display: block;
}

ul.csl-second-navi-8 li a:hover {
    opacity: 1;
}


/*----------------------------headerここまで----------------------------*/

/*----------------------------footerここから----------------------------*/

div.csl-footer {
width: 100%
}

div.csl-footer-wrapper {
	width: 1000px;
	/*height: 40px;*/
	margin: 0 auto;
}

div.csl-footer img.csl-symantec {
float: left;
}
div.csl-footer div.csl-symantec {
	float: left;
}

div.csl-footer ul {
float: left;
font-size: 12px;
padding-top: 20px;
}

div.csl-footer ul li {
margin: 0 6px;	
}

div.csl-footer ul li span {
font-size: 8px;
vertical-align: 1px;
margin-right: 5px;
color: #282373;
display: inline-block;
transform: rotate(90deg);
}


div.csl-footer img.csl-sannologo {
	cursor: pointer;
}

div.csl-sanno {
	display: inline-block;
	margin: 0px 6px;
	margin-top:10px;
	position: relative;
	left: 350px;
}

div.csl-footer p {
font-size: 11px;
padding-top: 3px;
}

div.csl-footer img.csl-privacy{
float: right;
margin-top: 5px;
}

/*----------------------------footerここまで----------------------------*/

/*----------------------------selectのカラーここから----------------------------*/

option.csl-green, select.csl-green {
background-color: #008045;
color: white;
}

option.csl-blue, select.csl-blue {
background-color: #2996cd;
color: white;
}

option.csl-red, select.csl-red {
background-color: #ff0000;
color: white;
}

option.csl-white, select.csl-white {
background-color: white;
color: black;
}

option.csl-unset, select.csl-unset {
background-color: #a9a7c7;
color: white;
}

option.csl-fix, select.csl-fix {
background-color: #282373;
color: white;
}

option.csl-now, select.csl-now {
background-color: #c7000b;
color: white;
}

option.csl-other-unset, select.csl-other-unset {
background-color: #bfdab0;
color: white;
}

option.csl-other-fix, select.csl-other-fix {
background-color: #5ea23a;
color: white;
}

/*----------------------------selectのカラーここまで----------------------------*/

/*----------------------------naviここから----------------------------*/

div.csl-navi {
width: 100%;
background: #f0f0f0;
}

div.csl-navi-wrapper {
width: 920px;
height: 100px;
margin: 0 auto;
}

div.csl-navi-wrapper2 {
    width: 920px;
    height: 30px;
    margin: 0 auto;
}

ul.csl-work-flow {
width: 100%;
font-size: 12px;
float: left;
}

li.csl-flow-navi {
position: relative;
width: 80px;
height: 20px;
text-align: center;
line-height: 22px;
background: #a9a7c7;
display: inline-block;
margin-right: 9.2px;
z-index: 99;
}

li.csl-flow-navi:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: -7px;
top: 0px;
border-left: 7px solid #a9a7c7;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

li.csl-flow-navi:hover {
background: rgba(169, 167, 199, 0.7);
}

li.csl-flow-navi:hover:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: -7px;
top: 0px;
border-left: 7px solid rgba(169, 167, 199, 0.7);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

li.csl-flow-navi:hover a {
opacity: 1;
}

li.csl-flow-end {
width: 80px;
margin-right: 0px;
}

li.csl-flow-end:before {
display: none;
}

li.csl-flow-end:hover:before {
display: none;
}


li.csl-flow-fix {
background: #282373;
}

li.csl-flow-fix:hover{
background: rgba(40,35, 115, 0.7);
}

li.csl-flow-fix:hover:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: -7px;
top: 0px;
border-left: 7px solid rgba(40,35, 115, 0.7);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

li.csl-flow-fix:before {
border-left: 7px solid #282373;
}

li.csl-flow-now {
background: #c7000b;
}

li.csl-flow-now:before {
border-left: 7px solid #c7000b;
}

li.csl-flow-now:hover {
background: rgba(199, 0, 11, 0.7);
}

li.csl-flow-now:hover:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: -7px;
top: 0px;
border-left: 7px solid rgba(199, 0, 11, 0.7);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

li.csl-flow-menu {
background: #000000;
}

li.csl-flow-menu:before {
display: none;
}

li.csl-flow-menu:hover {
background: rgba(0, 0, 0, 0.7);
}

li.csl-flow-menu:hover:before {
display: none;
}

ul.csl-work-flow a {
color: #ffffff;
display: block;
}









li.csl-flow-navi ul.csl-second-flow-navi-1 {
margin: 0;
position: absolute;
top: 20px;
border: none;
text-align: center;
background: #e0e0e0;
width: 267px;
height: 224px;
display: none;
}

li.csl-flow-navi:hover ul.csl-second-flow-navi-1 {
display: block;
}

li.csl-flow-navi ul.csl-second-flow-navi-1 li {
text-align: left;
padding: 3px 15px 3px 10px;
}

li.csl-flow-navi ul.csl-second-flow-navi-1 li a {
color: #505050;
}

li.csl-flow-navi ul.csl-second-flow-navi-1 li:hover {
background: #efefef;
opacity: 1;
}

li.csl-flow-navi ul.csl-second-flow-navi-1 li a:hover {
opacity: 1;
}

li.csl-flow-navi ul.csl-height504 {
height: 504px;
}

li.csl-flow-navi ul.csl-height168 {
height: 168px;
}

li.csl-flow-navi ul.csl-height56 {
height: 56px;
}































div.csl-detail {
width: 920px;
height: 60px;
background: #ffffff;
margin-top: 10px;
padding: 10px 20px;
}

div.csl-select {
float: left;
}

div.csl-detail-wrappaer {
margin-left: 15px;
display: inline-block;
}

ul.csl-detail-flow {
height: 27px;
font-size: 16px;
display: inline-block;
}

li.csl-detail-navi {
position: relative;
width: 32px;
height: 27px;
text-align: center;
background: #a9a7c7;
display: inline-block;
margin-right: 8px;
}

li.csl-detail-navi:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: -7px;
top: 0px;
border-left: 8px solid #a9a7c7;
border-top: 13.5px solid transparent;
border-bottom: 13.5px solid transparent;
}

li.csl-detail-navi:hover {
opacity: 0.7;
}

li.csl-detail-navi:hover a {
opacity: 1;
}

li.csl-detail-navi a {
color: #ffffff;
line-height: 29px;
padding-left: 3px;
display: block;
}

li.csl-detail-end {
width: 37px;
}

li.csl-detail-end:before {
display: none;
}

li.csl-detail-end a {
padding-left: 0px;
}

li.csl-detail-fix {
background: #282373;
}

li.csl-detail-fix:before {
border-left: 7px solid #282373;
}

li.csl-detail-now {
background: #c7000b;
}

li.csl-detail-now:before {
border-left: 7px solid #c7000b;
}

ul.csl-other-flow {
height: 7px;
margin-top: 5px;
}

li.csl-other-navi {
width: 37px;
height: 7px;
display: inline-block;
margin-right: 3px;
position: relative;
top: -10px;
}

li.csl-other-fix {
background: #5ea23a;
}

li.csl-other-unset {
background: #bfdab0;
}

li.opacity-off:hover {
opacity: 1;
}

/*----------------------------naviここまで----------------------------*/


/*----------------------------navi02ここから----------------------------*/

div.csl-navi02 {
height: 30px;
background: #282373;
}

div.csl-navi02 ul {
width: 920px;
height: 30px;
margin: 0px auto;
font-size: 0px;
}

div.csl-navi02 ul li {
width: 234px;
display: inline-block;
border-left: 1px solid #fff;
}

li.csl-navi02-last {
border-right: 1px solid #fff;
}

div.csl-navi02 ul li a {
color: #ffffff;
display: block;
height: 30px;
font-size: 14px;
font-weight: normal;
line-height: 30px;
text-align: center;
}

div.csl-navi02 ul li a:hover{
color: #e9e9f1;
}


div.csl-otherwin-wrapper {
	width: 920px;
	background: #ffffff;
	margin: 0 auto;
	overflow: scroll;
	position: relative;
}


/*----------------------------navi02ここから----------------------------*/

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}