@charset "utf-8";

/*  */

#slider{
  margin-bottom: 20px;
}
#slider .contents{
  position: relative;
  height: 318px;
  margin-bottom: 10px;
}
#slider .contents li{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#slider .contents li > div{
  position: relative;
}
#slider .contents li .layer{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/images/background_slider.png) no-repeat right bottom;
  text-decoration: none;
  color: #fff;
}
#slider .contents li .layer:hover{
  background: url(/images/background_slider_on.png) no-repeat right bottom;
}
#slider .contents li .caption{
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 604px;
  height: 46px;
  padding: 10px 86px 10px 20px;
  cursor: pointer;
}
#slider .contents li .caption strong{
  display: block;
  font-size: 16px;
  margin-bottom: 2px;
}
#slider .contents li .caption span.note{
  margin-left: 10px;
}

#slider .nav{
  text-align: center;
}
#slider .nav li{
  display: inline-block;
  /display: inline;
  /zoom: 1;
  width: 35px;
  height: 8px;
  background: #999;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}
#slider .nav li:first-child{
  margin-left: 10px;
}
#slider .nav li.active,
#slider .nav li:hover{
  background: #4b68c6;
}
#slider .nav .balloon_container{
  z-index: 20;
  display: none;
  position: absolute;
  bottom: 12px; /*bottom: 8px;*/
  left: -48px;
}
#slider .nav .balloon{
  background: url(/images/background_balloon.png) no-repeat center bottom;
  padding-bottom: 10px;
}
#slider .nav .balloon strong{
  display: block;
  width: 110px;
  padding: 10px;
  background: #111987;
  color: #fff;
}

#list_service{
  width: 710px;
  height: 230px;
  position: relative;
}
#list_service li{
  width: 170px;
  height: 170px;
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 0;
}
#list_service li div{
  position: relative;
  width: 170px;
  height: 170px;
}
#list_service li a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 170px;
  height: 170px;
}
#list_service li span{
  position: absolute;
  display: block;
}
#list_service li .picture{
  width: 230px;
  height: 230px;
  background-repeat: no-repeat;
  background-position: left top;
  top: 0;
  left: 0;
}
#list_service li .balloon{
  background-repeat: no-repeat;
  background-position: left top;
}
#list_service li .arrow{
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: right bottom;
  right: 0;
  bottom: 0;
}
#list_service li .picture,
#list_service li .balloon{
  display: none;
}
#list_service .tv{ background-image: url(/images/top_tv.png); left: 0; }
#list_service .tv .picture{ background-image: url(/images/picture_tv.png); }
#list_service .tv .arrow{ background: url(/images/arrow_tv.png); }
#list_service .tv .balloon{
  background-image: url(/images/balloon_tv.png);
  width: 168px;
  height: 147px;
  top: -46px;
  left: 90px;
}
#list_service .internet{ background-image: url(/images/top_net.png); left: 180px; }
#list_service .internet .picture{ background-image: url(/images/picture_internet.png); }
#list_service .internet .arrow{ background: url(/images/arrow_internet.png); }
#list_service .internet .balloon{
  background-image: url(/images/balloon_internet.png);
  width: 209px;
  height: 170px;
  top: 100px;
  left: -10px;
}
#list_service .telephone{ background-image: url(/images/top_tel.png); left: 360px; }
#list_service .telephone .picture{ background-image: url(/images/picture_telephone.png); }
#list_service .telephone .arrow{ background: url(/images/arrow_telephone.png); }
#list_service .telephone .balloon{
  background-image: url(/images/balloon_telephone.png);
  width: 159px;
  height: 135px;
  top: 75px;
  left: 75px;
}
#list_service .smart{ background-image: url(/images/top_smart.png); left: 540px; }
#list_service .smart .picture{ background-image: url(/images/picture_internet.png); }
#list_service .smart .arrow{ background: url(/images/arrow_internet.png); }
#list_service .smart .balloon{
  background-image: url(/images/balloon_smart.png);
  width: 105px;
  height: 98px;
  top: 43px;
  left: 45px;
}
#navigation_local_pseudo {
  min-height: 0;
}
#re_contents {
  position: relative;
  z-index: 1;
}
.m_2columns_02.s_campaign{
  margin-bottom: -10px;
}
.m_2columns_02.s_campaign .column{
  margin-bottom: 10px;
}

/*#service_list02*/
#service_list02 .list {
	width:232px;
	float:left;
}

/*#mov { color:#fff; background:#286bcc; margin:20px auto; padding:15px; width: 680px;}
#mov p,#mov a { color:#fff;}
.mov table { color:#fff; width:100%; vertical-align:middle;}
.mov-icon { width:50px; height:50px; display:inline-block; margin:15px; vertical-align:middle;}
.mov-icon img { margin:12px;}
.tvclr { background:#f6b300;}
.netclr { background:#4bab27;}
.telclr { background:#ee680f;}
.smartclr { background:#00aeeb;}
*/

/*CM動画関連*/
#mov { background:url(/tvcmlist/img/tocmlist.png) no-repeat; padding:10px; margin-right:9px; width: 208px; height:236px; }
#cm img:hover{filter:alpha(opacity=70);opacity:0.7; width:209px;}
.w100 { width:100%;}
#cmlist { width:208px; height:120px;}
#cmlist p:hover{filter:alpha(opacity=70);opacity:0.7;}

.movl { color:#fff; background:#2e37ab; margin:10px 0; padding:40px 10px 10px 18px; width: 360px; height:130px; display:inline-block; position: relative;}
.dsp-inbl { margin:10px 0; display:inline-block; background:#2e37ab; vertical-align:top;}
.dsp-inbl img:hover{filter:alpha(opacity=70);opacity:0.7;}
.link-txt { position: absolute; right: 10px; bottom: 10px;}

/*151118阪野修正トップ*/
#top_bnrBox #top_cm {
	padding-bottom:10px;
}
#top_bnrBox #top_cm .cm_box {
	background:#2e37ab;
	width:230px;
	height:137px;
	padding:4px 0;
}
#top_bnrBox #top_cm .cm_movie  {
	width:222px;
	height:113px;
	margin:auto;
}
#top_bnrBox #top_cm .cm_movie img:hover{
	filter:alpha(opacity=70);
	opacity:0.9;
}
#top_bnrBox #top_cm .cm_list  {
	text-align:right;
	padding-top:4px;	
}
#top_bnrBox .pa10 {
	padding:0 10px 10px;
	
}