@charset "utf-8";
/*-------------------------------------*/

div.wrapBox{
  width: 960px;
  border-top: 1px solid #ccc;
  margin: 0 auto;
  padding: 30px 0 ;
  margin-top: 0px;
}
div#mainContents{
  width: 700px;
  float: right;
}
div#leftContents{
  width: 200px;
  float: left;
}
ul#subNavigation{
  }
ul#subNavigation li{
  display: block;
  margin-bottom : 5px;
}
.sTitle{
  margin: 60px 0 20px;
}
.sTitleFirst{
  margin: 0px 0 20px;
}
/*-------------------------------------*/

h3{
  text-align: center;
  margin: 90px 0;
  color: #900;
  border: 3px solid #900;
  padding: 10px 0;
}
p{
  margin-bottom: 15px;
}
/*-------------------------------------*/
/* 見出し装飾 */
/*-------------------------------------*/


.chapter1{
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.chapter1_1{
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  font-size: 20px;
}
.chapter2{
  padding-bottom: 4px;
  border-bottom: 3px solid #ccc;
  font-weight: bold;
}
.chapter3{
  padding-bottom: 4px;
  border-bottom: 3px solid #333;
  font-size: 14px;
  font-weight: bold;
}
.chapter4{
  padding-bottom: 4px;
  border-bottom: 3px solid #333;
  font-size: 16px;
  font-weight: bold;
}
.chapter5{
  padding: 6px 8px;
  background: #efefef;
  color: #111;
  font-size: 14px;
  font-weight: bold;
}
.chapter6{
  padding: 6px 8px;
  background: #ccc;
  color: #111;
  font-size: 14px;
  font-weight: bold;
}
.chapter7{
  padding: 6px 8px;
  background: #666;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.chapter8{
  padding: 6px 8px;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.chapter9{
  padding: 6px 8px;
  background: #c00;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.chapter10{
  padding: 6px 8px;
  background: #900;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.chapter11{
  padding: 6px 8px;
  background: #63C068;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.chapter12{
  padding: 6px 8px;
  background: #F5F6E4;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.chapter13{
  padding: 6px 8px;
  background: #F9EBF8;
  color: #900;
  font-size: 14px;
  font-weight: bold;
}
.chapter14{
  padding: 6px 8px;
  background: #BEA581;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.chapter15{
  font-size: 14px;
  font-weight: bold;
}
.chapter16{
  font-size: 16px;
  font-weight: bold;
}
.chapter17{
  font-size: 18px;
  font-weight: bold;
}
/* 一部ブラウザ対象外 */
.chapter18{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #ccc;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: bold;
}
/* 一部ブラウザ対象外 */
.chapter19{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #efefef;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: bold;
}
/* 一部ブラウザ対象外 */
.chapter20{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #333;
  color: #fff;
  border: 1px solid #dedede;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: bold;
}
/*-------------------------------------*/
/* リストフォーマット */
/*-------------------------------------*/

ul{
  display: block;
  margin-bottom : 30px;
}
ul.Number{
  list-style: decimal inside;
}
ul.imgList1{
  list-style: circle inside;
}
ul.imgList2{
  list-style: disc inside;
}
ul.bgList1 li{
  background: url(../img/bg_list1.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.bgList2 li{
  background: url(../img/bg_list2.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.bgList3 li{
  background: url(../img/bg_list3.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.bgList4 li{
  background: url(../img/bg_list4.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.bgList5 li{
  background: url(../img/bg_list5.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.bgList6 li{
  background: url(../img/list1.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.bgList7 li{
  background: url(../img/list2.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.bgList8 li{
  background: url(../img/list3.gif) no-repeat left center;
  padding-left: 1.5em;
}
ul.borderList1 li{
  border-bottom: 1px solid #ccc;
  padding-bottom:0.3em;
  margin-bottom: 0.9em;
  display: block;
}
ul.borderList2 li{
  border-bottom: 1px dotted #ccc;
  padding-bottom:0.3em;
  margin-bottom: 0.9em;
  display: block;
}
/*-------------------------------------*/
/* テキストテンプレート */
/*-------------------------------------*/


/* 基本フォーマット */
div.txtTempSet{
  margin-bottom: 30px;
}
div.txtTempSet strong{
  display: block;
  font-weight: bold;
}
div#mainContents div.clearfix{
  width: 100%;
}
/* txtTemp1 */
div.txtTemp1{
  }
div.txtTemp1 strong{
  margin-bottom: 6px;
}
div.txtTemp1 span{
  color: #666;
}
/* txtTemp2 */
div.txtTemp2{
  }
div.txtTemp2 strong{
  margin-bottom: 6px;
  font-size: 14px;
}
div.txtTemp2 span{
  color: #666;
}
/* txtTemp3 */
div.txtTemp3{
  }
div.txtTemp3 strong{
  margin-bottom: 6px;
  color: #900;
}
div.txtTemp3 span{
  color: #333;
}
/* txtTemp4 */
div.txtTemp4{
  }
div.txtTemp4 strong{
  margin-bottom: 6px;
}
div.txtTemp4 span{
  color: #666;
}
div.txtTemp4 p{
  float: right;
  width: 194px;
}
/* txtTemp5 */
div.txtTemp5{
  }
div.txtTemp5 strong{
  margin-bottom: 6px;
}
div.txtTemp5 span{
  color: #666;
}
div.txtTemp5 p{
  float: left;
  width: 194px;
}
/* txtTemp6 */
div.txtTemp6{
  }
div.txtTemp6 div.fL{
  width: 350px;
}
div.txtTemp6 strong{
  margin-bottom: 6px;
}
div.txtTemp6 span{
  color: #666;
}
div.txtTemp6 p{
  float: right;
  width: 204px;
}
/* txtTemp7 */
div.txtTemp7{
  }
div.txtTemp7 div.fR{
  width: 350px;
}
div.txtTemp7 strong{
  margin-bottom: 6px;
}
div.txtTemp7 span{
  color: #666;
}
div.txtTemp7 p{
  float: left;
  width: 320px;
}
img{
  border:0;
}
/*商品＆サービスのアイコン*/

    a.digi_d1{
  display:block;
  margin:5px;
  padding:0;
  width:700px;
  height:244px;
  background:transparent url("../img/d1_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.digi_d1{
  background-position:0 -244px;
  text-decoration:none;
}

    a.digi_c1{
  display:block;
  margin:5px;
  padding:0;
  width:700px;
  height:122px;
  background:transparent url("../img/c1_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.digi_c1{
  background-position:0 -122px;
  text-decoration:none;
}


    a.musen{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/musen_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.musen{
  background-position:0 -120px;
  text-decoration:none;
}
a.digi{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/digi_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.digi{
  background-position:0 -120px;
  text-decoration:none;
}
a.taxi{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/taxi_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.taxi{
  background-position:0 -120px;
  text-decoration:none;
}
a.driverec{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/driverec_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.driverec{
  background-position:0 -120px;
  text-decoration:none;
}
a.webcam{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/webcam_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.webcam{
  background-position:0 -120px;
  text-decoration:none;
}
a.security{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/security_icon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.security{
  background-position:0 -120px;
  text-decoration:none;
}

a.mobileye{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/mobileye_icon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.mobileye{
  background-position:0 -120px;
  text-decoration:none;
}


a.hoshu{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/hoshu_aicon.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.hoshu{
  background-position:0 -120px;
  text-decoration:none;
}

a.dummy{
  display:block;
  margin:5px;
  padding:0;
  width:185px;
  height:120px;
  background:transparent url("../img/dummy.png") no-repeat 0 0;
  text-decoration:none;
  text-indent:-9999px;
}
a:hover.dummy{
  background-position:0 -120px;
  text-decoration:none;
}


#sample{
  position: relative;
  margin: 50px;
}
div.thumb{
  height:120px;
  position:relative;
  width:300px;
  float:left;
  height:120px;
  padding:1px;
  width:300px;
}
img{
  border: 2px splid white;
}