@charset "UTF-8";

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
address,
em, img,
dl, dt, dd, ol, ul, li,
table, tr, th, td, small, strong{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight: normal;
	vertical-align:baseline;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
	box-sizing: border-box;
	font-size: 16px;
	}
section, nav,header, footer{ display: block; }
ol, ul, dl{ list-style:none; }
table{ border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
img { height: auto; }
a{ text-decoration: none; color: #104CA7; }
.bold{ font-weight: bold; }
.con-h3{ clear: both; text-align: center; color: #FFF; font-weight: bold; padding: 20px 0; margin-top: 15px; font-size: 30px;
background: rgb(0,132,204); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,132,204,1) 78%, rgba(38,113,193,1) 92%, rgba(38,113,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,132,204,1) 78%,rgba(38,113,193,1) 92%,rgba(38,113,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,132,204,1) 78%,rgba(38,113,193,1) 92%,rgba(38,113,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084cc', endColorstr='#2671c1',GradientType=0 ); /* IE6-9 */
}
.con2-h3{ background: rgb(0,132,204); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,132,204,1) 78%, rgba(38,113,193,1) 92%, rgba(38,113,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,132,204,1) 78%,rgba(38,113,193,1) 92%,rgba(38,113,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,132,204,1) 78%,rgba(38,113,193,1) 92%,rgba(38,113,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084cc', endColorstr='#2671c1',GradientType=0 ); /* IE6-9 */ }
.sub-h3,.ser-h3{ background: #2770d3; color: #FFF; font-weight: bold; padding: 10px; text-align: center; } 
.sub-h3,.ser-h3{ 
background: #6db3f2;
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
}
.ser-h3{ background: #9f2424; }
.ser2-h3{ background: #2770d3; color: #FFF; font-weight: bold; padding: 10px; text-align: center; }
.clear{ clear: both; }
/*--------------------------------------------------------------------------------*/
/*--------------------------角丸--------------------------*/
.tel,.ser2-h3,.header2 h2 span,.ser-header h2 span,.header3 .box2 ul li{ border-radius: 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/*--------------------------グラデ--------------------------*/
.tel{ background: #ffbc00;
background: -moz-linear-gradient(top,  #ffbc00 0%, #fe9e24 50%, #fe9900 52%, #ef9b00 52%, #fe6b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbc00), color-stop(50%,#fe9e24), color-stop(52%,#fe9900), color-stop(52%,#ef9b00), color-stop(100%,#fe6b00));
background: -webkit-linear-gradient(top,  #ffbc00 0%,#fe9e24 50%,#fe9900 52%,#ef9b00 52%,#fe6b00 100%);
background: -o-linear-gradient(top,  #ffbc00 0%,#fe9e24 50%,#fe9900 52%,#ef9b00 52%,#fe6b00 100%);
background: -ms-linear-gradient(top,  #ffbc00 0%,#fe9e24 50%,#fe9900 52%,#ef9b00 52%,#fe6b00 100%); 
background: linear-gradient(to bottom,  #ffbc00 0%,#fe9e24 50%,#fe9900 52%,#ef9b00 52%,#fe6b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc00', endColorstr='#fe6b00',GradientType=0 ); }
/*--------------------------hover時--------------------------*/
a,.main-nav > li > p,.main .tel{-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;}
a:hover,.main-nav > li > p:hover,.logo a:hover{ opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s; }
/*--------------------------------------------------------------------------------*/
.main{ background: #FFF; }
.header1 h1{ background: #9f2424;color: #FFF; margin-bottom: 10px; padding: 5px 10px;}
/*--[電話]------------------------------------------------------------------------------*/
.tel{ display: block; text-align: center; box-shadow: 0 5px rgba(185, 100, 0, 1); overflow: hidden; }
.tel-box{ clear: both; }
.tel-box{ margin: 0 2%; }
.tel p,.tel{ font-weight: bold; color: #FFF; }
/*--------------------------------------------------------------------------------*/
nav{ clear: both; }
/*--[トップナビ]------------------------------------------------------------------------------*/
.con-nav{ float: left; width: 48%; }
.ie7 .main-nav > li { width: 19.8%; }
.ie8 .con-nav{ width: 47.8%; }
.con-nav .title{  background: #2770d3; color: #FFF; padding: 10px 20px; }
.con-nav2 .title{ border-left: 1px solid #CCC; }
.con-nav1{ margin: 0 0 40px 2%; }
.con-nav2{ margin: 0 2% 40px 0; }
.con-nav li{ padding: 10px; }
.con-nav1 li{ border-left: 1px solid #CCC;border-bottom: 1px solid #CCC;border-right: 1px solid #CCC; }
.con-nav2 li{ border-bottom: 1px solid #CCC;border-right: 1px solid #CCC; }
.con-nav li a, .con-nav li span{ text-decoration: underline; display: block; border-left: 6px solid #104CA7; padding: 5px 10px 0 10px; color: #104CA7; line-height: 18px; margin-bottom: 10px; }
.con-nav li a:hover{ padding-left: 20px; }
.con-nav li span{ text-decoration: none; }
.con-nav li p{ line-height: 1.8em; }
.con-nav a:after,.con-nav li span:after{ display: block; float: right; color: #C51C1F; }
.con-nav .link1 a:after,.con-nav .link2 a:after{ content: "8,800円～"; }
.con-nav .link3 a:after{ content: "13,200円～"; }
.con-nav .link4 a:after{ content: "16,500円～"; }
.con-nav .link5 a:after{ content: "10,500円+(部品代)～"; }
.con-nav .link6 a:after{ content: "16,500円+(部品代)～"; }
.con-nav .link7 a:after,.con-nav .link8 span:after{ content: " 別途お見積り"; }
.page-nav{ margin-top: 40px; }
/*--[トップページ３]------------------------------------------------------------------------------*/
.content-top3 dt{ color: #FFF; padding: 5px 0 2px 0; font-weight: bold; background: #bf2727; }
.content-subtop3{ margin: 0 2%; }
.content-top3 dl{ background: #FFF;text-align: center; border-bottom: 1px solid #CCC;border-right: 1px solid #CCC; padding: 200px 0 0 0; width: 25%; float: left; margin-bottom: 40px; }
.content-top3 dd{ border-bottom: #CCC 1px dotted; padding: 10px; }
.content-top3 .text{ text-align: left; padding: 5px 10px; border: none; line-height: 1.8em; }
.content-top3 .type{ padding: 5px 0; }
.content-top3 .kagi1{ background:#fff url(../images/kagi_48.png) center top no-repeat;border-left: 1px solid #CCC; }
.content-top3 .kagi2{ background: #fff url(../images/kagi_50.png) center top no-repeat; }
.content-top3 .kagi3{ background: #fff url(../images/kagi_47.png) center top no-repeat; }
.content-top3 .kagi4{ background: #fff url(../images/kagi_49.png) center top no-repeat; }
.content-top3 .sub-h3{  }
.content-top3 ul{ clear: both; overflow: hidden; margin: 0 2% 40px 2%; }
.content-top3 li{ text-align: center; padding: 10px; display: block; float: left; }
.content-top3 .link5{ width: 50%; border: 1px solid #CCC; }.content-top3 .link6,.content-top3 .link7{ width: 25%;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC; }

/*--[トップページ４]------------------------------------------------------------------------------*/
.content-top4{ border: 1px solid #CCC; margin: 0 2% 40px 2%; }
.content-top4 dt{ clear: both; border-bottom: 1px dotted #CCC; font-weight: bold; color: #2770d3; padding: 20px 10px; background: #ffffff; font-size: 30px;
background: -moz-linear-gradient(-45deg,  #ffffff 67%, #fccd4d 90%, #fccd4d 90%, #fccd4d 91%, #fccd4d 91%, #f8b500 91%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(67%,#ffffff), color-stop(90%,#fccd4d), color-stop(90%,#fccd4d), color-stop(91%,#fccd4d), color-stop(91%,#fccd4d), color-stop(91%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 67%,#fccd4d 90%,#fccd4d 90%,#fccd4d 91%,#fccd4d 91%,#f8b500 91%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 67%,#fccd4d 90%,#fccd4d 90%,#fccd4d 91%,#fccd4d 91%,#f8b500 91%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 67%,#fccd4d 90%,#fccd4d 90%,#fccd4d 91%,#fccd4d 91%,#f8b500 91%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 67%,#fccd4d 90%,#fccd4d 90%,#fccd4d 91%,#fccd4d 91%,#f8b500 91%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }
.content-top4 dt span{ color: #ff9711; font-weight: bold; font-size: 30px; }
.content-top4 dt:before{ display: block; float: left; padding: 10px 10px 20px 10px;;font-weight: bold; color: #2770d3;}
.content-top4 dd{ padding: 10px 20px 20px 20px; border-bottom: 1px solid #CCC; line-height: 1.8em;  }
.content-subtop4{ line-height: 1.8em; min-height: 230px; clear: both; padding: 20px 240px 20px 20px; background: url(../images/top_64.png) right top no-repeat, url(../images/top3.png) left bottom repeat-x; }
.ie8 .content-subtop4{ min-height: 200px; }
.ie8 .content-subtop4{ background: url(../images/top_64.png) right top no-repeat; }
.content-subtop4 h4{ color: #104CA7; padding-bottom: 10px; }

/*--[トップページ：トピック]------------------------------------------------------------------------------*/
.content-topic ul,.content-pick ul{ padding: 10px 10px 0 10px; /*height: 150px;*/ overflow-y: scroll;}
.content-topic li,.content-pick li,.blog-topic li{ clear: both; border-bottom: dotted 1px #CCC; overflow: hidden; margin-bottom: 5px; padding-bottom: 5px; }
.blog-topic li{ padding: 8px 0 8px 10px;}
.content-pick dt{ float: left; }
.content-topic li a:before,.content-pick li a:before,.blog-topic li a:before{ content: "> "; }
.ichiran{ text-align: right; padding: 10px; }
/*---[フッターフロウ]------------------------------------------------------------------------------*/
.content-flow{ clear: both;margin: 30px 0; overflow: hidden; }
.content-flow ol{ margin: 10px 2% 40px 2%; overflow: hidden;}
.content-flow li{ text-align: center; float: left; width: 24%; margin-left: 1%; padding: 20px 10% 20px 10px; min-height: 160px; }
.content-flow .flow1{ background: url(../images/flow_71.png) right bottom no-repeat; 
 background-size: 50%;}
.content-flow .flow2{ background: url(../images/flow_77.png) right bottom no-repeat; background-size: 50%; }
.content-flow .flow3{ background: url(../images/flow2_68.png) right bottom no-repeat; background-size: 40%; }
.content-flow .flow4{ background: url(../images/flow4_74.png) right bottom no-repeat; background-size: 40%; }
/*--[フッターエリア]------------------------------------------------------------------------------*/
.foot-area .foot-p{ margin: 20px 2% 30px 2%; background: url(../images/map_85.png) left top no-repeat; background-size: 20%; line-height: 1.8em; padding: 0 0 0 22%; min-height: 150px; }
.ie8 .foot-area .foot-p{ padding-left: 200px; }
.foot-area .foot-p p.sub{ padding-bottom: 10px;line-height: 1.8em; }
.foot-area .foot-p span{ font-weight: bold; } 
/*--[フッター]------------------------------------------------------------------------------*/
.content-foot{ background: #0084CC; }
footer .text{ text-align: center; padding: 10px 2% 10px 2%; border-top: 1px solid #CCC; color: #999; }
footer .add{ clear: both; text-align: center; color: #FFF; padding: 20px; border-top: 1px solid #CCC; }
footer .add a{ color: #FFF; }
/*--[サービストップ]------------------------------------------------------------------------------*/
.contents-ser1,.contents-ser2{ margin: 2%; padding: 10px 330px 0 10px;}
.contents-ser1 h4,.contents-ser2 h4{ color: #ff0000; line-height: 1.2em; padding: 0 0 5px 0; font-size: 18px; }
.contents-ser1 p,.contents-ser2 p{ margin-bottom: 15px; line-height:1.8em; }
.open .contents-ser1{ background: url(../images/open_03.png) right top no-repeat; }
.repair .contents-ser1{ background: url(../images/repair_03.png) right top no-repeat; }
.car .contents-ser1{ background: url(../images/car_03.png) right top no-repeat; }
.bike .contents-ser1{ background: url(../images/bike_03.jpg) right top no-repeat; }
.change .contents-ser1{ background: url(../images/change_03.png) right top no-repeat; }
.contents-ser2{ background: url(../images/ser_18.png) right top no-repeat; }
.new .contents-ser1{ background: url(../images/new_03.png) right top no-repeat; }
.digital .contents-ser1{ background: url(../images/digital_03.png) right top no-repeat; }
.sub-area .contents-ser1{ background: url(../images/subarea_03.png) right top no-repeat; }
/*--[サービスプライス]------------------------------------------------------------------------------*/
.ser-price{ width: 90%; margin: 36px auto; background: url(../images/main_07.png) left top no-repeat; padding: 0 0 0 130px; color: #2845ae; } 
.ser-price .price1{ border-bottom: dashed 2px #2845ae; padding: 0 0 5px 20px; font-weight: bold; font-size: 30px; }
.ser-price .price2{ font-weight: bold; padding: 15px 0 10px 20px; line-height: 0.9em;font-size: 30px; }
.ser-price .price2 span{ color: #bf2727; font-weight: bold;font-size: 30px; }
.ser-price .price2 span span{ }

 /*--[サービス１（鍵開け・修理・交換）]------------------------------------------------------------------------------*/
.ser-subbox{ padding: 10px; background:#DDF2FF; color: #2845ae; margin-top: 5px; overflow: hidden; font-size: 14px;}
.ser-box .bold{ padding-top: 10px; }
.open .ser-box,.change .ser-box{ margin: 0 3%; border-top:dashed 1px #2845ae; padding: 20px 20px 20px 150px; }
.open .ser-box h4,.repair .ser-box h4,.change .ser-box h4{ color: #2845ae; line-height: 1.2em; padding: 10px 0 10px 0; font-size: 20px; font-weight: bold; }
.open .ser-box1,.change .ser-box1{ background: url(../images/ser_11.png) left top no-repeat; }
.open .ser-box2{ background: url(../images/ser2_11.png) left top no-repeat; }
.open .ser-box3{ background: url(../images/ser4_11.png) left top no-repeat; }
.open .ser-box4{ background: url(../images/ser3_11.png) left top no-repeat; }
.repair .ser-box{ margin: 0 3%; border-top:dashed 1px #2845ae; padding: 20px 20px 20px 200px; min-height: 200px; }
.repair .ser-box1{ background: url(../images/repair1_03.png) left top no-repeat; }
.repair .ser-box2{ background: url(../images/repair2_03.png) left top no-repeat; }
.change .ser-box2{ background: url(../images/change_11.png) left top no-repeat; margin-bottom: 20px; }
.ser-box p,.ser-box li{ line-height: 1.8em; }
 /*--[作成１]------------------------------------------------------------------------------*/
.car .ser-box,.bike .ser-box{ margin: 2% 4% 30px 4%; padding: 10px 0 0 310px;}
.car .ser-box h4,.bike .ser-box h4{ color: #000; font-weight: bold; line-height: 1.2em; padding: 0 0 5px 0; }
.car .ser-box1{ background: url(../images/car_15.png) left top no-repeat; }
.car .ser-box2{ background: url(../images/car_19.png) left top no-repeat; margin-bottom: 40px; }
.bike .ser-box1{ background: url(../images/bike_18.png) left top no-repeat; }
.bike .ser-box2{ background: url(../images/car_19.png) left top no-repeat; margin-bottom: 40px; }
 /*--[作成２]------------------------------------------------------------------------------*/
.ser-make p{ margin: 20px 4% 0 4%; line-height: 1.8em; }
.ser-make2 p{ line-height: 1.8em; }
.car .ser-make p{ background: url(../images/car_07.png) left top no-repeat; background-size: 30%; padding:0 0 10% 30%; }
.bike .ser-make p{ background: url(../images/bike_07.png) left top no-repeat; background-size: 20%; padding:0 0 20px 20%; }
.ie8 .car .ser-make p,.ie8 .bike .ser-make p{ padding-bottom: 0; min-height: 150px; }
.car .ser-make2 p{ padding: 18% 2% 0 2%;margin: 20px 2% 40px 2%; background: url(../images/car2_11.png) center top no-repeat; background-size: 90%; }
.bike .ser-make2 p{ padding: 10% 2% 0 2%;margin: 20px 2% 40px 2%; background: url(../images/bike2.png) center top no-repeat; background-size: 90%; }
.ie8 .bike .ser-make2 p,.ie8 .car .ser-make2 p{ background: none; padding-top: 20px; }
.car .ser-make3 .text{ margin: 20px 2% 0 2%; padding: 80px 20px 20px 20px; text-align: center; background: url(../images/car_11.png) top center no-repeat; background-size: 80%; color: #0C4DA6; }
.ie8 .car .ser-make3 .text{ padding-top: 100px; }
.bike .ser-make3 .text{ background: url(../images/bike2_11.png) left top no-repeat, url(../images/bike_11.png) right top no-repeat;margin: 0 4%; padding: 20px 160px 20px 180px; min-height: 200px;} 
 /*--[サービストピック]------------------------------------------------------------------------------*/
.ser-topic{ margin: 20px 3% 40px 3%; }
.ser-topic p{ line-height: 1.8em; padding: 0 20px 20px 140px; margin: 20px 0 20px 0; background: url(../images/ser_15.png) left top no-repeat; min-height: 100px; }
/*--[鍵交換３]------------------------------------------------------------------------------*/
.change .content-top3 dl{ border-bottom: 1px solid #CCC; }
.change .content-top3{ overflow: hidden; margin-bottom: 40px; }
/*--[取り付け１]------------------------------------------------------------------------------*/
.new .ser-box{ margin: 20px 2% 0 2%; padding: 10px 0 0 33%;}
.new .ser-box h4{ color: #ff0000; line-height: 1.2em; padding: 0 0 5px 0; }
.new .ser-box p{ margin-bottom: 40px; }
.new .ser-box1{ background: url(../images/new_07.png) left top no-repeat; background-size: 32%; }
.new .ser-box1 .ser-new1{ background: url(../images/new_10.png) right top no-repeat; padding-right: 33%; min-height: 200px;  background-size: 32%;}
.ie8 .new .ser-box1 .ser-new1{ background: none; padding-right: 0;}
.ie8 .new .ser-box{ padding: 10px 0 0 350px; } 
.new .ser-box2{ background: url(../images/new_15.png) left top no-repeat; background-size: 32%; }
.new .ser-box3{ background: url(../images/new_19.png) left top no-repeat; background-size: 32%; }
/*--[電子錠１]------------------------------------------------------------------------------*/
.digital .ser-box{ margin: 20px 2%; padding: 20px 30% 30px 20px; line-height: 1.8em;}
.digital .ser-box h4{ padding-bottom: 10px; line-height: 1.4em; }
.digital .ser-box .text{ padding-top: 30px; }
.digital .ser-box1{ background: url(../images/digital2_03.png) left top no-repeat; background-size: 30%; margin: 20px 2%; padding: 20px 40px 20px 30%; }
.digital .ser-box2{ background: url(../images/digital_07.png) right top no-repeat; background-size: 30%;border-bottom: 1px solid #CCC; }
.digital .ser-box3{ background: url(../images/new_19.png) right top no-repeat; background-size: 30%; border-bottom: 1px solid #CCC; }
.digital .ser-box4{ background: url(../images/digital_11.png) right top no-repeat; background-size: 28%;border-bottom: 1px solid #CCC; }
.digital .ser-box5{ padding: 20px; }
.digital .ser-box5 dl{ margin-bottom: 10px; padding: 15px 15px 15px 15px; border: 1px solid #CCC; }
.digital .ser-box5 dt{ padding: 20px 0; color: #2845ae; }
.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 .ser-box dt{ border-bottom: dotted 1px #CCC;  }
.digital .ser-box dd{ padding: 10px; }
.digital .digital1{ margin-top: 20px; }
.digital .ser-box5b{ margin: 20px 2%; padding: 20px 20px 30px 20px; line-height: 1.8em; }
.digital .ser-box5b dl{ padding: 10px; border: 1px solid #CCC; }
.digital .ser-box5b dt{ text-align: center; }
.digital .ser-box5b dt img{ width: 100%; }
.digital .ser-box5b p{ padding-bottom: 20px; }
.digital .ser-box5b dd.name1{ margin-bottom: 10px; border-bottom: 1px dotted #CCC; font-weight: bold; }
.digital .ser-box6{ padding: 20px 30px; }
.digital .ser-box6 img{ width: 100%; padding-top: 10px; }
.digital .digital-aegis{ padding: 10px 0; border-top: 1px dotted #CCC; }
.digital .digital-aegis .title{ color: #ff007f; font-weight: bold; }
.digital .digital-aegis .aegis-box{ display: block; padding: 10px; background: #ffe3f1; }
/*--[鍵猿１]------------------------------------------------------------------------------*/
.kagi dl{ padding: 10px; border: 1px solid #CCC; border-bottom:none; width: 50%; float: left; }
.ie7 .kagi dl{ width: 46.8%; }
.kagi dt{ padding: 10px 0 0 20%; background-size: 20%!important; font-size: 24px; }
.kagi dd{ line-height: 1.8em; }
.kagi dt span{ color: #ff0000; display: block; font-size: 20px; }
.kagi .ser-kagi1 dt{ background: url(../images/company1.png) left top no-repeat; }
.kagi .ser-kagi2 dt{ background: url(../images/company2_03.png) left top no-repeat; }
.kagi .ser-kagi3 dt{ background: url(../images/company_03.png) left top no-repeat; }
.kagi .ser-kagi4  dt{ background: url(../images/company4_03.png) left top no-repeat; }
.kagi .ser-kagi5 dt{ background: url(../images/company5_03.png) left top no-repeat; }
.kagi .ser-kagi6 dt{ background: url(../images/company6_03.png) left top no-repeat; }
.kagi .ser-kagi5{ border-bottom: 1px solid #CCC; }
.kagi .ser-kagi6{ margin-bottom: 40px; border-bottom: 1px solid #CCC; }
/*--[料金１]------------------------------------------------------------------------------*/
.price dl{ border: 1px solid #CCC; margin: 2%; overflow: hidden; }
.price dt{ border-top: 1px solid #CCC; border-right: 1px solid #CCC; clear: both;  float: left; width: 60%; padding: 10px 0 10px 30px; font-size: 18px;}
.price dd{ color: #cf2121; border-top: 1px solid #CCC; float: left; width: 40%; padding: 10px 0 10px 30px; font-size: 18px; }
.ie8 .price dt{ clear: both; width: 100%; text-align: center; background: #EDF9FF; font-size: 18px; }
.ie8 .price dd{ clear: both; width: 100%; text-align: center;  font-size: 18px;}
.price dd span{ font-size: 18px; }
.price1{ border-top: none!important; font-weight: bold; } 
.price .text{ margin: 0 2% 30px 2%; line-height: 1.8em; }
/*--[料金２]------------------------------------------------------------------------------*/
.price-flow{ padding: 2% 2% 40px 2%; }
.price-ol li{ border: 1px solid #CCC!important; padding: 0 27% 20px 20px; margin-top: 20px; background-size: 26%!important; }
.ie8 .price-ol li{ padding-right: 300px; }
.price-ol h4{ background: #2770d3; margin-bottom: 20px; padding: 15px; color:#FFF; }
.price-ol p{ padding: 0 10px; line-height: 1.8em; }
.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; }
/*--[エリア１]------------------------------------------------------------------------------*/
.area dl{ margin: 2% 2% 40px 2%; }
.area dt{ background: #dbf0ff; font-weight: bold; padding: 10px 20px; }
.area dd{ padding: 20px; line-height: 1.8em; }
/*---[ Page Top ]-----------------------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/*---[ブログ ]-----------------------------------------------------------------------------*/
.blog-box{ margin: 25px 20px; }

.blog-box h4{
    position: relative;
    padding: 0 0 0 15px;
    line-height: 1.2em;
	font-weight: bold;
	clear: both;
}
.blog-box h4 span{ display: block; }
.blog-box h4:before {
    position: absolute;
    top: -6px;
    left: 0px;
    width: 4px;
    height: 11px;
    background: #CC3300;
    content: "";
}

.blog-box h4:after {
    position: absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 38px;
    background: #003300;
    content: "";
}
.blog-list h4{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	line-height: 38px;
}
 
.blog-list h4:before{
 	content:''; 
 	height:0; 
 	width:0; 
 	display:block; 
 	border:5px transparent solid; 
 	border-right-width:0; 
 	border-left-color:#00A8FF; 
	position:absolute; 
	top:11px; 
	left:8px;
}
 
.blog-list h4:after{
	content:''; 
	height:2px; 
	width:10px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:15px; 
	left:0px;
}

.blog-box .text{ padding: 20px 0 40px 0; border-top: 1px solid #CCC; width: 100%; line-height: 1.8em; }
.blog-box .text strong{ font-weight: bold; }
.blog-box .text p{ padding: 10px 10px 20px 10px; }
.blog-box .text h5{ font-weight: bold; padding: 0 0 5px 10px; border-left: 5px solid #003b9c; border-bottom: dotted 1px #CCC; margin: 10px 0 0 0; }
.blog-box .text img{ width: 100%; }
/*.blog-ran .left img{ width: 222px; height: 150px; }*/
.topic-box .con-h3{ padding: 10px 10px 10px 10px; margin: 30px 0 15px 0; }
.topic-box .con-h3:before{ display: none; }
.topic-box .con-h3:after{ display: none; } 
.topic-box2{ background: url(../images/blog.png) right top no-repeat; padding-right: 220px; }
.blog-box dl{ padding: 10px 0; overflow: hidden; }
.blog-box dd{ padding: 10px; margin-bottom: 20px; border: dotted 1px #CCC; }
.blog-box dt{ font-weight: bold; color: #013492; }
/*---[ サブエリア ]-----------------------------------------------------------------------------*/
.subarea-box{ padding-bottom: 20px; }
.subarea-box div{ margin: 20px 40px}
.subarea1{ background: url(../images/subarea.png) right top no-repeat; }
.subarea2{ background: url(../images/subarea2.png) right top no-repeat; }
.subarea3{ background: url(../images/subarea3.png) right top no-repeat; }
.subarea-box h4{ font-weight: bold; padding: 20px 0 20px 0; }
.subarea-box h5{ font-weight: bold; color: #2845ae; padding-bottom: 5px; }
.subarea-box p{ line-height: 1.8em; padding: 20px 20px; border: 1px solid #2845ae; margin-bottom: 20px; }
.voice{ margin: 20px 30px 40px 30px; border: dotted #CCC 2px; padding: 40px 20px 20px 20px; line-height: 1.6em; background: url(../images/kagi.png) right 10px top no-repeat;
background-size: 160px;
}
.voice h3{ border-bottom: dotted 1px #CCC; padding-bottom: 20px; margin-bottom: 5px; font-size: 20px; font-weight: bold; }
.voice p{ font-size: 16px!important; line-height: 1.8em;padding: 10px;}
.voice p:last-child{
	border: none;
}