@charset "UTF-8";
.ser-h3{ font-size: 18px; }
/*--[電話]------------------------------------------------------------------------------*/
.tel a{ padding: 5px 10px; }
#header-box{ }
.logo img{ width: 90px;}
.cre img{ width: 180px!important }
.tel-top img{ width: 230px; }

.tel-left{ width: 60%; padding-top: 10px; }
.tel-left .tel1,.tel-left .tel2{ flota: none; }
.tel-box{ padding: 15px; }
.tel-box .tel-left{ float: none; width: 100%; text-align: center; }
.tel-box .tel-left img{ display: block; margin-right: auto; margin-left: auto; }
.tel-box .tel-right{ float: none; width: 100%; text-align: center; }
/*--[メニュー]------------------------------------------------------------------------------*/
.main-nav > li { line-height: 1.3em; }
.main-nav li ul { margin-top: 16px; display: none; position:absolute; width: 60%;}
.con-nav li{ min-height: 240px; }
.con-nav li a{ text-decoration: none;}
.con-nav li span:after,.con-nav li a:after{ display: block; float: none; text-decoration: none; padding-top: 10px;}
.page-nav li{ min-height: 30px; }


/*--[トップヘッダー&サービスヘッダー]----------------------------------------------*/
.header2 h2,.ser-header h2{ line-height: 54px; font-size: 48px;}
.header2 h2 span,.ser-header h2 span{ line-height: 24px; margin: 0 5px 0 0; padding-bottom: 8px;font-size: 36px; font-size: 18px; }
.header2 p{ ppadding: 10px 0; font-size: 18px; }
/*--[共通ヘッダー]-------------------------------------------------------------*/
.header3 .box1{ padding-top: 20px; }
.header3 .box2{ width: 38%; }
/*--[トップページ１]-------------------------------------------------------------*/
.content-top1 h3{ font-weight: bold; text-align: center; }
.content-top1 ul{ background: none; padding: 10px 0 0 0; }
/*--[フッターフロウ]-------------------------------------------------------------*/
.content-flow li{ padding: 10px 5px 20px 5px;}
/*--[トップページ２]-------------------------------------------------------------*/
.content-top2 h4{  }
.content-top2 p{  }
/*--[トップページ３]-------------------------------------------------------------*/
.content-top3 dl{ background-size: 100%!important; padding: 20% 0 0 0;}
.content-top3 dt{ padding: 5px 0; }
.content-top3 li a{ }
/*--[トップページ４]-------------------------------------------------------------*/
.content-top4 dt{ font-size: 18px;}
/*--[トップページ５]------------------------------------------------------------------------------*/
.content-top5{ margin: 0 2% 40px 2%; padding: 0 0 0 220px; background: url(../images/back1.jpg) left top no-repeat; }
.content-top5 p{ padding-bottom: 10px; line-height: 1.8em; }
.content-top5 .red{ color: #C4070B; padding-top: 20px; }

/*--[フッター]-------------------------------------------------------------*/
footer ul > li { float: left;width: 30%;}
footer ul li ul{ width: 400%;  }
/*--[サービストップ]-------------------------------------------------------------*/
.contents-ser1 h4,.contents-ser2 h4{ }
.contents-ser1,.contents-ser2{ padding: 10px 260px 0 10px; background-size: 250px!important;}
.ie8 .contents-ser1,.ie8 .contents-ser2{ padding-right: 300px; }
/*--[サービスプライス]-------------------------------------------------------------*/
.ser-price .price2,.ser-price .price2 span{ }
.ser-price .price2 span span{  }
/*--[バイク１]------------------------------------------------------------------------------*/
.ie8 .ser-make p{ padding-left: 300px!important; }
/*--[電子錠１]------------------------------------------------------------------------------*/
.digital .ser-box5 dl{ margin-bottom: 10px; padding: 0; border: 1px solid #CCC; background: none; }
.digital dt{ margin: 0; padding: 20px; border-bottom: dotted 1px #CCC; }
.digital .digital1 dt{ background: url(../images/digital_15.png) right top no-repeat; background-size: contain; }
.digital .digital2 dt{ background: url(../images/digital_17.png) right top no-repeat; background-size: contain; }
.digital .digital3 dt{ background: url(../images/digital_19.png) right top no-repeat; background-size: contain; }
.digital dd{ padding: 20px; }
.digital .ser-box5b dt{ padding: 0; }
.digital .ser-box5b dd{ padding: 10px; }
/*--[鍵猿１]------------------------------------------------------------------------------*/
.kagi dl{ min-height: 220px; }
.kagi dt{ padding: 10px 0 0 20%; background-size: 20%!important; }
.kagi dt span{ color: #ff0000; display: block; }
/*--[料金１]------------------------------------------------------------------------------*/
.price dt{  }
/*--[料金２]------------------------------------------------------------------------------*/
.price-ol h4{ }
.price-ol p{ padding: 0 10px; }
.price-ol li.price1{ background: url(../images/price1_03.png) right top no-repeat; }
.price-ol li.price2{ background: url(../images/price2_03.png) right top no-repeat; }
.price-ol li.price3{ background: url(../images/price3_03.png) right top no-repeat; }

/*--[ブログ]------------------------------------------------------------------------------*/
.blog .blog-box{ float: left; width: 60%; }/*左*/
.topic-box2{ background-position: center top; padding: 150px 0 0 0!important; }