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

/*
緑
#02AB3D
赤
#E20013
グレー
#D7D7D7
*/


/* 汎用
----------------------------------------------------*/
/* clear clerfix */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

#container:after,
.clearfix:after {
  /* content: "."; */
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

table{
	border-left: 1px solid #222;
	border-top: 1px solid #222;
	margin-bottom: 20px;
	width: 100%;
}

table th{
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	padding: 2px 6px;
	text-align: left;
}

table td{
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	padding: 2px 6px;
	text-align: center;
}

table.table_blue th{background: #9bd7fb;}
table.table_purple th{background: #cba2c5;}
.red_td{background:#f8cecc;color:#d90000;}

.ttl{
	background: #006471;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 71px;
	height: 71px;
	margin-bottom: 25px;
	padding-left: 30px;
	border-radius: 10px;
}

.ttl2{
	background: #006471;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 71px;
	height: 71px;
	margin-bottom: 25px;
	padding-left: 30px;
	border-radius: 10px;
}

.ttl3{
	background: url(../common_img/ttl3_bg.png) left center no-repeat;
	color: #006471;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 16px;
	padding-left: 16px;
}

.ttl_green{
	background: #d9f4e3;
	border-bottom: 1px solid #02b347;
	border-top: 1px solid #02b347;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 8px 14px;
}

.bg_yellow{
	background: #fff693;
}

.red{
	color: #E20013;
}
.blue{
	color: rgb(46, 43, 255);
}

/* contents_2nd共通
--------------------------------------------------------------------------------------*/
#contents_2nd{
	background: #fff;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 20px;
	width: 1000px;
	overflow: hidden;
}


#contents_left{
	float: left;
	width: 740px;
}

#contents_right{
	float: right;
	width: 230px;
}

#contents_2nd .top_right{
	margin-top: 0;
}

.column{
	margin: 0 auto 40px auto;
	width: 1000px;
}



/* page-flow 施工の流れ
--------------------------------------------------------------------------------------*/
.flow_arrow{
margin-bottom: 20px;
}
.page-flow .step{
	border: 2px solid #9d9d9d;
	margin-bottom: 20px;
	overflow: hidden;
	position:relative;
}

.page-flow .step04{
	border-bottom: 2px solid #9d9d9d;

}

.page-flow .step .inner{
}

.page-flow .step h3{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 6px 8px;
}

.page-flow .step h3 img{
	padding-right: 10px;
}

.page-flow .flow_content{
	padding: 20px 30px;
	overflow:hidden;
}

.page-flow .flow_content .left{
	float: left;
	width: 480px;
}

.page-flow .flow_content .left p{
	margin-bottom: 15px;
	font-size: 110%;
}

.page-flow .flow_content .right{
	float: right;
	width: 400px;
}
.page-flow .flow_content .right img{
width: 100%;

}
.page-flow .step02 a{
	color: #E20013;
	text-decoration: underline;
}

.page-flow .step02 a:hover{
	text-decoration: none;
}



/* page-insurance 鈑金のモドーリー<?php echo $trade_name?>にお任せください！
--------------------------------------------------------------------------------------*/
.page-insurance{

}

.page-insurance p{
	font-weight: bold;
	margin-bottom: 20px;
}

.page-insurance .example{
	margin: 0;
}

.page-insurance .condition{
	margin: 0 ;
	text-align: right;
}

.page-insurance #condition_detail{
	display: none;
}

#condition_detail p{
	margin-bottom: 20px;
}

.page-insurance .inner{
	padding: 0 20px;
}

.page-insurance .main_img{
	margin-bottom: 40px;
	text-align: center;
}

.page-insurance .ins_content{
	margin-bottom: 60px;
}

.page-insurance .ins_content .left{
	float: left;
	width: 606px;
}

.page-insurance .ins_content .right{
	float: right;
	width: 328px;
}
.page-insurance .ins02 .left{width:328px;}
.page-insurance .ins02 .right{width:606px;}

.page-insurance .apeal_red{
	background: #fad1d5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px 48px;
	margin-bottom: 20px;
}

.page-insurance .apeal_red p{
	color: #ea222f;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
}


/* page-price 料金目安
--------------------------------------------------------------------------------------*/
.price-list{
	width: 100%;
}
.price-list .inner{
	width: 860px;
	margin:0px auto;
	display:flex;/*横並び*/
	align-items:center;/*天地センター*/
	flex-wrap:wrap;
	justify-content: space-between;
}
.price-list .inner div{width: calc( 100% / 2  - 0px );margin-bottom: 30px;text-align: center;}
.price-list .inner div img{
	width: 90%;
	}
.price h2 img{
width: 50%;
}
section.price{
	margin-bottom: 40px;
}
section.price h3{
	margin-bottom: 10px;
	padding: 8px 14px;
	background: #006471;
	font-size: 140%;
	color: #FFF;
}
section.price .center img{
	margin-bottom: 20px;
}


.page-price .bnr{
	margin-bottom: 20px;
}

.page-price .price_list{
	margin: 20px -20px 0 0;
}

.page-price .price_list li{
	float: left;
	margin: 0 20px 40px 0;
	width: 360px;
}


/* page-reason 選ばれる理由
--------------------------------------------------------------------------------------*/
.page-reason{

}

.page-reason  #reason01,
.page-reason  #reason02,
.page-reason  #reason03,
.page-reason  #reason04{
	padding-top: 170px;
	margin-top: -170px;
}

.page-reason .main_img{
	margin-bottom: 30px;
}

.page-reason .reason_bnr_list{
	margin-bottom: 60px;
}

.page-reason .reason_bnr_list li{
	margin-bottom: 14px;
}

.page-reason .reason{

}

.page-reason .reason{
	background: url(../reason/img/bg_reason_bottom.png) bottom left no-repeat;
	padding-bottom: 10px;
}

.page-reason .reason .ttl_reason{
	text-align: center;
}

.page-reason .reason .reason_img{
	margin-bottom: 20px;
}

.page-reason .reason .inner{
width: calc(100% - 36px);
	background: url(../reason/img/bg_reason.png) repeat-y;
	padding: 16px 18px;
}

.page-reason .reason .inner .reason_content{
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 20px;
}

.page-reason .reason .inner .reason_content p{
	margin-bottom: 20px;
}

.page-reason .reason .inner .reason_content .bg_yellow{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 10px 16px;
}

.page-reason .reason .inner .reason_content .btn_reason{
	margin: 40px 0;
	text-align: center;
}

.page-reason #contents_left .bnr{
	margin: 50px 0 80px 0;
}


/* page-reserve 問い合わせ
--------------------------------------------------------------------------------------*/
.page-reserve{

}

.page-reserve .reserve{
	margin: 0 auto;
}

.page-reserve .reserve h3{
	background: #336600;
	border-bottom: 3px solid #ffcc00;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 14px;
	padding: 14px 10px;
}

.page-reserve .reserve_form{
	border: 0;
}


/* page-sekou 施工事例
--------------------------------------------------------------------------------------*/
.page-sekou{

}

.page-sekou .sekou_wrap{

}

.page-sekou .sekou_wrap .sekou{
	margin-bottom: 30px;
}

.page-sekou .sekou_wrap .sekou h3{
	background: url(../sekou/img/bg_sekou_ttl.png);
	border: 1px solid #d9dbe4;
	height: 33px;
	line-height: 33px;
	margin-bottom: 20px;
	padding-left: 10px;
}

.page-sekou .sekou_wrap .sekou p{
	margin-bottom: 20px;
}

.page-sekou .sekou_wrap .sekou .img_list{

}

.page-sekou .sekou_wrap .sekou .img_list li{
	float: left;
	margin-right: 5px;
	width: 200px;
}

.page-sekou .pager{
	text-align: center;
}

.page-sekou .pager .pager_list{

}

.page-sekou .pager .pager_list li{
	display: inline-block;
}

.page-sekou .pager .pager_list li.current,
.page-sekou .pager .pager_list li a{
	border: 1px solid #E20013;
	color: #E20013;
	display: inline-block;
	margin: 0 4px;
	padding: 2px 8px;
}

.page-sekou .pager .pager_list li a{
	text-decoration: underline;
}

.page-sekou .pager .pager_list li.current,
.page-sekou .pager .pager_list li a:hover{
	background: #E20013;
	color: #fff;
	text-decoration: none;
}


/* page-shop 店舗情報
--------------------------------------------------------------------------------------*/

.page-shop .inner{
}

.page-shop .intro{

}
.page-shop .intro h3{
	color:#006471;
	font-weight:bold;
	font-size:20px;
}
.page-shop .intro p.txt{
		margin-bottom:30px;
}

.page-shop .intro .catch{
	margin-bottom: 10px;
}

.page-shop .intro .body_text{
	margin-bottom: 20px;
}

.page-shop .intro .img01{
	float: left;
	margin-right: 13px;
	width: 230px;
	border: 2px solid #e0e0e0;
}

.page-shop .intro .img02{
	float: left;
	width: 230px;
	border: 2px solid #e0e0e0;
}

.page-shop .intro .gmap{
	border: 2px solid #e0e0e0;
	float: right;
	line-height: 0;
	width: 702px;
}

.page-shop .prof{
	margin: 20px 0 0 0;
}

.page-shop .prof .name{
	font-size: 24px;
	font-weight: bold;
	line-height: 150%;
}

.page-shop .prof .name span{
	font-size: 31px;
}

.page-shop .data{

}

.page-shop .data th{
	background: #e1e1e1;
	font-weight: normal;
}

.page-shop .data td{

}

.page-shop .data .tel{
	color: #e60012;
	font-size: 27px;
	font-weight: bold;
}




/* info
--------------------------------------------------------------------------------------*/
.info div.title{
	margin-bottom: 10px;
	padding: 6px 10px;
	background: #006471;
	color: #FFF;
	font-size: 120%;
}
.info div.title a{
	margin-bottom: 10px;
	padding: 6px 10px;
	background: #006471;
	color: #FFF;
	font-size: 120%;
	display: block;
}
.info div.date{
	margin-bottom: 10px;
	padding: 6px 10px;
	background: #EEE;
	color: #333;
	font-size: 105%;
	text-align: left;
	display: block;
}
.category{
	margin-bottom: 30px;
	clear: both;
}
.category h3{
	padding: 15px 10px;
	background: #006471;
	color: #FFF;
	font-size: 120%;
}
.category ul li a{
	width: 100%;
	display: block;
	padding: 15px 10px;
	background: #FFF;
	color: #222;
	font-size: 120%;
	border-bottom: 1px solid #ddd;
}
.category ul li a:hover{
	background: #EEE;
	color: #222;
}

.category ul li.now a{
	background: #EEE;
	color: #222;
}






/* ===== Padding set ===== */
.pd1{padding:1px;}
.pd2{padding:2px;}
.pd3{padding:3px;}
.pd4{padding:4px;}
.pd5{padding:5px;}
.pd6{padding:6px;}
.pd7{padding:7px;}
.pd8{padding:8px;}
.pd9{padding:9px;}
.pd10{padding:10px;}
.pd11{padding:11px;}
.pd12{padding:12px;}
.pd13{padding:13px;}
.pd14{padding:14px;}
.pd15{padding:15px;}
.pd16{padding:16px;}
.pd17{padding:17px;}
.pd18{padding:18px;}
.pd19{padding:19px;}
.pd20{padding:20px;}
.pd21{padding:21px;}
.pd22{padding:22px;}
.pd23{padding:23px;}
.pd24{padding:24px;}
.pd25{padding:25px;}
.pd26{padding:26px;}
.pd27{padding:27px;}
.pd28{padding:28px;}
.pd29{padding:29px;}
.pd30{padding:30px;}

.pdT1{padding-top:1px;}
.pdT2{padding-top:2px;}
.pdT3{padding-top:3px;}
.pdT4{padding-top:4px;}
.pdT5{padding-top:5px;}
.pdT6{padding-top:6px;}
.pdT7{padding-top:7px;}
.pdT8{padding-top:8px;}
.pdT9{padding-top:9px;}
.pdT10{padding-top:10px;}
.pdT11{padding-top:11px;}
.pdT12{padding-top:12px;}
.pdT13{padding-top:13px;}
.pdT14{padding-top:14px;}
.pdT15{padding-top:15px;}
.pdT16{padding-top:16px;}
.pdT17{padding-top:17px;}
.pdT18{padding-top:18px;}
.pdT19{padding-top:19px;}
.pdT20{padding-top:20px;}
.pdT21{padding-top:21px;}
.pdT22{padding-top:22px;}
.pdT23{padding-top:23px;}
.pdT24{padding-top:24px;}
.pdT25{padding-top:25px;}
.pdT26{padding-top:26px;}
.pdT27{padding-top:27px;}
.pdT28{padding-top:28px;}
.pdT29{padding-top:29px;}
.pdT30{padding-top:30px;}
.pdT40{padding-top:40px;}
.pdT50{padding-top:50px;}
.pdT60{padding-top:60px;}
.pdT70{padding-top:70px;}
.pdT80{padding-top:80px;}
.pdT90{padding-top:90px;}
.pdT100{padding-top:100px;}

.pdB1{padding-bottom:1px;}
.pdB2{padding-bottom:2px;}
.pdB3{padding-bottom:3px;}
.pdB4{padding-bottom:4px;}
.pdB5{padding-bottom:5px;}
.pdB6{padding-bottom:6px;}
.pdB7{padding-bottom:7px;}
.pdB8{padding-bottom:8px;}
.pdB9{padding-bottom:9px;}
.pdB10{padding-bottom:10px;}
.pdB11{padding-bottom:11px;}
.pdB12{padding-bottom:12px;}
.pdB13{padding-bottom:13px;}
.pdB14{padding-bottom:14px;}
.pdB15{padding-bottom:15px;}
.pdB16{padding-bottom:16px;}
.pdB17{padding-bottom:17px;}
.pdB18{padding-bottom:18px;}
.pdB19{padding-bottom:19px;}
.pdB20{padding-bottom:20px;}
.pdB21{padding-bottom:21px;}
.pdB22{padding-bottom:22px;}
.pdB23{padding-bottom:23px;}
.pdB24{padding-bottom:24px;}
.pdB25{padding-bottom:25px;}
.pdB26{padding-bottom:26px;}
.pdB27{padding-bottom:27px;}
.pdB28{padding-bottom:28px;}
.pdB29{padding-bottom:29px;}
.pdB30{padding-bottom:30px;}
.pdB40{padding-bottom:40px;}
.pdB50{padding-bottom:50px;}
.pdB60{padding-bottom:60px;}
.pdB70{padding-bottom:70px;}
.pdB80{padding-bottom:80px;}
.pdB90{padding-bottom:90px;}
.pdB100{padding-bottom:100px;}

.pdL1{padding-left:1px;}
.pdL2{padding-left:2px;}
.pdL3{padding-left:3px;}
.pdL4{padding-left:4px;}
.pdL5{padding-left:5px;}
.pdL6{padding-left:6px;}
.pdL7{padding-left:7px;}
.pdL8{padding-left:8px;}
.pdL9{padding-left:9px;}
.pdL10{padding-left:10px;}
.pdL11{padding-left:11px;}
.pdL12{padding-left:12px;}
.pdL13{padding-left:13px;}
.pdL14{padding-left:14px;}
.pdL15{padding-left:15px;}
.pdL16{padding-left:16px;}
.pdL17{padding-left:17px;}
.pdL18{padding-left:18px;}
.pdL19{padding-left:19px;}
.pdL20{padding-left:20px;}
.pdL21{padding-left:21px;}
.pdL22{padding-left:22px;}
.pdL23{padding-left:23px;}
.pdL24{padding-left:24px;}
.pdL25{padding-left:25px;}
.pdL26{padding-left:26px;}
.pdL27{padding-left:27px;}
.pdL28{padding-left:28px;}
.pdL29{padding-left:29px;}
.pdL30{padding-left:30px;}
.pdL40{padding-left:40px;}
.pdL50{padding-left:50px;}
.pdL60{padding-left:60px;}
.pdL70{padding-left:70px;}
.pdL80{padding-left:80px;}
.pdL90{padding-left:90px;}
.pdL100{padding-left:100px;}
.pdL110{padding-left:110px;}
.pdL120{padding-left:120px;}
.pdL130{padding-left:130px;}
.pdL140{padding-left:140px;}
.pdL150{padding-left:150px;}
.pdL160{padding-left:160px;}
.pdL170{padding-left:170px;}
.pdL180{padding-left:180px;}
.pdL190{padding-left:190px;}
.pdL200{padding-left:200px;}
.pdL210{padding-left:210px;}
.pdL220{padding-left:220px;}
.pdL230{padding-left:230px;}
.pdL240{padding-left:240px;}
.pdL250{padding-left:250px;}
.pdL260{padding-left:260px;}
.pdL270{padding-left:270px;}
.pdL280{padding-left:280px;}
.pdL290{padding-left:290px;}
.pdL300{padding-left:300px;}
.pdL310{padding-left:310px;}
.pdL320{padding-left:320px;}
.pdL330{padding-left:330px;}
.pdL340{padding-left:340px;}
.pdL350{padding-left:350px;}
.pdL360{padding-left:360px;}
.pdL370{padding-left:370px;}
.pdL380{padding-left:380px;}
.pdL390{padding-left:390px;}
.pdL400{padding-left:400px;}

.pdR1{padding-right:1px;}
.pdR2{padding-right:2px;}
.pdR3{padding-right:3px;}
.pdR4{padding-right:4px;}
.pdR5{padding-right:5px;}
.pdR6{padding-right:6px;}
.pdR7{padding-right:7px;}
.pdR8{padding-right:8px;}
.pdR9{padding-right:9px;}
.pdR10{padding-right:10px;}
.pdR11{padding-right:11px;}
.pdR12{padding-right:12px;}
.pdR13{padding-right:13px;}
.pdR14{padding-right:14px;}
.pdR15{padding-right:15px;}
.pdR16{padding-right:16px;}
.pdR17{padding-right:17px;}
.pdR18{padding-right:18px;}
.pdR19{padding-right:19px;}
.pdR20{padding-right:20px;}
.pdR21{padding-right:21px;}
.pdR22{padding-right:22px;}
.pdR23{padding-right:23px;}
.pdR24{padding-right:24px;}
.pdR25{padding-right:25px;}
.pdR26{padding-right:26px;}
.pdR27{padding-right:27px;}
.pdR28{padding-right:28px;}
.pdR29{padding-right:29px;}
.pdR30{padding-right:30px;}
.pdR40{padding-right:40px;}
.pdR50{padding-right:50px;}
.pdR60{padding-right:60px;}
.pdR70{padding-right:70px;}
.pdR80{padding-right:80px;}
.pdR90{padding-right:90px;}
.pdR100{padding-right:100px;}
.pdR110{padding-right:110px;}
.pdR120{padding-right:120px;}
.pdR130{padding-right:130px;}
.pdR140{padding-right:140px;}
.pdR150{padding-right:150px;}
.pdR160{padding-right:160px;}
.pdR170{padding-right:170px;}
.pdR180{padding-right:180px;}
.pdR190{padding-right:190px;}
.pdR200{padding-right:200px;}
.pdR210{padding-right:210px;}
.pdR220{padding-right:220px;}
.pdR230{padding-right:230px;}
.pdR240{padding-right:240px;}
.pdR250{padding-right:250px;}
.pdR260{padding-right:260px;}
.pdR270{padding-right:270px;}
.pdR280{padding-right:280px;}
.pdR290{padding-right:290px;}
.pdR300{padding-right:300px;}
.pdR310{padding-right:310px;}
.pdR320{padding-right:320px;}
.pdR330{padding-right:330px;}
.pdR340{padding-right:340px;}
.pdR350{padding-right:350px;}
.pdR360{padding-right:360px;}
.pdR370{padding-right:370px;}
.pdR380{padding-right:380px;}
.pdR390{padding-right:390px;}
.pdR400{padding-right:400px;}

/* ===== Padding set ===== */

/* ===== margin set ===== */
.mgA {
	margin-left: auto;
	margin-right: auto;
}

.mg1{margin:1px;}
.mg2{margin:2px;}
.mg3{margin:3px;}
.mg4{margin:4px;}
.mg5{margin:5px;}
.mg6{margin:6px;}
.mg7{margin:7px;}
.mg8{margin:8px;}
.mg9{margin:9px;}
.mg10{margin:10px;}
.mg11{margin:11px;}
.mg12{margin:12px;}
.mg13{margin:13px;}
.mg14{margin:14px;}
.mg15{margin:15px;}
.mg16{margin:16px;}
.mg17{margin:17px;}
.mg18{margin:18px;}
.mg19{margin:19px;}
.mg20{margin:20px;}
.mg21{margin:21px;}
.mg22{margin:22px;}
.mg23{margin:23px;}
.mg24{margin:24px;}
.mg25{margin:25px;}
.mg26{margin:26px;}
.mg27{margin:27px;}
.mg28{margin:28px;}
.mg29{margin:29px;}
.mg30{margin:30px;}
.mg40{margin:40px;}
.mg50{margin:50px;}
.mg60{margin:60px;}
.mg70{margin:70px;}
.mg80{margin:80px;}
.mg90{margin:90px;}
.mg100{margin:100px;}

.mgT1{margin-top:1px;}
.mgT2{margin-top:2px;}
.mgT3{margin-top:3px;}
.mgT4{margin-top:4px;}
.mgT5{margin-top:5px;}
.mgT6{margin-top:6px;}
.mgT7{margin-top:7px;}
.mgT8{margin-top:8px;}
.mgT9{margin-top:9px;}
.mgT10{margin-top:10px;}
.mgT11{margin-top:11px;}
.mgT12{margin-top:12px;}
.mgT13{margin-top:13px;}
.mgT14{margin-top:14px;}
.mgT15{margin-top:15px;}
.mgT16{margin-top:16px;}
.mgT17{margin-top:17px;}
.mgT18{margin-top:18px;}
.mgT19{margin-top:19px;}
.mgT20{margin-top:20px;}
.mgT21{margin-top:21px;}
.mgT22{margin-top:22px;}
.mgT23{margin-top:23px;}
.mgT24{margin-top:24px;}
.mgT25{margin-top:25px;}
.mgT26{margin-top:26px;}
.mgT27{margin-top:27px;}
.mgT28{margin-top:28px;}
.mgT29{margin-top:29px;}
.mgT30{margin-top:30px;}
.mgT40{margin-top:40px;}
.mgT50{margin-top:50px;}
.mgT60{margin-top:60px;}
.mgT70{margin-top:70px;}
.mgT80{margin-top:80px;}
.mgT90{margin-top:90px;}
.mgT100{margin-top:100px;}

.mgB0{margin-bottom:0px !important;}
.mgB1{margin-bottom:1px;}
.mgB2{margin-bottom:2px;}
.mgB3{margin-bottom:3px;}
.mgB4{margin-bottom:4px;}
.mgB5{margin-bottom:5px;}
.mgB6{margin-bottom:6px;}
.mgB7{margin-bottom:7px;}
.mgB8{margin-bottom:8px;}
.mgB9{margin-bottom:9px;}
.mgB10{margin-bottom:10px;}
.mgB11{margin-bottom:11px;}
.mgB12{margin-bottom:12px;}
.mgB13{margin-bottom:13px;}
.mgB14{margin-bottom:14px;}
.mgB15{margin-bottom:15px;}
.mgB16{margin-bottom:16px;}
.mgB17{margin-bottom:17px;}
.mgB18{margin-bottom:18px;}
.mgB19{margin-bottom:19px;}
.mgB20{margin-bottom:20px;}
.mgB21{margin-bottom:21px;}
.mgB22{margin-bottom:22px;}
.mgB23{margin-bottom:23px;}
.mgB24{margin-bottom:24px;}
.mgB25{margin-bottom:25px;}
.mgB26{margin-bottom:26px;}
.mgB27{margin-bottom:27px;}
.mgB28{margin-bottom:28px;}
.mgB29{margin-bottom:29px;}
.mgB30{margin-bottom:30px;}
.mgB40{margin-bottom:40px;}
.mgB50{margin-bottom:50px;}
.mgB60{margin-bottom:60px;}
.mgB70{margin-bottom:70px;}
.mgB80{margin-bottom:80px;}
.mgB90{margin-bottom:90px;}
.mgB100{margin-bottom:100px;}

.mgL0{margin-left:0px !important;}
.mgL1{margin-left:1px;}
.mgL2{margin-left:2px;}
.mgL3{margin-left:3px;}
.mgL4{margin-left:4px;}
.mgL5{margin-left:5px;}
.mgL6{margin-left:6px;}
.mgL7{margin-left:7px;}
.mgL8{margin-left:8px;}
.mgL9{margin-left:9px;}
.mgL10{margin-left:10px;}
.mgL11{margin-left:11px;}
.mgL12{margin-left:12px;}
.mgL13{margin-left:13px;}
.mgL14{margin-left:14px;}
.mgL15{margin-left:15px;}
.mgL16{margin-left:16px;}
.mgL17{margin-left:17px;}
.mgL18{margin-left:18px;}
.mgL19{margin-left:19px;}
.mgL20{margin-left:20px;}
.mgL21{margin-left:21px;}
.mgL22{margin-left:22px;}
.mgL23{margin-left:23px;}
.mgL24{margin-left:24px;}
.mgL25{margin-left:25px;}
.mgL26{margin-left:26px;}
.mgL27{margin-left:27px;}
.mgL28{margin-left:28px;}
.mgL29{margin-left:29px;}
.mgL30{margin-left:30px;}
.mgL40{margin-left:40px;}
.mgL50{margin-left:50px;}
.mgL60{margin-left:60px;}
.mgL70{margin-left:70px;}
.mgL80{margin-left:80px;}
.mgL90{margin-left:90px;}
.mgL100{margin-left:100px;}
.mgL110{margin-left:110px;}
.mgL120{margin-left:120px;}
.mgL130{margin-left:130px;}
.mgL140{margin-left:140px;}
.mgL150{margin-left:150px;}
.mgL160{margin-left:160px;}
.mgL170{margin-left:170px;}
.mgL180{margin-left:180px;}
.mgL190{margin-left:190px;}
.mgL200{margin-left:200px;}
.mgL210{margin-left:210px;}
.mgL220{margin-left:220px;}
.mgL230{margin-left:230px;}
.mgL240{margin-left:240px;}
.mgL250{margin-left:250px;}
.mgL260{margin-left:260px;}
.mgL270{margin-left:270px;}
.mgL280{margin-left:280px;}
.mgL290{margin-left:290px;}
.mgL300{margin-left:300px;}
.mgL310{margin-left:310px;}
.mgL320{margin-left:320px;}
.mgL330{margin-left:330px;}
.mgL340{margin-left:340px;}
.mgL350{margin-left:350px;}
.mgL360{margin-left:360px;}
.mgL370{margin-left:370px;}
.mgL380{margin-left:380px;}
.mgL390{margin-left:390px;}
.mgL400{margin-left:400px;}

.mgR1{margin-right:1px;}
.mgR2{margin-right:2px;}
.mgR3{margin-right:3px;}
.mgR4{margin-right:4px;}
.mgR5{margin-right:5px;}
.mgR6{margin-right:6px;}
.mgR7{margin-right:7px;}
.mgR8{margin-right:8px;}
.mgR9{margin-right:9px;}
.mgR10{margin-right:10px;}
.mgR11{margin-right:11px;}
.mgR12{margin-right:12px;}
.mgR13{margin-right:13px;}
.mgR14{margin-right:14px;}
.mgR15{margin-right:15px;}
.mgR16{margin-right:16px;}
.mgR17{margin-right:17px;}
.mgR18{margin-right:18px;}
.mgR19{margin-right:19px;}
.mgR20{margin-right:20px;}
.mgR21{margin-right:21px;}
.mgR22{margin-right:22px;}
.mgR23{margin-right:23px;}
.mgR24{margin-right:24px;}
.mgR25{margin-right:25px;}
.mgR26{margin-right:26px;}
.mgR27{margin-right:27px;}
.mgR28{margin-right:28px;}
.mgR29{margin-right:29px;}
.mgR30{margin-right:30px;}
.mgR35{margin-right:35px;}
.mgR40{margin-right:40px;}
.mgR50{margin-right:50px;}
.mgR60{margin-right:60px;}
.mgR70{margin-right:70px;}
.mgR80{margin-right:80px;}
.mgR90{margin-right:90px;}
.mgR100{margin-right:100px;}
.mgR110{margin-right:110px;}
.mgR120{margin-right:120px;}
.mgR130{margin-right:130px;}
.mgR140{margin-right:140px;}
.mgR150{margin-right:150px;}
.mgR160{margin-right:160px;}
.mgR170{margin-right:170px;}
.mgR180{margin-right:180px;}
.mgR190{margin-right:190px;}
.mgR200{margin-right:200px;}
.mgR210{margin-right:210px;}
.mgR220{margin-right:220px;}
.mgR230{margin-right:230px;}
.mgR240{margin-right:240px;}
.mgR250{margin-right:250px;}
.mgR260{margin-right:260px;}
.mgR270{margin-right:270px;}
.mgR280{margin-right:280px;}
.mgR290{margin-right:290px;}
.mgR300{margin-right:300px;}
.mgR310{margin-right:310px;}
.mgR320{margin-right:320px;}
.mgR330{margin-right:330px;}
.mgR340{margin-right:340px;}
.mgR350{margin-right:350px;}
.mgR360{margin-right:360px;}
.mgR370{margin-right:370px;}
.mgR380{margin-right:380px;}
.mgR390{margin-right:390px;}
.mgR400{margin-right:400px;}
/* ===== margin set ===== */

/* ===== width set ===== */
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w440{width:440px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w570{width:570px;}
.w580{width:580px;}
.w590{width:590px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w630{width:630px;}
.w640{width:640px;}
.w650{width:650px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w690{width:690px;}
.w700{width:700px;}

/* ===== text set ===== */
.fs03{font-size:0.3em;}
.fs04{font-size:0.4em;}
.fs05{font-size:0.5em;}
.fs06{font-size:0.6em;}
.fs07{font-size:0.7em;}
.fs08{font-size:0.8em;}
.fs09{font-size:0.9em;}
.fs10{font-size:1.01em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}
.fs17{font-size:1.7em;}
.fs18{font-size:1.8em;}
.fs19{font-size:1.9em;}
.fs20{font-size:2em;}

.fs27{font-size:2.7em;}


.fs28{font-size:28px;}