@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

@charset "utf-8";
html {
	height: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
}

.pc{
	display:none!important;
}

.sp{
	display:block!important;
}

*{
	box-sizing:border-box;
	font-size:16px;
}

sub{
	vertical-align:sub;
	font-size:68%;
}

sup{
	vertical-align:super;
	font-size:68%;
}

img {
	max-width: 100%;
}

@media screen and (max-width:640px) {
	body #body_inner {
		position:absolute!important;
		top:0!important;
	}
	.pc{
		display:block!important;
	}	
	.sp{
		display:none!important;
	}
}
body {
	*font: 82% sans-serif;
	*font-size:small;
	*font:x-small;
	margin: 0;
	min-height: 100%;
	color: #333;
	font: 13px sans-serif;
	line-height: 1.7;
	font-family: 'Arial', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, sans-serif;
	background-color:#e4e4e4;
	-webkit-text-size-adjust: 100%;
}

#body_inner{
	min-width: 1024px;
}

.fl{ float: left;width:200px }
.fr{ float: left; }

@media screen and (max-width:640px) {
	#body_inner{
		width: 100%;
		min-width: auto;
	}
}



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

Header

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


/* wrap

------------------------------------------------------------------------ */


html, legend {
	color: #000;
}
.no_rwd h1, .no_rwd h2, .no_rwd h3, .no_rwd h4, .no_rwd h5, .no_rwd h6, .no_rwd li, .no_rwd p, .no_rwd td, fieldset, img {
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNzRGQUI5MDNCRTgxMUUzOUVDM0UzNDJDMjUxNTU2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNzRGQUI5MTNCRTgxMUUzOUVDM0UzNDJDMjUxNTU2RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3NEZBQjhFM0JFODExRTM5RUMzRTM0MkMyNTE1NTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3NEZBQjhGM0JFODExRTM5RUMzRTM0MkMyNTE1NTZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAAAsAAAAAAEAAQAAAgJEAQA7);
	background-repeat: no-repeat;
}
a,
a:active,
a:link,
a:visited,
del,
ins {
	color: #262626;
	text-decoration: none;
}

a.gray:hover,
a:hover {
	color: #367eb3;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
}

a img{
	-webkit-transition: 0.2s ease-out;
	-moz-transition:	0.2s ease-out;
	-ms-transition:		0.2s ease-out;
	-o-transition:		0.2s ease-out;
	transition:			0.2s ease-out;
}
a:hover img {
	opacity:0.6 !important;
	filter: alpha(opacity=60) !important;
	-ms-filter: "alpha( opacity=60 )" !important;
}

a.gray,
*.gray{ color: #acacac; }

.inner {
	filter: alpha(opacity=100);
}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, optgroup, strong, th, var {
	font-weight: inherit;
	font-style: inherit;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 120%;
	font-weight: 600;
}
button, input, optgroup, option, select, textarea {
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
}
button, input, select, textarea {
	font: 99%;
}
.blurb p, .error, .paragraph .day.bold, em, strong {
	font-weight: 700;
}

.content{font-size:16px}

/* for modern browsers */
.clearfix:before,
.clearfix:after { display:table; content:""; }
.clearfix:after { clear:both; }
/* for IE6/7 */
.clearfix { zoom:1; }

img {
	vertical-align: bottom;
}
#js-gnav-layer {
	width: 100%;
	height: 100px;
	opacity: .6;
	display: none;
	position: absolute;
	left: 0;
	z-index: 10;
}
.gnav01,
.gnav02,
.gnav03,
.gnav04,
.gnav05,
.gnav06 ,
.gnav07 {
	z-index: 100;
}
#Head {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
	min-width: 1024px;
}

#Head_bar{
	height: 34px;
	background: #f6f6f6;
	border-bottom: 1px solid #ececec;
	text-align: center;
	position: relative;
	z-index: 10000;
}
@media screen and (max-width:1024px) {
	#Head_bar{ display: none; }
}
#Head_bar_inner{
	height: 34px;
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

#head_inner {
	margin: 0 auto;
	width: 1024px;
	height: 96px;
	position: relative;
}
@media screen and (max-width:1024px) {
	#head_inner {
		width: auto;
		height: 72px;
		margin-right: 144px;
	}
}

#Head #headLogo {
	position: absolute;
	width: 128px;
	top: 18px;
	left: 0;
}
#Head #headLogo img{
	width: 100%;
}

#Head .search-form-sp,
#Head .search-icon-sp{
	display: none;
}

@media screen and (max-width:1024px) {
	#Head {
		border-bottom: 1px solid #e6e6e6;
		height: 72px;
		min-width: auto;
	}
	#Head #headLogo {
		position: absolute;
		top: 20px;
		left:20px;
		z-index:1000;
	}
	
	#Head #headLogo span img{
		width:80%;
	}

}

#Head #Head_menu {
	float: right;
	font-size: 14px;
	height: 34px;
}
#Head #Head_menu ul{
	height: 34px;
}
#Head #Head_menu a,
#Head #Head_menu span{
	font-size: 14px;
	font-weight: 700;
}

#Head_menu_sp{
	display: none;
}

@media screen and (max-width:1024px) {
	#Head_menu {
		display:none;
	}
	#Head_menu .sp_submenu{
		width: 100%;
	}
	#Head_menu_sp{
		margin-top: 20px;
		display: block;
	}
	#Head_menu_sp div{
		padding: 20px;
		border-top: 1px solid #828383;
	}
	#Head_menu_sp div div{
		padding: 0;
		border: none;
	}
	#Head_menu_sp a,
	#Head_menu_sp span{
		margin-right: 1.2em;
		padding: 0;
		width: auto;
		height: 20px;
		display: inline-block;
		float: none;
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
	}
	#Head_menu_sp span.parts-sp{
		padding-right: 14px;
		background: url(../images/icon_arrow_down.png) right center no-repeat;
		background-size: 9px 7px;
	}
	#Head_menu_sp span.parts-sp.active{ background-image: url(../images/icon_arrow_up.png); }
	#Head_menu_sp span.global-sp{
		padding-right: 20px;
		padding-left: 10px;
		background: url(../images/icon_arrow_down.png) right 5px center no-repeat;
		background-color: white;
		background-size: 9px 7px;
	}
	#Head_menu_sp span.global-sp.active{ background-image: url(../images/icon_arrow_up.png); }
	#Head_menu_sp .mg0{
		margin: 0;
	}
	#Head_menu_sp span.logout{display:none;}
	#Head_menu_sp span.logout .viplogin{text-transform: none;}
	#Head_menu_sp span.logout .logout{margin-left:12px}
	#Head_menu_sp span.logout .viplogin,
	#Head_menu_sp a.login{
		margin-right: 0;
		padding-left: 28px;
		background: url(../images/icon_login.png) left center no-repeat;
		display: inline-block;
	}

	#Head_menu_sp .parts-list-sp,
	#Head_menu_sp .global-list-sp,
	#Head_menu_sp .lang-list-sp{
		display: none;
	}
	#Head_menu_sp .parts-list-sp a,
	#Head_menu_sp .global-list-sp a,
	#Head_menu_sp .lang-list-sp a{
		margin: 10px 10px 0 0;
		padding: 0 10px 0 0;
		height: 18px;
		height: auto;
		border-right: 1px solid #8a8a8a;
		font-size: 12px;
		font-weight: 700;
		line-height: 18px;
		line-height: 1.4;
	}
	#Head_menu_sp .parts-list-sp a:last-child,
	#Head_menu_sp .global-list-sp a:last-child,
	#Head_menu_sp .lang-list-sp a:last-child{
		border: none;
	}

	#Head_menu_sp span.lang-sp{
		background: url(../images/img_en.png) right 40px center no-repeat;
		background-size: 22px 20px;
	}
	#Head_menu_sp span.lang-sp span{
		background: url(../images/icon_arrow_down.png) right 10px center no-repeat;
		background-size: 9px 7px;
		padding-right: 56px;
	}
	#Head_menu_sp span.lang-sp.active span{
		background-image: url(../images/icon_arrow_up.png);
	}
	.mean-container .mean-nav{
		position: absolute;
		background: none;
		float: none;
		background: rgba(255,255,255,0.95) !important;
		z-index: 100;
	}
	.mean-container .mean-nav ul li a,
	.mean-container .mean-nav ul li span{
		padding: 0;
		margin: 0;
		height: 48px;
		font-size: 16px;
		line-height: 48px;
	}
	.mean-container .mean-nav ul li .link,
	.mean-container .mean-nav ul li .drop{
		margin: 0 20px;
	}
	.mean-container .mean-nav ul li .drop span{float:left;clear:both;margin:0 20px;padding:0}
	.mean-container .mean-nav ul li .link span{
		padding: 0;
		margin: 0;
	}


	.mean-container .mean-nav ul li img{
		display: inline-block;
	}
	.mean-container .mean-nav ul li .link{
		background: url(../images/icon_spmenu_link.png) right center no-repeat !important;
		background-size: 14px 14px !important;
	} 
	.mean-container .mean-nav ul li span > span{float: left;clear: both;margin: 0 20px;}
	.mean-container .mean-nav ul li{
		position: relative;
	}
	.mean-container .mean-nav ul li a.mean-expand{
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		height: 48px;
		background: url(../images/icon_spmenu_open.png) right 20px center no-repeat transparent !important;
		background-size: 14px 14px !important;
		overflow: hidden;
		top: 0%;
		right: 0;
		line-height: 48px;
		text-indent: -9999em;
	}
	.mean-container .mean-nav ul li a.mean-clicked{
		background-image: url(../images/icon_spmenu_close.png) !important;
	} 
	.mean-container .mean-nav ul li ul.sp_submenu .sp_submenu_head_title{
		font-size:14px;font-weight: bold;position: relative;padding: 10px 0 10px 20px;clear:both;
	}
	.mean-container .mean-nav ul li ul.sp_submenu .sp_submenu_head_technology_link{
		padding:0;    height: auto;line-height: 28px;
	}
	.mean-container .mean-nav ul li ul.sp_submenu .sp_submenu_head_title::before{
		margin-top: -0.5em;
    		width: 1em;
    		display: block;
   		position: absolute;
    		top: 50%;
    		left: 0;
    		line-height: 1em;
    		text-align: center;
    		content: "+";
    		color:#818181;
	}
	.mean-container .mean-nav ul li ul.sp_submenu .left{
		width: 50%;
		float: left;
	}
	.mean-container .mean-nav ul li ul.sp_submenu li{
		float: none;
		padding: 0 20px;
		width: auto;
	}
	.mean-container .mean-nav ul li ul.sp_submenu .right{
		width: 50%;
		float: right;
	}
	.mean-container .mean-nav ul li ul.sp_submenu .left a,
	.mean-container .mean-nav ul li ul.sp_submenu .right a{
		box-sizing: border-box;
		padding: 10px 0 10px 20px;
		width: 100% !important;
		height: auto !important;
		display: block;
		position: relative;
		color: #818181;
		font-size: 13px;
		line-height: 1.5;
	}
	.mean-container .mean-nav ul li ul.sp_submenu .left a::before,
	.mean-container .mean-nav ul li ul.sp_submenu .right a::before{
		margin-top: -0.5em;
		width: 1em;
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		line-height: 1em;
		text-align: center;
		content: "+";
	}
}
#Head #Head_menu ul li{
	position: relative;
	float: left;
	height: 34px;
	vertical-align: top;
}
#Head #Head_menu ul li.support,
#Head #Head_menu ul li.global{
	margin-right: 50px;
}
#Head #Head_menu ul li.global{
	margin-right: 0px;
}
#Head #Head_menu ul li.support span,
#Head #Head_menu ul li.global span{
	border: none;
}

#Head #Head_menu ul li a,
#Head #Head_menu ul li span{
	display: inline-block;
	height: 34px;
	cursor: pointer;
	color: #656565;
}
#Head #Head_menu ul li a:hover,
#Head #Head_menu ul li span:hover{
	color: #367eb3;
}
#Head #Head_menu ul li a span,
#Head #Head_menu ul li span span{
	padding: 0 15px;
	margin: 10px 0;
	display: block;
	height: 14px;
	line-height: 14px;
	border-right:1px solid #d7d7d7;
}
#Head #Head_menu ul li.parts div,
#Head #Head_menu ul li.language div{
	padding: 5px 10px;
	width: 200px;
	background: #f6f6f6;
	display: none;
	position: absolute;
	left: 0;
	top: 34px;
	z-index: 1000;
}
#Head #Head_menu ul li.parts div a,
#Head #Head_menu ul li.language div a{
	height: auto;
	line-height: 1.6;
}

#Head #Head_menu .language .lang-list-pc{
	width: 100%;
}


#Head #Head_menu ul li.parts span span{
	padding-right: 24px;
	background: url(../images/icon_arrow_down.png) right 10px center no-repeat;
	background-size: 9px 7px;
	cursor: pointer;
}
#Head #Head_menu ul li.parts.active span span{
	background-image: url(../images/icon_arrow_up.png);
}
#Head #Head_menu ul li.brazil{
	border-right: none;
}
#Head #Head_menu ul li.global span span{
	padding-right: 34px;
	background: url(../images/icon_arrow_down.png) right 20px center no-repeat;
	background-size: 9px 7px;
	cursor: pointer;
}
#Head #Head_menu ul li.global.active span span{
	background-image: url(../images/icon_arrow_up.png);
}


#Head #Head_menu ul li.sale span,
#Head #Head_menu ul li.tmall span,
#Head #Head_menu ul li.jd span
{
	border-right:0px none;
	padding-left: 24px;
}
#Head #Head_menu ul li.tmall span,
#Head #Head_menu ul li.jd span{
    padding-left: 28px;
}
#Head #Head_menu ul li.sale a,
#Head #Head_menu ul li.tmall a,
#Head #Head_menu ul li.jd a{

	background-position:0px center;
    	background-repeat:no-repeat; 
	background-size: 24px;
}
#Head #Head_menu ul li.sale a{
	background-image:url('../images/icon_sale.jpg')
}
#Head #Head_menu ul li.tmall a{
	background-image:url('../images/icon_tmall.jpg')
}
#Head #Head_menu ul li.jd a{
	background-image:url('../images/icon_jd.jpg')
}
#Head #Head_menu ul li.sale{
	margin-left:50px;
}

#Head_global{
	background: #f6f6f6;
	padding: 20px 0;
	text-align: center;
	display: none;
	position: relative;
	z-index: 9000;
	margin-top: -1px;
	width: 100%;
	overflow: hidden;
}
@media screen and (max-width:1024px) {
	#Head_global{ display: none; }
}


#Head_global ul{
	margin: 0 auto;
	padding: 0 30px 0 150px;
	text-align: left;
	box-sizing: border-box;
	width: 1024px;
}
#Head_global ul li{
	padding: 0;
	float: left;
	height: 30px;
}
#Head_global ul li a{
	padding: 0 15px;
	display: block;
	line-height: 14px;
	margin: 10px 0;
	border-right: 1px solid #d7d7d7;
}
#Head_global ul li:last-child a{
	border: none;
}
#Head_global ul li a:hover{
	text-decoration: none;
}
#Head_global ul li:last-child{
	padding-right: 0;
	border: none;
}
#Head #Head_menu .language{
	position: relative;
}

#Head #Head_menu .language span{
	background: url(../images/img_en.png) right 28px center no-repeat;
	background-size: 24px 22px;
}
#Head #Head_menu .language span span{
	background: url(../images/icon_arrow_down.png) right 10px center no-repeat;
	background-size: 9px 7px;
	padding-right: 60px;
}
#Head #Head_menu .language.active span span{
	background-image: url(../images/icon_arrow_up.png);
}
#Head #Head_menu a,
#Head #Head_menu span{
	font-weight: 700;
}
#Head #Head_menu a:hover{
	text-decoration: none;
}
#Head #Head_menu .login a span{
	padding-left: 35px;
	background: url(../images/icon_login.png) left 15px center no-repeat;
	background-size: 14px 14px;
	display: inline-block;
}
#Head #Head_menu .logout a.logout span{
	padding-left: 0px;background:none;
}
#Head #Head_menu .logout a.viplogin span{
	border-right:0px none;
}
#Head #Head_menu .btn{
	cursor: pointer;
}

#Head #Head_menu .search_form{
	float: left;
}

#Head #Head_menu .search_text{
	padding: 0 44px 0 20px;
	width: 286px;
	background: url(../images/head_icon_search_gray.png) right 12px center no-repeat #f2f2f2;
	background-size: 20px 20px;
	border: none;
	display: none;
	line-height: 36px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 35px;
}
#Head #Head_menu .on{
	background: url(../images/head_icon_search_black.png) right 12px center no-repeat #f2f2f2;
	background-size: 20px 20px;
}
#Head #Head_menu .search_text::-webkit-input-placeholder,
#Head #Head_menu .search_text::-moz-placeholder,
#Head #Head_menu .search_text::-ms-input-placeholder {
	color: white;	
}
#Head #Head_menu span.search_icon{
	width: 34px;
	height: 34px;
	background: url(../images/head_icon_search_black.png) center center no-repeat;
	background-size: 15px 15px;
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999em;
}
#Head #Head_menu span.search_icon.open{
	background-image: url(../images/head_icon_search_close.png);
}
#Head #Head_menu span.search_icon:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
#Head #Head_menu #search_btn{
    width: 45px;
    position: absolute;
    top: 35px;
    right: 0;
    text-indent: -99999px;
    display:none;
    background-image:url('../images/head_icon_search_btn_blank.png');
}
#Head #Head_menu #search_btn.open{
    display:block;
}
#Head #Gnav {
	width:1024px;
	height: 27px;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
}
#Head #Gnav ul li {
	line-height: 27px;
	border:none ;
	display: inline-block;;
	margin-left: 60px;
	position: default;
}
#Head #Gnav ul li.last{
	margin: 0;
}
#Head #Gnav ul li li{
	height: auto !important;
}


#Head #Gnav ul li a,
#Head #Gnav ul li .drop {
	margin-right: 0;
	margin-left: 0;
	height: 27px;
	border:none;
	display: block;
	font-size:16px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	cursor: pointer;
}
#Head #Gnav ul li a:hover,
#Head #Gnav ul li .drop:hover{
	text-decoration: none;
	color: #367eb3;
}
#Head #Gnav ul li .drop span{
	display: block;
	height: 27px;
	background: url(../images/icon_arrow_down.png) right 5px no-repeat;
	background-size: 9px 7px;
	padding-right: 16px;
}
#Head #Gnav ul li .drop:hover{
	background: url(../images/balloon_001.png) center bottom no-repeat;
}
#Head #Gnav ul li div a{
	font-size: 15px;
	line-height: 1;
}

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

	#Head #Head_menu{
		display: none;
	}
	#Head .search-form-sp{
		width: 100%;
		margin: 0;
		padding: 0 144px 0 0;
		height: 72px;
		border: none;
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
	}
	#Head .search-form-sp .search-text-sp{
		padding: 0 1em;
		width: 100%;
		margin: 0;
		background: #f2f2f2;
		border: none;
		display: block;
		font-size: 1.6em;
		line-height: 72px;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	#Head .search-icon-sp{
		width: 72px;
		height: 72px;
		display: block;
		position: absolute;
		top: 0;
		right: -72px;
		z-index: 1000;
	}
	#Head .search-icon-sp img{
		width: 100%;
	}
	.gnav01 a {
		background:none;
	}
	
	.mean-container .mean-nav ul li a {
		background-color: transparent !important;
	}
	
	.mean-container a.meanmenu-reveal {
		box-sizing: border-box;
		padding: 22px 20px 4px 20px;
		width: 72px;
		height: 72px;
		z-index: 1000;
	}
	.mean-container a.meanmenu-reveal.meanclose{
		background-image: url(../images/icon_close.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 22px 22px;
		overflow: hidden;
		text-indent: -9999em !important;
	}
	.mean-container a.meanmenu-reveal span{
		margin-top: 5px;
		height: 3px;
	}

}


.mean-container .mean-bar{
	min-width: 1024px;
	height: 72px;
	background: transparent;
	z-index: 1000;
}
@media screen and (max-width:640px) {
	.mean-container .mean-bar{
		min-width: auto;
	}
}

#Head #Gnav ul.gnav_head_list {
	width:338px;width:435px;
	background: 0 0;
	float:left;
	position: relative;
	height: auto;
}
#Head #Gnav ul.gnav_head_list_product_related{
	width: 320px;
}
#Head #Gnav ul.gnav_head_list>li {
	margin-right: 30px;
	padding-top: 5px;
	width: auto;
	height: auto;
	background: 0 0;
	font-size: 15px;
	text-align: left;
}
#Head #Gnav ul.gnav_head_list>li.top {
	padding-top: 0;
	width:100%;
	float:left;
	font-size: 20px;
}
#Head #Gnav ul.gnav_head_list>li.top>div.fl:nth-last-child(1) .gnav_head_list,
#Head #Gnav ul.gnav_head_list>li.top>div.fl:nth-last-child(2) .gnav_head_list,
#Head #Gnav ul.gnav_head_list>li.top>div.fl:nth-last-child(3) .gnav_head_list{
	margin-bottom: 25px;
}
#Head #Gnav ul.gnav_head_list_full_width{width:100%}
#Head #Gnav ul.technology_menu .double_width{width:400px;}
#Head #Gnav ul.technology_menu .top a{font-weight:normal}
#Head #Gnav ul.technology_menu .top .gnav_head_technology_link{font-weight:700}
#Head #Gnav h3.gnav_head_title{
	font-size:16px;margin-bottom: 20px;color:#333; font-weight: 700;
}

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

	.gnav01 a,
	.gnav02 a,
	.gnav03 a,
	.gnav04 a,
	.gnav05 a,
	.gnav06 a,
	.gnav07 a {
		background:none;
	}
}


.sp_submenu{
	display: none;
}
.gnav01_menu a,
.gnav02_menu a,
.gnav03_menu a,
.gnav04_menu a,
.gnav05_menu a,
.gnav06_menu a,
.gnav07_menu a {
	width: auto!important;
	height: auto!important;
	background: 0 0;
	overflow: inherit!important;
	font-size: 93%;
	white-space: normal!important;
	text-indent: 0!important;
}
#head_inner .inner {
	padding: 40px 0 20px 0;
	overflow: hidden;
	position: relative;
}
#head_inner .inner a {
	line-height: 1.6;
	margin-bottom: 20px;
}
#head_inner .inner a:last-child{
	margin-bottom: 0;
}

#head_inner .inner_R {
	width: 550px !important;
	float: right;
	position: relative;
}
#head_inner .inner_R_product_related{
	width: 680px !important; 
}
#head_inner .inner_R_product_related .regAlign{
	font-style: normal;
}
#head_inner .inner_R .right_list {
	padding-bottom: 0!important;
	top:0;
}
#head_inner .inner_R .right_list ul {
	padding: 0!important;
	background: 0 0!important;
}
#head_inner .inner_R_product_related  .right_list ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#head_inner .inner_R .right_list ul li:nth-child(1) {
	margin: 0 0 15px!important;
	width:244px!important;
	background: 0 0!important;
	display: block!important;
	float: left!important;
	text-align: left!important;}

#head_inner .inner_R .right_list ul li:nth-child(2) {
	margin: 0 0 15px!important;
	width:244px!important;
	background: 0 0!important;
	display: block!important;
	float: right!important;
	text-align: left!important;
}
#head_inner .inner_R.inner_R_product_related  .right_list ul li{ 
	width: 32%!important;
    margin: 0 0 15px!important;
}
#head_inner .inner_R .right_list ul li p{
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
}

#head_inner .inner_R .right_list ul li a {
	padding-left: 13px;
	/* background: url(data:image/png; */base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAQUlEQVR42mL4wMBg8P//fwZ0zACUeA/EDtgk/kNxArpEPzZJMAESQJKcD5fAJsnEgAvgNAqn5fici9ODWIMEIMAAf9aZ6GJXjrwAAAAASUVORK5CYII=) 2px .4em no-repeat!important;
	border: none;
	display: block;
}
#head_inner .inner_R.inner_R_product_related  .right_list ul li a{
	font-weight: normal !important;
}
#head_inner .inner_R.inner_R_product_related .right_list ul li a {
	line-height: 1.6
}
#head_inner .inner_R .right_list ul li a:hover {
	border: none;
}

.megaDisp {
	width: 100%;
	top: 27px;
	left: 0;
	position: absolute;
	z-index: 10000;
	display: none;
	text-align: center;
	background: #f2f2f2;
}
.megaDisp .inner{
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}
@media screen and (max-width:1024px) {
	.megaDisp { display: none !important; }
}

#Foot ul:after,
#Main:after,
#Main_inner:after,
#dirPath ul:after,
header #headR:after,
header ul:after,
header:after,
nav.Gnav ul:after {
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
#Foot ul,
#Main,
#Main_inner,
#dirPath ul,
header,
header #headR,
header ul,
nav.Gnav ul {
	min-height: 1px;
}
.js-displayfla {
	display: none;
}


/*footer
------------------------------------------*/

footer{
	background: #212121;
	color: white;
	padding-top:120px;
}

footer #footer_inner{
	width:1024px;
	margin:0 auto 60px;
}
footer #footer_inner dl dd:last-child{
	padding-bottom: 0 !important;
}
@media screen and (max-width:1024px) {
	footer #footer_inner{ padding: 0 20px; }
}


footer dl{
	color:#acacac;color:#fff;
}

footer dl#products{
	width:202px;
	float:left;
}

footer dl#products02{
	width: 414px;
	float:left;
} 
footer dl#products02 dd{
	width: 194px;    margin-right: 10px;
	vertical-align: top;
	display: inline-block;
}
footer dl#contact{
	width:237px;
	float:left;
}
footer dl#contact dd strong{
	display: block;
	font-size: 120%;
	line-height: 1;
	margin-bottom: 0.5em;
}
footer dl#contact dd a{
	line-height: 1.3;
}
footer dl#contact .no_link{
	line-height:1.3
}

footer dl#company{
	width:245px;
	float:left; 
	display:none;
}
@media screen and (max-width:1024px) {
	footer dl#contact{
		width:217px;
	}
	footer dl#company{
		width:225px;
	}
}


footer dl#connect{
	width:240px;
	float:left;
}

footer dl#connect dd{
	width:119px;
	float:left;
	margin-bottom:13px;
}

footer dt{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	line-height:1;
}

footer dd{
	padding-bottom:18px;
	line-height:1.3;
	color:#acacac;color:#fff;
}

footer dd a:link{
	color:#acacac;color:#fff;
	text-decoration:none;
}

footer dd a:visited{
	color:#acacac;color:#fff;
	text-decoration:none;
}

footer dd a:hover{
	text-decoration:underline;
	color:#acacac;color:#fff;
}

footer dd a:active{
	text-decoration:none;
	color:#acacac;color:#fff;
}


footer .qrcode{
    position: relative;height:100px;height: calc(100px + 2em);cursor: pointer;    float: none !important;
}

footer .qrcode-sp{display:none}
footer .qrcode-pc{display:block}
footer .qrcode .image-befor,
footer .qrcode .image-after
{
    position: absolute;
    top: 0;top: 2em;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s linear;
    transform-style: preserve-3d;
}
footer .qrcode .image-befor{
    transform: rotateY(0deg);
}
footer .qrcode .image-after{
    transform: rotateY(180deg);
}

footer .qrcode:hover .image-befor{ 
    transform: rotateY(180deg);
}
footer .qrcode:hover .image-after{ 
    transform: rotateY(0deg);
} 
footer .qrcode .qrcodes{
    position: absolute;
    right: -100%;
    top: 0;
    width: 100px;
    display:none;
}
footer .qrcode:hover .qrcodes{ 
    display:block;
}
footer .qrcode .qrcodes img{
    margin-bottom:12px;
}
footer .qrcode-pc.qrcode:hover .qrcodes{
    display: flex;
    flex-wrap: wrap;
    width: 210px;
    right: -171%;
    flex-direction: row;
    justify-content: space-between;
}

footer .qrcode-pc .qrcodes img{
    margin-bottom: 1px;
}
footer .service-catalogue-link{
    color: #acacac;color:#fff;
}
#footerNav{
	clear:both;
	background:#000;
	width:100%;
	margin:0 auto;
	padding-top:45px;
	padding-bottom:30px;
}

#footerNav a:link{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:visited{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:hover{
	text-decoration:underline;
	color:#FFF;
}

#footerNav a:active{
	text-decoration:none;
	color:#FFF;
}


#footerNav #f_logo{
	float:left;
	width:137px;
	margin-right:45px;
}

#footerNav ul{
	float:left;
}
#footerNav ul li{
	display:block;
	float:left;
	margin-top:16px;
	line-height:1;
	border-right:1px solid #FFF;
	padding-right:17px;
	padding-left:17px;
}
#footerNav ul li:last-child{
	border: none;
}

#copy{
	float:right;
	margin-top:16px;
	line-height:1;
	color:#838383;
}

#twitter{
	background-image:url(../images/ico_twitter.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

#facebook{
	background-image:url(../images/ico_facebook.png);
	background-repeat:no-repeat;
	padding:7px 0 8px 42px;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

#pinterest{
	background-image:url(../images/ico_pinterest.png);
	background-repeat:no-repeat;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

#youtube{
	background-image:url(../images/ico_youtube.png);
	background-repeat:no-repeat;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

/*footer sp
------------------------------------------*/

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

footer{
	padding:10% 0 0;
}


footer #footer_inner{
	width:100%;
	margin:0 auto 0;
}

footer dl{
	color:#acacac;color:#fff;
	padding:0;
}

footer dl#products{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}

footer dl#products dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#products dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#products02{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}


footer dl#products02 dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#products02 dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#contact{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}

footer dl#contact dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#contact dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#company{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}

footer dl#company dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#company dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#connect{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}

footer dl#connect dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#connect dd:nth-child(odd){
	margin-right:0!important;
}

footer dt{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	line-height:1;
}

footer dd{
	padding-bottom:18px;
	line-height:1;
}

footer dd a:link{
	color:#FFF;
	text-decoration:none;
}

footer dd a:visited{
	color:#FFF;
	text-decoration:none;
}

footer dd a:hover{
	text-decoration:underline;
	color:#FFF;
}

footer dd a:active{
	text-decoration:none;
	color:#FFF;
}

footer .qrcode-pc{display:none}
footer .qrcode-sp{display:block}
footer .qrcode{
	float: left !important;
}
footer .qrcode .image-befor {
    transform: rotateY(180deg);
}
footer .qrcode .image-after {
    transform: rotateY(0deg);
}
#footerNav{
	clear:both;
	background:#000;
	height: auto;
	width:100%;
	margin:0 auto;
	padding-top:10%;
}

#footerNav a:link{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:visited{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:hover{
	text-decoration:underline;
	color:#FFF;
}

#footerNav a:active{
	text-decoration:none;
	color:#FFF;
}

#footerNav #f_logo{
	float:left;
	width:137px;
	margin-right:45px;
	display:none;
}

#footerNav ul{
	margin: 0 auto;
	float:inherit;
}



#footerNav ul li:first-child
{
	border-left:none;
	padding-left:0;
}

#footerNav ul li:last-child
{
	border-right:none;
	padding-right:0;
}

#footerNav ul li{
	display:block;
	float:left;
	margin-top:0;
	line-height:1;
	border-right:1px solid #FFF;
	padding-right:3%;
	padding-left:3%;
}

#copy{
	float:right;
	margin-top:10%;
	line-height:1;
	clear:both;
}


#copy #sp_f_logo{
	width:22%;
	height: auto;
	float:left;
}

#copy small{
	float:right;
	line-height:45px;
}

#twitter{
	background-image:url(../images/ico_twitter.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

#facebook{
	background-image:url(../images/ico_facebook.png);
	background-repeat:no-repeat;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

#pinterest{
	background-image:url(../images/ico_pinterest.png);
	background-repeat:no-repeat;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

#youtube{
	background-image:url(../images/ico_youtube.png);
	background-repeat:no-repeat;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

}

/*footer global
------------------------------------------*/
#footer_global {
	text-align: center;
	border-bottom: 1px solid #7a7a7a;
}
#footer_global .inner {
	position: relative;
	width: 1024px;
	padding: 0 0 100px 0;
	margin: 0 auto;
	text-align: left;
}
@media screen and (max-width:1024px) {
	#footer_global .inner{
		padding: 100px 20px;
	}
}
#footer_global .inner h3{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 30px;
	font-weight: 700;
	color: #acacac;color:#fff;
}
#footer_global .inner dl { float: left; }
#footer_global .inner dl.link-global { width: 202px; }
#footer_global .inner dl.link-americas-europe { width: 207px; }
#footer_global .inner dl dt{ height: 15px; }
#footer_global .inner dl.link-americas-europe dt span{
	color: #797979;color: #fff;
}

#footer_global .inner dl.link-asia-oceania {
	width: 205px;
}
#footer_global .inner dl.link-asia-oceania.area2,
#footer_global .inner dl.link-asia-oceania.area3{
	/*padding-top: 45px;*/
}
#footer_global .inner dl.link-asia-oceania dd {
	float: left;
	width: 205px;
}
@media screen and (max-width:1024px) {
	#footer_global .inner dl.link-asia-oceania{
		width: 191px;
	}
	#footer_global .inner dl.link-asia-oceania dd {
		width: 191px;
	}
}

@media screen and (max-width:640px) {
	#footer_global .inner dl {
		float: none;
		width: 100% !important;
		margin-bottom: 10%;
	}
	#footer_global .inner dl dd{
		width:45% !important;
		float: left;
		margin-right:10% !important;
	}
	#footer_global .inner dl dd:last-child{
		padding-bottom: 0;
	}
	#footer_global .inner dl.link-global dt,
	#footer_global .inner dl.link-global dt h3{
		margin-bottom: 0;
	}
	#footer_global .inner dl.area1 dd:nth-child(odd){
		margin-right:0!important;
	}
	#footer_global .inner dl.area2 dd:nth-child(even),
	#footer_global .inner dl.area3 dd:nth-child(even){
		margin-right:0!important;
	}
	#footer_global .inner dl.link-asia-oceania.area1,
	#footer_global .inner dl.link-asia-oceania.area2,
	#footer_global .inner dl.link-asia-oceania.area3{
		padding-top: 0;
	}
	#footer_global .inner dl.link-asia-oceania.area1,
	#footer_global .inner dl.link-asia-oceania.area2{
		margin-bottom: 0;
	}
}

#footer_global .inner dl dt{
	font-size: 100%;
}
#footer_global .inner dl dt span,
#footer_global .inner dl dt a{
	display: block;
	font-size: 120%;
	line-height: 1;
	margin: 0;
}
#footer_global .inner dl dt a{
	color: #acacac;color:#fff;
}
@media screen and (max-width:640px) {
	color: #fff;
}

#footer_global .inner dl dd a {
	line-height: 1;
}
#footer_global .inner .back{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
}



/*footer global sp
------------------------------------------*/

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

#footer_global .inner{
	position: relative;
	width: auto;
	padding: 0 20px 10%;
	margin: 0 auto;
	text-align: left;
}
#footer_global .inner h3{
	width: auto;
	margin-bottom: 30px;
}
#footer_global .inner ul li{
	float: left;
	width: 50%;
	height: 20px;
}
#footer_global .inner ul li a{
	display: block;
	line-height: 20px;
	color: #acacac;color:#fff;
}
#footer_global .inner ul li img{
	display: inline-block;
	margin-right: 26px;
	width: 20px;
	height: 20px;
}
#footer_global .inner .back{
	width: 80px;
	height: 80px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#footer_global .inner .back img{
	width: 100%;
}

}


.regAlign {
    vertical-align: -.1em;
    display: inline-block;
    height: .95em;
    font-size: 12px;
    padding-left: 0.1em;
    transform: scale(0.9);
    padding-right: 0.1em;
    display: inline !important;    background: none !important;
}





.tech-icon-container{
	display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.tech-icon-container .tech-icon{
	height: 100%;
    margin-right: 0.25rem;
}