@charset "utf-8";
/*
 -----------------------------------------------*/
 body,html {
	margin: 0;
	padding: 0;
 }
body {
	color: #333;
   font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, sans-serif;
   font-size: 16px;
	background: #fff url(../images/bg.png) no-repeat center 61px;
	min-width: 1000px;
	_display: inline;
	_zoom: 1;
}
@media screen and (max-width: 640px) {
   body {
      min-width: 100%;
   }
}
h1,h2{
	margin:0;
	padding:0;
}
img {
	border: none;
}
/* header
 -----------------------------------------------*/
.Header {
	position: relative;
	width: 100%;
	height: 44px;
	margin: 0;
	background: #fff;
	box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.3);
	z-index: 1;
}
.HeaderIn {
	position: absolute;
	left:50%;
	overflow: hidden;
	width: 1000px;
	margin: 0 0 0 -500px;
	z-index: 10000;
}
.Headerlogo01 {
	float: left;
	margin: 0;
}
@media screen and (max-width: 640px) {
   .HeaderIn {
   	left:0;
   	width: 93.75%;
   	margin: 0 0 0 0;
   	z-index: 10000;
      padding: 0 3.125%;
   }
}

/* footer
 -----------------------------------------------*/
.Footer {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.FooterIn {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
}
.FooterWrap {
	clear: both;
	overflow: hidden;
	float: right;
	width: 366px;
	margin: 0;
}
.Footerlogo01 {
	overflow: hidden;
	width: 1000px;
	margin: 30px 0 0;
	border-bottom: solid 1px #ff4d00;
}
.Footerlogo01 .logoin {
	float: right;
	width: 68px;
}
.Footercopy01 {
	float: right;
	margin: 14px 0 0;
}
.Footercopy02 {
	float: right;
	margin: 0;
}
@media screen and (max-width: 640px) {
   .FooterIn {
   	width: 100%;
   }
   .Footerlogo01 {
   	width: 93.75%;
      padding: 0 3.125%;
      margin: 0;
   }
   .FooterWrap {
   	width: 93.75%;
      padding: 0 3.125%;
   }
   .FooterWrap img {
   	width: 100%;
      height: auto;
   }
   .Footercopy01 {
      margin: 5px 0 0;
   }
   .Footercopy02 {
      margin: 0 0 5px;
   }

}
/* contents
 -----------------------------------------------*/
.right {
	position: absolute;
	right: 0;
	top: -30px;
	width: 417px;
	height: 453px;
	background: url(../images/index.png) no-repeat left bottom;
	z-index: 500;
}
/* contents
 -----------------------------------------------*/
.contents {
	width: 100%;
	height: auto;
	margin: 0 auto;
   background: #f7f7f7;
   padding-bottom:40px;
}
.inner {
   margin: 0px auto;
   overflow: hidden;
   /*height: 6453px;*/
   background-color: #fff;
   /*background-image: url(/promo/spl/cnnj/images/dummybg.jpg);*/
   background-repeat: no-repeat;
   background-position: 50% 40px;
   width: 960px;
   padding: 40px 20px 0;
}
.bnrArea {
   padding: 0 0 40px;
}
.bnrArea a img {
   display: none;
}
.bnrArea a:first-child img {
   display: block;
}
@media screen and (max-width: 640px) {
   .contents {
      padding-bottom: 0px;
   }
   .inner {
      width: 93.75%;
      padding: 40px 3.125% 0;
   }
   .bnrArea {
      /*padding: 0 0 40px;*/
   }
   .bnrArea a img {
      display: block;
      width: 100%;
      height: auto;
   }
   .bnrArea a:first-child img {
      display: none;
   }

}
.blockTitle {
   border-left: 6px solid #f90;
   margin: 0 0 40px;
}
.blockTitle.ex {
   margin: 0 0 5px;
}

.blockTitle .blockTitleInner {
   color: #333;
   font-size: 26px;
   border-bottom: 1px dashed #d6d6d6;
   padding: 0 10px;
}

.blockTitleInnerSmall {
   font-size: 14px;
}
.blockTitle.ex + .addNote {
   margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
   .blockTitle {
      margin: 0 0 20px;
   }
   .blockTitle .blockTitleInner {
      font-size: 24px;
      padding: 0 10px;
      letter-spacing: -1px;
   }
}
.feature3 {
   margin: 0 0 70px;
}
.feature3ul {
   margin: 0;
   padding: 0;
   overflow: hidden;
}
.feature3li {
   float: left;
   list-style-type: none;
   margin: 0 0 0 19px;
   width: 307px;
}
.feature3li:first-child {
   margin: 0 0 0 0px;
}
@media screen and (max-width: 640px) {
   .addNote {
      font-size: 16px;
   }
   .blockTitle.ex + .addNote {
      margin: 20px 0 30px;
   }
   .feature3 {
      margin: 0 0 40px;
   }
   .feature3li {
      width:100%;
      margin: 20px 0 0;
   }
}
.feature3Upper {
   background: #e73917;
   border-radius: 6px 6px 0 0;
   color: #fff;
   font-style: italic;
   font-size: 22px;
   font-weight: normal;
   letter-spacing: 1px;
   line-height: 1;
   padding: 15px 0 14px;
   text-align: center;
   width: 100%;
}
.feature3Under {
   border-width: 0 2px 2px 2px;
   border-color: #efefef;
   border-style: solid;
   border-radius: 0px 0px 6px 6px;
   height: 325px;
}
.feature3Under img:first-child {
   display: block;
}
.feature3Under img {
   display: none;
}

.feature3UnderP {
   margin: 0;
   padding: 0 18px;
}
@media screen and (max-width: 640px) {
   .feature3Under {
      border-width: 0 1px 2px;
      height: auto;
   }
   .feature3Under img:first-child {
      display: none;
   }
   .feature3Under img {
      display: block;
      width: 100%;
      height: auto;
   }
   .feature3UnderP {
      margin: -17% 0 4%;
      padding: 0 6%;
   }
   .feature3li:nth-child(2) .feature3UnderP {
      margin: -11% 0 4%;
   }
}
.flow3 {}
.flow3ul{
   overflow: hidden;
   margin: 0;
   padding: 0;
}
.flow3li{
   list-style-type: none;
   clear: both;
   padding: 0 0 0 236px;
}
.step1 {
   background: url("/promo/spl/cnnj/images/img_step1.gif") no-repeat left top;
   height: 140px;
   margin-bottom: 30px;
}
.step2 {
   background: url("/promo/spl/cnnj/images/img_step2_150303.gif") no-repeat left top;
   height: 120px;
   margin-bottom: 5px;
}
.step2to3 {
   height: 68px;
   margin-bottom: 10px;
}
.step2to3 img:first-child {
   display: block;
}
.step2to3 img:last-child{
   display: none;
}
.step3 {
   background: url("/promo/spl/cnnj/images/img_step3_150303.gif") no-repeat left top;
   height: 130px;
   margin-bottom: 40px;
}
.step3links {
   margin: 10px 0 0;
}
.step3links a {
   background: url("/promo/spl/cnnj/images/link_img.gif") no-repeat right center;
   color: #333;
   text-decoration: none;
   margin: 0 24px 0 0px;
   padding: 0 13px 0 0;
}
.step3links a:after {}
.step3links a:hover {
   text-decoration: underline;
}
@media screen and (max-width: 640px) {
   .flow3upper {

   }
   .flow3li{
      padding: 0;
   }
   .step1 {
      background: none;
      height: auto;;
      margin-bottom: 30px;
   }
   .step1 .flow3upper {
      background: url("/promo/spl/cnnj/images/img_step1_sp.png") no-repeat left center;
      padding: 16px 0 16px 50px;
      line-height: 1.2;
      font-size: 18px;
   }
   .step2 {
      background: none;
      height: auto;;
      margin-bottom: 20px;
   }
   .step2to3 {
      margin-bottom: 0px;
      height: auto;
   }
   .step2to3 img:first-child {
      display: none;
   }
   .step2to3 img:last-child{
      display: block;
      width: 100%;
      height: auto;
   }
   .step2 .flow3upper {
      background: url("/promo/spl/cnnj/images/img_step2_sp.png") no-repeat left center;
      padding: 16px 0 16px 50px;
      line-height: 1.2;
      font-size: 18px;
   }
   .step3 {
      background:none;
      height: auto;;
      margin-bottom: 40px;
   }
   .step3 .flow3upper {
      background: url("/promo/spl/cnnj/images/img_step3_sp.png") no-repeat left center;
      padding: 16px 0 16px 50px;
      line-height: 1.2;
      font-size: 18px;
   }
   .step3links a {
      display: inline-block;
      font-size: 14px;
   }
}

.flow3upper {
   font-weight: normal;
   color: #ff7820;
   font-size: 24px;
   border-bottom: 1px solid #ddd;
   padding: 0 0 12px;
   line-height: 1;
}
.flow2bottom {
   font-size: 14px;
   line-height: 1.9;
   margin: 8px 0 0;
}
.note {
   font-size: 12px;
   line-height: 1.8;
   color: #f00;
   margin: 0;
   padding: 0 0 0 12px;
   position: relative;
}
.note:before {
   content: "※";
   position: absolute;
   top: 0;
   left: 0;
}
@media screen and (max-width: 640px) {
   .flow2bottom {
      font-size: 16px;
      line-height: 1.6;
   }
   .note {
      font-size: 14px;
      line-height: 1.5;
      margin: 5px 0;
   }
}
.entry_simulation {
   background: url("/promo/spl/cnnj/images/bg_tv_apply_simulation.gif") #f3f3f3 top center no-repeat;
   margin-bottom: 71px;
}

.entry_simulation_ul {
   overflow: hidden;
   margin: 0;
   padding: 0;
}
.entry_simulation_li {
   list-style-type: none;
   float: left;
   margin: 35px 1px 24px 29px;
   font-size: 14px;
   text-align: right;
   letter-spacing: -0.5px;
}
.entry_simulation_li a {
   color: #333;
   text-decoration: none;
}
.entry_simulation_li a:hover {
   text-decoration: underline;;
}
.entry_simulation_li img {
   display: block;
}
.entry_simulation_li a:hover img,
.telephone_search a:hover .btn {
   filter:alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}

.customerCenter {
   margin: 0px 0px 50px 0px;
}
.customerCenterP {
   margin: 10px 0;
}
.telephone_search {
   overflow: hidden;
}
.telephone_search .btn {
   display: inline-block;
   margin: 25px 0 0;
}
@media screen and (max-width: 640px) {
   .entry_simulation {
      position: relative;
      left: -3.125%;
      width: 106.25%;
      margin-bottom: 45px;
   }
   .entry_simulation_li {
      margin: 25px 3.90625% 45px;
      width: 93.75%;
   }
   .entry_simulation_li:first-child {
      margin: 40px 3.90625% 0;
   }
   .entry_simulation_li img {
      width: 100%;
      height: auto;
   }
   .customerCenterP {
      font-size: 16px;
   }
   .customerCenterP br{
      display: none
   }
   .telephone_search .btn {
      width: 100%;
      height: auto;
      margin: 20px 0 0;
   }
}
.serviceArea {
   font-size: 20px;
   font-weight: normal;
   line-height: 1;
   margin: 0 0 9px;
}
.serviceAreaTable {
   width: 100%;
   margin-bottom: 50px;
}
.serviceAreaTable thead th {
   background: #ffb324;
   color: #fff;
   font-weight: normal;
   border-width: 1px 0px 0px 1px;
   border-color: #fff;
   border-style: solid;
   padding: 12px 0;
   width: 40%;
}
.serviceAreaTable thead th:first-child {
   width: 20%;
}
.serviceAreaTable thead th:nth-child(2){
   width: 26%;
}
.serviceAreaTable thead th:last-child {
   width: 14%;
}
.serviceAreaTable tbody td {
   background: #efefef;
   color: #333;
   font-size: 12px;
   font-weight: normal;
   border-width: 1px 0px 0px 1px;
   border-color: #fff;
   border-style: solid;
   padding: 17px 15px;
   vertical-align: top;
}
.serviceAreaTable tbody td:last-child {
   text-align: center;
}

span.bold {
	font-size: 14px!important;
	font-weight: bold!important;
}
.disccopyright {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0 30px;
}
.copyright {
	marign: 0;
	border-top: solid 1px #fff;
	background: #7dbb00;
}
.copyright p {
	margin: 4px 3px 2px 0!important;
	font-size: 9.5px;
	color: #fff;
	text-align: center;
}
/* _top */
.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;
}
.mt55 {
	margin-top: 55px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mt65 {
	margin-top: 65px!important;
}
.mt70 {
	margin-top: 70px!important;
}
.mt75 {
	margin-top: 75px!important;
}
.mt80 {
	margin-top: 80px!important;
}
.mt85 {
	margin-top: 85px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.mb70 {
	margin-bottom: 70px!important;
}
.mb80 {
	margin-bottom: 80px!important;
}
/* mouseover effect
 -----------------------------------------------*/
.mod-effect img:hover {
	opacity: 0.8;
}
.mod-effect img:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}