@charset 'UTF-8';
/* ------------------------------------
	BASS COLOR
------------------------------------ */
.btn a.base,
#container #directors li a .number span,
#container ol.directors li .data .number,
.xj_wrap .tag {
	color: #fff;
	background: rgba(0, 170, 170, 1);
}
.btn a.base:hover {
	background: rgba(0, 170, 170, .6);
}

#gNav .gNavinnner ul li a#active,
#gNav .gNavinnner ul li a body:not(.sp) a:hover,
body:not(.sp) #gNav .gNavinnner ul li a:hover {
	color: rgba(0, 170, 170, 1);
	border-bottom-color: rgba(0, 170, 170, 1);
}
#gNav .gNavinnner ul li a#active:before,
#gNav .gNavinnner ul li a body:not(.sp) a:hover:before,
body:not(.sp) #gNav .gNavinnner ul li a:hover:before {
	border-bottom-color: rgba(0, 170, 170, 1);
}
#index #container h2:after,
body:not(#index) #container > section h1:before,
body:not(#index) #container > section > h2:before,
body:not(#index) #container > section > .moreread h2:before,
body:not(#index) #container > section > .nomoreread h2:before,
body:not(#index) #container > section .h2:before,
#container section > h3:before,
#container section .h3:before,
div.additional > h2:before,
header .hedWrap nav ul li a,
ul.square > li:before,
ul.disc > li:before,
.linkBtn,
.xj_page h2:before,
.xj_page ul > li:before,
.xj_page table.xj_chart_table td.xj_chart_header_first,
.xj_page table.xj_chart_table td.xj_chart_header,
header .hedWrap nav ul li label {
	background: rgba(0, 170, 170, 1);
}
body:not(.sp) header .hedWrap nav ul li a:hover,
header .hedWrap nav ul li a:hover,
header .hedWrap nav ul li label:hover {
	background: rgba(0, 170, 170, .6);
}
#container section h4 span,
#container section .h4 span {
	background-color: rgba(0, 170, 170, .4);
}
body:not(#index) #container .agendalist li a:after,
footer .gMenu > ul > li > a:after,
ol.disc li:after,
#container #directors li a:after,
#container ol.directors li .data.dataDt:before,
.btn a.pageLink:after,
a.pointLink,
a.ical,
footer .gMenu > ul > li > a:hover,
footer .gMenu > ul > li ul li a:hover,
body:not(#index) #container .agendalist li a:hover,
#map #container section.map .info .iconFblank,
.modal .read_result span,
.xj_wrap article a:after {
	color: rgba(0, 170, 170, 1);
}
a.pointLink:hover,
#gNav #nextBtn:hover,
#gNav #preBtn:hover,
#map #container section.map .info .iconFblank:hover {
	color: rgba(0, 170, 170, .6);
}

/* ------------------------------------
	dark color
------------------------------------ */
.darkColor #container section h4 span,
.darkColor #container section .h4 span {
	background-color: rgba(0, 170, 170, .3);
}

/* ------------------------------------
	light color
------------------------------------ */
.lightColor #container #directors li a .number span,
.lightColor #container ol.directors li .data .name_area .number,
.lightColor .btn a.base,
.lightColor header .hedWrap nav ul li a,
.lightColor #ismodal .linkBtn,
.lightColor .xj_wrap .tag {
	color: #444;
}
.lightColor .xj_page table.xj_chart_table td.xj_chart_header_first,
.lightColor .xj_page table.xj_chart_table td.xj_chart_header {
	color: #444;
}

/* ------------------------------------
	Index mainVisual set
------------------------------------ */
#index #container .mainVisual {
	min-height: 400px;
	background-image: url(../img/back_index_main.jpg);
}

/* ------------------------------------
	not Index mainVisual set
------------------------------------ */
body:not(#index) #container .mainVisual {
	height: 300px;
	background-image: url(../img/back_content_01_main.jpg);
}
@media only screen and (max-width: 768px){
	#index #container .mainVisual{
		min-height: 200px;
	}
	body:not(#index) #container .mainVisual{
		height: 100px;
	}
}