@charset "utf-8";
/*
Theme Name: ji-tabiho
Template: biz-vektor
*/


/*********************** 
*
*親テーマCSS修正
*
************************/
body {
 font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
 -ms-word-wrap: break-word;
 font-size: 16px;
}

#content {
 font-size: 16px;
 line-height: 1.625;
}

@media (min-width: 970px) { /* スクロール分余裕に20px */
#main #container #content	{ float:left; width:620px; }
#main #container #sideTower	{ float:right; width:300px;clear:none; }
#main #container #content .childPageBox { width: 618px;}
}

/*
#content h2 { margin:50px 0 18px;}
#content h3 { margin:40px 0 16px;}
#content h4 { margin:30px 0 14px;}
#content h5 { margin:20px 0 10px; padding:10px 8px 8px;}
#content h6 { margin:20px 0 10px;}
*/

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

.content dl {
 margin-bottom: 20px;
}

.content dd {
 margin: 0px 0px 15px;	
}

/*********************** 
*
*サイト用CSS
*
************************/


/* ジェイアイ傷害火災 #3A6398 */
.ji-fc { color: #3A6398 !important;}
.ji-bgc { background-color: #3A6398 !important;}
.ji-bdc { border-color: #3A6398 !important;}
.ji-table { border-top: 2px solid #3A6398 !important;}

#jihoken h2 {
 background-color: #3A6398;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#jihoken h3:after {
 border-bottom:1px solid #3A6398;
}

#jihoken h4 {
 font-weight: bold;
}

/* サイドバー会社案内 */
.side-company {
 border-top: 1px #D9D9D9 solid;
 border-bottom: 1px #D9D9D9 solid;
 padding: 10px;
}



/*
その他CSS
************************/


/* ポイントブロック */
dl.pointBlock {
 display: table;
}

dl.pointBlock dt {
 display: table-cell;
 position: relative;
 background: #337ab7;
 border-left: none;
 color: #fff;
 font-weight: bold;
 padding: 0 10px;
 vertical-align: middle;
 white-space: nowrap;
}

dl.pointBlock dd {
 display: inline-block;
 display: table-cell;
 vertical-align: middle;
 border: 1px dotted #ccc;
 border-left: none;
 padding: 10px;
 padding-left: 20px;
 background-color: #fff;
 width: 100%;
}

dl.pointBlock dt > span {
 left: 100%;
 top: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-left-color: #337ab7;
 border-width: 10px;
 margin-top: -10px;
}

dl.pointBlock dd > p {
 margin: 0 0 0;
}


/* テキストボックス */
.text_box{
 border-top:1px solid #E4E3DE;
 border-right:1px solid #E4E3DE;
 border-bottom:1px solid #E4E3DE;
 border-radius:4px;
 padding:20px;
 margin:20px auto;
 background-color:#FFF;
 min-height: 260px;
}

#sjnk .text_box {border-left:#CC0022 5px solid;}
#msins .text_box {border-left:#399 5px solid;}
#jihoken .text_box {border-left:#3A63982 5px solid;}
#acehoke .text_box {border-left:#99CC02 5px solid;}

.text_box .q{
 font-size:120%;
 font-weight:bold; margin-bottom:20px; padding-bottom:20px; color:#399; border-bottom:1px dotted #999;}



/* google map */
.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/*************************************************************
お問合せ
*************************************************************/

.toiawase {
 text-align: center;
 margin: 30px 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
 line-height: inherit;}
}

form .w-auto {
 width: auto;
}

form .d-inline{ 
 display: inline;
}


/* Contact Form 7 修正 */
#content form span.wpcf7-form-control-wrap .wpcf7-list-item {
 display:block;
 float:none;
}

.wpcf7 span.wpcf7-not-valid-tip {
 font-size: 80%;
}

span.wpcf7-form-control-wrap {
 display: inline;
}

/*************************************************************
ボタン
*************************************************************/

.btn-wrap {
 min-height: 20px;
 padding: 15px 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 background-color: #f5f5f5;
 border: 1px solid #e3e3e3;
 border-radius: 4px;
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 text-align: center;
 /* clearfix */
 zoom:1;
 content: "";
 display: block;
 clear: both;
}

.btn-ins {
 font-size: 138.5%;
 font-weight: bold;
 color: #FFF;
 padding: 10px 18px;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
 text-shadow: 0 1px 1px #4f2f10;
 white-space: normal;
}

.btn-ins:hover {
 color: #FFFFFF;
 text-shadow:none;
}

.btn-orange {
 background-color: #FF6C00;
 border: #ff9900 solid 1px;
 box-shadow: 0 2px 2px #996633, inset 1px 1px rgba(255,255,255,.6);
 -webkit-box-shadow: 0 2px 2px #996633, inset 1px 1px rgba(255,255,255,.6);
 background-image: linear-gradient(to bottom, #ffc146, #ff9900);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc146), to(#ff9900));
}

.btn-green {
 background-color: #7DD336;
 border: #63a62f solid 1px;
 box-shadow: 0 2px 2px #3F6A1E, inset 1px 1px rgba(255,255,255,.6);
 -webkit-box-shadow: 0 2px 2px #3F6A1E, inset 1px 1px rgba(255,255,255,.6);
 background-image: linear-gradient(to bottom, #7fbf4d, #579429);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7fbf4d), to(#579429));
}


/*
ボタン横並び
************************/
@media screen and (max-width: 767px){
.btn-parallel {
 margin-bottom: 20px;
}
}

/*************************************************************
定義リスト
*************************************************************/


/*************************************************************
比較タブ
*************************************************************/

.nav {
 margin-bottom: 15px;
}
.nav-tabs li.active{
 font-weight: bold;
}


@media screen and (max-width: 480px){
.nav-tabs li{
 font-size: 70%;
}
.nav-tabs li.active{
 font-size: 90%;
}
}

/*************************************************************
テーブル
*************************************************************/

/* table.list */
table.list {
 width:auto;
}
table.list td,
table.list th{
 border: 1px solid #CCCCCC;
}
table.list th{
 background-color: #EEEEEE;
 white-space: nowrap;
}


/* table.t-style01 */
table.t-style01 {
 border-radius: 0;
 width: auto;
 border-spacing: 0;
}

table.t-style01 th {
 background: #298CC3;
 border: 1px solid #CCCCCC;
 text-shadow:0 -1px 0 rgba(34,85,136,0.9);
 box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
 color: #FFFFFF;
}

table.t-style01 td {
 border: 1px solid #CCCCCC;
}
table.t-style01 tr:nth-child(2n+1) td {
 background: #F7F7F7;
}
table.t-style01 tr:hover td {
 background: #EBF6F7;
}


/* table.comp-chart */

@media screen and (max-width: 767px){
table.comp-chart {
 font-size: 12px;
}
.table-responsive > .table > tbody > tr > td{
 white-space: normal;
}
}

table.comp-chart .price{
 font-size: 120%;
 font-weight: bold;
}

table.comp-chart tr th{ width: 25%;}
table.comp-chart tr td.cell2{ width: 37.5%;}
table.comp-chart tr td.cell3{ width: 25%;}
table.comp-chart tr td.cell4{ width: 18.75%;}
table.comp-chart tr td.cell5{ width: 15%;}
table.comp-chart tr td.cell6{ width: 12.5%;}
table.comp-chart tr td.cell7{ width: 10.72%;}
table.comp-chart tr td.cell8{ width: 9.375%;}

table.comp-chart td,
table.comp-chart th{
 border: 1px solid #CCCCCC;
}

table.comp-chart td.bdr-dot {
 border-right: 1px dotted;
}
table.comp-chart td.bdl-dot {
 border-left: none;
}

table.comp-chart tr td{
 text-align: center;
 vertical-align: middle;
 font-size: 13px;
}

table.comp-chart tr:hover{
 background: #fbf8e9;
 -o-transition: all 0.1s ease-in-out;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

table.plan1 {
 border-top: 4px solid #259E00;
}
table.plan1 th{
 background-color: #F5FEF2;
}
.txt-plan1 {color: #259E00 !important;}

table.plan2 {
 border-top: 4px solid #007AB7;
}
table.plan2 th {
 background-color: #E5F1FF;
}
.txt-plan2 {color: #007AB7 !important;}

table.plan3 {
 border-top: 4px solid #744199;
}
table.plan3 th {
 background-color: #F4EFF8;
}
.txt-plan3 {color: #744199 !important;}


table.comp-chart tr.ins-fee,
table.comp-chart tr.ins-applli {
 font-weight: bold;
 vertical-align: middle;
}

table.comp-chart tr.ins-fee th,
table.comp-chart tr.ins-applli th {
 color: #FFFFFF;
 text-align: center;
 vertical-align: middle;
}

table.comp-chart tr.ins-fee th {
 border-bottom: 2px solid #aaaaaa;
 background-color:#F26060;
}
 
table.comp-chart tr.ins-fee td {
 border-bottom: 2px solid #aaaaaa;
 background-color: #FFF2F2;
 color: #F26060;
 font-size: 16px;
}

table.comp-chart tr.ins-applli th {
 border-top: 2px solid #aaaaaa;
 background-color:#F9681E;
}
 
table.comp-chart tr.ins-applli td {
 border-top: 2px solid #aaaaaa;
 background-color: #FFF8F4;
 color: #F9681E;
}

table.comp-chart tr.ins-other td {
 font-size: 60%;
 text-align: left;
 vertical-align: top;
}


table.comp-chart tr.ins-head {
 font-weight: bold;
 vertical-align: middle;
}

table.comp-chart tr.ins-head th {
 text-align: center;
 background-color:#aaa;
 color:#FFFFFF;
}
 
table.comp-chart tr.ins-head td {
 background-color: #eee;
}

table.comp-chart tr.ins-title {
 font-weight: bold;
 vertical-align: middle;
}

table.comp-chart tr.ins-title th {
 text-align: center;
 border-bottom: 2px solid #aaaaaa;
 background-color: #007AB7;
 color: #FFFFFF;
}
 
table.comp-chart tr.ins-title td {
 border-bottom: 2px solid #aaaaaa;
 background-color: #E5F1FF;
 font-size: 16px;
 color: #007AB7;
}


/*********************** 
*
*パーツスタイル
*
************************/

/*バッジ
************************/
.badge {
 display: inline-block;
 min-width: 10px;
 padding: 3px 7px;
 font-size: 12px;
 font-weight: 700;
 line-height: 1;
 color: #fff;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 background-color: #777;
 border-radius: 10px;
}

/*パネル
************************/
.panel{
 margin-bottom: 20px;
 background-color: #fff;
 border: 1px solid transparent;
 border-radius: 4px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-heading {
 padding: 8px 10px;
 border-bottom: 1px solid transparent;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}
.panel-body { padding: 8px 10px;}

.panel-default{ border-color: #ddd;}
.panel-default>.panel-heading {
 color: #333;
 background-color: #f5f5f5;
 border-color: #ddd;
}

.panel-black { border-color: #333;}
.panel-black>.panel-heading { 
 color: #fff;
 background-color: #333;
 border-color: #333;
}

.panel-red { border-color: #D80000;}
.panel-red>.panel-heading { 
 color: #fff;
 background-color: #D80000;
 border-color: #D80000;
}

.panel-blue { border-color: #007AB7;}
.panel-blue>.panel-heading { 
 color: #fff;
 background-color: #007AB7;
 border-color: #007AB7;
}

.panel-green { border-color: #009250;}
.panel-green>.panel-heading { 
 color: #fff;
 background-color: #009250;
 border-color: #009250;
}

.panel-yellow { border-color: #F8D800;}
.panel-yellow>.panel-heading { 
 color: #fff;
 background-color: #F8D800;
 border-color: #F8D800;
}

.panel-pink { border-color: #F25499;}
.panel-pink>.panel-heading { 
 color: #fff;
 background-color: #F25499;
 border-color: #F25499;
}

.panel-orange { border-color: #FF7B0D;}
.panel-orange>.panel-heading { 
 color: #fff;
 background-color: #FF7B0D;
 border-color: #FF7B0D;
}


/*
ボックス
************************/

/* デフォルトボックス */
.box,[class^="box-"],[class*=" box-"]{
 position:relative;
 width:95%;
 padding:8px 10px !important;
 margin:0 auto 20px auto !important;
 border:1px solid #aaa;
 background:#FFFFFF;
}

.box:after,[class^="box-"]:after,[class*=" box-"]:after{
 content:"";
 display:block;
 clear:both;
}

.box-c,[class^="box-c-"],[class*=" box-c-"]{
 -webkit-border-radius:3px;
    -moz-border-radius:3px;
     -ms-border-radius:3px;
      -o-border-radius:3px;
         border-radius:3px;
}
 
.box-gray,.box-c-gray    {background-color:#f9f9f9;}
.box-red,.box-c-red      {background-color:#fff2f2;border:1px solid #d80000;}
.box-blue,.box-c-blue    {background-color:#F2F7FF;border:1px solid #007AB7;}
.box-green,.box-c-green  {background-color:#F5FEF2;border:1px solid #259E00;}
.box-yellow,.box-c-yellow{background-color:#FEFEE2;border:1px solid #F3EE85;}
.box-pink,.box-c-pink    {background-color:#FFEAF3;border:1px solid #FDDCE9;}
.box-orange,.box-c-orange{background-color:#FFE7D2;border:1px solid #FFC48E;}
.box-purple,.box-c-purple{background-color:#EFE8F4;border:1px solid #C9B1DA;}



/*
ラベル
************************/
.label,[class^="label-"],[class*=" label-"]{
  display: inline-block;
  padding: 3px 6px;
		margin-right: 3px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #000000;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.label-gray  {background-color:#999999;}
.label-red   {background-color:#d80000;}
.label-blue  {background-color:#007AB7;}
.label-green {background-color:#259E00;}
.label-yellow{background-color:#F8D800;}
.label-pink  {background-color:#F25499;}
.label-orange{background-color:#FF7B0D;}
.label-purple{background-color:#744199;}


/*********************** 
*
*commonスタイル
*
************************/

/*
clearfix
************************/
.clearfix {zoom:1;}
.clearfix:after {content: ""; display: block; clear: both;}

/*
画像
************************/
.img{width:auto;max-width:100%;height:auto;vertical-align:middle;box-sizing:border-box;margin:0;}

/*
画像装飾
************************/
/* マウスオーバー時の画像リンク */
a img.linkimg{
 -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
      -o-transition: all .4s ease;
         transition: all .4s ease;
}

a:hover img.linkimg{
	-webkit-filter: brightness(65%);
	   -moz-filter: brightness(65%);
    	-ms-filter: brightness(65%);
	     -o-filter: brightness(65%);
         filter: brightness(65%);
}

.img-rounded {
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
}

.img-polaroid{
 padding: 4px;
 background-color: #fff;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
 -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
         border-radius: 500px;
}


/*
角丸
************************/
.round{
 border-radius:3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 position:relative;
}

/*
テキスト
************************/
.b{font-weight: bold;}
.u{text-decoration:underline;}
.s{text-decoration:line-through;}

.txt-shadow {
 text-shadow: 1px 1px 1px #555;
}  

.txt-marker {
 font-weight: bold;
 padding: 0.1em;
 background: -webkit-linear-gradient(transparent 0, transparent 60%, rgba(255,0,0,0.21) 60%, rgba(255,144,144,0.13) 100%);
 background: linear-gradient(transparent 0, transparent 60%, rgba(255,0,0,0.21) 60%, rgba(255,144,144,0.13) 100%);
}

.txt-marker-y{
 font-weight: bold;
 padding: 0.1em;
 background: -webkit-linear-gradient(transparent 40%, #FFFF99 40%);
 background: linear-gradient(transparent 40%, #FFFF99 40%);
}

/*
フォントサイズ
************************/
.text50{font-size:50% !important;}
.text60{font-size:60% !important;}
.text70{font-size:70% !important;}
.text80{font-size:80% !important;}
.text90{font-size:90% !important;}
.text100{font-size:100% !important;}
.text120{font-size:120% !important;}
.text150{font-size:150% !important;}
.text200{font-size:200% !important;}

/*
フォントカラー
************************/
.white {color:#FFFFFF !important;}
.gray  {color:#999999 !important;}
.red   {color:#d80000 !important;}
.blue  {color:#007AB7 !important;}
.green {color:#259E00 !important;}
.yellow{color:#F8D800 !important;}
.pink  {color:#F25499 !important;}
.orange{color:#FF7B0D !important;}
.purple{color:#744199 !important;}

.black{color: #000000 !important;}
.lightblue{color:#5bc0de !important;}


/*
バックグラウンドカラー
************************/
.bg-white {background-color:#FFFFFF !important;}
.bg-gray  {background-color:#f9f9f9 !important;}
.bg-red   {background-color:#fff2f2 !important;}
.bg-blue  {background-color:#F2F7FF !important;}
.bg-green {background-color:#F5FEF2 !important;}
.bg-yellow{background-color:#FEFEE2 !important;}
.bg-pink  {background-color:#FFEAF3 !important;}
.bg-orange{background-color:#FFE7D2 !important;}
.bg-purple{background-color:#EFE8F4 !important;}

.bg-black{background-color:#444 !important; color:#FFF !important;}
.bg-cream{background-color:#FFFFCC !important;}

/*
ボーダー
************************/
.dot{border:2px dotted;}
.solid{border:1px solid;}
.dot-b{border-bottom:2px dotted;}
.solid-b{borde-bottom:1px solid;}
.dot-t{border-top:2px dotted;}
.solid-t{border-top:1px solid;}

/*
ボーダーカラー
************************/
.b-white {color:#FFFFFF !important;}
.b-gray  {color:#999999 !important;}
.b-red   {color:#d80000 !important;}
.b-blue  {color:#007AB7 !important;}
.b-green {color:#259E00 !important;}
.b-yellow{color:#F8D800 !important;}
.b-pink  {color:#F25499 !important;}
.b-orange{color:#FF7B0D !important;}
.b-purple{color:#744199 !important;}

/*
align 配置の設定
************************/
.al-c{text-align:center !important;}	/* 中央寄せ */
.al-r{text-align:right !important;}	/* 右寄せ */
.al-l{text-align:left !important;}		/* 左寄せ */

/*
フロート
************************/
@media screen and (min-width: 481px){
.fl-r{float:right; margin:5px;}	/* 右に回り込み */
.fl-l{float:left; margin:5px;}	/* 左に回り込み */
.fl-c{clear:both;}			/* 回り込みの解除 */

img.fl-l,img.alignleft,.wp-caption.alignleft{
 margin:0 10px 10px 0;
}
img.fl-r,img.alignright,.wp-caption.alignright{
 margin:0 0 10px 10px;
}
div.fl-l{margin:0 10px 10px 0;}
div.fl-r{margin:0 0 10px 10px;}
}

@media screen and (max-width: 480px){
.fl-r,.fl-l,
img.fl-l,img.alignleft,.wp-caption.alignleft,
img.fl-r,img.alignright,.wp-caption.alignright,
div.fl-l,div.fl-r
{clear: both !important;margin:0 !important;}
}

/*
マージン
************************/
.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mr0{margin-right:0 !important;}
.mb0{margin-bottom:0 !important;}
.ml0{margin-left:0 !important;}

.m5{margin:5px !important;}
.mt5{margin-top:5px !important;}
.mr5{margin-right:5px !important;}
.mb5{margin-bottom:5px !important;}
.ml5{margin-left:5px !important;}

.m10{margin:10px !important;}
.mt10{margin-top:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.ml10{margin-left:10px !important;}

.m15{margin:15px !important;}
.mt15{margin-top:15px !important;}
.mr15{margin-right:15px !important;}
.mb15{margin-bottom:15px !important;}
.ml15{margin-left:15px !important;}

.m20{margin:20px !important;}
.mt20{margin-top:20px !important;}
.mr20{margin-right:20px !important;}
.mb20{margin-bottom:20px !important;}
.ml20{margin-left:20px !important;}

.m30{margin:30px !important;}
.mt30{margin-top:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;}
.ml30{margin-left:30px !important;}

.m40{margin:40px !important;}
.mt40{margin-top:40px !important;}
.mr40{margin-right:40px !important;}
.mb40{margin-bottom:40px !important;}
.ml40{margin-left:40px !important;}

.m50{margin:50px !important;}
.mt50{margin-top:50px !important;}
.mr50{margin-right:50px !important;}
.mb50{margin-bottom:50px !important;}
.ml50{margin-left:50px !important;}

.m60{margin:60px !important;}
.mt60{margin-top:60px !important;}
.mr60{margin-right:60px !important;}
.mb60{margin-bottom:60px !important;}
.ml60{margin-left:60p !important;}

.m70{margin:70px !important;}
.mt70{margin-top:70px !important;}
.mr70{margin-right:70px !important;}
.mb70{margin-bottom:70px !important;}
.ml70{margin-left:70px !important;}

.m80{margin:80px !important;}
.mt80{margin-top:80px !important;}
.mr80{margin-right:80px !important;}
.mb80{margin-bottom:80px !important;}
.ml80{margin-left:80px !important;}

.m1{margin:1em !important;}
.mt1{margin-top:1em !important;}
.mr1{margin-right:1em !important;}
.mb1{margin-bottom:1em !important;}
.ml1{margin-left:1em !important;}


/*
パディング
************************/
.p0{padding:0 !important;}
.pt0{padding-top:0 !important;}	
.pr0{padding-right:0 !important;}
.pb0{padding-bottom:0 !important;}
.pl0{padding-left:0 !important;}

.p5{padding:5px !important;}
.pt5{padding-top:5px !important;}
.pr5{padding-right:5px !important;}
.pb5{padding-bottom:5px !important;}
.pl5{padding-left:5px !important;}

.p10{padding:10px !important;}
.pt10{padding-top:10px !important;}
.pr10{padding-right:10px !important;}
.pb10{padding-bottom:10px !important;}
.pl10{padding-left:10px !important;}

.p20{padding:20px !important;}
.pt20{padding-top:20px !important;}
.pr20{padding-right:20px !important;}
.pb20{padding-bottom:20px !important;}
.pl20{padding-left:20px !important;}

.p30{padding:30px !important;}
.pt30{padding-top:30px !important;}
.pr30{padding-right:30px !important;}
.pb30{padding-bottom:30px !important;}
.pl30{padding-left:30px !important;}

.p1{padding:1em !important;}
.pt1{padding-top:1em !important;}
.pr1{padding-right:1em !important;}
.pb1{padding-bottom:1em !important;}
.pl1{padding-left:1em !important;}