@charset "utf-8";


/*mainImg*/
#mainImg {
	position:relative;
	width:100%;
	height:386px;
	margin-bottom:20px;
	background:url(../img/main_img_base.jpg) no-repeat;
	}
#mainImg .catch {
	position: absolute;
	width: 344px;
	height: 39px;
	left: 10px;
	top: 10px;
	}
#mainImg li {
	position:absolute;
	}
#mainImg .mm01 {
	top: 136px;
	left: 606px;
	}
#mainImg .mm02 {
	top: 39px;
	left: 366px;
	}
#mainImg .mm03 {
	top: 239px;
	left: 423px;
	}
#mainImg .mm04 {
	top: 89px;
	left: 831px;
	}
#mainImg .mm05 {
	top: 98px;
	left: 79px;
	}
/*balloon*/
/* balloon-1 bottom */
#mainImg li{
	display: inline-block;
	padding: 0 15px;
	width: auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #0085cd;
	border: 2px solid #fff;
	border-radius:4px;
	z-index: 0;
	box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
}
#mainImg li:before {
	content: "";
	position: absolute;
	bottom: -12px; left: 20%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 12px 5px 0 6px;
	border-color: #0085cd transparent transparent transparent;
	z-index: 0;
}
#mainImg li:after {
	content: "";
	position: absolute;
	bottom: -16px; left: 20%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
	z-index: -1;
}
#mainImg li.rbtm:before {
	bottom: -12px; left: 80%;
	border-width: 12px 5px 0 6px;
}
#mainImg li.rbtm:after {
	bottom: -16px; left: 80%;
	border-width: 15px 7px 0 7px;
}
#mainImg li.rtop:before {
	top: -12px; left: 80%;
	margin-left: -9px;
	border-width: 0 5px 12px 6px;
	border-color: transparent transparent #0085cd transparent;
}
#mainImg li.rtop:after {
	top: -16px; left: 80%;
	margin-left: -10px;
	border-width: 0 7px 15px 7px;
	border-color: transparent transparent #fff transparent;
}

#mainImg li a {
	color: #fff;
	}
#mainImg li a:hover {
	color: #fff;
	text-decoration:none;
	}
.read {
	margin:0 0 20px;
	font-size:14px;
	letter-spacing:0.09em;
	}
/*--------------------------------------------------------section*/
#blockSections {
	overflow:hidden;
	}
.boxSection {
	float:left;
	width:239px;
	border:1px solid #ccc;
	border-radius:6px;
	margin:0 10px 10px 0;
	padding-bottom:15px;
	}
.boxSectionDouble {
	float:left;
	width:490px;
	border:1px solid #ccc;
	border-radius:6px;
	margin:0 10px 10px 0;
	padding-bottom:15px;
	}
.boxSection dt,
.boxSectionDouble dt {
	width:100%;
	height:41px;
	margin:0;
	padding:0;
	border:none;
	text-indent:-9999px;
	}
.boxSectionDouble dl {
	float:left;
	margin-right:12px;
	}
.boxSectionDouble dl:last-child {
	float:left;
	margin-right:0;
	}
.boxSectionDouble .h3Com dt {
	background:url(../img/h3_communication.gif) no-repeat 10px 10px;
	border-bottom:3px solid #ffb703;
	}
.boxSectionDouble .h3Mob dt {
	background:url(../img/h3_mobile.gif) no-repeat 10px 10px;
	border-bottom:3px solid #ffb703;
	}
.boxSection .h3House dt {
	background:url(../img/h3_housing.gif) no-repeat 10px 10px;
	border-bottom:3px solid #1fc7b1;
	}
.boxSection .h3Elec dt {
	background:url(../img/h3_electoric.gif) no-repeat 10px 10px;
	border-bottom:3px solid #ef6168;
	}
.boxSection .h3It dt {
	background:url(../img/h3_it.gif) no-repeat 10px 10px;
	border-bottom:3px solid #485ac6;
	}
.boxSection .h3Good dt {
	background:url(../img/h3_good.gif) no-repeat 10px 6px;
	border-bottom:3px solid #e53030;
	}
.boxSection li,
.boxSectionDouble li {
	margin:7px 0 0 6px;
	padding-left:16px;
	}
.boxSectionDouble .h3Com li {
	background:url(../img/icn_arrow_com.gif) no-repeat 5px 5px;
	}
.boxSectionDouble .h3Mob li {
	background:url(../img/icn_arrow_com.gif) no-repeat 5px 5px;
	}
.boxSection .h3House li {
	background:url(../img/icn_arrow_house.gif) no-repeat 5px 5px;
	}
.boxSection .h3Elec li {
	background:url(../img/icn_arrow_elpow.gif) no-repeat 5px 5px;
	}
.boxSection .h3It li {
	background:url(../img/icn_arrow_it.gif) no-repeat 5px 5px;
	}
.boxSection .h3Good li {
	background:url(../img/icn_arrow_good.gif) no-repeat 5px 5px;
	}
.mr0 {
	margin-right:0;
	}

/*news　renewal*/
#news {
	margin:20px 0 0 0;
	}
#news h2 {
	height:44px;
	background:url(../img/h2_news.gif) no-repeat;
	text-indent:-9999px;
	}

/*news
#news {
	margin:20px 0 0 0;
	}
#news h2 {
	height:44px;
	background:url(../img/h2_news.gif) no-repeat;
	text-indent:-9999px;
	}
#news dt {
	clear:left;
	float:left;
	width:170px;
	padding:3px 0 5px 0;
	}
#news dt.update {
	background:url(../img/icn_update.gif) no-repeat right 5px;
	}
#news dt.announce {
	background:url(../img/icn_announce.gif) no-repeat right 5px;
	}
#news dt.newsAttention {
	background:url(../img/icn_attention.gif) no-repeat right 5px;
	}
#news dt.newItem {
	background:url(../img/icn_new_item.gif) no-repeat right 5px;
	}
#news dd {
	padding:3px 0 5px 200px;
	border-bottom:1px dotted #bbb;
	}
#news em {
	line-height:2;
	color:#ED2E31;
	font-weight:bold;
}
*/