@charset "utf-8";





body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 2.3;
	min-width: 1240px;
	color: #646E78;
	font-size: 16px;
	font-weight: 500;
}

#container {
    /*background: url(../img/common/header-bg.png) 0 0 repeat-x;*/
}

a {
    color: #646E78;
	text-decoration: underline;
}

a:hover {
    color: #646E78;
	text-decoration: none;
}

img {
    /*-webkit-backface-visibility: hidden;*/
	image-rendering: -webkit-optimize-contrast;
}

.sp {
    display: none;
}


/*==========================================================================

	                        ヘッダー
	
============================================================================*/


#header {
    /*width: 980px;
	height: 90px;
	margin: 0 auto;
	position: relative;*/
	position: relative;
	z-index: 9999;
}

.h-logo {
    position: absolute;
	top: 20px;
	left: 40px;
}
.h-logo img{
	width: 227px;
}
.h-logo a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}

/*---------------------------------------
             ナビ
---------------------------------------*/

#nav {
    /*clear: both;
	height: 60px;
	background-color: #2639A0;*/
	position: absolute;
	top: 40px;
	right: 10px;
}
#nav ul {
    line-height: 1.5;
    
}
#nav li {
    /*font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6",'Quattrocento',"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
    font-weight: bold;
	letter-spacing: 3px;*/
	display: inline-block;
	list-style-type:none;
	margin-right: 50px;
}
#nav li a {
    position: relative;
	display: inline-block;
	transition: .3s;
}
#nav li a::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #A08762;
  opacity: 0;
  transition: .3s;
}
#nav li a:hover::after {
  bottom: 0;
  opacity: 1;
}
#nav li a:hover {
  -webkit-animation: zoom .3s;
  animation: zoom .3s;
}
@-webkit-keyframes zoom {
  50% {
    -webkit-transform: scale(1.05);
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.05);
  }
}

/*#nav li a:hover img {visibility:hidden;}

.nav01 {background:url(../img/common/ov-nav01.png);width: 102px;}
.nav02 {background:url(../img/common/ov-nav02.png);width: 145px;}
.nav03 {background:url(../img/common/ov-nav03.png);width: 280px;}
.nav04 {background:url(../img/common/ov-nav04.png);width: 129px;}
.nav05 {background:url(../img/common/ov-nav05.png);width: 176px;}
.nav06 {background:url(../img/common/ov-nav06.png);width: 128px;}*/


/*#nav li a:hover img{
    background-color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}*/

/*==========================================================================

	                        タイトル
	
============================================================================*/

#title-bg {
    height: 340px;
	-moz-background-size:cover;
    background-size:cover;
}

.company-bg {background: url(../img/company/title-bg.jpg) center center no-repeat;}
.business-bg {background: url(../img/business/title-bg.jpg) center center no-repeat;}
.recruit-bg {background: url(../img/recruit/title-bg.jpg) center center no-repeat;}
.contact-bg {background: url(../img/contact/title-bg.jpg) center center no-repeat;}

#title {
    clear: both;
	text-align: center;
	padding: 170px 0 0;
	line-height: 0;
}


/*==========================================================================

	                        コンテンツ
	
============================================================================*/

#contents {
	/*line-height: 2;*/
	clear: both;
	padding-top: 80px;
}

.sub {
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6",'Quattrocento',"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
    clear: both;
	color: #A08762;
	font-size: 32px;
	letter-spacing: 4px;
	line-height: 1.4;
	margin-bottom: 30px;
}

/*---------------------------------------
           インフォボックス
---------------------------------------*/

#f-info {
    clear: both;
	background-color: #E2DFDC;
	padding: 100px 0;
}
.f-info-box {
	width: 920px;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
}
.f-info-box h4 {
    /*font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6",'Quattrocento',"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
	color: #A08762;
	font-size: 22px;
	display: inline-block;
	transform: scale(2.8, 1.5);*/
	text-align: center;
	margin-bottom: 70px;
}
.f-info-left {
	width: 458px;
	float: left;
}
.f-info-left a {
	cursor: default;
}

.f-info-right {
	width: 458px;
	float: right;
}
.f-info-right a:hover img{
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	transition: .5s;
}



/*==========================================================================

	                            フッター
	
============================================================================*/

#footer {
	clear: both;
	background-color: #262D3E;
	color: #C3C5C9;
	padding: 50px 0 20px;
}
#footer a {
    color: #C3C5C9;
	text-decoration: underline;
}
#footer a:hover {
    color: #C3C5C9;
	text-decoration: none;
}

/*---------------------------------------
             フッターナビ
---------------------------------------*/

#f-nav {
	text-align: center;
}
#f-nav ul {
    line-height: 1.5; 
}
#f-nav li {
	display: inline-block;
	list-style-type:none;
	padding: 0 30px;
}
#f-nav li a {
    position: relative;
	display: inline-block;
	transition: .3s;
}
#f-nav li a::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #A08762;
  opacity: 0;
  transition: .3s;
}
#f-nav li a:hover::after {
  bottom: 0;
  opacity: 1;
}
#f-nav li a:hover {
  -webkit-animation: fzoom .3s;
  animation: fzoom .3s;
}
@-webkit-keyframes fzoom {
  50% {
    -webkit-transform: scale(1.05);
  }
}
@keyframes fzoom {
  50% {
    transform: scale(1.05);
  }
}

/*---------------------------------------
          フッター企業情報
---------------------------------------*/

#foot-box {   
    width: 1200px;
	margin: 0 auto;
	padding: 60px 0 50px;
	text-align: center;
	font-size: 14px;
}
.f-logo {
	margin-bottom: 20px;
}
.f-logo img {
	width: 106px;
}
#foot-box em {   
    font-weight: bold;
}
#foot-box p br {   
	display: none;
}
#copy {
	margin-top: 30px;
}

/*---------------------------------------
          フッター関連企業
---------------------------------------*/

#f-com {
	text-align: center;
}
#f-com ul {
    line-height: 1.5;
	font-size: 0;
}
#f-com li {
    width: 9.1%;
	display: inline-block;
	font-size: 14px;
	list-style-type:none;
	/*padding: 0 4px;*/
	vertical-align: middle;
}
#f-com li img {width: 70%;}
/*#f-com li img:nth-child(1) {width: 75px;}
#f-com li img:nth-child(2) {width: 114px;}
#f-com li img:nth-child(3) {width: 100px;}
#f-com li img:nth-child(4) {width: 61px;}
#f-com li img:nth-child(5) {width: 114px;}*/

/*==========================================================================

	                           トップページ
	
============================================================================*/

/*---------------------------------------
           　動画大枠
---------------------------------------*/

#index-movie {
	position: relative;
	height: 100vh;
	width:100%;
	min-height: 660px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1;
	background-color: #000;
}

/*---------------------------------------
           　動画
---------------------------------------*/

#video {
    background: url(../img/index/movie-bg01.jpg) center center no-repeat;
	min-height: 100%;
    min-height: 100vh;
    min-width: 100%;
    min-width: 100vw;
	background-attachment: fixed;
    background-position: center center;
    background-size: cover;
	
	opacity: 0;
	-webkit-animation: top-move 6s ease 5s 1 forwards;
    animation: top-move 6s ease 5s 1 forwards;
}
@-webkit-keyframes top-move {
  100% {
    opacity: 1;
  }
}
@keyframes top-move {
  100% {
    opacity: 1;
  }
}

/*---------------------------------------
    ローディングバー（アニメーション）
---------------------------------------*/

.movie-line {
    background: url(../img/index/movie-line.png) 0 0 repeat-x;
    position: absolute;
	z-index: 0;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1px;
	overflow: hidden;
	background-color: transparent;
	-webkit-animation: movie-line 5s cubic-bezier(.4, 0, .2, 1)  forwards;
	animation: movie-line 5s cubic-bezier(.4, 0, .2, 1)  forwards;
}
@-webkit-keyframes movie-line {
  0% {
    -webkit-transform: translateX(-100%);
  }
  20% {
    transform: translateX(0%);
	opacity: 0.3;
  }
  100% {
    transform: translateX(100%);
	opacity: 0;
  }
}
@keyframes movie-line {
  0% {
    transform: translateX(-100%);
  }
  20% {
    transform: translateX(0%);
	opacity: 0.3;
  }
  100% {
    transform: translateX(100%);
	opacity: 0;
  }
}

/*---------------------------------------
     ヘッダーロゴ（アニメーション）　
---------------------------------------*/


#index-movie .h-logo {
	opacity: 0;
    -webkit-animation: h-logo 6s ease .9s forwards;
	animation: h-logo 6s ease .9s forwards;
}
@-webkit-keyframes h-logo {
  100% {
    opacity: 1;
  }
}
@keyframes h-logo {
  100% {
    opacity: 1;
  }
}

/*---------------------------------------
     ヘッダーナビ（アニメーション）　
---------------------------------------*/

#index-movie #nav {
	opacity: 0;
    -webkit-animation: nav 5s ease 2.2s forwards;
	animation: nav 5s ease 2.2s forwards;
}
@-webkit-keyframes nav {
  100% {
    opacity: 1;
  }
}
@keyframes nav {
  100% {
    opacity: 1;
  }
}

/*---------------------------------------
     ムービーロゴ（アニメーション）　
---------------------------------------*/

.movie-logo {
	position: absolute;
	z-index: 3;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 552px;
    height: 453px;
	
	opacity: 0;
    -webkit-animation: movie-logo 6s ease 2s forwards;
	animation: movie-logo 6s ease 2s forwards;
}
@-webkit-keyframes movie-logo {
  100% {
    opacity: 1;
  }
}
@keyframes movie-logo {
  100% {
    opacity: 1;
  }
}

/*---------------------------------------
    ページスクロール（アニメーション）　
---------------------------------------*/

.movie-under {
	position: absolute;
	z-index: 3;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
     width: 52px;
    height: 44px;
	opacity: 0;
    -webkit-animation: movie-under 2s infinite 7s;
    animation: movie-under 2s infinite 7s;
}

@-webkit-keyframes movie-under {
  0% {
    -webkit-transform: translate(0, 0);
	opacity: 0.2;
  }
  50% {
    -webkit-transform: translate(0, 30px);
	opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
	opacity: 0.2;
  }
}
@keyframes movie-under {
  0% {
    transform: translate(0, 0);
	opacity: 0.2;
  }
  50% {
    transform: translate(0, 30px);
	opacity: 1;
  }
  100% {
    transform: translate(0, 0);
	opacity: 0.2;
  }
}



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

.index-box1 {
    clear: both;
	width: 1200px;
	margin: 0 auto 80px;
	text-align: center;
}


.index-box2 {
    clear: both;
	padding-bottom: 200px;
}
.index-box2 img {
	width:100%;
}
.index-box2-1 {
	width:33.33%;
	float:left;
}
.index-box2-2 {
	width:33.33%;
	float:left;
}
.index-box2-3 {
	width:33.33%;
	float:left;
}
.index-box2 h3 {
	margin: 0 0 15px;
}
.index-box2 h4 {
	font-size: 18px;
	color: #A08762;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.index-box2 p {
	font-size: 14px;
	margin: 0 40px;
	line-height: 1.8;
}

.index-box2 .btn {
    clear: both;
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
}
.index-box2 .btn a {
	display: block;
	text-decoration: none;
	padding: 10px 0;
	border: #646E78 1px solid;
	transition: .5s;
}
.index-box2 .btn a:hover {
	background-color: #A08762;
	border: #A08762 1px solid;
	color: #fff;
	transition: .5s;
}


.index-box3 {
    clear: both;
	background-color: #F0F2F4;
	padding: 100px 0;
}
.index-box3-1 {
	width: 920px;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
}
.index-box3-left {
	width: 458px;
	float: left;
}
.index-box3-left a {
	cursor: default;
}

.index-box3-right {
	width: 458px;
	float: right;
}
.index-box3-right a:hover img{
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	transition: .5s;
}

/*==========================================================================

	                           会社概要
	
============================================================================*/

.company-box1 {
    clear: both;
	width: 600px;
	margin: 0 auto 100px;
	text-align: center;
}


.company-box2 {
	/*background: url(../img/company/02.jpg) right 0 no-repeat;
    clear: both;
	padding: 250px 0 300px;
	-moz-background-size:cover;
    background-size:cover;*/
	clear: both;
	padding: 150px 0 150px;
	/*padding: 250px 0 300px;*/
	background: #3c3f51; /* Old browsers */
    background: -moz-linear-gradient(top, #3c3f51 0%, #262d3e 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3c3f51 0%,#262d3e 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3c3f51 0%,#262d3e 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3f51', endColorstr='#262d3e',GradientType=0 ); /* IE6-9 */
}
.company-box2 h2 {
	text-align: center;
	color: #fff;
}
.company-box2-1 {
	width: 600px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}
.company-box2-1 h3 {
	margin-top: 30px;
}


.company-box3 {
    clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 100px 0 150px;
}
.company-box3 h2 {
	text-align: center;
}
.company-box3 table {
    width: 100%;
	border-collapse: collapse;
	line-height: 1.8;
	margin-bottom: 10px;
}
.company-box3 th {
    width: 380px;
	font-weight: bold;
	padding: 5px 50px 5px 0;
	text-align: right;
	vertical-align: top;
}
.company-box3 td {
	padding: 5px 0;
}


.company-box4 {
    clear: both;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.company-box4 h2 {
	text-align: center;
	margin-bottom: 60px;
}
.company-box4-1 {
	clear: both;
	margin-bottom: 50px;
}
.company-box4-left {
    width: 600px;
	float: left;
	text-align: right;
}
.company-box4-right {
    width: 560px;
	float: right;
	padding-top: 10px;
}
.company-box4-right h4 {
    /*font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6",'Quattrocento',"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;*/
    font-size: 18px;
	color: #A08762;
	font-weight: bold;
}

/*==========================================================================

	                    事業内容
	
============================================================================*/

.business-box1 {
    clear: both;
	width: 1200px;
	margin: 0 auto 100px;
	text-align: center;
}

.business-bg2 {
    background: url(../img/business/02.jpg) center center no-repeat;
	-moz-background-size:cover;
    background-size:cover;
}
.business-box2 {
    clear: both;
	width: 1200px;
	margin: 0 auto;
}
.business-box2-left {
    width: 520px;
	float: left;
	padding: 40px 80px 60px 0;
}
.business-box2-left h3 {
    text-align: center;
	margin-bottom: 20px;
}
.business-box2-left p {
	font-size: 15px;
}
.business-box2-left ul {
	margin-top: 25px;
}
.business-box2-left ul li {
	margin-bottom: 5px;
}
.business-box2-left ul li:nth-child(odd) {
    float: left;
}
.business-box2-left ul li:nth-child(even) {
    float: right;
}
.business-box2 a:hover img{
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}


.business-bg3 {
    background: url(../img/business/04.jpg) center 0 no-repeat;
	-moz-background-size:cover;
    background-size:cover;
}
.business-box3 {
    clear: both;
	width: 1200px;
	margin: 0 auto;
}
.business-box3-right {
    width: 520px;
	float: right;
	padding: 160px 0 130px 80px;
}
.business-box3-right h3 {
    text-align: center;
	margin-bottom: 20px;
}
.business-box3-right p {
	font-size: 15px;
}
.business-box3-right ul {
	margin-top: 25px;
	text-align: center;
}
.business-box3 a:hover img{
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}


.business-bg4 {
    background: url(../img/business/06.jpg) center center no-repeat;
	-moz-background-size:cover;
    background-size:cover;
}
.business-box4 {
    clear: both;
	width: 1200px;
	margin: 0 auto;
}
.business-box4-left {
    width: 520px;
	float: left;
	padding: 200px 80px 200px 0;
}
.business-box4-left h3 {
    text-align: center;
	margin-bottom: 20px;
}
.business-box4-left p {
	font-size: 15px;
}

/*==========================================================================

	                    求人情報
	
============================================================================*/

.recruit-box1 {
    clear: both;
	width: 1200px;
	margin: 0 auto 100px;
	text-align: center;
}
.recruit-box1 p {
	margin-bottom: 50px;
}
.recruit-box1 p a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*==========================================================================

	                         お問い合わせ
	
============================================================================*/

.contact-box1 {
	width: 980px;
	margin: 0 auto 30px;
	line-height: 1.8;
}
.contact-box1 dt {
	font-size: 18px;
	font-weight: bold;
}



.contact-box3 {
	width: 980px;
	margin: 0 auto 80px;
	padding-top: 40px;
	border-top: #999 1px dotted;
	line-height: 1.8;
}
.contact-box3 dt {
	font-size: 16px;
	font-weight: bold;
}


/*---------------------------------------
             フォーム
---------------------------------------*/

#form-box {
    width: 980px;
	margin: 0 auto 10px;
}
/*#form-box h4 {
    border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #FCD2E4;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
}*/
#mfp_phase_stat {
    display: none;
}
#form-box dl {
	border-bottom: #CFC3B0 1px solid;
	border-left: #CFC3B0 1px solid;
	border-right: #CFC3B0 1px solid;
	background-color: #EFECE9;
	margin-bottom: 30px;
}
#form-box dl dt {
	float: left;
	width: 250px;
	clear: both;
	/*padding: 10px 0px;*/
	text-align: right;
	margin: 0px;
	color: #646E78;
	border-top: #CFC3B0 1px solid;
	padding: 10px 15px 10px 10px;
	font-weight: bold;
}
#form-box dl dd {
	/*border-top: solid 1px #CCC;*/
	/*margin: 0px;*/
	padding: 10px 15px 10px 15px;
	/*line-height: 1.5em;*/
	text-align: left;
	border-top: #CFC3B0 1px solid;
	border-left: #CFC3B0 1px solid;
	background-color: #fff;
	margin-left: 275px;
}
#form-box dl dd em {
	font-weight: bold;
}
#form-box dl dd br {
	display: none;
}
.must {
    float: left;
}
.must img {
	vertical-align: middle;
}

#container #form-box li {
    /*float: left;
	margin-right: 20px;*/
	display: inline-block;
	margin-right: 20px;
}

#form-box textarea {
    width: 100%;
	height: 200px;
}


#form-box button {
	border: none;
}
.mfp_element_submit,.mfp_element_reset,.mfp_element_button {
    width: 300px;
	margin-top: 10px;
	padding: 15px 0;
	/*border: solid 1px #CCC;*/
	background-color: #A08762;
	/*background: gradient(linear, center top, center bottom, from(#F97E2D), to(#CD5505));
	background: -webkit-gradient(linear, center top, center bottom, from(#F97E2D), to(#CD5505));
	background: -moz-linear-gradient(top, #F97E2D, #CD5505);
	background: -ms-linear-gradient(top, #F97E2D 0%, #CD5505 100%);*/
	/*text-shadow: 0px 2px 0px #FFF;*/
	font-size: 22px;
	color: #fff;
	/*font-weight: bold;*/
	text-align: center;
	cursor: pointer;
	outline: none;
	letter-spacing: 3px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.mfp_element_reset {
	color: #fff;
}
.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover {
	/*background: gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
	background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
	background: -ms-linear-gradient(top, #F7F7F7 0%, #7ECEF4 100%);
	box-shadow: 0px 2px 15px #7ECEF4;*/
	
	/*background-color: #666;*/
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*---------------------------------------
         プライバシーポリシー
---------------------------------------*/

.privacy-box {
    clear: both;
	width: 720px;
	height: 130px;
	margin: 0px auto 60px;
	padding: 20px;
	border: #BCBEC2 1px solid;
	line-height: 1.6;


	color: #7D7D7D;
	font-size: 13px;
	overflow: auto;
}
.privacy-box dl {
	border-top: #B9B9B9 1px dotted;
	border-bottom: #B9B9B9 1px dotted;
	padding-top: 15px;
	margin: 15px 0 20px;
}
.privacy-box dt {
	font-weight: bold;
	margin-bottom: 5px;
}
.privacy-box dd {
	margin-bottom: 20px;
}
.privacy-box h4 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
}

/*==========================================================================

	                  お問い合わせ(サンクスページ)
	
============================================================================*/

.thanks-box {
    width: 800px;
	margin: 0 auto;
	padding: 50px 0 100px;
	text-align: center;
}
.thanks-box p {
	margin-top: 40px;
}

/*==========================================================================

	                           個別CSS
	
============================================================================*/

.color333 {
    color: #333;
}

/*float*/

.tal{text-align:left;}
.tar{text-align:right;}
.float_l{float:left;}
.float_r{float:right;}

.clear{clear: both;}

/*width*/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w655{width:655px;}

/*margin*/

.mar_none{margin: 0;}

/*??margin*/

.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}

/*??margin*/

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}

/*??margin*/

.ml{margin-left: 0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml85{margin-left: 85px;}
.ml110{margin-left:110px;}


/*?Emargin*/

.mr{margin-right: 0;}
.mr2{margin-right: 2px;}
.mr5{margin-right: 5px;}
.mr7{margin-right: 7px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}

/*padding*/

.padding10{padding:10px;}
.padding5{padding:5px;}
.padding20{padding:20px;}

/*??padding*/

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}

/*LINE HEIGHT*/

.lh120{ line-height: 120%;}
.lh130{ line-height: 130%;}
.lh140{ line-height: 140%;}
.lh150{ line-height: 150%;}
.lh160{ line-height: 160%;}
.lh170{ line-height: 170%;}
.lh180{ line-height: 180%;}
.lh190{ line-height: 190%;}
.lh200{ line-height: 200%;}

.left   { text-align: left;}
.center { text-align: center;}
.right  { text-align: right;}
.bold { font-weight: bold;}

/* ---------------------------------------- 
									clearfix				
---------------------------------------- */
.clearfix {
	zoom:1;
	/*overflow:hidden;
	min-height: 1px;
	_height:1px;*/
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}