@charset "utf-8";

/******************************************************************************/
/***                                                                        ***/
/***                                                                        ***/
/***     layout.css                                                         ***/
/***                                                                        ***/
/***    【内容】                                                            ***/
/***                                                                        ***/
/***     ・要素のリセット                                                   ***/
/***                                                                        ***/
/***                                                                        ***/
/***    【注意】                                                            ***/
/***                                                                        ***/
/***     ・ヘッダー、フッター、ローカルナビ等のレイアウト要素の             ***/
/***       スタイルを記述する                                               ***/
/***                                                                        ***/
/***                                                                        ***/
/******************************************************************************/

/* general */
#l_header,
#l_global_navi,
#l_footer {
	min-width: 1000px;
}
.popup #l_header,
.popup #l_global_navi,
.popup #l_footer {
	min-width: inherit;
}


#breadcrumbs,
.header_inner,
.global_navi_inner,
.main_inner,
.footer_inner {
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}
.popup .header_inner,
.popup .main_inner,
.popup .footer_inner,
.popup .footer_label {
	width: auto;
	min-width: inherit;
	margin: 0 auto;
	padding: 0 10px;
}


#breadcrumbs,
.header_inner,
.global_navi_inner,
.local_navi,
.footer_inner {
	font-size: 90%;
}
.main_contents {

	font-size: 95%;
}




/* footer */
.footer_navi {
	background: #e3eaf5;
	min-width: 980px;
	padding: 47px 0 45px;
}
.footer_inner {
	position: relative;
}
.col4.opt_footer {
	width: 230px;
	float: left;
	margin-left: 20px;
}
.col4.opt_footer:first-child {
	margin-left: 0;
}
.footer_link_title {
	padding: 6px 0 5px 37px;
	border-bottom: #c3cdd6 1px solid;
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
}
.footer_link_title.index {
	background: url(/assets/img/ic_f_index.png) no-repeat 0 0.1em;
}
.footer_link_title.info {
	background: url(/assets/img/ic_f_info.png) no-repeat 0 0.1em;
}
.footer_link_title.home {
	background: url(/assets/img/ic_f_home.png) no-repeat 0 0.1em;
}
.footer_link_title.business {
	background: url(/assets/img/ic_f_business.png) no-repeat 0 0.3em;
}
.footer_link_title.energy {
	background: url(/assets/img/ic_f_energy.png) no-repeat 0 0.2em;
}
.footer_link_title.corporate {
	background: url(/assets/img/ic_f_corporate.png) no-repeat 0 0.1em;
}
.facebook .footer_link_bnr a {
	display: block;
	min-height: 40px;
	background: url(/assets/img/ic_f_facebook.png) no-repeat 0 50%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 4px 0 4px 47px;
}
.youtube .footer_link_bnr a {
	display: block;
	min-height: 40px;
	background: url(/assets/img/ic_f_youtube.png) no-repeat 0 50%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 4px 0 4px 47px;
}
.twitter .footer_link_bnr a {
	display: block;
	min-height: 40px;
	background: url(/assets/img/ic_f_twitter.png) no-repeat 0 50%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 4px 0 4px 47px;
}
.footer_label {
	min-width: 980px;
	padding: 15px 0 15px;
}
.footer_copy {
	font-size: 80%;
}
.footer_copy strong {
	font-size: 140%;
	padding-right: 15px;
}

/*** block_skip ***/
/* Block Skip */
.block_skip {
	z-index: 9999;
	overflow: visible;
	margin: 0;
	padding: 0;
	width: 100%;
}
.block_skip a {
	display: block;
	width: 100%;
	min-width: 1000px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 1px;
	cursor: default;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
	position: absolute;
}
.block_skip a:hover {
	text-decoration: underline;
}
.block_skip a.show {
	background: #666;
	color: #fff;
	height: 1em;
	padding: 5px 0;
	font-size: 90%;
	line-height: 1.3;
	cursor: pointer;
	position: relative;
}
.popup .block_skip a {
	min-width: inherit;
}
.reader {
	font-size: 1px !important;
	position: absolute;
	height: 1px;
	width: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
.ignore {
	display: none;
}
.analysis {
	display: none;
}


/*** non resposive default ***/
#l_header_sp,
#header_search_sp {
	display: none;
}


/*** print ***/
@media print {

.footer_navi {
	display: none;
}
}