@charset "utf-8";

/* ----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/

/* Category Title */
.categoryTop #contents:before { background: transparent url("/company/images/categoryTitle.jpg")  no-repeat center center; }
.globalCnt   #contents:before { background: transparent url("/company/images/categoryTitle2.jpg") no-repeat center center; }

.globalCnt #contents h2 ,
.globalCnt #contents h2 a     { color: #fff; }
.globalCnt #contents h2:after { background: #fff; }

/* GlobalNav */
.company header #globalNav ul li a[href*="company"] { background: #fff; }

/* LocalNav */
#outline      #secondary #localNav dl dd a[href*="outline"]      ,
#philosophy   #secondary #localNav dl dd a[href*="philosophy"]   ,
#officer      #secondary #localNav dl dd a[href*="officer"]      ,
#organization #secondary #localNav dl dd a[href*="organization"] ,
#history      #secondary #localNav dl dd a[href*="history"]      ,
#branch       #secondary #localNav dl dd a[href*="branch"]       ,
#group        #secondary #localNav dl dd a[href*="group"]        ,
#factory      #secondary #localNav dl dd a[href*="factory"]      ,
#financial    #secondary #localNav dl dd a[href*="financial"]    ,
#announcement #secondary #localNav dl dd a[href*="announcement"] { background: #eee; }



/* ----------------------------------------------------------
 Company > index.html
-----------------------------------------------------------*/

#coIndex h3 {
	font-size: 1.75rem;
	line-height: 2.5rem;
	}


/*---------- companyNav ----------*/

#companyNav {
	}
	#companyNav ul {
		margin: 0;
		}
		#companyNav ul li {
			float: left;
			}
			#companyNav ul li:nth-of-type(1)  ,
			#companyNav ul li:nth-of-type(2)  ,
			#companyNav ul li:nth-of-type(3)  ,
			#companyNav ul li:nth-of-type(4)  ,
			#companyNav ul li:nth-of-type(5)  ,
			#companyNav ul li:nth-of-type(6)  { width: 400px; }
			#companyNav ul li:nth-of-type(7)  ,
			#companyNav ul li:nth-of-type(8)  ,
			#companyNav ul li:nth-of-type(9)  { width: 300px; }
			#companyNav ul li:nth-of-type(10)  { float: right; width: 300px; }
			#companyNav ul li:nth-of-type(11) { width: 900px; }
			
			#companyNav ul li a {
				padding: 25px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				font-size: 1.25rem;
				color: #333;
				line-height: 1.35;
				white-space: nowrap;
				transition: all ease-out .3s;
				}
				#companyNav ul li a[href$="outline.html"]      { height: 240px; background: transparent url("/company/images/bnrOutline.jpg")      no-repeat; }
				#companyNav ul li a[href$="philosophy.html"]   { height: 240px; background: transparent url("/company/images/bnrPhilosophy.jpg")   no-repeat; }
				#companyNav ul li a[href$="businessSec"]       { height: 240px; background: transparent url("/company/images/bnrBusiness.jpg")     no-repeat; color: #fff; }
				#companyNav ul li a[href$="officer.html"]      { height: 240px; background: transparent url("/company/images/bnrOfficer.jpg")      no-repeat; }
				#companyNav ul li a[href$="organization.html"] { height: 240px; background: transparent url("/company/images/bnrOrganization.jpg") no-repeat; }
				#companyNav ul li a[href$="history.html"]      { height: 240px; background: transparent url("/company/images/bnrHistory.jpg")      no-repeat; color: #fff; }
				#companyNav ul li a[href$="branch.html"]       { height: 200px; background: transparent url("/company/images/bnrBranch.jpg")       no-repeat; }
				#companyNav ul li a[href$="group.html"]        { height: 200px; background: transparent url("/company/images/bnrGroup.jpg")        no-repeat; color: #fff; }
				#companyNav ul li a[href$="factory.html"]      { height: 200px; background: transparent url("/company/images/bnrFactory.jpg")      no-repeat; color: #fff; }
				#companyNav ul li a[href$="financial.html"]    { height: 380px; background: transparent url("/company/images/bnrFinancial.jpg")    no-repeat; color: #fff; }
				#companyNav ul li a[href$="announcement.html"] { height: 180px; background: transparent url("/company/images/bnrAnnouncement.jpg") no-repeat; }
				
				#companyNav ul li a:hover {
					box-shadow: inset 0 0 0 8px rgba(255,255,255,0.6);
					}


/* ----------------------------------------------------------
 Company > outline.html
-----------------------------------------------------------*/

#outline table th { width: 17.5em; }
#outline p + table { margin-top: 30px; }



/* ----------------------------------------------------------
 Company > philosophy.html
-----------------------------------------------------------*/

#philosophy #philosophySec {
	}
	#philosophy #philosophySec h4:nth-last-of-type(1) { margin-top: 40px; }


#philosophy #guidelineSec {
	}
	#philosophy #guidelineSec .guidelineBox {
		margin: 0 0 40px;
		}
		#philosophy #guidelineSec .guidelineBox h5 {
			margin: 0 0 8px; padding: 0;
			font-size: 1.375rem;
			font-weight: bold;
			background: none;
			}

	#philosophy #guidelineSec .guidelineBox dl {
		margin: 0;
		}
		#philosophy #guidelineSec .guidelineBox dl dt {
			margin: 0 0 5px;
			font-size: 1.125rem;
			font-weight: bold;
			}
		#philosophy #guidelineSec .guidelineBox dl dd {}



/* ----------------------------------------------------------
 Company > director.html
-----------------------------------------------------------*/

#director table {
	}
	#director table th      { width: 13em; }
	#director table th + td { width: 11em; }
	#director table td + td { font-size: 0.875rem; }



/* ----------------------------------------------------------
 Company > branch.html
-----------------------------------------------------------*/

#branch table th      { width: 13em; }
#branch table td + td { width: 15em; }

#branch table th.cb   { width: 57px; }

/* ----------------------------------------------------------
 Company > factory.html
-----------------------------------------------------------*/

#factory p.faImage {
	margin: 0 0 35px;
	}
#factory p.jicImage {
	float: right;
	margin: -15px 0 25px;
	}



/* ----------------------------------------------------------
 Company > financial.html
-----------------------------------------------------------*/

#financial #financialSec {
	}
	#financial #financialSec ul {
		}
		#financial #financialSec ul li {
			position: relative;
			padding: 8px 10px 8px 20px;
			background: linear-gradient(to right, #333 25%, rgba(255,255,255,0) 0%) repeat-x left bottom;
			background-size: 4px 1px;
			}
			#financial #financialSec ul li:before {
					position: absolute;
					left: 3px; top: 50%;
					width: 5px; height: 5px;
					content: "";
					display: block;
					visibility: visible;
					border-top:   2px solid #0666a8;
					border-right: 2px solid #0666a8;
					transform: translateY(-50%) rotate(45deg);
				}

/* ----------------------------------------------------------
 Company > announcement.html
-----------------------------------------------------------*/

#announcement #announcementSec {
	}
	#announcement #announcementSec ul {
		}
		#announcement #announcementSec ul li {
			position: relative;
			padding: 8px 10px 8px 20px;
			background: linear-gradient(to right, #333 25%, rgba(255,255,255,0) 0%) repeat-x left bottom;
			background-size: 4px 1px;
			}
			#announcement #announcementSec ul li:before {
					position: absolute;
					left: 3px; top: 50%;
					width: 5px; height: 5px;
					content: "";
					display: block;
					visibility: visible;
					border-top:   2px solid #0666a8;
					border-right: 2px solid #0666a8;
					transform: translateY(-50%) rotate(45deg);
				}