@charset "UTF-8";
@media print {
	/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, main, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	zoom: 80%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.inner {
	max-width: 980px;
	margin: 0 auto;
}
header {
	border-top: 3px solid #40c1f1;
}
#header h1 {
	width: 50%;
	float: left;
}
header h1 img {
	max-width: 193px;
	position: static;
	margin: 10px;
}
#header .header_nav {
	width: 50%;
	float: right;
	margin-top: 20px;
	display: block;
}
#header .header_nav li {
	float: right;
	background-image: url(../img/header_nav_arrow.png);
	background-repeat: no-repeat;
	background-position: left 65%;
}
#header .header_nav li a {
	font-size: 12px;
	text-decoration: none;
}
#header .header_nav li a:hover {
	text-decoration: underline;
	color: #000;
}
#header .header_nav li a:first-child {
	margin-right: 15px;
	padding-left: 10px;
}
nav {
	clear: both;
}
#content {
	margin-bottom: 30px;
}
#content .accordion {
	display: none;
}
#content .accordion_pc {
	display: block;
}
#content .accordion_pc > li {
	width: 24.31%;
	display: block;
	float: left;
	background-image: url(../img/content_arrow.png);
	background-repeat: no-repeat;
	background-position: 99% 1%;
	padding: 20px 2px 0;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px none #AAAAAA;
	border-left: 1px solid #AAAAAA;
}
#content .accordion_pc li p {
	margin: 0 0 14px 28px;
	font-size: 15px;
	color: #283C4F;
	border-bottom: 1px solid #D8E5F0;
	width: 4em;
	padding-bottom: 3px;
	text-decoration: none;
}
#content .accordion_pc li p.technologytop_title {
	width: 5em;
}
#content .accordion_pc > li > .content_wrap > ul > li {
	background-image: url(../img/content_arrow2.png);
	background-repeat: no-repeat;
	margin: 0 0 13px 30px;
}
#content .accordion_pc > li > .content_wrap > ul > li > a {
	line-height: 1;
	padding-left: 16px;
	font-size: 13px;
	color: #000000;
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
}
#content .accordion_pc > li > .content_wrap > ul >li > a:hover {
	color: #878787;
	text-decoration: underline;
}
#content .accordion_pc .ac_end {
	border-right: 1px solid #AAAAAA;
}
#content .content_wrap {
	height: 270px
}
#content .content_product {
	background-image: url(../img/content_product.png);
	background-repeat: no-repeat;
	background-position: center 99%;
}
#content .content_technical {
	background-image: url(../img/content_technical.png);
	background-repeat: no-repeat;
	background-position: center 99%;
}
#content .content_quality {
	background-image: url(../img/content_quality.png);
	background-repeat: no-repeat;
	background-position: center 99%;
}
#content .content_company {
	background-image: url(../img/content_company.png);
	background-repeat: no-repeat;
	background-position: center 99%;
}
#top_main {
	margin-bottom: 30px;
}
#news {
	padding: 0;
	margin-bottom: 30px;
}
.news_wrap {
	box-shadow: rgba(0, 0, 0, .15) 0 0 2px;
}
#news h1 {
	font-size: 18px;
	color: #000000;
	border-bottom: none;
	width: 100%;
	padding: 10px 10px 10px 20px;
	margin: 0 0 10px;
	box-sizing: border-box;
	background-color: #ECECEC;
	position: relative;
}
#news h1:after {
	content: "";
	position: absolute;
	bottom: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ECECEC transparent transparent transparent;
	margin-left: 5px;
}
#news .news_wrap dl {
	border-bottom-style: dotted;
	margin: 0 5px;
}
#news .news_wrap dl:last-child {
	border-bottom: none;
}
#news .news_wrap dl dd {
	font-size: 12px;
	line-height: 1;
	width:75%;
}
#news .news_wrap dl dt {
	font-size: 12px;
	line-height: 1;
	width:25%;
}
#access, #contact {
	background-color: #FFFFFF;
}
#contact {
	width:50%;
	float:right;
}
#access h1 {
	font-size: 18px;
	color: #283C4F;
	border-bottom: 1px solid #D8E5F0;
	width: 4em;
	padding: 0 0 3px;
	margin: 0 0 10px 30px;
}
#access article .home_address {
	color: #283C4F;
	text-align: center;
	line-height: 1.5;
}
#access h2 .map_img {
	width: 100%;
	margin: 0 0 20px 0;
}
#access h2 a img {
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
}
#access h2 a img:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
}
#contact h1 {
	font-size: 18px;
	color: #283C4F;
	border-bottom: 1px solid #D8E5F0;
	width: 6em;
	padding: 0 0 3px;
	margin: 0 0 10px 60px;
}
#contact h2 {
	font-size: 18px;
	margin: 0 0 20px 20px;
	width: 94%;
}
#contact .address address > a, #contact .address address > span {
	font-size: 22px;
	text-decoration: none;
}
#access .access_icon {
	background-image: url(../img/access_arrow.png);
	background-repeat: no-repeat;
	background-position: 0% 1%;
}
#contact .contact_icon {
	background-image: url(../img/contact_icon.png);
	background-repeat: no-repeat;
	background-position: 5% 2%;
}
#access {
	width: 48%;
	margin-left: 10px;
	float:left;
}
#ft_nav {
	display: block;
	color: #40C1F1;
}
#ft_nav > ul > li {
	width: 17%;
	float: left;
	font-size: 14px;
	margin-bottom: 20px;
}
#ft_nav > ul > li.ft_product {
	width: 25%;
}
#ft_nav > ul > li.ft_technical {
	width: 18%
}
#ft_nav > ul > li.ft_home {
	width: 10%;
}
#ft_nav >ul > li.ft_contact {
	width: 13%;
}
#ft_nav > ul > li > a, #ft_nav > ul >li >p {
	color: #ECECEC;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
}
#ft_nav > ul > li >ul > li {
	line-height: 1;
}
#ft_nav > ul > li >ul > li a {
	line-height: 20px;
	font-size: 12px;
	font-weight: lighter;
	color: #CCC;
	text-decoration: none;
}
#ft_nav > ul > li >ul > li a:hover {
	color: #ECECEC;
}
.copyright {
	font-size: 10px;
}
.top {
	display: none;
}
#header h2 {
	display: block;
	position: absolute;
}
footer {
	background-color: #333333;
	border-top: 3px solid #777777;
}
ul.menu ul {
	display: none; /* Hides non-mega links */
}
ul.menu .sub ul {
	display: block; /* overrides above hide */
}
/* Main menu styles */
ul.menu {
	background-color: #FFFFFF;
	width: 100%;
	height: 55px;
	position: relative; /* Important - required for positioning of mega menu */
}
ul.menu li {
	float: left;
	font-weight: bold;
	width: 16.666%;
}
ul.menu span.gn_sub {
	display: block;
	font-size: 8px;
	line-height: 1;
	margin-left: 15px;
	margin-top: 5px;
	height: 8px;
}
.chrome ul.menu span.gn_sub {
	-webkit-transform:scale(0.8) translateX(-18px);
}
ul.menu li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 14px 0 10px;
	width: 100%;
	height: 31px;
}
ul.menu > li > a:before {
	content: "";
	display: inline-block;
	position: relative;
	width: 15px;
}
ul.menu li.mega-hover a, ul.menu li a:hover {
	background-color: rgba(191,191,191,0.80);
	border-bottom: 3px solid #029ee6;
	transition: none;
}
ul.menu > li > a:link:after {
	content: '';
	position: relative;
	bottom: 0;
	top: 10px;
	display: block;
	height: 2px;
	background-color: #FFFFFF;
}
ul.menu > li > a:hover:after {
	width: 100%;
	content: '';
	position: relative;
	bottom: 0;
	top: 10px;
	display: block;
	height: 2px;
	background-color: #FFFFFF;
}
ul.menu > li > a:active:after {
	width: 100%;
	content: '';
	position: relative;
	bottom: 0;
	top: 10px;
	display: block;
	height: 2px;
	background-color: #FFFFFF;
}
/* Arrow tag for parent links */
ul.menu li a.dc-mega {
	position: relative; /* Required for arrow positioning */
}
ul.menu li a .dc-mega-icon {
	display: block;
	position: absolute;
	top: 21px;
	right: 15px;
	width: 12px;
	height: 7px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/gn_arrow.png);
}
ul.menu li.mega-hover a .dc-mega-icon {
	background-position: 0 100%;
}
/* Mega Menu Styling */
/* Mega Drop Down Container */
ul.menu li .sub-container {
	position: absolute; /* Required */
	background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, .15) 0 0 2px;
	border-radius: 2px;
	padding: 20px 0 5px 0;
}
ul.menu li .sub-container.mega .sub {
	padding: 20px 10px 0 0;
}
ul.sub {
	width: 330px;
}
ul.menu li .sub li {
	float: none;
}
/* Sub-menu Headers */
ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
	background: none;
	border: none;
	text-shadow: none;
	color: #111;
	display: block;
	float: none;
	text-decoration: none;
	font-size: 0.9em;
}
ul.menu li .sub li.mega-hdr a.mega-hdr-a {
	padding: 7px 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	background: #EAEAEA;
}
ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {
	color: #000;
	text-shadow: none;
}
/* Style the 3rd level links */
ul.menu li .sub li ul li {
	margin-right: 90px;
}
ul.menu .sub li.mega-hdr li a {
	color: #444;
	font-weight: normal;
	padding: 3px 0 3px 25px;
	background: url(../img/content_arrow2.png) no-repeat 10px 8px;
}
ul.menu .sub li.mega-hdr li a:hover {
	color: #990000;
}
/* Styling for items with only 2 levels */

ul.menu li .sub-container.non-mega li {
	width: 310px; /* Set the drop down width */
	margin-left: 10px;
	border-bottom: 1px solid #F8F8F8;
	border-top: 1px solid #ECECEC;
}
ul.menu li .sub-container.non-mega li:first-child {
	border-top: none;
}
ul.menu li .sub-container.non-mega li:last-child {
	border-bottom: none;
}
ul.menu li .sub-container.non-mega li a {
	padding: 0 0 0 40px;
	width: 270px;
	height: 40px;
	line-height: 40px;
	background-repeat: no-repeat;
	background-position: 15px 48%;
	background-image: url(../img/gn_bullet.png);
}
ul.menu li .sub-container.non-mega li a:hover {
	background-image: url(../img/gn_bullet_on.png);
	color: #878787;
}
nav {
	border-bottom: 3px solid #BFBFBF;
}
dl dt .new p {
	margin-left: 2em;
	color: #FFFFFF;
	background-color: red;
	padding: 3px 4px 2px 3px;
}
#news .news_wrap p, .adoption .graduate p {
	font-size: 0.8em;
	float: right;
	line-height: 30px;
	display: inline-block;
}
#news .news_wrap span p {
	margin-left: 2em;
	float: none;
	display: none;
}
#news .news_wrap span.new p {
	width: auto;
	line-height: 1;
	display: inline-block;
	float: none;
	font-size: 10px;
}
#news .news_wrap p a {
	padding: 0 30px 0 40px;
	background-position: 98% 44%;
}
#news .news_wrap p a:hover {
	background-image: url(../img/news_arrow_on.png);
	background-repeat: no-repeat;
	background-position: 98% 44%;
	transition: none;
	color: #878787;
}
#news .news_wrap dd a .wp_content_word, .adoption .graduate dd a .wp_content_word {
	font-size:12px;
	line-height:1;
	width:70%;
}
#contact h2 a.contactform {
	background-color: #7ddf01;
	border: 2px solid #7ddf01;
	color: #fff;
}
#contact h2 a.contactform:hover {
	background-color: #fff;
	border-color: #7ddf01;
	color: #7ddf01;
}
#contact h2 a.contactform::before, #contact h2 a.contactform::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#contact h2 a.contactform, #contact h2 a.contactform::before, #contact h2 a.contactform::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
footer .ft_side {
	display: none;
}
/*=product area=*/
.main-content {
	width: 73%;
	float: right;
	margin-top: 20px;
}
.sitemap-content, .news-content {
	margin-top: 20px;
}
.main-content h1, .sitemap-content h1, .news-content h1 {
	line-height: 30px;
	border-left: 5px solid #2a79c2;
	margin: 0 0 20px 0;
	text-align: left;
	padding-left: 10px;
	border-bottom: none;
}
.sidenav {
	width: 23%;
	float: left;
	margin-top: 20px;
	clear: none;
}
.main-content .product_img {
	width: 58%;
	float: left;
}
.main-content .product_merit {
	width: 40%;
	float: right;
}
.product_uses {
	clear: both;
	margin: 0;
	width: 100%;
}
.main-content .greeting p, .main-content .philosophy p, .main-content .technology p, .main-content .qualityaction p {
	line-height: 1.5;
}
.main-content .outline .outline_table, .main-content .headquarters .map_table, .main-content .contact_form .contact_table {
	line-height: 1.5;
	font-size: 14px;
}
#headquarters_map, #tamagawa_map, #ogose_map {
	height: 400px;
}
.main-content .technology article {
	margin-bottom: 30px;
}
.main-content .technology article h1 {
	background-image: url(../img/product/product_merit_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	font-size: 14px;
	color: #5d5d5d;
	line-height: 40px;
	border-left: none;
	width: auto;
	background-color: #eeeff2;
	margin-bottom: 15px;
	border-bottom: #cacccc 1px solid;
}
.pdf_link {
	max-width: 50%
}
a.pdf_btn {
	color: #FFF;
}
a.pdf_btn:hover {
	color: #CCC;
}
.gmap_sp {
	display: none;
}
.gmap_pc {
	display: block;
}
a.googlemaps_btn, a.tamagawa_googlemaps_btn, a.ogose_googlemaps_btn {
	color: #FFF;
}
a.googlemaps_btn:hover, a.tamagawa_googlemaps_btn:hover, a.ogose_googlemaps_btn:hover {
	color: #CCC;
}
.contact_tel > h1, .contact_form h1 {
	border-left: none;
	padding-left: 22px;
	margin: 0;
}
.contact_tel address a {
	text-decoration: none;
}
.progress {
	font-size:16px;
}
#submit:hover, .contact_form .contact_table #button {
	color: #CCC;
	transition: all 0.3s ease 0s;
}
.sitemap-content, .news-content {
	width: 100%;
}
.sitemap-content .sitemap {
	width: 100%;
}
.sitemap-content .sitemap .sitemap_box {
	width: 32%;
	margin-right: 10px;
	margin-bottom: 20px;
}
.sitemap-content .sitemap .sitemap_others {
	width: 32%;
	margin-right: 10px;
	margin-bottom: 20px;
}
.sitemap-content .sitemap .sitemap_box h1, .sitemap-content .sitemap .sitemap_others .others_box h1 {
	border-left: none;
	border-bottom: 1px solid #CCC;
}
.sitemap-content .sitemap .sitemap_box h1 a:hover, .sitemap-content .sitemap .sitemap_box ul li a:hover, .sitemap_others .others_box h1 a:hover {
	color: #CCC;
}
.adoption .recruitment h1, .adoption .adoption_policy h1, .adoption .graduate h1 {
	border-left: none;
}
.adoption .graduate dl dt {
	font-size: 12px;
	line-height: 1;
	width:25%;
}
.adoption .graduate dl dd {
	font-size: 12px;
	line-height: 1;
	width:75%;
}
.adoption .graduate span.new-adoption p {
	width: auto;
	line-height: 1;
	display: inline-block;
	float: none;
	font-size: 10px;
	padding:3px 4px 2px 3px;
	color:#FFFFFF;
	background-color:red;
	margin-left:2em;
}
.news-content .news article dl dt {
	width: 20%;
	line-height: 1;
}
.news-content .news article dl dd {
	width: 75%;
	line-height: 1;
}
.news-content .news article dl dt span.news {
	display: inline;
	margin-left: 15px;
}

}