@charset "utf-8";

/* CSS Document */

html,
body,
div,
span,
object,
iframe p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
em,
img,
strong,
dl,
dt,
dd,
header ol,
header ul,
header li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	outline: none;
}

p {
	line-height: 1.67;
}

dd,
li,
th,
td,
input,
textarea {
	line-height: 1.67;
	/*text-align: justify;
	text-justify: inter-ideograph;*/
}

header ul,
header ol {
	list-style-type: none;
}

a {
	color: #313934;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* #header
-------------------------------------------------- */

#header {
	height: 105px;
	position: relative;
	z-index: 200;
}

#header a:hover {
	text-decoration: none;
}

#header .wrap {
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
}

#header_inner {
	min-width: 980px;
	padding: 0;
}

/*-----------
#header_inner {
	height: 137px;
	background-color: #fff;
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
}

-------------*/
#header_inner {
	width: 100%;
	height: 105px;
	background-color: #fff;
	border-bottom: 1px solid #E4EBEE;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
}

/* #global Navi
-------------------------------------------------- */


#header_inner #global_navi #navi_ul a,
#header_inner #global_navi #navi_ul span {
	font-size: 13px;
	cursor: pointer;
	top: 0;
}

#header_inner #global_navi #navi_ul {
	padding-top: 10px;
}

#header_inner #global_navi .list.mn_trigger a,
#header_inner #global_navi .list.mn_trigger > span {
	position: relative;
}

#header_inner #global_navi .list.mn_trigger a:after,
#header_inner #global_navi .list.mn_trigger > span:after {
	width: 14px;
	height: 14px;
	content: "";
	display: block;
	background-size: contain;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	position: absolute;
	top: 5px;
	right: 0px;
}

#header_inner #global_navi .list.mn_trigger a.active:after,
#header_inner #global_navi .list.mn_trigger > span.active:after {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#header_inner #global_navi .list.mn_trigger a:after,
#header_inner #global_navi .list.mn_trigger > span:after {
	width: 10px !important;
	height: 10px !important;
	top: 6px;
	right: 4px;
}

#header_inner #global_navi .list.mn_trigger a:hover,
#header_inner #global_navi .list.mn_trigger > span:hover {
	position: relative;
}

#header_inner #global_navi .list.mn_trigger a:hover:after,
#header_inner #global_navi .list.mn_trigger > span:hover:after {
	width: 14px;
	height: 14px;
	content: "";
	display: block;
	background-size: contain;
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	position: absolute;
	top: 5px;
	right: 5px;
}

#header_inner #global_navi .list.mn_trigger a:hover.active:after,
#header_inner #global_navi .list.mn_trigger > span:hover.active:after {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#header_inner #global_navi .list a,
#header_inner #global_navi .list > span {
	height: 18px;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}

#header_inner #global_navi .list a:after,
#header_inner #global_navi .list > span:after {
	width: 10px;
	height: 10px;
}

#header_inner #global_navi .list a span,
#header_inner #global_navi .list > span span {
	height: 18px;
	line-height: 1.4;
	font-weight: bold;
	display: block;
	overflow: hidden;
	position: relative;
	top: 0;
	transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
}

#header_inner #global_navi .list a span.hover,
#header_inner #global_navi .list > span span.hover {
	height: 0;
}

#header_inner #global_navi .list a:hover span,
#header_inner #global_navi .list > span:hover span {
	height: 0;
}

#header_inner #global_navi .list a:hover span.hover,
#header_inner #global_navi .list > span:hover span.hover {
	height: 18px;
}

#header_inner #global_navi .list span {
	cursor: default;
	color: #7d7d7d;
	font-weight: normal;
}

#header_inner #global_navi .list:hover a,
#header_inner #global_navi .list:hover span {
	color: #E50112;
}

#header_inner #global_navi .list:last-child {
	margin-right: 0;
}

#header_inner #global_navi .list:last-child a {
	padding-right: 0;
}

#header_inner #lang_wrap {
	width: 124px;
	float: right;
	position: relative;
}

#header_inner #lang_wrap li {
	width: 124px;
	height: 63px;
	text-align: center;
	border-left: 1px solid #E4EBEE;
	position: absolute;
	left: 0;
	background-color: #fff;
	cursor: pointer;
}

#header_inner #lang_wrap li a,
#header_inner #lang_wrap li span {
	display: inline-block;
	padding-top: 21px;
	font-family: 'Noto Sans Japanese', メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', HiraKakuPro-W3, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, Verdana, sans-serif;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
}

#header_inner #lang_wrap li.trigger {
	height: 63px;
	position: relative;
	top: 0;
	left: 0;
	background-color: transparent;
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}

#header_inner #lang_wrap li.trigger a,
#header_inner #lang_wrap li.trigger span {
	position: relative;
	padding-right: 20px;
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}

#header_inner #lang_wrap li.trigger a:after,
#header_inner #lang_wrap li.trigger span:after {
	width: 14px;
	height: 14px;
	content: "";
	display: block;
	background-size: contain;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	position: absolute;
	top: 26px;
	right: 0px;
}

#header_inner #lang_wrap li.trigger a.active:after,
#header_inner #lang_wrap li.trigger span.active:after {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#header_inner #lang_wrap li.trigger a:after,
#header_inner #lang_wrap li.trigger span:after {
	width: 10px !important;
	height: 10px !important;
}

#header_inner #lang_wrap li:hover {
	background-color: #E50112;
}

#header_inner #lang_wrap li:hover.trigger a,
#header_inner #lang_wrap li:hover.trigger span {
	position: relative;
}

#header_inner #lang_wrap li:hover.trigger a:after,
#header_inner #lang_wrap li:hover.trigger span:after {
	width: 14px;
	height: 14px;
	content: "";
	display: block;
	background-size: contain;
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	position: absolute;
	top: 26px;
	right: 0px;
}

#header_inner #lang_wrap li:hover.trigger a.active:after,
#header_inner #lang_wrap li:hover.trigger span.active:after {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#header_inner #lang_wrap li:hover a,
#header_inner #lang_wrap li:hover span {
	color: #fff;
	text-decoration: none;
}

#header_inner #lang_wrap li:nth-child(2),
#header_inner #lang_wrap li:nth-child(3) {
	display: none;
}

#header_inner #lang_wrap li:nth-child(2) {
	top: 64px;
}

#header_inner #lang_wrap li:nth-child(3) {
	top: 127px;
}

/* Link Module
-------------------------------------------------- */

.link_text {
	display: block;
	position: relative;
}

.link_text a:after {
	width: 7px;
	height: 7px;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -.3em;
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	border-top: 2px solid #E50014;
	border-right: 2px solid #E50014;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.products_list .parent a:after {
	display: none;
}

.about_list .link_text a:after {
	right: 20px;
}

.link_text a:hover:after {
	right: 5px;
}

.about_list .link_text a:hover:after {
	right: 15px;
}

.link_text_black {
	display: block;
	position: relative;
}

.link_text_black:after {
	width: 7px;
	height: 11px;
	content: "";
	display: block;
	background-size: contain;
	position: absolute;
	top: 46%;
	right: 9px;
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}

.link_text_black:hover:after {
	right: 6px;
}

.link_color {
	color: #18ddb6;
	text-decoration: underline;
}

.link_color:hover {
	text-decoration: none;
}

.ex_link {
	position: relative;
}

.ex_link:after {
	content: "";
	position: absolute;
	right: -16px;
	top: 4px;
	width: 11px;
	height: 11px;
	display: block;
	background-size: contain;
}

.r_over:hover {
	-ms-filter: "alpha(opacity=80)";
	/* IE8 */
	opacity: 0.8;
	display: inline-block\9;
}

.section_wrap a {
	text-decoration: underline;
}

.section_wrap a:hover {
	text-decoration: none;
}

/* Meganavi
-------------------------------------------------- */
#dd_navi_contents_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

#dd_navi_contents {
	position: relative;
}

#dd_navi_contents .dd_navi_wrap {
	background-color: #fff;
	position: absolute;
	top: -100px;
	left: 0;
	display: none;
	z-index: 1;
}

#dd_navi_contents .dd_navi_wrap .dd_inner {
	max-width: 1260px;
	min-width: 980px;
	margin: 0 auto;
	padding-left: 20px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap,
#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content {
	position: relative;
	top: -30px;
	-ms-filter: "alpha(opacity=$num)";
	/* IE8 */
	opacity: 0;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap {
	width: 22%;
	float: left;
	padding: 41px 0 40px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap dt {
	padding-bottom: 24px;
	margin-bottom: 30px;
	position: relative;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap dt span {
	display: block;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap dt .en {
	font-weight: bold;
	letter-spacing: 0.15em;
	font-size: 21px;
	margin-bottom: 13px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap dt .jp {
	font-size: 15px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap dt:after {
	width: 50px;
	height: 1px;
	content: "";
	display: block;
	background-color: #E50112;
	position: absolute;
	left: 0;
	bottom: 0;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap dd {
	margin-right: 0;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .info_wrap dd.text {
	margin-bottom: 45px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content {
	width: 78%;
	float: right;
	border-left: 1px solid #E4EBEE;
}

ul#dd_navi_contents ul,
ul#dd_navi_contents,
ul.dd_content {
	margin: 0;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content .link_text:after {
	top: 50%;
	margin-top: -3px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content.about_list .link_text:after {
	top: 0;
	margin-top: 43px;
}

.dd_inner ul.dd_content li.box_link {
	width: 14.4%;
    padding-top: 0;
    vertical-align: top;
	float: left;
}

.download-menu li {
	width: 50%;
	float: left;
}

.download-menu li.width-100 {
	width: 100%;
}

.download-menu li .table {
	display: table;
}

.download-menu li .table > * {
	display: table-cell;
	vertical-align: middle;
}

.download-menu li a {
	border-bottom: 1px solid #E4EBEE;
	border-right: 1px solid #E4EBEE;
	padding: 55px 4.65%;
	display: block;
}

.download-menu li .img {
	width: 165px;
	margin-right: 5px;
}

.download-menu li.width-100 .img {
	width: 338px;
}

.download-menu li.link_text a:after {
	right: 20px;
}

.download-menu li.link_text a:hover:after {
	right: 15px;
}
#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content .box_link .list_inner {
	width: 100%;
	padding: 49px 4.65%;
	display: table;
}


.dd_inner ul.dd_content li.box_link .photo {
	display: block;
	overflow: hidden;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content .box_link .list_inner .text_wrap {
	width: 95%;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content .box_link .list_inner .text_wrap a {
	display: block;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content .box_link .list_inner .text_wrap dt {
	font-size: 13px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content .box_link:nth-child(3) .list_inner,
#dd_navi_contents .dd_navi_wrap .dd_inner .dd_content li:nth-child(4) .list_inner {
	border-bottom: 0;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .about_list li .text_wrap {
	height: 22px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .about_list_suppliers .text_wrap {
	padding-left: 0px !important;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner {
	padding: 40px 0px 160px 18px;
	display: table;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner > * {
	display: table-cell;
	vertical-align: middle;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li {
	width: 14.4%;
	padding-top: 0;
	vertical-align: top;
}
#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dt {
	font-size: 15px;
	margin-bottom: .5em;
	padding-right: 15px;
	text-align: center;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dt a{
	text-decoration: underline;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd {
	width: 95%;
	margin-bottom: 4px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd.parent {
	margin-bottom: 10px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd.parent:after {
	top: 9px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd.parent2 {
	padding-top: 10px;
	margin-bottom: 10px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd.parent2:after {
	top: 14px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd {
	padding-left: 6px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd.parent {
	padding-left: 0;
	margin-bottom: 1.35em;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd a {
	line-height: 1.47;
	font-size: 1.2rem;
	display: block;
	padding-right: 2em;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dt img {
	margin: 0 auto .5em;
	height: 80px;

	display: block;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dt a {
	line-height: 1.47;
	font-size: 1.2rem;
	font-weight: bold;
	padding-right: 0;
	text-align: center;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd a:hover {
	color: #E70010;
	text-decoration: none;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .products_list_inner li dd:after {
	top: 7px;
}
.about-menu li dd{
	}
.about-menu li{
	position: relative;
	}
.about-menu li a:after{
	width: 7px;
    height: 7px;
    content: "";
    display: block;
    position: absolute;
    top: 100px;
	right: 20px;
    margin-top: -.3em;
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    border-top: 2px solid #E50014;
    border-right: 2px solid #E50014;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.about-menu li a:hover:after {
	right: 15px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .about-mega{
	padding: 40px 18px 0 18px;
}
#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .about-mega li {
	float: left;
	width: 30.333333333333332%;
	height: 150px;
	padding-top: 0;
	vertical-align: top;
}
#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .about-mega li a {
    line-height: 1.47;
    font-size: 1.2rem;
    display: block;
    padding-right: 2em;
}
#dd_navi_contents .dd_navi_wrap .dd_inner .products_list .about-mega li a:hover {
    color: #E70010;
    text-decoration: none;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .company_list {
	border-top: 1px solid #E4EBEE;
	border-left: 1px solid #E4EBEE;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .company_list li {
	width: 33.333%;
	height: 199px;
	float: left;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .company_list li a {
	height: 64px;
	display: block;
	padding-top: 135px;
	text-align: center;
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	text-decoration: none;
	border-right: 1px solid #E4EBEE;
	border-bottom: 1px solid #E4EBEE;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .company_list li a:hover {
	background-color: #f2f5f8;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list {
	display: table;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list > * {
	display: table-cell;
	vertical-align: middle;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list li {
	width: 50%;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list li dl {
	padding: 30px 18px;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list li dl dt a {
	text-align: center;
	display: block;
	color: #E50112;
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 0.15em;
	font-weight: bold;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list a {
	display: block;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list li:first-child dl {
	border-right: 1px solid #E4EBEE;
}

#dd_navi_contents .dd_navi_wrap .dd_inner .movie_list .link_text {
	margin-top: 1em;
}

#overlay {
	background-color: #202524;
	-ms-filter: "alpha(opacity=$num)";
	/* IE8 */
	opacity: 0.9;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
