/* ****************************************************

	Style for COMAPNY PAGE
	/japanese/company/common/css/style.css

***************************************************** */


/* main title
***************************************************** */

.title-area .btn-year {
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	width: 96px;
	height: 54px;
	background: #37a938;
}

@media screen and (min-width: 768px) {
	
	/* header
	***************************************************** */
	#header .spmenu-wrap { display: none !important; }
	
	
	/* gnav area
	***************************************************** */
	.gnav-area ul li { width: 18%; }
	.gnav-area ul li.info a { background: url(/english/common/img/gnav_info_1.png) no-repeat center center; }
	.gnav-area ul li.mind a {	background: url(/english/common/img/gnav_mind_1.png) no-repeat center center; }
	.gnav-area ul li.outline a { background: url(/english/common/img/gnav_outline_1.png) no-repeat center center; }
	.gnav-area ul li.company a { background: url(/english/common/img/gnav_company_1.png) no-repeat center center; }
	.gnav-area ul li.history a { background: url(/english/common/img/gnav_history_1.png) no-repeat center center; }
	.gnav-area ul li.factory a { background: url(/english/common/img/gnav_factory_1.png) no-repeat center center; }
	.gnav-area ul li.contact a { background: url(/english/common/img/gnav_contact_1.png) no-repeat center center; }
	.gnav-area ul li.factory, .gnav-area ul li.contact { width: 14%; }
	.gnav-area ul li a:hover { background-color: #009944; }
	
}

@media screen and (max-width: 767px) {
	
	/* header
	***************************************************** */
	#header .spsearchmenu { display: none !important; }
	#header .spmenu-wrap { background: #000; }
	#header .spmenu-wrap li a { font-size: 12px !important; }


	/* gnav
	***************************************************** */
	#gnav { display: none; }
	
	.title-area .btn-year {
		display: table;
		position: absolute;
		right: 0;
		top: 0;
		background: #37a938;
		width: 64px;
		height: 45px;
	}
	
	
	/* spmenu
	***************************************************** */
	/*.header-area .spmenu-wrap .spmenu-list li.contact { width: 100% !important;}*/
	
}


@media screen and (max-width: 767px) {

	.snav-area {
		display: none;
		height: auto;
		background: none;
	}
	.snav-area-inner {
		width: 100%;
		height: auto;
		background: none;
	}
	.snav-area .company-list {
		background: #dbeeca;
	}
	.snav-area .company-list li {
		float: left;
		margin-bottom: 0;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		width: 33%;
		background: #dbeeca;
		text-align: center;
	}
	.snav-area .company-list li:nth-child(3n+3) {
		border-right: 1px solid #dbeeca;
		width: 34%;
	}
	.snav-area .company-list li:nth-child(n+10) {
		border-bottom: none;
	}
	.snav-area .company-list li a {
		position: relative;
		display: block;
		padding: 10px 0;
		width: 100%;
		height: 40px;
		color: #313131;
		font-weight: bold;
		line-height: 1.3;
		text-decoration: none;
	}
	.snav-area .company-list li a.line2 {
		padding: 3px 0 3px;
	}
	.snav-area .company-list li.older a {
		padding: 2px 0;
	}
	.snav-area .company-list li a:hover {
		background: #edf7e5;
	}
	.snav-area .company-list li a span {
		position: relative;
	}
	
	
	.footer-area ul {
		text-align: center;
		padding: 10px 0px;
	}
	.footer-area ul li {
		float: none;
		width: auto;
		display: inline-block;
	}
	.footer-area ul li:first-child {
		display: inline-block;
		width: auto;
		border-bottom: none;
		border-left: none;
		border-right: 1px solid #c1c1c1;
	}
	.footer-area ul li a { padding: 0px; }
	
	.footnav-area ul li a { font-size: 12px !important; }
	.footnav-area ul li.history,.footnav-area ul li.contact { border-bottom: 1px solid #cacaca !important; }
	/*.footnav-area ul li.contact {	width: 100%; }
	.footnav-area ul li.contact a { text-align: center !important; }*/
	
}