<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "Shift_JIS";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, /*sup,*/ var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
html{
	overflow-y: scroll;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ddd;
    margin:0;
    padding:0;
	margin-bottom:20px
}

input, select {
	vertical-align:middle;
}


/* 全体構造
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*a,input[type="submit"],input[type="button"]{
	outline:none;
    -webkit-transition: 0.3s; 
    -moz-transition: 0.3s; 
    -o-transition: 0.3s; 
    -ms-transition: 0.3s; 
    transition: 0.3s; 
} */
a:hover,input[type="submit"]:hover,input[type="button"]:hover{opacity:0.6;filter: alpha(opacity=60);}

body{
	font-size:90%;
	line-height:185%;
	font-family:'Noto Sans JP', sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", arial, helvetica, sans-serif;
	letter-spacing:0.05em;
	color:#333;
}


/* link
---------------------------------------------------- */
a:link,a:visited{color:#666;text-decoration:underline;}
a:hover,a:active{color:#666;text-decoration:none;}


/* font
---------------------------------------------------- */
.gfont-e{ font-family: 'Noto Serif JP', serif;}
.gfont-j{ font-family: 'Noto Sans JP', sans-serif;}


/* header
---------------------------------------------------- */
header{
  background-color: #fff;
  width: 100%;
  position: fixed; 
  top: 0;
  left: 0;
  z-index:2;
}
#menu-wrap {
	width: 100%;
}
header h1{
  width: 30%;
  float: left;
}
header h1 img{
  padding: 15px 0px 15px 30px;
}
header .header_right{
  width: 70%;
  float: right;
}


/* nav
---------------------------------------------------- */
#navibar{
	width: 100%;
}
nav{
  font-family: 'Noto Serif JP', serif;
  float: right;
  padding: 50px 30px 0px 0px;
}
#navigation{
	line-height:100%;
	clear:both;
}
#navigation a{
  display: block;
}
#navigation img {display:block;}
#navigation li{
  display: inline-block;
  margin-left: 50px;
	list-style:none;
  font-size: 110%;
}
nav li a{
  padding-bottom: 10px;
}
nav li a:link,
nav li a:visited{ color:#333; }
nav li a:hover,
nav li a:active,
nav li a.active{color: #333; border-bottom: 2px solid #333;}
nav li a:hover{opacity:1.0;filter: alpha(opacity=100);}
nav li a:link,nav li a:visited,nav li a:hover,nav li a:active{text-decoration:none;}

/* アンカーリンクの食い込み解除 */
.anchor{
	margin-top:-130px;
  padding-top:130px;
}


/* トップページ　mainimage-header
---------------------------------------------------- */
#mainimage{
  margin-top: 120px;
	position: relative;
  height: 800px;
}
#mainimage_txt{
  position: absolute;
  left: 10%;
	bottom: 30%;
  font-family: 'Noto Serif JP', serif;
  font-size: 5.0em;
  line-height: 1.5em;
  letter-spacing: 0.2em;
  color: #fff;
  text-shadow: 0px 0px 20px #333;
}


/* 中ページ　h2
---------------------------------------------------- */
.h2{
  background:url("../images/bg_h2.jpg") no-repeat top;background-size: cover;
  margin-top: 120px;
  text-align: center;
  padding: 150px 0px;
}
.h2 h2{
  font-family: 'Noto Serif JP', serif;
  color: #fff;
  font-size: 1.8em;
  font-weight: 700;
}


/* main
---------------------------------------------------- */
.pagebody-p0{
	width:1100px; 
  margin: 0px auto;
}

.pagebody{
	width:1100px; 
  margin: 0px auto;
  padding: 100px 0px;
}


/* footer
---------------------------------------------------- */
footer{
	background-color:#111;
	padding:90px 0px;
	color:#fff;
}
#footer{
  width:1100px; 
  margin: 0px auto;
}
.footer_contact{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 70px 70px 70px 0px;
  margin-bottom: 100px;
}
.footer_contact h3{
  padding-top: 50px;
  width: 40%;
  float: left;
  font-size: 1.0em;
  font-weight: 500;
  text-align: center;
}
.footer_contact h3 span{
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size:2.5em;
  margin-bottom: 10px;
}
.footer_contact_right{
  width: 60%;
  float: right;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
}
.footer_contact_right p{
  font-size: 3.0em;
  letter-spacing: 0.1em;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff;
  margin-bottom: 40px;
}
.footer_contact_right span em{
  font-style: normal;
  font-size: 0.4em;
}
.footer_contact_right a{
	display:inline-block;
  background: url("../images/arrow.png") no-repeat right;
  background-size: contain;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.8em;
  padding:15px 120px 15px 0px;
  transition: all 0.5s ease;
}
.footer_contact_right a:link,
.footer_contact_right a:visited,
.footer_contact_right a:active{ color:#fff; text-decoration:none}

footer h4{
  font-family: 'Noto Serif JP', serif;
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 20px;
}

.footer_left{
  float: left;
  width: 50%;
}

footer ul{
  float: right;
  width: 50%;
	list-style:none;
  margin-top: 30px;
}
footer li{
  display: inline-block;
  padding: 0px 20px;
  border-left: 1px solid #fff;
  line-height: 1.0em;
}
footer li:first-child{ border: none;}
footer li a:link,
footer li a:visited{color:#fff; text-decoration:none;}


/* copyright
---------------------------------------------------- */
footer small{
  margin-top: 20px;
	display:block;
	color:#999;
  font-size: 0.9em;
}

/* pagetop
---------------------------------------------------- */
#pagetop { position: fixed; bottom:30px; right:30px; z-index:100; }


/* index.html
---------------------------------------------------- */
#bg_top01{
  padding: 100px 0px 120px;
  width: 1100px;
  margin: 0px auto;
}
#bg_top01 h2{
  font-size: 1.0em;
  font-weight: 500;
  margin-bottom: 40px;
}
#bg_top01 h2 span{
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size:2.5em;
  margin-bottom: 10px;
}
#bg_top01 p{
  font-size: 1.2em;
  line-height: 2.0em;
}

#bg_top02{
  background:url("../images/bg_top_service.jpg") no-repeat center;
  background-size: cover;
  height: 534px;
  display: table;
  width: 100%;
}
#bg_top02 div{
  display: table-cell;
  vertical-align: middle;  
}
#bg_top02 h3{
  width: 1100px;
  margin: 0px auto;
  font-size: 1.0em;
  font-weight: 500;
  color: #fff;
}
#bg_top02 h3 span{
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size:2.5em;
  margin-bottom: 10px;
}

#bg_top03{
  background:#111;
  padding-bottom: 120px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#bg_top03_01{
  background: url("../images/bg_top01.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  width: 50%;
}
#bg_top03_02{
  background: url("../images/bg_top02.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  width: 50%;
}
#bg_top03_03{
  background: url("../images/bg_top03.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  width: 50%;
  margin-bottom: 30px;
}
#bg_top03_04{
  background: url("../images/bg_top04.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  width: 50%;
  margin-bottom: 30px;
}
#bg_top03 .block{ 
  display: block;
  width: 100%;
  height: 100%;
}
#bg_top03 .block:hover{
  background:rgba(0,0,0,0.5)!important;
}
#bg_top03_01 div,
#bg_top03_02 div,
#bg_top03_03 div,
#bg_top03_04 div{
  padding: 50px;
}
#bg_top03 a{transition:0.3s ease 0s;}
#bg_top03 a:link,
#bg_top03 a:visited{ text-decoration: none; }
#bg_top03 a:hover{ opacity: 0.7;}
#bg_top03 h4{
  display: inline-block;
  background-color: #fff;
  font-weight: 400;
  width: 300px;
  padding: 20px 0px;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 20px;
}
#bg_top03 p{
  color: #fff;
  padding-top: 80px;
  margin-bottom: 40px;
}

#bg_top04{
  background-color: #111;
  padding-bottom: 120px;
}
#bg_top04 h3{
  width: 1100px;
  margin: 0px auto;
  font-size: 1.0em;
  font-weight: 500;
  color: #fff;
  margin-bottom: 40px;
}
#bg_top04 h3 span{
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size:2.5em;
  margin-bottom: 10px;
}
.top_blog{
  width: 1100px;
  margin: 0px auto;
  padding-bottom: 40px;
}
.top_blog_text{
  width: 50%;
  float: left;
  color: #fff;
  margin-bottom: 40px;
}
.top_blog_text h4{
  font-size: 1.1em;
  margin:10px 0px;
}
.top_blog_img{
  width: 45%;
  float: right;
  margin-bottom: 40px;
}
.top_blog_img ul{
  display: flex;
  flex-wrap: wrap;
}
.top_blog_img li{
  margin-top: 10px;
  display: flex;
  width: calc(33.333333% - 6.666666px);
  margin-right: 10px;
}
.top_blog_img li:nth-of-type(3n){ margin-right: 0px;}
.top_blog_img li em{
  display: block;
  width: 100%;
  height: 100%;
  font-style: normal;
}

#bg_top05{
  background:url("../images/bg_top_company.jpg") no-repeat center;
  background-size: cover;
  height: 530px;
}
#bg_top05 div{
  width: 1100px;
  margin: 0px auto;
  padding-top: 150px;
}
#bg_top05 h3{  
  font-size: 1.0em;
  font-weight: 500;
  padding-bottom: 90px;
}
#bg_top05 h3 span{
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size:2.5em;
  margin-bottom: 10px;
}


/* service.html
---------------------------------------------------- */
#service_bg01{
  background: url("../images/bg_top_company.jpg") no-repeat center;
  background-size: cover;
  padding: 90px 0px;
}
#service_bg01 div{
  width: 1100px;
  margin: 0px auto;
}
#service_bg01 p{
  width: 40%;
  font-size: 1.2em;
  line-height: 2.0em;
}

.service_img{
  width: 53%;
  float: left;
}
.service_text{
  width: 47%;
  float: right;
}
.service_before{
  width: 50%;
  float: left;
}
.service_before h5{
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 2px;
  color: #1881dc;
}
.service_after{
  width: 50%;
  float: right;
}
.service_after h5{
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 2px;
  color: #fd6d6d;
}


/* company.html
---------------------------------------------------- */
.company_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.company_ul li{
  display: flex;
  width: calc(33.333333% - 26.666666px);
  margin-right: 40px;
  margin-bottom: 40px;
}
.company_ul li:nth-of-type(3n){ margin-right: 0px;}
.company_ul li img{
  display: block;
  width: 100%;
  height: 100%;
}


/* blog.html
---------------------------------------------------- */
.blog_box{
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
}
.blog_text{
  width: 50%;
  float: left;
}
.blog_text h4{
  font-size: 1.1em;
  margin:10px 0px;
}
.blog_img{
  width: 45%;
  float: right;
}
.blog_img ul{
  display: flex;
  flex-wrap: wrap;
}
.blog_img li{
  margin-top: 10px;
  display: flex;
  width: calc(33.333333% - 6.666666px);
  margin-right: 10px;
}
.blog_img li:nth-of-type(3n){ margin-right: 0px;}
.blog_img li em{
  display: block;
  width: 100%;
  height: 100%;
  font-style: normal;
}


/* table
---------------------------------------------------- */
table{border-spacing:0px;border-collapse:collapse;}
table ul, table ol{margin-left:20px;}

.table{width:100%;border-top:1px solid #ddd;  }
.table th{ padding:10px 20px; border-bottom:1px solid #ddd; vertical-align:middle; font-weight: normal;width:25%; text-align: left;}
.table td{ padding:10px 30px; border-bottom:1px solid #ddd; vertical-align:middle;}

p.need:before { content: "必須"; color:#fff; background-color:#f66; font-size:75%; line-height:normal; padding:5px 7px; vertical-align:middle; float: left; margin-right: 5px; font-weight: bold;}
.table .need:after { content: "必須"; color:#fff; background-color:#f66; font-size:75%; line-height:normal; padding:5px 7px; vertical-align:middle; float: right; }
.table .any:after { content: "任意"; color:#fff; background-color:#aaa; font-size:75%; line-height:normal; padding:5px 7px; vertical-align:middle; float: right; }


/* form
---------------------------------------------------- */
.form-xs{width:70px}
.form-s{width:150px}
.form-m{width:250px}
.form-l{width:500px}
.form100{width:95%}
.form-h{ height:100px; width:95%}

input{font-size:100%;vertical-align:middle; padding:14px}
input[type="text"], select{ border:1px solid #ddd;/*background:#eee;*/ padding:14px;/* border-radius:4px*/}
input:focus[type="text"]{border:1px solid #999;}
input[type="checkbox"], input[type="radio"] {vertical-align:0.01em;}

.required input[type="text"], .required input[type="password"], .required select, .required textarea{ border:1px solid #fcc;/*background-color:#fee; */padding:14px;}
.required input[type="text"]:focus, .required input[type="password"]:focus, .required textarea:focus{border:1px solid #f66; }

/* placeholder */
::-webkit-input-placeholder{ color: #999;opacity: 1;}
 :-moz-placeholder{ color: #999;}
::-moz-placeholder { color: #999; opacity: 1;}
 :-ms-input-placeholder { color: #999;}
 :placeholder-shown { color: #999;}

textarea{font-size:100%;border:1px solid #ccc;padding:14px;width:99%;/* border-radius:4px*/}
input,textarea{ 
  display: inline-block; 
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 1; 
  -Webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
} 

.contact_privacy{
	margin:40px 0px;
	height:300px;
	overflow:auto;
	font-size:90%;
	line-height:1.5em;
	background-color:#f1f1f1;
	padding:25px;
}
.contact_privacy h3{
	font-size:170%;
	text-align:center;
	line-height:normal;
	margin-bottom:20px;
}
.contact_privacy h3 span{ display:block; font-size:70%;}

.contact_privacy h4{
	margin-top:15px;
	overflow:hidden;
	margin-bottom:10px
}
.contact_privacy h4 span {
  position: relative;
  display: inline-block;
  margin-right: 0 2.5em;
  padding-right:1em;
  text-align: left;
}
.contact_privacy h4 span::before,
.contact_privacy h4 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 800%;
  height: 1px;
  background-color: #ccc;
}
.contact_privacy h4 span::before { right: 100%;}
.contact_privacy h4 span::after { left: 100%;}

.contact_privacy ol{ margin-left:30px;margin-bottom:15px}

.submit{
	background:#333;
    color: #fff;
	border:none;  
	font-size:100%;
	font-weight:bold;
	cursor:pointer;
	padding:20px 60px;
}


/* title
---------------------------------------------------- */
.title01{
  margin-bottom: 30px;
}
.title01 span{
  background-color: #333;
  color: #fff;
  padding: 15px 60px;
  font-size: 1.5em;
}

.title02{
  font-size: 1.3em;
  line-height: 1.7em;
  position: relative;
  padding-left: 50px;
  margin-bottom: 25px;
}
.title02::after{
  position: absolute;
  left:0;
  top: 18px;
  content: '';
  width: 40px;
  height:1px;  
  background-color: #fff;
}


/* link, btn
---------------------------------------------------- */
.btn{
	display:inline-block;
  background: url("../images/arrow.png") no-repeat right;
  background-size: contain;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.1em;
  padding:15px 120px 15px 0px;
  transition: all 0.5s ease;
}
.btn:link,
.btn:visited,
.btn:active{ color:#fff; text-decoration:none}

.btn_b{
	display:inline-block;
  background: url("../images/arrow_b.png") no-repeat right;
  background-size: contain;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.1em;
  padding:15px 120px 15px 0px;
  transition: all 0.5s ease;
}
.btn_b:link,
.btn_b:visited,
.btn_b:active{ color:#333; text-decoration:none}

.btn-s{
	line-height:normal;
	padding:2px 15px 2px 12px;
	border:1px solid #333;
	background-color:#333;
	color:#fff;
	text-align:center;
	font-family: 'Cormorant Garamond', serif;
}
.btn-s:link,
.btn-s:visited{ color:#fff; text-decoration:none}
.btn-s:before{ content:" \f105";font-family: FontAwesome; font-weight:normal; margin-right:5px;}


/* CMSページ関係
---------------------------------------------------- */
/* 縦横比固定 */
.photo-ofi {
	 height: 0;
	 display: block;
	padding-bottom: 75%; /* 高さを指定（ボックスの横幅を基準） */
	overflow: hidden;
	position: relative;
	/*margin-bottom: 10px;*/
}
.photo-ofi img {
	 max-width: inherit;
	 max-height: inherit;
	width: 100%;
	height: 100%;
	 object-fit: scale-down;
	 font-family: 'object-fit: scale-down;';
	 position: absolute;
	 left: 0;
	 top: 0;
}

/* paging */
div.paging{
  text-align: center;
  line-height: normal;
}
div.paging span.current,
div.paging span.paging-text{
  margin:0px;
  /*background-color: #fff;*/
  color:#333;
  zoom:1;
  display:inline-block;
  overflow:hidden;
  text-decoration:none;
}
div.paging span.paging-text a{
  padding:5px 8px;
  display:block;
  color: #333;
  /*border: 1px solid #fff;*/
}
div.paging span.current{
  background-color: #aaa;
  /*border: 1px solid #ccc;*/
  color:#fff;
  zoom:1;
  padding:5px 8px;
  text-decoration:none;
  display:inline-block;
  cursor:pointer;
}
div.paging span.paging-text a:hover{
  background-color: #eee;
  color: #333;
  /*border: 1px solid #666;*/
  text-decoration:none;
  cursor:pointer;
}
@media print, screen and (min-width: 768px) {
  div.paging span.paging-text a{
    padding:10px 15px;
  }
  div.paging span.current{
    padding:10px 15px;
  }
}


/* common
---------------------------------------------------- */
img{border:0;vertical-align:bottom;}
h2,h3,h4,h5,h6{clear:both;}
iframe{ vertical-align:bottom}

.clear{clear:both;}

.f-left{float:left;}
.f-right{float:right;}
.center-block{ margin:0px auto; display:block}
.center-height{ display:table; background-color:#fff}
.center-height_inr{ display:table-cell; vertical-align:middle}

.img_circle{ border-radius:50%}
.img_round{ border-radius:15px}

.bg{ background-color: #111; color: #fff;}

.box{ border:1px solid #ccc; padding:24px;}
.box2{
	background: -prefix-linear-gradient(left, #ffb7ce, #f7df76);
	background: linear-gradient(to right, #ffb7ce, #f7df76);
	padding:25px;
}
.box3{ background-color:#6e3535; color:#fff; padding:10px 15px;}

.box_red{ display:table; background-color:#fff; margin-bottom:30px;}
.box_red h4{
	display:table-cell; vertical-align:middle;
	background-color:#6e3535;
	font-size:120%;
	color:#fff;
	padding:30px;
	width:250px;
}
.box_red p{ display:table-cell; vertical-align:middle; padding-left:30px;}

.ul-float{
	list-style:none;
}
.ul-float li{
	float:left;
	width:275px;
	background-color:#d2edf9;
	padding:5px 0px;
	text-align:center;
	margin:0px 10px 10px 0px
}
.ul-float2 li{
	margin-left:20px;
	float:left;
	width:16.66%;
}

/* テキスト関係 */
.tal{text-align:left !important}
.tac{text-align:center;}
.tar{text-align:right;}
.fsi{ font-style:italic}
.fs70{ font-size:70%; line-height:1.6em}
.fs80{ font-size:80%; line-height:1.6em}
.fs90{ font-size:90%; line-height:1.6em}
.fs100{ font-size:100%}
.fs120{ font-size:120%}
.fs130{ font-size:130%}
.fs140{ font-size:140%}
.fs150{ font-size:150%}
.fs160{ font-size:160%}
.fs170{ font-size:170%}
.fs180{ font-size:180%}
.fs190{ font-size:190%}
.fs200{ font-size:200%}
.fs220{ font-size:220%}
.fs350{ font-size:350%}
.lsn{ list-style:none;}
.lhn{ line-height:normal}
.fwn{ font-weight:normal}
.block{ display:block}
.indent{ text-indent:-1em; margin-left:1em}

.red{color:#c73036}
.blue{ color:#1f518f}
.black{ color: #333;}
.white{ color: #fff;}

/* サイズ指定 */
.w340{ width:340px}
.w480{ width:480px}
.w525{ width:525px}

.mb05{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb50{ margin-bottom:50px}
.mb60{ margin-bottom:60px}
.mb80{ margin-bottom:80px}
.mb100{ margin-bottom:100px}
.mt10{ margin-top:10px}
.mt25{ margin-top:25px}
.mt50{ margin-top:50px}
.ml05{ margin-left:5px}
.ml20{ margin-left:20px}
.ml30{ margin-left:30px}
.ml40{ margin-left:40px}
.mr05{ margin-right:5px}
.mr10{ margin-right:10px}
.mr20{ margin-right:20px}
.mr30{ margin-right:30px}
.mr40{ margin-right:40px}
.pt0{ padding-top:0px;}
.pl30{ padding-left:30px;}
.pl50{ padding-left:50px;}
.pr30{ padding-right:30px;}

</pre></body></html>