@charset "UTF-8";

/*/EN/*/
#mainColumn figure.img {margin:10px;}
.bg-fixed {top: 0px;}
.bg-fixed:before {background: url("/vegefactory/common/img/bg_left001.png") no-repeat;}
.bg-fixed:after {background: url("/vegefactory/common/img/bg_right001.png") no-repeat;}

#header .subNav {
    font-size: 100%;
}
#header .subNav li {
    vertical-align: middle;
	margin: 0;
}
#header .subNav li.purisite {
    font-size:0;
}
#header ul.language {
	display: inline-block;
    font-size: 1.0em;
}
#header li.language{
	margin:4px 10px 0px 0px;
	color:#595959;
}
#header li.language a{
	display: inline-block;
    vertical-align:top;
	text-decoration: none;
    color: #FFF;
}
/*
#header .subNav li.language a{
	width:75px;
	height:40px;
	text-indent: 130%;
	white-space: nowrap;
	overflow: hidden;
	background: url("/vegefactory/en/common/img/lang_jp.png") no-repeat 0 70%;
	background-size: contain;
	margin-right:10px;
}
*/
#header .subNav li.oficialsite a  {
	width:90px;
	height:40px;
	background: url("/vegefactory/en/common/img/logo_white01.png") no-repeat 0 35%;
	background-size: contain;
	margin-right:8px;
}
#header .subNav li.purisite a  {
	width:80px;
	height:50px;
	background: url("/vegefactory/common/img/logo_white02.png") no-repeat 0 35%;
	background-size: contain;
	margin-right:8px;
}
#header .language a:hover,.purisite a:hover {
	opacity: 0.8;
}
#footer .powered span {
    background: url(/vegefactory/en/common/img/logo_footer01.png) no-repeat 50% 50%;
	background-size: 100%;
}
/*responsive------------------------------*/
@media screen and (max-width: 640px) {
	.bg-fixed {
		display:none !important;
	}
}
@media screen and (max-width: 640px) {
	#header .subNav li.purisite a {
		background-size: 80px;
		margin-right: 10px;
		width: 80px;
		height: 50px;
	}
}	
@media screen and (max-width: 640px) {
	#header .subNav li.download,
	#header .subNav li.contact {
		display: none;
	}
}

#header .logo a,
#header .logo > span {
	height: 58px;
    font-size: 16px;
	line-height: 58px;
	padding-left: 160px;
}
@media screen and (max-width: 1024px) {
	#header .logo a,
	#header .logo > span {
	    background-size: 120px;
	    padding-left: 134px;
	}
}
@media screen and (max-width: 830px) {
	#header .logo a,
	#header .logo > span {
	    text-indent: 130%;
	    white-space: nowrap;
	    overflow: hidden;
	    width:130px;
	}
}
@media screen and (max-width: 830px) {
	#header .logo a,
	#header .logo > span {
	    text-indent: 130%;
	    white-space: nowrap;
	    overflow: hidden;
	    width:130px;
	}
}
#header .subNav li.contact a,
#header .subNav li.download a {
	font-size: 16px;
}
@media screen and (max-width: 1024px) {
	#header .subNav li.contact a,
	#header .subNav li.download a {
	    font-size: 15px;
	    letter-spacing: -0.05em;
	    padding: 16px 15px 16px 55px;
	}
	#header .subNav li.oficialsite a,
	#header .subNav li.purisite a {
		margin-right: 10px;
	}
}

@media screen and (max-width: 768px) {
	#header .subNav li.contact a,
	#header .subNav li.download a {
	    font-size: 12px;
	    letter-spacing: -0.02em;
	    padding-left: 45px;
	}
}
/*SP------------------------------*/
@media screen and (max-width: 640px){
#header .subNav li.language {
	width:85px;
	font-size: 0.8em;
	margin:0px 0px 8px 0px;
	}
}
@media screen and (max-width: 640px){
#header .subNav li.oficialsite a {
    background-size:60px;
	width:60px;
	margin-right:0px;
	background-position: 0 10%;
	}
}
@media screen and (max-width: 640px){
#header .subNav li.purisite a {
	background-size: 50px;
    width: 50px;
    margin-right:0px;
	}
}
@media screen and (max-width: 640px){
#header .logo a,
#header .logo span {
	background-size:110px;
	padding-left:10px;
	}
}
/*SP/End------------------------------*/