/*===========================================

		背景変更処理用

===========================================*/
body.white #header,
body.white #footer,
body.white #footer .ft_ dl dt{
	color: #fff;
}
body.white #header,
body.white #footer{
	background: url(../img/base_bg.png) repeat 0 0;
}
body.white #head-title,
body.white #header .head_sub .blc_font li,
body.white #header .head_sub .blc_bg li,
body.white #talk,
body.white .useful-link{
	background-color:#fff;
}
body.white #header .head_sub .blc_font li,
body.white #header .head_sub .blc_bg li,
body.white .useful-title,
body.white .blc_bnr a{
	color: #333;
}
body.white #header .head_sub .blc_font li,
body.white #header .head_sub .blc_bg li{
	border:1px solid #fff;
}

body.white .useful-text{
	color:#666;
}
body.white #header .head_sub li.active{
	background: #6998b9 !important;
	color: #fff;
	border:1px solid #6998b9;
}
body.white #header .head_sub .blc_search button.sb{
	background: #6998b9;
	border:1px solid #6998b9;
}
body.white #foot_bnr{
	background: url(../img/foot_bnr_bg.png) repeat 0 0;
}
body.white #talk{
	background-color:#fff;
}
body.black button,
body.black #header .head_sub .blc_font li,
body.black input,
body.black .blc_tourism_sub a.bn01 span,
body.black .blc_tourism_sub a.bn02 span{
	box-sizing: border-box;
	background-color:#000;
	border:1px solid #fff !important;
	color:#fff !important;
}
body.black #header .head_sub li.active{
	box-sizing:border-box;
	border:1px solid #fff700 !important;
	color:#fff700 !important;
	background-color:transparent;
}
body.black .goog-te-gadget-simple .goog-te-menu-value span{
	color: #000 !important;
}
.black,
body.black .space,
body.black #article,
body.black #article .article_inner,
body.black #article .pickup .blc,
body.black #article .pickup .head p,
body.black .blc_st ul.ptn_st,
body.black #blc_access>div,
body.black #blc_access>div p span,
body.black #pickup .blc,
body.black #news .blc,
body.black #recruiting .blc,
body.black #pickup .head h3,
body.black #news .head h3,
body.black #recruiting .head h3,
body.black .blc_people,
body.black .blc_people p,
body.black .blc_tourism.c_ptn01 h3,
body.black .blc_tourism.c_ptn01 p,
body.black .blc_tourism.c_ptn02 h3,
body.black .blc_tourism.c_ptn02 p,
body.black .blc_tourism.c_ptn03 h3,
body.black .blc_tourism.c_ptn03 p,
body.black .blc_tourism.c_ptn04 h3,
body.black .blc_tourism.c_ptn04 p,
body.black #news .head,
body.black .side ul,
body.black #side,
body.black table td,
body.black table th{
	background: #000 !important;
	color: #fff !important;
	border-color: #fff700 !important;
}

body.black #article,
body.black #side{
	border: none;
}
body.black a,
body.black #article h3,
body.black .blc_st ul.ptn_st li a,
body.black #pickup .blc ul li a,
body.black #news .blc ul li a,
body.black #recruiting .blc ul li a,
body.black .side ul li a,
body.black #side ul li a,
body.black ul.pan li,
body.black h3.title,
body.black h4,
body.black #article ul.list>li>a,
body.black #article .article_footer .ti,
body.black #article .pickup .blc ul li a,
body.black #side .category h2{
	color: #fff !important;
}
body.black #side .category a:hover h2{
	color: #000 !important;
}
body.black .blc_st ul.ptn_st li a:hover,
body.black #pickup .blc ul li a:hover,
body.black #news .blc ul li a:hover,
body.black #recruiting .blc ul li a:hover,
body.black .side ul li a:hover,
body.black #side ul li a:hover,
body.black #article .pickup .blc ul li a:hover,
body.black #article ul.list>li>a:hover,
body.black #side ul li a.active,
body.black #side .category a:hover{
	background-color: #fff700 !important;
	color: #000 !important;
}
body.yellow button,
body.yellow #header .head_sub .blc_font li,
body.yellow input,
body.yellow .blc_tourism_sub a.bn01 span,
body.yellow .blc_tourism_sub a.bn02 span{
	box-sizing: border-box;
	background-color:#fff700;
	border:1px solid #0005ff !important;
	color:#0005ff !important;
}
body.yellow #header .head_sub li.active{
	box-sizing:border-box;
	border:1px solid #000 !important;
	color:#000 !important;
	background: transparent !important;
}
.yellow,
body.yellow .space,
body.yellow #article,
body.yellow #article .article_inner,
body.yellow #article .pickup .blc,
body.yellow #recruiting .pickup .blc,
body.yellow .blc_st ul.ptn_st,
body.yellow #blc_access>div,
body.yellow #blc_access>div p span,
body.yellow #pickup .blc,
body.yellow #news .blc,
body.yellow #recruiting .blc,
body.yellow .blc_people,
body.yellow .blc_people p,
body.yellow .blc_tourism.c_ptn01 h3,
body.yellow .blc_tourism.c_ptn01 p,
body.yellow .blc_tourism.c_ptn02 h3,
body.yellow .blc_tourism.c_ptn02 p,
body.yellow .blc_tourism.c_ptn03 h3,
body.yellow .blc_tourism.c_ptn03 p,
body.yellow .blc_tourism.c_ptn04 h3,
body.yellow .blc_tourism.c_ptn04 p,
body.yellow #pickup .head,
body.yellow #news .head,
body.yellow #recruiting .head,
body.yellow .side ul,
body.yellow #side,
body.yellow table td,
body.yellow table th{
	background: #fff700 !important;
	color: #000 !important;
}
body.yellow #article,
body.yellow #side{
	border: none;
}
body.yellow a,
body.yellow .blc_st ul.ptn_st li a,
body.yellow #pickup .blc ul li a,
body.yellow #news .blc ul li a,
body.yellow #recruiting .blc ul li a,
body.yellow .side ul li a,
body.yellow #side ul li a,
body.yellow ul.pan li,
body.yellow #article ul.list>li>a,
body.yellow h3.title,
body.yellow h4,
body.yellow #article .article_footer .ti,
body.yellow #article .pickup .blc ul li a,
body.yellow #side .category h2{
	color: #000 !important;
}
body.yellow #side .category a:hover h2{
	color: #fff !important;
}
body.yellow .blc_st ul.ptn_st li a:hover,
body.yellow #pickup .blc ul li a:hover,
body.yellow #news .blc ul li a:hover,
body.yellow #recruiting .blc ul li a:hover,
body.yellow .side ul li a:hover,
body.yellow #side ul li a:hover,
body.yellow #side ul li a.active,
body.yellow #article ul.list>li>a:hover,
body.yellow #article .pickup .blc ul li a:hover,
body.yellow #side .category a:hover{
	background-color: #fff700 !important;
	color: #0005ff !important;
}
body.yellow #header #gl_nav li a,
body.yellow #footer .ft_ dl dd a,
body.yellow #footer .ft_foot .sub_nav li a{
	color: #0005ff !important;
}
body.yellow #blc_access>div a.btn{
	color: #fff !important;
}

body.blue .goog-te-gadget-simple .goog-te-menu-value span{
	color: #000 !important;
}
body.blue button,
body.blue #header .head_sub .blc_font li,
body.blue input,
body.blue .blc_tourism_sub a.bn01 span,
body.blue .blc_tourism_sub a.bn02 span{
	box-sizing: border-box;
	background-color:#0005ff;
	border:1px solid #fff !important;
	color:#fff !important;
}
body.blue #header .head_sub li.active{
	box-sizing:border-box;
	border:1px solid #fff700 !important;
	color:#fff700 !important;
	background: transparent !important;
	background-color:transparent;
}
body.blue .goog-te-gadget-simple .goog-te-menu-value span{
	color: #000 !important;
}
.blue,
body.blue .space,
body.blue #article,
body.blue #article h3,
body.blue #article .article_inner,
body.blue #article .pickup .blc,
body.blue #article .pickup .head p,
body.blue .blc_st ul.ptn_st,
body.blue #blc_access>div,
body.blue #blc_access>div p span,
body.blue .blc_st h3,
body.blue #pickup .head h3,
body.blue #news .head h3,
body.blue #recruiting .head h3,
body.blue #pickup .blc,
body.blue #news .blc,
body.blue #recruiting .blc,
body.blue .blc_people,
body.blue .blc_people p,
body.blue .blc_tourism.c_ptn01 h3,
body.blue .blc_tourism.c_ptn01 p,
body.blue .blc_tourism.c_ptn02 h3,
body.blue .blc_tourism.c_ptn02 p,
body.blue .blc_tourism.c_ptn03 h3,
body.blue .blc_tourism.c_ptn03 p,
body.blue .blc_tourism.c_ptn04 h3,
body.blue .blc_tourism.c_ptn04 p,
body.blue #news .head,
body.blue .side ul,
body.blue #side,
body.blue table td,
body.blue table th{
	background: #0005ff !important;
	color: #fff !important;
}
body.blue #article,
body.blue #side{
	border: none;
}
body.blue a,
body.blue .blc_st ul.ptn_st li a,
body.blue #pickup .blc ul li a,
body.blue #news .blc ul li a,
body.blue .side ul li a,
body.blue #side ul li a,
body.blue ul.pan li,
body.blue h3.title,
body.blue h4,
body.blue #article .article_footer .ti,
body.blue #article ul.list>li>a,
body.blue #article .pickup .blc ul li a,
body.blue #side .category a,
body.blue #side .category h2{
	color: #fff !important;
}
body.blue #side .category a:hover h2{
	color: #0005ff !important;
}
body.blue .blc_st ul.ptn_st li a:hover,
body.blue #pickup .blc ul li a:hover,
body.blue #news .blc ul li a:hover,
body.blue #article ul.list>li>a:hover,
body.blue .side ul li a:hover,
body.blue #side ul li a:hover,
body.blue #side ul li a.active,
body.blue #article .pickup .blc ul li a:hover,
body.blue #side .category a:hover{
	background-color: #fff700 !important;
	color: #0005ff !important;
}
body.blue #blc_access>div a.btn{
	background: #fff !important;
	color: #0005ff !important;
}
