/*アクセシビリティーはPCのみ対応*/
@media screen and (min-width: 641px) {

#fontsize{
	margin:30px 0;
	text-align: center;
}

#inverse{
	margin:30px 0;
	text-align: center;
}


.inverse-default{
	background-color: #fff !important;
	color: #555 !important;
}

.accessible_area{font-size:80% !important;}

.accessible-button {

	cursor: pointer;

	background-color: #fafafa;

	border: #ddd solid 1px;

	border-radius: 3px;

	padding: 3px 6px;

}
#inverse-btn{color:#555 !important;background-color:#fff !important;}

.inverse-blue,#inverse-btn-blue {
	background-color: #00f !important;
	color: #fff !important;
}

.inverse-yellow,#inverse-btn-yellow {
	background-color: #ff0 !important;
	color: #000 !important;
}

.inverse-black,#inverse-btn-black {
	background-color: #000 !important;
	color: #fff !important;
}

#fontsize .active {
	background-color:#3eb134 !important;
	color:#fff;
	border-color:#3eb134;
}
#inverse .active {
	font-weight:bold;
}

.fontsizeL {
	font-size: 117% !important;
}

.blu:not(.rootidx) #main_container, .blu #footer, .blu:not(.rootidx) #main_container *, .blu #footer * {
	background-color:#00f !important;
	color:#fff !important;
	border-color:#fff !important;
	box-shadow:none;
}
.blu .f_box_div {
	background-color:#00f !important;
}
.blu.rootidx #main_container,.blu.rootidx #attention_area,.blu.rootidx .importantnotice,
.blu.rootidx .bnrslide, .blu.rootidx .bnrslide ul, .blu.rootidx .news, .blu.rootidx .news *,
.blu.rootidx #attention_area .abtm,.blu.rootidx #attention_area .atop,.blu.rootidx .importantnotice dl,.blu.rootidx .disasternotice,.blu.rootidx .disasternotice * {
	color:#fff !important;
	background-color:#00f !important;
}
.blu.rootidx .attention,.blu.rootidx .importantnotice dl, .blu #updatesInfo_tabMenu .open, .blu .tabs.cf .open {
	border:#fff solid 2px;
}
.blu.rootidx .importantnotice *,.blu.rootidx .news *,.blu.rootidx .disasternotice * {
	border-color:#fff;
}
.blu.rootidx #main_container a {
	color:#fff !important;
}


.yel:not(.rootidx) #main_container, .yel #footer, .yel:not(.rootidx) #main_container *, .yel #footer * {
	background-color:#ff0 !important;
	color:#000 !important;
	border-color:#000 !important;
	box-shadow:none;
}
.yel .f_box_div {
	background-color:#ff0 !important;
}
.yel.rootidx #main_container,.yel.rootidx #attention_area,.yel.rootidx .importantnotice,
.yel.rootidx .bnrslide, .yel.rootidx .bnrslide ul, .yel.rootidx .news, .yel.rootidx .news *,
.yel.rootidx #attention_area .abtm,.yel.rootidx #attention_area .atop,.yel.rootidx .importantnotice dl,.yel.rootidx .disasternotice,.yel.rootidx .disasternotice * {
	color:#000 !important;
	background-color:#ff0 !important;
}
.yel.rootidx .attention, .yel.rootidx .importantnotice dl, .yel #updatesInfo_tabMenu .open, .yel .tabs.cf .open {
	border:#000 solid 2px;
}
.yel.rootidx .importantnotice *,.yel.rootidx .news *,.yel.rootidx .disasternotice * {
	border-color:#000;
}
.yel.rootidx #main_container a {
	color:#000 !important;
}


.bla:not(.rootidx) #main_container, .bla #footer, .bla:not(.rootidx) #main_container *, .bla #footer * {
	background-color:#000 !important;
	color:#fff !important;
	border-color:#fff !important;
}
.bla .f_box_div {
	background-color:#000 !important;
}
.bla.rootidx #main_container,.bla.rootidx #attention_area,.bla.rootidx .importantnotice,
.bla.rootidx .bnrslide, .bla.rootidx .bnrslide ul, .bla.rootidx .news, .bla.rootidx .news *,
.bla.rootidx #attention_area .abtm,.bla.rootidx #attention_area .atop,.bla.rootidx .importantnotice dl,.bla.rootidx .disasternotice,.bla.rootidx .disasternotice * {
	color:#fff !important;
	background-color:#000 !important;
}
.bla.rootidx .attention, .bla.rootidx .importantnotice dl, .bla #updatesInfo_tabMenu .open, .bla .tabs.cf .open {
	border:#fff solid 2px;
}
.bla.rootidx .importantnotice *,.bla.rootidx .news *,.bla.rootidx .disasternotice * {
	border-color:#fff;
}
.bla.rootidx #main_container a {
	color:#fff !important;
}


.blu.rootidx #attention_area .abtm,.blu.rootidx #attention_area .atop,
.yel.rootidx #attention_area .abtm,.yel.rootidx #attention_area .atop,
.bla.rootidx #attention_area .abtm,.bla.rootidx #attention_area .atop {
	background-image:none;
}
.blu .importantnotice dl dd, .blu .news ul.links li, .blu .link_icon, .blu .link_icon_box7, .blu .link_icon_box15, .blu #footer ul li
, .blu dl.news dd, .blu ul.link_icon_x li, .blu ul li.news_icon, .blu ul li.news_icon_box7, .blu div#pressList_past p
, .blu .arrow_icon, .blu .arrow_icon_box7, .blu .arrow_icon_box15, .blu .arrow_icon_w, .blu ul.wording li, .blu ul.link_icon_xhalf li
, .bla .importantnotice dl dd, .bla .attention li,.bla .news ul.links li, .bla .link_icon, .bla .link_icon_box7, .bla .link_icon_box15, .bla #footer ul li
, .bla dl.news dd, .bla ul.link_icon_x li, .bla ul li.news_icon, .bla ul li.news_icon_box7, .bla div#pressList_past p
, .bla .arrow_icon, .bla .arrow_icon_box7, .bla .arrow_icon_box15, .bla .arrow_icon_w, .bla ul.wording li, .bla ul.link_icon_xhalf li
, .blu .disasternotice dl dd, .bla .disasternotice dl dd
{
	background-image: url(/images/common/arrow_w_right.gif);
}
 .blu .attention li,.blu .naviRoadInfo ul li, .blu .naviCompany ul li, .blu .naviEffort ul li, .blu .naviCsr ul li, .blu .naviActivity ul li, .blu .naviIr ul li, .blu .naviBids ul li, .blu .naviRecruit ul li, .blu .naviPress ul li, .blu .naviNews ul li, .blu .naviWorddata ul li, .blu .naviOther ul li
, .bla .attention li,.bla .naviRoadInfo ul li, .bla .naviCompany ul li, .bla .naviEffort ul li, .bla .naviCsr ul li, .bla .naviActivity ul li, .bla .naviIr ul li, .bla .naviBids ul li, .bla .naviRecruit ul li, .bla .naviPress ul li, .bla .naviNews ul li, .bla .naviWorddata ul li, .bla .naviOther ul li
 {
	background-image: url(/images/common/arrow_w_right.gif) !important;
}
 .blu ul.inner_link li
,.bla ul.inner_link li {
	background-image: url(/images/common/icon_arrow_down_w.png);
}
 .blu ul.inner_link2 li
,.bla ul.inner_link2 li {
	background-image: url(/images/common/icon_arrow_w.png);
}
.yel .importantnotice dl dd, .yel .attention li,.yel .news ul.links li, .yel .link_icon, .yel .link_icon_box7, .yel .link_icon_box15, .yel #footer ul li
, .yel dl.news dd, .yel ul.link_icon_x li, .yel ul li.news_icon, .yel ul li.news_icon_box7, .yel div#pressList_past p
, .yel .arrow_icon, .yel .arrow_icon_box7, .yel .arrow_icon_box15, .yel .arrow_icon_w, .yel ul.wording li, .yel ul.link_icon_xhalf li
, .yel .disasternotice dl dd
{
	background-image: url(/images/common/arrow_b_right.gif);
}
.yel .attention li,.yel .naviRoadInfo ul li, .yel .naviCompany ul li, .yel .naviEffort ul li, .yel .naviCsr ul li, .yel .naviActivity ul li, .yel .naviIr ul li, .yel .naviBids ul li, .yel .naviRecruit ul li, .yel .naviPress ul li, .yel .naviNews ul li, .yel .naviWorddata ul li, .yel .naviOther ul li
 {
	background-image: url(/images/common/arrow_b_right.gif) !important;
}
 .yel ul.inner_link li {
	background-image: url(/images/common/icon_arrow_down_b.png);
}
.yel ul.inner_link2 li {
	background-image: url(/images/common/icon_arrow_b.png);
}
.blu ul.kome_icon > li, .blu ul.kome_icon_box7 > li, .blu ul.kome_icon_box15 > li,
.bla ul.kome_icon > li, .bla ul.kome_icon_box7 > li, .bla ul.kome_icon_box15 > li {
	background-image: url(/images/common/icon_kome_w.gif) !important;
}

.blu .whiteBtn, .yel .whiteBtn, .bla .whiteBtn
,.blu .greenBtn, .yel .greenBtn, .bla .greenBtn
,.blu .whiteBtn:hover, .yel .whiteBtn:hover, .bla .whiteBtn:hover
,.blu .greenBtn:hover, .yel .greenBtn:hover, .bla .greenBtn:hover {
    background-image: none;
    background-color: transparent;
    -ms-filter: none;
    filter: none;
}
.blu .draplaBox div, .bla .draplaBox div {
	background-image:none !important;
}
.blu .draplaBoxBg, .bla .draplaBoxBg {
	border-top:2px solid #fff;
}
.yel .draplaBox div {
	background-image:none !important;
}
.yel .draplaBoxBg {
	border-top:2px solid #000;
}
.blu ul.wording li, .bla ul.wording li, .yel ul.wording li {
	padding-left:16px;
}
.blu #contactTopMap.of_scroll, .bla #contactTopMap.of_scroll, .yel #contactTopMap.of_scroll
, .blu #content #contactTopBnr ul li a, .bla #content #contactTopBnr ul li a, .yel #content #contactTopBnr ul li a {
	background-color:#fff !important;
}
.blu #content #contactTopBnr ul li a img, .bla #content #contactTopBnr ul li a img, .yel #content #contactTopBnr ul li a img {
	background-color:transparent !important;
}

.blu .related_links dl dt,.bla .related_links dl dt,.yel .related_links dl dt {
	background-image:none;
}

.blu .related_links dl,.bla .related_links dl,.yel .related_links dl
,.blu .info_frame01,.bla .info_frame01,.yel .info_frame01  {
	border:transparent 2px solid;
}

.blu #topContent #topcommitment,.bla #topContent #topcommitment,.yel #topContent #topcommitment {
	background-color:#fff !important;
}
.blu #topcommitment .inner,.bla #topcommitment .inner,.yel #topcommitment .inner
,.blu #topcommitment .inner .linkbox,.bla #topcommitment .inner .linkbox,.yel #topcommitment .inner .linkbox
,.blu #topContent .info_frame01 a,.bla #topContent .info_frame01 a,.yel #topContent .info_frame01 a
,.blu #content .icon,.bla #content .icon,.yel #content .icon {
	background-color:transparent !important;
}
.blu .info_frame01,.bla .info_frame01,.yel .info_frame01
,.blu .info_frame01 .ttop,.bla .info_frame01 .ttop,.yel .info_frame01 .ttop
,.blu .info_frame01 .tmdl,.bla .info_frame01 .tmdl,.yel .info_frame01 .tmdl
,.blu .info_frame01 .bbtm,.bla .info_frame01 .bbtm,.yel .info_frame01 .bbtm
,.blu #topContent dl.news a,.bla #topContent dl.news a,.yel #topContent dl.news a
,.blu #topContent #customer,.bla #topContent #customer,.yel #topContent #customer
,.blu #topContent #customer .city,.bla #topContent #customer .city,.yel #topContent #customer .city
,.blu #topContent #company,.bla #topContent #company,.yel #topContent #company
,.blu #topContent .wave,.bla #topContent .wave,.yel #topContent .wave
,.blu .wave2,.bla .wave2,.yel .wave2
{
	background-image:none;
}
.blu #topContent #group .inner ul li a:hover
,.blu #topcommitment .inner a:hover
,.blu #other a:hover
,.blu #book .column2.marginL2>a:hover
{
	background-color:#fff !important;
	color:#00f !important;
	border-color:#00f !important;
}
.bla #topContent #group .inner ul li a:hover
,.bla #topcommitment .inner a:hover
,.bla #other a:hover 
,.bla #book .column2.marginL2>a:hover
{
	background-color:#fff !important;
	color:#000 !important;
	border-color:#000 !important;
}
.yel #topContent #group .inner ul li a:hover
,.yel #topcommitment .inner a:hover
,.yel #other a:hover 
,.yel #book  .column2.marginL2>a:hover
{
	background-color:#000 !important;
	color:#ff0 !important;
	border-color:#ff0 !important;
}


}

/*@media only screen and (max-width:640px)
{
	#footer ul li {
		background-image:none !important;
	}

}*/