@charset "utf-8";

/*****************************************
		Background Color [Yellow]
*****************************************/
html {
	background: none !important;
	background-color: #FF0 !important;
	color: #333 !important;
}
a { transition: 0s; }
a:link { color: #00F; }
a:visited {	color: #00F; }
a:hover { color: #F00; }
a:active { color: #F00; }
#container,
#wrapper,
#main,
.optionGroup,
.calendar_page table,
.fileDL,
.faqCollection,
.relPage,
.reference,
.enquete,
#calendarAll,
#calendar7th table,
#dirIndexQA,
#mapList,
#mapNav ul,
#dirNews,
#contents table th,
.contentsCalendar table th,
.linkMapBox { background: none; }
#cboxTitle { color: #FE7; }
.cNavLink a { color: #00F !important; }
/*****************************************
				Header
*****************************************/
#header {
	background: #FF0;
}
#headerInner {
	background: #FF0;
}
#sizeChangerBtn,
#colorChangerBtn {
	text-shadow: none;
	color: #000;
}
#logoTitle a {
	background: url("../../img/header/logo_title_bk.png") 0 0 no-repeat;
	background-size: 100% auto;
    background-position: 0 50%;
}
/*****************************************
			Global Navigation
*****************************************/
#gNav ul li a,
#gNav ul li a:hover { color: #00F; }
#navToggle {
	background: #00F;
}
#navToggle:hover {
	background: #06D;
}
#menuBox {
	background: #FE7;
}
#menuBox a {
	color: #000;
	border-bottom: 1px solid #000;
}
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	background: #FE7;
	color: #00F;
}
#topicpath ol li a {
	color: #00F;
}
#topicpath ol li.first a {
	background: #00F;
	padding: 0;
}
/*****************************************
			Category Title
*****************************************/
#categoryTitle {
	border-bottom: 4px solid #00F;
}
/*****************************************
			Local Navigation
*****************************************/
#lNav {
	padding: 25px 0 0 0;
}
#lNav ul {
	border: 2px solid #00F;
}
#lNav ul li a {
	color: #00F;
}
#categoryNav ul li a {
	background: #FF0;
	border: 1px solid #00F;
	box-sizing: border-box;
	text-decoration: none;
}
/*****************************************
			Page Title
*****************************************/
#pageTitle,
.newsTitle {
	height: 150px;
	background: #FF0;
	padding:20px 0;
	margin: 0 0 20px 0;
	border: none;

}
#pageTitle.TEAM .innerTitle,
#pageTitle.TOUR .innerTitle,
#pageTitle.WOKERS .innerTitle,
#pageTitle.RECRUIT .innerTitle,
#pageTitle.ENVIRONMENT .innerTitle,
#pageTitle.ACCESS .innerTitle,
#pageTitle.CONTACT .innerTitle,
#pageTitle.SITEMAP .innerTitle {
	height: auto;
	background: #FF0;
	padding: 10px 10px 12px 15px;
	color: #000;
	white-space: normal;
	text-indent: inherit;
	margin: 0 auto;
}
/*****************************************
				Contents
*****************************************/
#contents,
.contentsCalendar {
	background: none;
	box-shadow: none;
	border: none;
}
/*****************************************
				Title
*****************************************/
#contents h2,
.contentsCalendar h2,
#contents h3,
.contentsCalendar h3,
#contents h4,
.contentsCalendar h4,
#contents h5,
.contentsCalendar h5,
#contents h6,
.contentsCalendar h6 {
	background: #FE7;
	height: auto;
	padding: 5px 5px 3px 13px;
	border: 1px solid #00F;
	font-size: 129%;
	font-weight: bold;
	color: #333;
	border-radius: 0;
}
#contents h2 a,
.contentsCalendar h2 a,
#contents h3 a,
.contentsCalendar h3 a,
#contents h4 a,
.contentsCalendar h4 a,
#contents h5 a,
.contentsCalendar h5 a,
#contents h6 a,
.contentsCalendar h6 a { color: #00F; }
/*****************************************
	WYSIWYG Contents Inner Elements
*****************************************/
#contents th,
#contents td { background-color: transparent !important; }
/*****************************************
				Footer
*****************************************/
#footer {
	background: #FF0;
}
#footerInner {
	background: #FE7;
}
#footerLogo {
	background: url("../../img/footer/footer_logo_blk.png") 0 0 no-repeat;
	background-size: 100% auto;
}
#footerNav ul li a {
	background-color: #009;
	color: #00F;
	border-color: #00F;
}
#footerNav ul li a:hover {
	color: #F00;
}
#copyright {
	background: #FF0;
}
#copyright p {
	color: #000;
}
#contactMail {
	background: none;
	border: 1px solid #00F;
	color: #00F;
	padding: 0;
}
#contactMail:hover {
	background: #00F;
	color: #FFF;
}
#footerSubNav ul li a {
	color: #00F;
}
#footerSubNav ul li a:hover {
	color: #F00;
}
/*****************************************
			Directory News
*****************************************/
#dirNews { background: #FF0; }
#dirNews h3 {
	background: #FE7;
	padding: 6px 10px;
	border: 2px solid #00F;
	box-sizing: border-box;
	color: #00F;
}
#dirNewsList {
	border-top: 2px solid #00F;
	border-bottom: 2px solid #00F;
}
#dirNews dl {
	border-top: 1px dotted #00F;
}
#dirNews dl dt {
	color: #333;
}
#dirNews dl dd a {
	color: #00F;
}
#btn_newslist {
	background: #00F;
	color: #FF0;
}
/*****************************************
			Directory Index
*****************************************/
.dirIndex,
#dirRelInfo,
#dirRel .dirIndex,
.dirRelIndex,
#dirIndexQA,
.dirIndexImage {
	background: none;
	border: 2px solid #00F;
	box-sizing: border-box;
}
.dirIndex h3,
#dirRelInfo h3,
#dirRel .dirIndex h3,
.dirRelIndex h3,
#dirIndexQA h3,
.dirIndexImage h3 {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #00F;
	color: #00F;
}
.dirIndex h3 a,
#dirRelInfo h3 a,
.dirRelIndex h3 a,
#dirIndexQA h3 a,
.dirIndexImage h3 a {
	color: #00F;
}
.dirIndex h3 a:hover,
#dirRelInfo h3 a:hover,
.dirRelIndex h3 a:hover,
#dirIndexQA h3 a:hover,
.dirIndexImage h3 a:hover {
	color: #333;
}
.dirIndexTitle p,
#dirRelInfo .dirIndexTitle p {
	background: none;
	margin: 5px 0 0 74px !important;
	padding: 0 !important;
	color: #00F;
	border: none;
}
.dirIndex ul li p,
#dirRelInfo ul li p {
	border: none;
	border-left: solid 2px #00F;
}
.dirIndex ul li,
#dirRelInfo ul li,
.dirRelIndex ul li,
#dirIndexQA ul li,
.dirIndexImage ul li {
	border-top: 1px dotted #00F;
}
.dirIndex ul li a,
#dirRelInfo ul li a,
.dirRelIndex ul li a,
#dirIndexQA ul li a,
.dirIndexImage ul li a {
	color: #00F;
}
.dirIndex ul li a:hover,
#dirRelInfo ul li a:hover,
.dirRelIndex ul li a:hover,
#dirIndexQA ul li a:hover,
.dirIndexImage ul li a:hover {
	color: #333;
}
.dirIndexContents {
	color: #00F;
}
#searchQA {
	background: #FE7;
	border-color: #00F;
}
#field_search_QA {
	background: none;
	border: none;
	color: #333;
}
/*****************************************
		Directory Image List
*****************************************/
.dirImageBoxList .dirTitle {
	background: #FE7;
	padding: 3px 10px;
	border: 2px solid #00F;
	color: #00F;
}
.dirImageBoxList .dirTitle a {
	color: #00F;
}
.dirImage {
	border: solid 3px #00F;
}
.dirImageBoxList .dirImageBox {
	background: none;
	border: solid 1px #00F;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle {
	background: #00F;
	color: #FF0;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a {
	color: #FF0;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a:hover {
	color: #C03;
}
/*****************************************
				Top
*****************************************/
#topBlock,
#middleBlock,
 #bottomBlock {
	background: #FE7;
}
#topBlock .innerBlock h2 {
	background: url("../../img/top/contents/intro_team_blk.png") 100% 0 no-repeat;
}
#middleBlock .innerBlock h2 {
	background: url("../../img/top/contents/intro_workers_blk.png") 0 0 no-repeat;
}
#bottomBlock .innerBlock h2 {
	background: url("../../img/top/contents/working_blk.png") 100% 0 no-repeat;
}
#topBlock .innerBlock .blockDetail a.more,
#middleBlock .innerBlock .blockDetail a.more,
 #bottomBlock .innerBlock .blockDetail a.more,
.btn_newslist {
	background: none;
	border: 1px solid #00F;
	color: #00F !important;
}
#topBlock .innerBlock .blockDetail a.more:hover,
#middleBlock .innerBlock .blockDetail a.more:hover,
 #bottomBlock .innerBlock .blockDetail a.more:hover,
.btn_newslist:hover {
	background: #00F;
	color: #FFF !important;
}
#catchcopy span {
	color: #000;
}
#news h2 {
	background: url("../../img/top/contents/information_blk.png") 0 0 no-repeat;
}
.newsContentsInner dl dt {
	background: #FE7;
	color: #000;
}
.newsContentsInner dl dd a {
	color: #00F;
}
.newsContentsInner dl dd a:hover {
	color: #F00;
}
#access h2 {
	background: url("../../img/top/contents/access_blk.png") 0 0 no-repeat;
}
/*****************************************
				Other
*****************************************/
.section,
.section.blue,
.section.green,
.section.yellow {
	background: none;
	border: 1px solid #00F;
}

@media screen and (max-width: 1024px) {
	#logoTitle a { 
		background: url("../../img/header/logo_title_sp_bk.png") 0 50% no-repeat !important;
		background-size: 100% auto !important;
	}
	#footerLogo {
		background-size: auto 11vw;
	}
	#pageTop {
		background-size: 40px auto;
	}
	#topBlock .innerBlock h2,
	#middleBlock .innerBlock h2,
	#bottomBlock .innerBlock h2 {
		background-position: 50% 50%;
	}
}
@media screen and (max-width: 599px) {
	#logoTitle a { 
		background-size: auto 40px !important;
		background-position: 0 50%;
	}	
	#sizeChangerBtn,
	#colorChangerBtn {
		border: 1px solid #00F;
		background: #FE7;
	}
	#sizeChangerBox,
	#colorChangerBox {
		border: 1px solid #00F;
		background: #FE7;
	}
}