@charset "utf-8";
/* CSS Document */
body{
	text-align:center;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
	font-size:16px;
	line-height:1.6;
	color:#333;
	margin:0;
	padding:0;
}
*{margin:0;padding:0;}
* img{ border:none;}
img{width:auto;max-width:100%;height:auto;}
#wrap{width:100%;}
a{color:#109953;}
a:hover,input[type="submit"]:hover,input[type="button"]:hover{opacity:.8}
li{list-style:none outside;}
@media (max-width:800px){
	body{font-size:14px;}
	#wrap{width:98%;margin:0 auto;overlow:hidden;}
	img{max-width:100%;margin:0 auto;display:block;}
}
@media (max-width:400px){
	body{font-size:12px;}
}

/* ACC */
#aclog{display:none;}
/* CONTENTS SIZE */
.ctsize{width:100%;max-width:1000px;margin:0 auto;text-align:left;}

/* HEAD */
#head div.fltL{width:64%;}
#head dl.fltR{width:34%;}
#head h1{font-size:0.75em;padding:5px 5px 15px;}
#head h2{font-size:1.125em;}
#head h2 a{display:block;background:url("../img/title.png") no-repeat left center;padding-left:170px;line-height:50px;text-decoration:none;color:#000;}
#head h2 a b{margin-left:10px;font-size:1.125em;}
#head dl.fltR dt a{background:#109954;border-radius:5px;color:#FFF;display:block;text-decoration:none;padding:5px;}
#head dl.fltR dt a span:before{content:url("../img/header_icon1.png");margin-right:5px;}
#head dl.fltR dd{font-size:0.875em;text-align:right;}
#head dl.fltR dd.tel{font-size:1.25em;color:#109954;}
#head dl.fltR dd.tel b{font-size:1.25em;}
#head nav{background:#109954;transition: all .2s ease;}
#head .fixed {position:fixed;top:0;width:100%;z-index:10000;}
#head .fixed nav{box-shadow:0 2px 5px rgba(0, 0, 0, .2);}
#head ul li{display:inline-block;float:left;width:16.666%;}
#head ul li:first-child a{border-left:none;}
#head ul li a{display:block;text-align:center;color:#FFF;text-decoration:none;border-left:1px dotted #FFF;line-height:50px;}
#head ul li a:hover{background:rgba(255,255,255,0.2);}
#head ul{position: relative;max-width: 1000px;margin:0 auto;height:50px;}
#head ul li ul{position:absolute;top:40px;width:100%;left:0;box-sizing:border-box;padding:10px 2%;background:#FFF;border:3px solid #40AD76;border-radius:5px;-webkit-transition: all .2s ease;transition: all .2s ease;visibility: hidden;opacity: 0;z-index: 50000;}
#head ul ul li{float: left;width: 24%;}
#head ul ul li a{display:block;color:#109953;padding:0;text-align:center;font-weight:bold;}
#head ul ul li a:hover{background:#FEE6C6;color:#F60;}
#head ul li:hover ul{top: 50px;visibility: visible;opacity: 1;height:74px;}
#l-wrapper{display:none;}
@media (max-width:800px){
	#head h1{display:none;}
	#head h2{font-size:1em;padding-right:60px;}
	#head h2 a{padding-left:5px;line-height:1.6;background:none;}
	#head h2 a:before{content:url("../img/title_s.png");display:block;}
	#head div.fltL{width:100%;display:block;}
	#head dl.fltR,#head #globalNavi{display:none;}
	#l-wrapper{display: block;}
	.m-nav-btn {-webkit-transition: 0.3s;transition: 0.3s;position: fixed;top:10px;right:10px;width: 40px;height: 40px;background-repeat: no-repeat;background-position: 50%;background:rgba(64,173,118,0.8) url("../img/nav.png");text-indent: -9998em;z-index: 10002;}
	.m-nav-btn .is-active {opacity: 0;}
	.m-nav-btn:hover {background-color:#40AD76;background-image:url("../img/nav_on.png");}
	.m-nav{-webkit-transition: 0.3s;transition: 0.3s;position:fixed;top:-100%;right:0;width:100%;height:100%;padding-top:60px;background-color:rgba(64,173,118,0.9);z-index:10003;overflow:auto !important;box-sizing:border-box;}
	.m-nav.is-active{top:0;}
	.m-nav-overlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:10001;}
	.m-nav-overlay.is-active{display:block;}
	#l-wrapper li{display:table;width:100%;text-align:center;padding:5px 0;}
	#l-wrapper li.second{padding-bottom:0;}
	#l-wrapper li a{display:block;color:#FFF;padding:5px 0;}
	#l-wrapper li.servicetit{display:block;background:#FFF;color:#109953;font-weight:bold;font-size:1em;}	
	#l-wrapper li a{-webkit-transition:0.3s;transition:0.3s;display:table-cell;vertical-align:middle;color:#FFF;text-decoration:none;font-weight:bold;border-bottom:1px dotted #FFF;}
	.m-nav__btn {margin-top:25px;text-align:center;font-size:0;}
	.m-nav__btn__item{display:inline-block;vertical-align:top;margin-left:10px;margin-right:10px;}
	.m-nav__btn__item a{-webkit-transition:0.3s;transition:0.3s;display:block;width:40px;height:40px;text-indent:-9998em;background-image:url("../img/nav_infoicon.png");background-color:#258FB5;border-radius:50%;}
	.m-nav__btn__item a:hover{opacity:0.8;}
	.m-nav__btn__item--contact a{background-position:-40px 0;}
	.nav_close{-webkit-transition:0.3s;transition:0.3s;position:absolute;right:10px;top:10px;z-index:5000;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-image:url("../img/nav_close.png");text-indent:-9998em;border-radius:50%;}
	.nav_close:hover{background:#FFF url("../img/nav_close2.png");}
}

/* FOOT */
#foot{padding:200px 0 0;background:url("../img/footer_bk.png") repeat-x center top;}
#foot footer{background:linear-gradient(#FAFA73,#FCFCB4);}
#foot dt{padding:10px 0 5px;}
#foot .upper dt,#foot a{color:#109953;font-weight:bold;}
#foot a{text-decoration:none;}
#foot .upper .fltL{width:60%;margin-left:1%;}
#foot .upper .fltR{width:36%;margin-right:1%;}
#foot .upper .fltR dt{border-bottom:1px solid #109953;}
#foot .upper dd a{display:inline-block;background:url("../img/footer_icon1.png") no-repeat left center;padding-left:15px;margin:5px 8px 5px 0;}
#foot .lower{clear:both;padding:10px 0 0;}
#foot .lower .fltL{width:40%;margin-left:1%;}
#foot .lower .fltR{width:56%;margin-right:1%;}
#foot .lower .fltL a{background:url("../img/flogo.png") no-repeat left center;display:block;padding-left:45px;color:#333;font-weight:normal;}
#foot .lower .fltR dl{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#foot .lower .fltR dd{width:40%;}
#foot .lower .fltR dt{width:58%;font-size:0.875em;}
#foot .lower .fltR dt span{display:block;color:#109953;font-size:1.125em;}
#foot .lower .fltR dt span b{font-size:1.25em;}
#foot .lower .fltR dd a{font-size:1.25em;line-height:2.5em;display:block;background:rgba(255,255,255,0.1);border:2px solid #109953;border-radius:10px;display:block;text-decoration:none;padding:5px;text-align:center;}
#foot .lower .fltR dd a:hover{background:rgba(255,255,255,0.3);}
#foot .lower .fltR dd a span:before{content:url("../img/footer_icon2.png");margin-right:5px;}
#foot address{background:#109954;padding:10px;font-size:0.75em;color:#FFF;font-style:normal;}
@media (max-width:800px){
	#foot{background:url("../img/footer_bk2.png") no-repeat right top;}
	#foot .upper .fltL,#foot .upper .fltR,#foot .lower .fltL,#foot .lower .fltR,#foot .lower .fltR dt,#foot .lower .fltR dd{float:none;display:block;width:98%;margin:0 auto;box-sizing:border-box;}
	#foot .upper dt{padding-bottom:0;}
	#foot .upper dt a,#foot .upper dd a{margin:8px 0 0;padding:5px;background:none;display:block;width:100%;box-sizing:border-box;border:1px dotted #109953;}
	#foot .upper dt a:after,#foot .upper dd a:after{content:"";width:0.5em;height:0.5em;border:2px solid #109954;border-bottom:0;border-left:0;transform: rotate(45deg);float:right;margin-top:0.5em;margin-right:0.25em;}
	#foot .lower .fltR dl{padding-bottom:20px;}
}

/* MAIN */
#main{padding:0 0 40px;}
#main table.graph1{border-collapse:separate;width:100%;box-sizing:border-box;margin:10px 0;}
#main table.graph1 th,#main table.graph1 td{padding:15px 10px;}
#main table.graph1 th{background:url("../img/graph1_bk1.png");width:24%;}
#main table.graph1 th span{float:right;color:#F00;font-size:0.875em;}
#main table.graph1 td{background:url("../img/graph1_bk2.png");}
#main table.graph1 select{height: 30px;font-size:1.125em;}
#main table.graph1 td input[type="text"]{width:80%;height: 30px;font-size:1.25em;}
#main table.graph1 textarea{width:80%;height:160px;font-size:1.25em;}
#main .careservice li{width:22%;margin-left:4%;float:left;display:inline-block;}
#main .careservice li p{position:relative;width:100%;}
#main .careservice li p:before{content:"";display:block;padding-top:100%;}
#main .careservice li a{display:block;text-indent:-9999em;position:absolute;top:0;left:0;bottom:0;right:0;}
#main .careservice li:first-child{margin-left:0;}
#main .careservice li.s1 a{background:url(../img/service_bnr1.png) no-repeat center center;background-size:contain;}
#main .careservice li.s2 a{background:url(../img/service_bnr2.png) no-repeat center center;background-size:contain;}
#main .careservice li.s3 a{background:url(../img/service_bnr3.png) no-repeat center center;background-size:contain;}
#main .careservice li.s4 a{background:url(../img/service_bnr4.png) no-repeat center center;background-size:contain;}
#main .leadcontact{background:#D9F3CC;border-radius:20px;width:80%;margin:20px auto;}
#main .leadcontact table{width:100%;box-sizing:border-box;border-collapse:separate;border-spacing:5px;color:#109953;font-family:"A-OTF 新丸ゴ Pro","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#main .leadcontact caption{text-align:center;font-size:1.25em;padding:10px;}
#main .leadcontact td{background:#FFF;padding:10px;text-align:center;width:48%;box-sizing:border-box;vertical-align:top;}
#main .leadcontact td.tel{border-radius:0 0 0 20px;}
#main .leadcontact td.tel b{display:block;font-size:1.675em;color:#FF9314;font-family:"A-OTF 新丸ゴ Pro","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#main .leadcontact td.tel b a{color:#FF9314;text-decoration:none;}
#main .leadcontact td.tel span{display:block;font-size:0.875em;}
#main .leadcontact td.mail{border-radius:0 0 20px 0;}
/*#main .leadcontact td:first-child{border-radius:0 0 0 20px;}
#main .leadcontact td:last-child{border-radius:0 0 20px 0}*/
#main .leadcontact td a{display:block;margin:10px 0 0;}
#main table.target{width:100%;box-sizing:border-box;border-collapse:separate;border-spacing:5px;margin:10px 0 20px;}
#main table.target th{padding:15px;background:#FFDFBF; border-radius:20px 0 0 20px;text-align:center;width:20%;font-family:"A-OTF 新丸ゴ Pro","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#main table.target td{padding:15px;background:#FFDFBF; border-radius:0 20px 20px 0;}
#main .servicedetail p b{font-size:1.125em;}
#main .servicedetail dt{background:#FF7F00;color:#FFF;font-weight:bold;border-radius:10px;padding:10px;text-align:center;margin-top:10px;font-size:1.125em;font-family:"A-OTF 新丸ゴ Pro","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#main .servicedetail dd{padding:20px 5px;}
#main .servicedetail .clearfix dl{width:48%;}
#main .servicedetail .clearfix dl dd img{margin-bottom:5px;}
#main .servicedetail ul.clearfix li{width:22%;margin-left:4%;float:left;padding:5px 0;}
#main .servicedetail ul.clearfix li.listtop{margin-left:0;}
#main .servicestep ul{background:#FFFFBF;border-radius:10px;padding:20px;}
#main .servicestep li strong{font-size:1.125em;color:#FF7F00;font-family:"A-OTF 新丸ゴ Pro","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#main .servicestep p.inlineC{padding:10px ;}
#main .servicestep ul.steplast li strong{font-size:1.25em;}
#main .serviceprice p.caution{color:#F00;font-size:1.125em;font-weight:bold;}
#main .serviceprice p.slide{display:none;}
#main .serviceprice table{width:100%;box-sizing:border-box;boder-collapse:separate;border-spacing:1px;background:#FF7F00;}
#main .serviceprice td{background:#FFF;padding:8px 5px;text-align:right;}
#main .serviceprice th,#main .serviceprice td.label{background:#FFDFBF;text-align:center;font-weight:bold;color:#FF7F00;padding:8px 5px;}
#main .serviceprice td.inlineC{text-align:center;}
@media (max-width:800px){
	#main table.graph1 th,#main table.graph1 td{padding:10px 8px;width:100%;display:block;box-sizing:border-box;}
	#main .leadcontact{width:96%;}
	#main .leadcontact td.tel b{font-size:1.125em;}
	#main .careservice li{width:47%;margin-left:2%;margin-bottom:10px;}
	#main .careservice li:first-child{margin-left:2%;}
	#main .servicedetail dd{padding:10px 5px;}
	#main .servicedetail .wide dd img.img_left{width:100px;margin-bottom:5px;}
	#main .servicedetail .clearfix dl.fltL,#main .servicedetail .clearfix dl.fltR{width:100%;display:block;float:none;}
	#main .servicedetail .clearfix dl.fltL,#main .servicedetail .clearfix dl.fltR{width:100%;display:block;float:none;}
	#main .servicedetail .clearfix dl dd img{margin-bottom:5px;}
	#main .servicedetail ul.clearfix li{width:47%;margin-left:2%;}
	#main .servicedetail ul.clearfix li.listtop{margin-left:2%;}
	#main .serviceprice{overflow:auto;white-space:nowrap;}
	#main .serviceprice::-webkit-scrollbar{height:8px;}
	#main .serviceprice::-webkit-scrollbar-track{background:#F1F1F1;}
	#main .serviceprice::-webkit-scrollbar-thumb{background:#BCBCBC;}
	#main .serviceprice th,#main .serviceprice td{padding:5px;}
	#main .serviceprice p.slide{display:block;width:60%;margin:10px auto;border:1px solid #F00;border-radius:15px;color:#F00;text-align:center;}
}

/* ---------------------------------------------
	clearfix
--------------------------------------------- */
/*clearfix*/
.clear{
 clear:both;
}
.clearfix:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix{
 display: inline-table;
 min-height: 1%;
 overflow:hidden;
}
/*Hides from MacIE \*/
* html .clearfix{zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
.clearfix{display: block;}
/*Hides from MacIE */
/* ---------------------------------------------
	float
--------------------------------------------- */
.fltL {
	display: inline;
	float: left;
}
.fltR {
	display: inline;
	float: right;
}
.ft {
	overflow: hidden;
	zoom: 1;
}
/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt80 { margin-top: 80px !important;}
.mt100 { margin-top: 100px !important;}
.mt120 { margin-top: 120px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

@media (max-width:768px){
	.mt05 { margin-top: 0.2em !important;}
	.mt10 { margin-top: 0.5em !important;}
	.mt12 { margin-top: 0.5em !important;}
	.mt15 { margin-top: 0.5em !important;}
	.mt20 { margin-top: 0.5em !important;}
	.mt25 { margin-top: 0.5em !important;}
	.mt30 { margin-top: 0.5em !important;}
	.mt35 { margin-top: 1em !important;}
	.mt40 { margin-top: 1em !important;}
	.mt45 { margin-top: 1em !important;}
	.mt50 { margin-top: 1em !important;}
	.mt60 { margin-top: 1em !important;}
	.mt80 { margin-top: 1em !important;}
	.mt100 { margin-top: 1em !important;}
	.mt120 { margin-top: 1em !important;}
	
	.mr05 { margin-right: 0.2em !important;}
	.mr10 { margin-right: 0.5em !important;}
	.mr12 { margin-right: 0.5em !important;}
	.mr15 { margin-right: 0.5em !important;}
	.mr20 { margin-right: 0.5em !important;}
	.mr25 { margin-right: 0.5em !important;}
	.mr30 { margin-right: 0.5em !important;}
	.mr35 { margin-right: 1em !important;}
	.mr40 { margin-right: 1em !important;}
	.mr45 { margin-right: 1em !important;}
	.mr50 { margin-right: 1em !important;}
	
	.mb05 { margin-bottom: 0.2em !important;}
	.mb10 { margin-bottom: 0.5em !important;}
	.mb12 { margin-bottom: 0.5em !important;}
	.mb15 { margin-bottom: 0.5em !important;}
	.mb20 { margin-bottom: 0.5em !important;}
	.mb25 { margin-bottom: 0.5em !important;}
	.mb30 { margin-bottom: 0.5em !important;}
	.mb35 { margin-bottom: 1em !important;}
	.mb40 { margin-bottom: 1em !important;}
	.mb45 { margin-bottom: 1em !important;}
	.mb50 { margin-bottom: 1em !important;}
	.mb60 { margin-bottom: 1em !important;}
	.mb80 { margin-bottom: 1em !important;}
	
	.ml05 { margin-left: 0.2em !important;}
	.ml10 { margin-left: 0.5em!important;}
	.ml12 { margin-left: 0.5em !important;}
	.ml15 { margin-left: 0.5em !important;}
	.ml20 { margin-left: 0.5em !important;}
	.ml25 { margin-left: 0.5em !important;}
	.ml30 { margin-left: 0.5em !important;}
	.ml30 { margin-left: 0.5em !important;}
	.ml40 { margin-left: 1em !important;}
	.ml45 { margin-left: 1em !important;}
	.ml50 { margin-left: 1em !important;}
}

/* ---------------------------------------------
	preset padding 
--------------------------------------------- */
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt75 { padding-top: 75px !important;}
.pt95 { padding-top: 95px !important;}
.pt140 { padding-top: 140px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl120 { padding-left: 120px !important;}

/* ---------------------------------------------
	inline align
--------------------------------------------- */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}


/* ---------------------------------------------
	vertical align
--------------------------------------------- */
.vlineT { vertical-align: top    !important;}
.vlineM { vertical-align: middle !important;}
.vlineB { vertical-align: bottom !important;}

/* ---------------------------------------------
	image layout
--------------------------------------------- */
.img_right { float: right; margin-left: 20px;}
.img_left {	float: left; margin-right: 20px;}