<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";

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

Name: common.css

Description: common CSS

Create: 2015.07.10
LastUpdate:2015.12.24

Copyright 2015 Hitachi Systems, Ltd. 

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

body {background-color: #fff;}

.pad0 {padding-bottom: 0px !important;}
.mar0 {margin-bottom: 0px !important;}
.mar10px {margin-bottom: 10px !important;}
.mar20px {margin-bottom: 20px !important;}
.mar30px {margin-bottom: 30px !important;}
.mar40px {margin-bottom: 40px !important;}
.mar50px {margin-bottom: 50px !important;}
.mar60px {margin-bottom: 60px !important;}
.mar70px {margin-bottom: 70px !important;}
.mar80px {margin-bottom: 80px !important;}
.mar90px {margin-bottom: 90px !important;}
.mar100px {margin-bottom: 100px !important;}

@media screen and (max-width: 767px){
.JS body {background-color: #fff;}
}



/* [-]�O���[�o�����j���[�Ή�
=========================================================================================== */	
/* Scroll Top Button -20151119-
=========================================================================================== */
.PC #Controler { display: none;}


/* [-]�O���[�o�����j���[�Ή�
=========================================================================================== */	
/* SuperGlovalNavi -20151007-
=========================================================================================== */
.SuperGlobalNavi h3 {
	background: none;
	border: none;
	padding: 0;
}


.SuperGlobalNavi h2 a:hover,
.SuperGlobalNavi h2 a:active {
  background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover_hd.gif)!important;
}

@media screen and (max-width: 767px){
	.SuperGlobalNavi h2 a:hover,
	.SuperGlobalNavi h2 a:active {
	  background-image: none!important;
	}
	.JS #CountryRegion .Inner h2 a:hover,
	.JS #CountryRegion .Inner h2 a:active {
	background-image: none!important;
	}
}



#CountryRegion .Inner h3 {
	border: none;
	background-color: inherit;
}

/*-201214-*/
#CountryRegion .Inner h2 a:link,
#CountryRegion .Inner h2 a:visited {
	color: #333;
	text-decoration: none;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl.gif)!important;
}



#SuperGlobalNaviCompany .Inner h2 a:hover,
#SuperGlobalNaviCompany .Inner h2 a:active,
#SuperGlobalNaviProducts .Inner h2 a:hover,
#SuperGlobalNaviProducts .Inner h2 a:active,
#CountryRegion .Inner h2 a:hover,
#CountryRegion .Inner h2 a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover.gif)!important;
}
@media screen and (max-width: 767px){
	
	/*-201214-*/
	.JS #GlobalNaviSP ~ #SuperGlobalNaviCompany .Inner h2 a:link,
	.JS #GlobalNaviSP ~ #SuperGlobalNaviProducts .Inner h2 a:link,
	.JS #GlobalNaviSP ~ #SuperGlobalNaviCompany .Inner h2 a:visited,
	.JS #GlobalNaviSP ~ #SuperGlobalNaviProducts .Inner h2 a:visited {
		background-image: none!important;
		color: #fff!important;
		text-decoration: none;
	}

	.JS #SuperGlobalNaviCompany .Inner h2 a:link,
	.JS #SuperGlobalNaviCompany .Inner h2 a:visited,
	.JS #SuperGlobalNaviProducts .Inner h2 a:link,
	.JS #SuperGlobalNaviProducts .Inner h2 a:visited,
	.JS #CountryRegion .Inner h2 a:link,
	.JS #CountryRegion .Inner h2 a:visited {
		background-image: none!important;
	}

		
	.JS #SuperGlobalNaviCompany .Inner h2 a:hover,
	.JS #SuperGlobalNaviCompany .Inner h2 a:active,
	.JS #SuperGlobalNaviProducts .Inner h2 a:hover,
	.JS #SuperGlobalNaviProducts .Inner h2 a:active,
	.JS #CountryRegion .Inner h2 a:hover,
	.JS #CountryRegion .Inner h2 a:active {
		background-image: none!important;
		color: #fff!important;
		text-decoration: none;
	}
}
@media screen and (max-width: 767px){
	.JS #SiteIdentityL .Title a:link, 
	.JS #SiteIdentityS .Title a:link, 
	.JS #SiteIdentity .Title a:link, 
	.JS #SiteIdentityL .Title a:visited, 
	.JS #SiteIdentityS .Title a:visited, 
	.JS #SiteIdentity .Title a:visited,
	.JS #SiteIdentityL .Title a:visited *, 
	.JS #SiteIdentityS .Title a:visited *, 
	.JS #SiteIdentity .Title a:visited *
	/*.JS #SiteIdentity .Title a:visited **/ {
	  color: #000!important;
	  text-decoration: none;
	 }
  
	.JS #SiteIdentityL .Title a:hover,
	.JS #SiteIdentityS .Title a:hover,
	.JS #SiteIdentity .Title a:hover,
	.JS #SiteIdentityL .Title a:active,
	.JS #SiteIdentityS .Title a:active,
	.JS #SiteIdentity .Title a:active,
	.JS #SiteIdentityL .Title a:hover *,
	.JS #SiteIdentityS .Title a:hover *,
	.JS #SiteIdentity .Title a:hover *,
	.JS #SiteIdentityL .Title a:active *,
	.JS #SiteIdentityS .Title a:active *,
	.JS #SiteIdentity .Title a:active * {
		color:#666!important;
	} 
}


@media screen and (max-width: 767px){
	.JS #PageTopBottom a:link,
	.JS #PageTopBottom a:visited,
	.JS #PageTopBottom a:visited *,
	.JS #PageTopBottom a:hover,
	.JS #PageTopBottom a:active {
	  color: #fff!important;
	  text-decoration: none
	}
}

/* GlovalNavi -20151008-
=========================================================================================== */
#GlobalNaviTop li.Current a em {
	color:#333;
}
#GlobalNaviTop li.Current a:hover em {
	color:#fff;
} 

.CourtesyNavi *:first-child:after {
	display: inherit;
	line-height: 1em;
	content: "";
	height: 1em;
	vertical-align: baseline;
	position: relative;
}

/* HeaderArea inline white-space�΍� 20151222
=========================================================================================== */
#HeaderArea { font-size: 0;}
#HeaderArea #Search,
#HeaderArea #CountryRegion,
#HeaderArea #UltraGlobalNavi {
	font-size: medium;
	font-size: initial;
}


/* CSS MouseOver Setting 
=========================================================================================== */
img.hasOverImage {
  -webkit-transition:0.1s ease-in;
  -moz-transition:0.1s ease-in;
  -o-transition:0.1s ease-in;
  transition:0.1s ease-in;
  -webkit-opacity:1;
  -moz-opacity:1;
  opacity:1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
	}
img.hasOverImage:hover {
  -webkit-opacity:0.8;
  -moz-opacity:0.8;
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
	}

/* Link Icon -20151005-20151007-
=========================================================================================== */
.HorizontalInnerLinks li a,
.VerticalInnerLinks li a:link,
.VerticalInnerLinks li a:link *,
.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:link *,
.VerticalInnerLinks li a {
	color:#06417E!important;
}

.HorizontalInnerLinks li a:visited,
.VerticalInnerLinks li a:visited {
	color:#551A8B!important;
}

.PageTop a,
.PageTop a:link,
.PageTop a:link * {
	color:#06417E!important;	
}

.PageTop a:visited,
.PageTop a:visited * {
	/*color:#551A8B!important;*/
}


/* h1 Pagetitle 
=========================================================================================== */
div.Grid3.TopBorderSet { margin-top:0; padding-top:0;}


.PageTitleStyle1, .PageTitleStyle2 {
	margin: 0px 0 25px;
	background: #ebebeb;
	padding: 20px 20px 20px 18px;
	border-left: 3px solid #01789A;
}


div.PageTitleStyle1&gt;h1 {
	font-size: 150%;
	color: #595959;
}
div.PageTitleStyle1 p.SubTitle  strong{
	color: #595959;	
}

/*
div.PageTitleStyle1 {
	margin: 0 0 15px;
	padding: 0;
	border-left: 3px solid #01789A;
	background-color: #ebebeb;
	background-image: none;
}



div.PageTitleStyle1 div&gt;h1 {
	font-size: 150%;
	color: #595959;
}
div.PageTitleStyle1 div p.SubTitle  strong{
	color: #595959;	
}


div.PageTitleStyle1&gt;div {
	padding: 20px 0 20px 18px;
	background: none!important; 
	zoom: 100%;
}
*/

div.PageTitleStyle1 p.LogoStyle,
div.PageTitleStyle2 p.LogoStyle,
div.PageTitleStyle1 p.LogoStyleW142 {
  float: right;
/*  margin: 15px ;*/
  text-align: right;
}

/* [c1] Page Title�@���K�ł�����
=========================================================================================== */

/* --- [c1-1-1] Page Title &gt; Text --- */
/* --- [c1-2-1] Page Title &gt; Text &gt; With Subtitle --- */

.PageTitleStyle1,
.PageTitleStyle2 {margin: 0 0 25px;}

.PageTitleStyle1.Default,
.PageTitleStyle2.Default {
	margin: 0px 0 25px;
	background: none;
	padding: 0;
	border-left: none;
}

.PageTitleStyle1 h1,
.PageTitleStyle2 h1,
.PageTitleStyle1.Default&gt;h1,
.PageTitleStyle2.Default&gt;h1 {
	font-size: 150%;
	font-weight: bold;
	line-height: 130%;
	color: #595959;
	/*padding: 16px 15px 12px;*/
}


.PageTitleStyle1 h1 a:link,
.PageTitleStyle1 h1 a:visited,
.PageTitleStyle1 h1 a:hover,
.PageTitleStyle1 h1 a:active
.PageTitleStyle2 h1 a:link,
.PageTitleStyle2 h1 a:visited,
.PageTitleStyle2 h1 a:hover,
.PageTitleStyle2 h1 a:active,
.PageTitleStyle1.Default h1 a:link,
.PageTitleStyle1.Default h1 a:visited,
.PageTitleStyle1.Default h1 a:hover,
.PageTitleStyle1.Default h1 a:active
.PageTitleStyle2.Default h1 a:link,
.PageTitleStyle2.Default h1 a:visited,
.PageTitleStyle2.Default h1 a:hover,
.PageTitleStyle2.Default h1 a:active {
	text-decoration: none;
	color: #595959;
}

.LV2LinkSet {
	margin: 0 0 10px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #036F96;
}

.LV2LinkSet h3 {
	border-bottom: none;
}

.LV2LinkSet ul {
  float: right;
  padding-top: 16px;
  padding-right: 12px;
}

/* [c12] Button
=========================================================================================== */

/* --- [c12-1] Button &gt; Vertical --- */
/* --- [c12-2] Button &gt; Horizontal --- */

.ButtonStyle1 a:link,
.ButtonStyle2 a:link,
.ButtonStyle1 a:visited,
.ButtonStyle2 a:visited {
	  background-color: #036F96;
	  transition: 0.1s ease-out;
}
.ButtonStyle1 a:hover,
.ButtonStyle2 a:hover,
.ButtonStyle1 a:active,
.ButtonStyle2 a:active {
	  background-color: #0089AE;
}

dl[class^="ButtonW"] dt a:link,
dl[class^="ButtonW"] dt a:visited {
	background-color: #036F96;
	transition: 0.1s ease-out;
	}
dl[class^="ButtonW"] dt a:hover {
	  background-color: #0089AE;
	}

/* [c16] Box
=========================================================================================== */

/* --- [c16-1-1] Box &gt; Pattern A --- */
/* --- [c16-1-2] Box &gt; Pattern A &gt; Link in Heading --- */
/* --- [c16-2-1] Box &gt; Pattern B --- */
/* --- [c16-2-2] Box &gt; Pattern B &gt; Link in Heading --- */
/* --- [c16-3] Box &gt; Pattern C (No Heading) --- */
/* --- [c16-4-1] Box &gt; Pattern A (h2) --- */
/* --- [c16-4-2] Box &gt; Pattern A (h2) &gt; Link in Heading --- */
/* --- [c16-5-1] Box &gt; Pattern A (h3) --- */
/* --- [c16-5-2] Box &gt; Pattern A (h3) &gt; Link in Heading --- */
/* --- [c16-6-1] Box &gt; Pattern A (h4) --- */
/* --- [c16-6-2] Box &gt; Pattern A (h4) &gt; Link in Heading --- */
/* --- [c16-7-1] Box &gt; Pattern B (h2) --- */
/* --- [c16-7-2] Box &gt; Pattern B (h2) &gt; Link in Heading --- */
/* --- [c16-8-1] Box &gt; Pattern B (h3) --- */
/* --- [c16-8-2] Box &gt; Pattern B (h3) &gt; Link in Heading --- */
/* --- [c16-9-1] Box &gt; Pattern B (h4) --- */
/* --- [c16-9-2] Box &gt; Pattern B (h4) &gt; Link in Heading --- */

.BoxPatternA,
.BoxPatternB,
.BoxPatternC {
	clear: both;
	margin: 0 0 15px;
	padding: 15px 0 5px 0;
	background-color: #f2f2f2;
	zoom: 1;
}
.BoxPatternA:after,
.BoxPatternB:after,
.BoxPatternC:after {
	content: "";
	display: block;
	clear: both;
}

.BoxPatternA .Title,
.BoxPatternA h2,
.BoxPatternA h3,
.BoxPatternA h4 {
	min-height: 20px;
	margin: -15px 0 15px;
	padding: 8px 15px;
	font-size: 96%;
	color: #fff;
	line-height: 130%;
	border: none;
	background-color: #737373;
	zoom: 1;
}
.BoxPatternA h2,
.BoxPatternB h2 {background-image: none;}

.BoxPatternA .Title a,
.BoxPatternA h2 a,
.BoxPatternA h3 a,
.BoxPatternA h4 a {
	display: block;
	min-height: 20px;
	margin: -8px -15px;
	background-image: none;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_l_white.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
	zoom: 1;
}
.BoxPatternA .Title a:link,
.BoxPatternA h2 a:link,
.BoxPatternA h3 a:link,
.BoxPatternA h4 a:link,
.BoxPatternA .Title a:visited,
.BoxPatternA h2 a:visited,
.BoxPatternA h3 a:visited,
.BoxPatternA h4 a:visited {
	padding: 8px 22px 8px 15px;
	color: #fff;
	background-color: #737373;
	text-decoration: none;
	border-right: solid 3px transparent;
	transition:.1s ease-in;

}
.BoxPatternA .Title a:hover,
.BoxPatternA h2 a:hover,
.BoxPatternA h3 a:hover,
.BoxPatternA h4 a:hover,
.BoxPatternA .Title a:active,
.BoxPatternA h2 a:active,
.BoxPatternA h3 a:active,
.BoxPatternA h4 a:active {
	padding: 8px 24px 8px 15px;
	color: #fff;
	background-color: #575757;
	text-decoration: none;
	border-right: solid 1px transparent;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_l_white.gif) !important;

}
* html .BoxPatternA .Title a:link,
* html .BoxPatternA h2 a:link,
* html .BoxPatternA h3 a:link,
* html .BoxPatternA h4 a:link,
* html .BoxPatternA .Title a:visited,
* html .BoxPatternA h2 a:visited,
* html .BoxPatternA h3 a:visited,
* html .BoxPatternA h4 a:visited {border-right: solid 3px #e60027;}
* html .BoxPatternA .Title a:hover,
* html .BoxPatternA h2 a:hover,
* html .BoxPatternA h3 a:hover,
* html .BoxPatternA h4 a:hover,
* html .BoxPatternA .Title a:active,
* html .BoxPatternA h2 a:active,
* html .BoxPatternA h3 a:active,
* html .BoxPatternA h4 a:active {border-right: solid 1px #b1000e;}
*:first-child+html .BoxPatternA .Title a:link,
*:first-child+html .BoxPatternA h2 a:link,
*:first-child+html .BoxPatternA h3 a:link,
*:first-child+html .BoxPatternA h4 a:link,
*:first-child+html .BoxPatternA .Title a:visited,
*:first-child+html .BoxPatternA h2 a:visited,
*:first-child+html .BoxPatternA h3 a:visited,
*:first-child+html .BoxPatternA h4 a:visited {border-right: solid 3px #e60027;}
*:first-child+html .BoxPatternA .Title a:hover,
*:first-child+html .BoxPatternA h2 a:hover,
*:first-child+html .BoxPatternA h3 a:hover,
*:first-child+html .BoxPatternA h4 a:hover,
*:first-child+html .BoxPatternA .Title a:active,
*:first-child+html .BoxPatternA h2 a:active,
*:first-child+html .BoxPatternA h3 a:active,
*:first-child+html .BoxPatternA h4 a:active {border-right: solid 1px #b1000e;}

.BoxPatternA .Title strong {font-weight: normal;}

.BoxPatternB .Title,
.BoxPatternB h2,
.BoxPatternB h3,
.BoxPatternB h4 {
	margin: 0;
	padding: 0 15px 10px;
	font-size: 90%;
	font-weight: bold;
	color: #575757;
	border: none;
}

.BoxPatternB .Title a,
.BoxPatternB h2 a,
.BoxPatternB h3 a,
.BoxPatternB h4 a {
	padding: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}
.BoxPatternB .Title a:link,
.BoxPatternB h2 a:link,
.BoxPatternB h3 a:link,
.BoxPatternB h4 a:link,
.BoxPatternB .Title a:visited,
.BoxPatternB h2 a:visited,
.BoxPatternB h3 a:visited,
.BoxPatternB h4 a:visited {
	color: #575757;
	text-decoration: none;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl.gif);
}
/*-20151007 font-color RED to D.GRAY-*/
.BoxPatternB .Title a:hover,
.BoxPatternB h2 a:hover,
.BoxPatternB h3 a:hover,
.BoxPatternB h4 a:hover,
.BoxPatternB .Title a:active,
.BoxPatternB h2 a:active,
.BoxPatternB h3 a:active,
.BoxPatternB h4 a:active {
/*	color: #b1000e;*/
	color: #575757;
	text-decoration: underline;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover.gif)!important;
}

.BoxPatternA .BoxImgStyle {
	margin: -15px 0 15px 0;
	padding: 0;
}
.BoxPatternB .BoxImgStyle,
.BoxPatternC .BoxImgStyle {
	margin: -15px 0 0 0;
	padding: 0 0 15px 0;
}

.BoxPatternA .ImgOnlyStyle,
.BoxPatternB .ImgOnlyStyle,
.BoxPatternC .ImgOnlyStyle {
	margin-bottom: 10px;
}

/*MailMagazineBanner*/
.BoxPatternA .ImgOnlyStyle.CenterAdjust {
	padding: 0 10px;
}

.BoxPatternA p,
.BoxPatternA ul,
.BoxPatternA dl,
.BoxPatternB p,
.BoxPatternB ul,
.BoxPatternB dl,
.BoxPatternC p,
.BoxPatternC ul,
.BoxPatternC dl {
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.BoxPatternA .ImgW60SetStyle .ImgSet,
.BoxPatternB .ImgW60SetStyle .ImgSet,
.BoxPatternC .ImgW60SetStyle .ImgSet {margin-left: -90px;}
.BoxPatternA .ImgW120SetStyle .ImgSet,
.BoxPatternB .ImgW120SetStyle .ImgSet,
.BoxPatternC .ImgW120SetStyle .ImgSet {margin-left: -150px;}
.BoxPatternA .ImgW180SetStyle .ImgSet,
.BoxPatternB .ImgW180SetStyle .ImgSet,
.BoxPatternC .ImgW180SetStyle .ImgSet {margin-left: -210px;}
.BoxPatternA .ImgW230SetStyle .ImgSet,
.BoxPatternB .ImgW230SetStyle .ImgSet,
.BoxPatternC .ImgW230SetStyle .ImgSet {margin-left: -270px;}


/* 3: Link Setting
=========================================================================================== */
/*-20151005-20151007*/
a:link {
	color: #06417E;
	text-decoration:none;
}
a:visited,
a:visited * {
	/*color: #551A8B;*/
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #06417E;
}

/*--20151104--*/
a strong {
	color: inherit;
}
.hide{
	margin:0 !important;
	padding:0 !important;
	width:0 !important;
	height:0 !important;
	border:0px none !important;
	overflow:hidden !important;
}

/*TopicPath*/

#TopicPath ul li a {
	color: #06417E;
}

#TopicPath ul li a:link {
	color: #06417E;
}

#TopicPath ul li a:visited {
	color: #551A8B;
	text-decoration: none;
}

#TopicPath ul li a:hover,
#TopicPath ul li a:active {
	text-decoration: underline;
}

/*20151117 Responsive�Ή��̂��ߏC��*/
@media screen and (max-width: 767px){
	.JS #TopicPath ul li {
		display: block !important;
		float: left !important;
		word-break: normal !important;
	}
}
@media screen and (min-width: 1px){
	#TopicPath ul li {
		background-position: 7px 4px;
	}
}

/*20151005-20151007*/
.LinearNavi ul li a,
.LinearNavi ul li a:link {
	color: #06417E;
}

.LinearNavi ul li a:visited {
	color: #551A8B;
}


/* [c2] Heading
=========================================================================================== */

/* --- [c2-1-1] Heading &gt; Leval 1 --- */
/* --- [c2-1-2] Heading &gt; Level 1 &gt; With Link --- */
/*

/* HIGIS Default Style Set */
h2.Default {
  margin: 0 0 5px;
  padding: 0 0 10px 0;
  background: url(../../../image/jp/r1/balloon_down.gif) no-repeat 40px bottom!important;
}

h2.Default&gt;span {
  display: block;
  padding: 10px 15px;
  font-size: 110%;
  font-weight: bold;
  color: #575757;
  line-height: 130%;
  background-color: #f2f2f2;
}



h3.Default {
	margin: 0 0 10px;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	color: #737373;
	line-height: 130%;
	background: none;
	border: none;
}

h3.Default a {
	padding: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}
h3.Default a:link,
h3.Default a:visited {
	color: #737373;
	text-decoration: none;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl.gif);
}
h3.Default a:hover,
h3.Default a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

h4.Default {
  margin: 0 0 10px;
  font-size: 96%;
  font-weight: bold;
  color: #333;
  line-height: 130%;
}

h4.Default:before {
	padding: 0;
	content: normal;
	}

/* -HISYS Default h2 Style- */

@media screen and (max-width: 767px){
	.JS h2 { margin:-15px 0 15px;}
	.JS .LV1LinkSet { margin:0!important;}
}

h2 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../../../image/jp/r1/balloon_down_blue.gif)  no-repeat 40px bottom;
}

h2 span {
	display: block;
	padding: 13px 15px 10px 15px;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	line-height: 130%;
	background-color: #036F96;
}

h2 a,
h2 a {
	padding: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}

/*--20151104--*/
h2 a:link,
h2 a:visited {
	color: #fff;
	text-decoration: none;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_white.gif);

}
h2 a:hover,
h2 a:active {
	color: #fff;
	text-decoration: underline;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_white_hover.gif)!important;
}

@media screen and (min-width: 1px){
	h2 a:link, h2 a:visited {
		background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_white_hd.gif);
		
		/*--20151105 �񃌃X�|���V�u�Ή�--*/
		background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
	}
	h2 a:hover,
	h2 a:active {
		color: #fff;
		text-decoration: underline;
		background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_white_hover_hd.gif)!important;
	}
}

/* --- [c2-1-3-1] Heading &gt; Leval 1 &gt; Link on Right --- */
/* --- [c2-1-3-2] Heading &gt; Leval 1 &gt; Link to RDF File --- */

.LV1LinkSet {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../../../image/jp/r1/balloon_down_blue.gif) no-repeat 40px bottom;
}

.LV1LinkSet div {
	padding: 10px 13px 10px 15px;
	background-color: #036F96;
}

.LV1LinkSet div h2 {
	float: left;
	margin: 0;
	padding: 0!important;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	line-height: 130%;
	background-image: none;
}

.LV1LinkSet div ul {
	float: right;
	padding-top: 4px;
}

.LV1LinkSet div ul li {
	font-size: 76%;
	line-height: 130%;
}

.LV1LinkSet div ul li a {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right 45%;
	color: #fff;
}

.LV1LinkSet div ul li a:link,
.LV1LinkSet div ul li a:visited {
	text-decoration: none;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_white.gif);
}

.LV1LinkSet div ul li a:hover,
.LV1LinkSet div ul li a:active {
	text-decoration: underline;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_white_hover.gif)!important;
}

.LV1LinkSet div ul li a img {
	width: 52px;
	max-width: 52px;
	height: 22px;
	margin: -4px -20px 0 0;
	_margin-right: -10px;
}


/*�ėph2*/
h2.Gen {
	margin-bottom:15px;
	padding:0;
	background: none;
}
h2.Gen span {
	position:relative;
	padding-top:14px;
	font-size:150%;
	border-left:6px solid #036f96;
}

.Section h2.gray span {
	border-left-color:#878787;
	background-image:none !important;
}
.Section h2.gray span:before {
	background:none #a9a9a9;
}


h3 {
	margin: 0px 0 15px;
	padding: 14px 9px 10px;
	font-size: 100%;
	line-height: 1.35;
	border-left: 4px solid #036F96;
	border-bottom: 1px solid #036F96;
	background: #F6F6F6;
	color: #595959;
}

h3 a:link,
h3 a:visited {
	color: #595959;
	text-decoration: none;
}

h3 a:hover,
h3 a:active {
	color: #595959;
	text-decoration: underline;
}

h4 {
  margin: 0 0 10px;
  padding: 8px 6px 6px 8px;
  border: none;
  background: none;
  font-size: 95%;
  line-height: 1.35;
  background-color: #fff !important;
  color: #333 !important;
}
/*-20151005-20151007-*/
h4 a:hover {
	color: #333;
}

h4:before {
  content: url(../../image/jp/common/icon_title_blue.gif);
  padding: 0 0 0 5px;
  position: relative;
  left: -.2em;
  top: -.05em;
}
h4::before {
  content: url(../../image/jp/common/icon_title_blue.gif);
  padding: 0 0 0 5px;
  position: relative;
  left: -.2em;
  top: -.05em;
}




/* [-]�R���g���[���[
=========================================================================================== */

/*ControlerAnimation�ݒ�*/
@keyframes SlideUp {
	0% { transform:translate(50px,0px);}
	90% { transform:translate(-2px,0px);}
	100% { transform:translate(0px,0px);}
}

#Controler {
  position: fixed;
  right: 0px;
  bottom: 12%;
  display: block;
  width: auto;
  height: auto;
  padding: 8px 0px 0 8px;
  background: none;
  z-index: 1000;
  border-radius: none;
animation:SlideUp ease-in 0.8s 1 normal;
}

#Controler button {
  display: block;
  margin: 0px 0 0px 0;
  width: 50px;
  height: 160px;
  border: 0px none;
  background: none no-repeat left top transparent;
  white-space: nowrap;
  text-indent: 250%;
  overflow: hidden;
  outline:none;
}

#Controler button.pause{background-image:url("../../image/jp/common/icon_control_pause.png");}

#Controler button.pagetop {
  background-image: url("../../image/jp/top/icon_control_pagetop.png");
  cursor:pointer;
  -webkit-transition:0.18s ease-in;
  -moz-transition:0.18s ease-in;
  -o-transition:0.18s ease-in;
  transition:0.18s ease-in;
}

#Controler button.pagetop:hover {
  background-image: url("../../image/jp/top/icon_control_pagetop_on.png");
  cursor:pointer;
  -webkit-transition:0.1s ease-out;
  -moz-transition:0.1s ease-out;
  -o-transition:0.1s ease-out;
  transition:0.1s ease-out;
  -webkit-opacity:0.8;
  -moz-opacity:0.8;
  opacity:0.8;
 
  }


/* [-]FatMenu
=========================================================================================== */


.FatMenuLink &gt; .FMLinkListStyle &gt; li &gt; a {
	background-image: url(../../image/jp/r1/icon/icon_link_right.gif) !important;
}
.FatMenuLink &gt; .FMLinkListStyle &gt; li a:hover {
	background-image: url(../../image/jp/r1/icon/icon_link_right_hover.gif) !important;
}

@media screen and (min-width: 1px) {
.FatMenuLink &gt; .FMLinkListStyle &gt; li &gt; a {
		background-image: url(../../image/jp/r1/icon/icon_link_right.gif) !important;
	}

.FatMenuLink &gt; .FMLinkListStyle &gt; li a:hover {
		background-image: url(../../image/jp/r1/icon/icon_link_right_hover.gif) !important;
	}

}

.FatMenuLink &gt; .FMLinkListStyle &gt; li a:link {
	color: #06417E;
}

.FatMenuLink &gt; .FMLinkListStyle &gt; li a:visited {
	color: #551A8B;
}




/* [c16] Box
=========================================================================================== */

.Grid1 &gt; .BoxPatternC{
	border:1px solid #cccccc;
	background-color:#fdfdfc;
	padding:10px 0 15px 0;
	text-align:center;
}

.Grid1 &gt; .BoxPatternC .VerticalImageList1{
	margin:0;
	padding:0.25em;
}

/* [xx] ���������{�^�� 20151224
================== */
.Grid1 &gt; .BoxPatternC.BoxC04 .VerticalImageList1 li:first-child {
	margin: 0 0 5px;
}


.Grid1 &gt; .BoxPatternA .Title{
	margin: -15px 0 12px;
}
.Grid1 &gt; .BoxPatternA .Title strong{
	color:#ffffff;
}

.Grid1 &gt; .BoxPatternA .LinkListStyle2{
	padding:0 6px;
	margin-bottom:1px;
}
.Grid1 &gt; .BoxPatternA .LinkListStyle2 li{
	margin-top:3px;
	padding:14px 10px;
	background-color:#ffffff;
}
.Grid1 &gt; .BoxPatternA .LinkListStyle2 li:first-child{
	margin-top:0;
}

.Grid1 &gt; .BoxPatternA .LinkListStyle2 li a{
	position:relative;
	display:block;
	padding:0 0 0 22px;
	color:#333333;
	background:none;
	box-sizing:border-box;
}

.Grid1 &gt; .BoxPatternA .LinkListStyle2 li a:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:14px;
	height:14px;
	margin:-7px 0 0 0;
	background:url("../../image/jp/common/icon_link_arrow_white.png") no-repeat center center #036f96;
}
.Grid1 &gt; .BoxPatternA .LinkListStyle2 li a::before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:14px;
	height:14px;
	margin:-7px 0 0 0;
	background:url("../../image/jp/common/icon_link_arrow_white.png") no-repeat center center #036f96;
}


/*PageTitle3 Solutin,Case &amp; Seminar BackgroundImages*/
.PageTitleStyle3.Solution {
	background-image: url("../../image/jp/solution/bg_page_title01.jpg");
	background-size: cover;
	background-position:bottom right;
}
.PageTitleStyle3.Case {
	background-image: url("../../image/jp/case/bg_page_title01.jpg");
	background-size: cover;
	background-position:bottom right;
}
/*-20151006-Seminar-&gt;SeminarEvent*/
.PageTitleStyle3.SeminarEvent {
	background-image: url("../../image/jp/seminar/bg_page_title01.jpg");
	background-size: cover;
	background-position:bottom center;
}
.PageTitleStyle3.Solution,
.PageTitleStyle3.Case,
.PageTitleStyle3.SeminarEvent {
	width: 100%;
	min-height: 200px;
	height: auto;
	background-repeat: no-repeat;
	transition:.1s ease-in;
	/*background-size: contain;*/
	}
.PageTitleStyle3.Solution&gt;p.SubTitle,
.PageTitleStyle3.Case&gt;p.SubTitle,
.PageTitleStyle3.SeminarEvent&gt;p.SubTitle {
	padding: 1.5em 0 0 1.25em;
	font-size: 110%;
	line-height: 150%;
	transition:.1s ease-in;
}
.PageTitleStyle3.Solution&gt;h1,
.PageTitleStyle3.Case&gt;h1,
.PageTitleStyle3.SeminarEvent&gt;h1 {
	padding: 0 0 0 .75em;
	font-size:170%;
	font-weight: bold;
	transition:.1s ease-in;
	}
.PageTitleStyle3.Solution&gt;h1 a:link,
.PageTitleStyle3.Solution&gt;h1 a:hover,
.PageTitleStyle3.Solution&gt;h1 a:visited
.PageTitleStyle3.Case&gt;h1 a:link,
.PageTitleStyle3.Case&gt;h1 a:hover,
.PageTitleStyle3.Case&gt;h1 a:visited,
.PageTitleStyle3.SeminarEvent&gt;h1 a:link,
.PageTitleStyle3.SeminarEvent&gt;h1 a:hover,
.PageTitleStyle3.SeminarEvent&gt;h1 a:visited {
	color: #333;
	text-decoration:none;
}
@media screen and (max-width: 579px) {
.PageTitleStyle3.Solution,
.PageTitleStyle3.Case,
.PageTitleStyle3.SeminarEvent {
	background-color: #fff;
	/*min-height: auto;*/
	min-height: 140px;
	height:auto;
}

.PageTitleStyle3.Solution&gt;p.SubTitle,
.PageTitleStyle3.Case&gt;p.SubTitle,
.PageTitleStyle3.SeminarEvent&gt;p.SubTitle {
	padding: 1.25em 0 0 1.25em;
	font-size: 100%;
	line-height: 150%;
	}

.PageTitleStyle3.Solution&gt;h1,
.PageTitleStyle3.Case&gt;h1,
.PageTitleStyle3.SeminarEvent&gt;h1 {
	padding: 0 0 .25em .75em;
	font-size:150%;
	text-shadow: 0px 0px 5px rgba(255,255,255,0.8);
	}
}

@media screen and (max-width: 478px) {
.PageTitleStyle3.Solution&gt;p.SubTitle,
.PageTitleStyle3.Case&gt;p.SubTitle,
.PageTitleStyle3.SeminarEvent&gt;p.SubTitle {
	padding: 1em 0 0 .75em;
	font-size: 95%;
	line-height: 150%;
	}

.PageTitleStyle3.Solution&gt;h1,
.PageTitleStyle3.Case&gt;h1,
.PageTitleStyle3.SeminarEvent&gt;h1 {
	padding: 0 0 1em .5em;
	font-size:130%;
}
.PageTitleStyle3 .Tab li a {
	font-size: 90%;
	}
}


/* [-]Tab
=========================================================================================== */
.PageTitleStyle3 {
	position:relative;
}
.PageTitleStyle3 .Tab {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:100%;
	padding: 6px 0 0 6px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D83b3b3b,endColorstr=#D83b3b3b); 
	background-color:rgba(75,75,75,0.85);
	box-sizing:border-box;
}
.PageTitleStyle3 .Tab:not(:target){
	filter: none;
}

.PageTitleStyle3 .Tab li{
	display:inline-table;
	height:40px;
	width:232px;
	margin:0 0 6px 6px;
	box-sizing:border-box;
	transition:.1s ease-in;
}

.PageTitleStyle3 .Tab li:first-child {
	margin-left:0;
}
.PageTitleStyle3 .Tab li:last-child,
.PageTitleStyle3 .Tab li:last-child a:hover {
	margin-left: 6px;
}


.PageTitleStyle3 .Tab li:first-child+li { margin-right:0px;}

/*-20151210-*/
.PageTitleStyle3 .Tab.tab2 {
	padding: 6px 6px 0 6px;
}

.PageTitleStyle3 .Tab.tab2 li{
	width:351px;
	vertical-align:top;
}
.PageTitleStyle3 .Tab.tab2 li.Current {
	width:351px;
	vertical-align:top;
	margin: 0 0 6px 0;
}

.PageTitleStyle3 .Tab.tab2 li:first-child+li {
	float:right;
}

.PageTitleStyle3 .Tab.tab2 li.Current:last-child {
	float:right;
}


@media screen and (max-width: 1px) {
	.PageTitleStyle3 .Tab.tab2 li{
		width: calc((100% - 6px) / 2);
		vertical-align:top;
	}
	.PageTitleStyle3 .Tab.tab2 li.Current {
		width: calc((100% - 6px) / 2);
		vertical-align:top;
		margin: 0 0 6px 0;
	}	
}

div#Contents .Grid3 .PageTitleStyle3 .Tab li a {
	display:table-cell;
	color:#ccc;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	line-height:1em;
	transition:.1s ease-in;
}

div#Contents .Grid3 .PageTitleStyle3 .Tab li.Current a,
div#Contents .Grid3 .PageTitleStyle3 .Tab li a:hover{
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000,endColorstr=#77000000); 
}

@media screen and (max-width: 579px) {
	.PageTitleStyle3 .Tab li,
	.PageTitleStyle3 .Tab.tab2 li.Current:last-child {
	margin-left: 0px!important;	
	}
	.PageTitleStyle3 .Tab.tab2 li:last-child {
	margin-left: 6px!important;	
	}
	
}

/* [-]SeminarsArea
=========================================================================================== */
#SeminarsArea{
	margin:0 0 20px 10px;
	padding:3px 0;
	border:2px solid #eae9e3;
	border-left:0px none;
	border-top:0px none;
	background-color:#f9f8f5;
}
#SeminarsArea .Seminar{
	position:relative;
	margin-top:7px;
	padding:18px 0 18px 0;
}
#SeminarsArea &gt; .Seminar:first-child{
	margin-top:0;
}
#SeminarsArea &gt; .Seminar:hover{
	background-color:#e6f3f7;
}

#SeminarsArea .Seminar *{
	margin:0;
}

#SeminarsArea .Seminar + .Seminar:before{
	content:"";
	position:absolute;
	top:-4px;
	left:0;
	display:block;
	width:100%;
	border-top:1px dotted #d1d0ca;
}
#SeminarsArea .Seminar + .Seminar::before{
	content:"";
	position:absolute;
	top:-4px;
	left:0;
	display:block;
	width:100%;
	border-top:1px dotted #d1d0ca;
}
#SeminarsArea .Seminar:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:24px;
	height:100%;
	background:url("../../image/jp/common/icon_link_arrow_white_big.png") no-repeat center center #036f96;
}
#SeminarsArea .Seminar::after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:24px;
	height:100%;
	background:url("../../image/jp/common/icon_link_arrow_white_big.png") no-repeat center center #036f96;
}

#SeminarsArea .Seminar a{
	color:#06417e;
}
#SeminarsArea .Seminar .Date,
#SeminarsArea .Seminar .Date + div{
	display:table-cell;
	padding:0 8px;
	vertical-align:middle;
}
#SeminarsArea .Seminar .Date{
	padding-left:68px;
	width:235px;
	box-sizing:border-box;
}
#SeminarsArea .Seminar .Date + div{
	padding-right:24px;
}

#SeminarsArea .Seminar .Date:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	display:block;
	width:50px;
	height:50px;	
	margin:-30px 0 0 -10px;
	background:none no-repeat center center #036f96;
	border:1px solid #a09f9c;
	border-top:0px none;
	border-left:0px none;
	box-sizing:border-box;
}
#SeminarsArea .Seminar .Date::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	display:block;
	width:50px;
	height:50px;
	margin:-30px 0 0 -10px;
	background:none no-repeat center center #036f96;
	border:1px solid #a09f9c;
	border-top:0px none;
	border-left:0px none;
	box-sizing:border-box;
}


#SeminarsArea .Seminar .Date:after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	display:block;
	width:0;
	height:0;
	margin:20px 0 0 -10px;
	background:none transparent;
	border:5px solid transparent;
	border-top-color:#5a5958;
	border-right-color:#5a5958;
	box-sizing:border-box;
}
#SeminarsArea .Seminar .Date::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	display:block;
	width:0;
	height:0;
	margin:20px 0 0 -10px;
	background:none transparent;
	border:5px solid transparent;
	border-top-color:#5a5958;
	border-right-color:#5a5958;
	box-sizing:border-box;
}

#SeminarsArea &gt; .Seminar.Pickup:first-child,
#PickupsArea &gt; .Seminar:first-child {
  margin-top: 0;
}

#SeminarsArea .Seminar.Pickup:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 100%;
  background: url("../../image/jp/common/icon_link_arrow_white_big.png") no-repeat center center #b1000e;
}

#SeminarsArea .Seminar.Pickup::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 100%;
  background: url("../../image/jp/common/icon_link_arrow_white_big.png") no-repeat center center #b1000e;
}

/*icon*/

#SeminarsArea .Seminar.Pickup .Date::before {
  background-image: url("../../image/jp/seminar/icon_pickup.png");
}

#SeminarsArea .Seminar.Pickup .Date:before {
  background-image: url("../../image/jp/seminar/icon_pickup.png");
}


#SeminarsArea .Seminar.Event .Date:before{	background-image:url("../../image/jp/seminar/icon_event.png");}
#SeminarsArea .Seminar.Event .Date::before{	background-image:url("../../image/jp/seminar/icon_event.png");}


#SeminarsArea .Seminar .Date:before{	background-image:url("../../image/jp/seminar/icon_seminar.png");}
#SeminarsArea .Seminar.Exhibition .Date:before{	background-image:url("../../image/jp/seminar/icon_exhibition.png");}
#SeminarsArea .Seminar .Date::before{	background-image:url("../../image/jp/seminar/icon_seminar.png");}
#SeminarsArea .Seminar.Exhibition .Date::before{	background-image:url("../../image/jp/seminar/icon_exhibition.png");}

#SeminarsArea .Seminar h3 {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	color: #737373;
	line-height: 130%;
	background: none;
	border: none;
}

/*-20151009-BiggerLink*/
@media screen and (min-width: 1px){
	.bl-hot&gt;div h3 a.bl-bigger {
		background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hd.gif);
	}
	.bl-hover&gt;div h3 a.bl-bigger {
		text-decoration: underline!important;
		background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
	}
	
	.bl-hover&gt;div h3 a.bl-bigger,
	.bl-hot&gt;div h3 a.bl-bigger {
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
	}
	
}

.bl-hot&gt;div h3 a.bl-bigger {
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl.gif);
}
.bl-hover&gt;div h3 a.bl-bigger {
	text-decoration: underline!important;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

/* [+]Solution&amp;Case
=========================================================================================== */

h2.Wide {
	margin-bottom:15px;
	padding:0;
	background: none;
	
}

h2.Wide span {
	position:relative;
	padding-top:14px;
	font-size:150%;
	border-left:6px solid #036f96;
	color: #575757;
}

div.SubjectCase h2.Wide span,
div.Subject h2.Wide span {
	background-color: #fff!important;
}

.SolutionList h3 a,
.SolutionList h3 a:link {
	color:#06417e;
}

.SolutionList h3 a:visited {
	color:#551A8B;
}

/* [-]FreeWord
=========================================================================================== */
.FreeWord{
	margin-bottom:1px;
	padding:9px 9px 8px 8px;
	background:none #ebebeb;
}
.FreeWordInput{
	display:table;
	width:100%;
}
.FreeWordInput li{
	display:table-cell;
	vertical-align:top;
}
.FreeWordInput li input{
	display:block;
	width:100%;
	height:36px;
	border:0px none;
	box-sizing:border-box;
}
.FreeWordInput li.FreeWordInputButton{
	width:81px;
}
.FreeWordInput li.FreeWordInputButton input{
	color:#ffffff;
	background: -ms-linear-gradient(top, #626262 0%,#626262 50%,#535353 51%,#535353 100%); /* IE10+ */
	background: linear-gradient(to bottom, #626262 0%,#626262 50%,#535353 51%,#535353 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#535353',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.FreeWordInput li.FreeWordInputButton input:hover,
.FreeWordInput li.FreeWordInputButton input:active {
	background: -ms-linear-gradient(top, #525252 0%,#525252 50%,#434343 51%,#434343 100%); /* IE10+ */
	background: linear-gradient(to bottom, #525252 0%,#525252 50%,#434343 51%,#434343 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
	
	}

/* [-]KeyWord
=========================================================================================== */
.KeyWord{
	position:relative;
	margin-bottom:16px;
}
.KeyWord &gt; input[type="checkbox"] {
	display:block;
	position:fixed;
	left:0;
	top:0;
	margin:-100%;
}
.KeyWord &gt; input[type="checkbox"] + label{
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:43px;
	height:43px;
	border:0px none;
	background:url("../../image/jp/solution/btn_more_close.png") no-repeat center center #036f96;
	white-space: nowrap;
	text-indent:250%;
	overflow:hidden;
	cursor:pointer;
	transition:.1s ease-in;
}
.KeyWord &gt; input[type="checkbox"] + label:hover{
	background-color:#0089AE;
	}
.KeyWord .LinkListStyle1{
	max-height:43px;
	margin:0 43px 0 0;
	background:none #f2f2f2;
	box-sizing:border-box;
	overflow:hidden;
	-webkit-transition: max-height 700ms ease 0s;
	transition: all 0.7s ease 0s;
}
.KeyWord .LinkListStyle1 li{
	padding:0 5px 0 15px;
	line-height:43px;
	display:inline-block;
}
.KeyWord.open label{
	background-image:url("../../image/jp/solution/btn_more_open.png");
}
.KeyWord.open .LinkListStyle1{
	max-height:none;
	height:auto;
}

.KeyWord &gt; input[type="checkbox"]:checked + label{
	background-image:url("../../image/jp/solution/btn_more_open.png");
}
.KeyWord.open &gt; input[type="checkbox"]:checked + label + .LinkListStyle1,
.KeyWord &gt; input[type="checkbox"]:checked + label ~ .LinkListStyle1{
	max-height: 600px
}

/*20150824�ǋL*/
.PickUp h2.Wide span{ background:url("../../image/jp/case/bg_h2_pickup.png") no-repeat right top;}
.Industry h2.Wide span{ background:url("../../image/jp/solution/bg_h2_industry.png") no-repeat right top;}
.Affairs h2.Wide span{ background:url("../../image/jp/solution/bg_h2_affairs.png") no-repeat right top;}
.SolAffairs h2.Wide span{ background:url("../../image/jp/solution/bg_h2_affairs.png") no-repeat right top;}
.SearchIT h2.Wide span{ background:url("../../image/jp/solution/bg_h2_search_it.png") no-repeat right top;}
.Groups h2.Wide span{ background:url("../../image/jp/solution/bg_h2_groups.png") no-repeat right top;}
.ITService h2.Wide span{ background:url("../../image/jp/solution/bg_h2_search_it.png") no-repeat right top;}


.Subject .BoxPatternA,
.Industry .BoxPatternA,
.SearchIT .BoxPatternA{
	position:relative;
	padding:0;
	overflow:hidden;
}
.Subject .BoxPatternA:after,
.Industry .BoxPatternA:after,
.SearchIT .BoxPatternA:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	border-bottom:5px solid #ebebeb;
}
.Subject .BoxPatternA&gt;h3,
.Industry .BoxPatternA&gt;h3,
.SearchIT .BoxPatternA&gt;h3 {
  position: relative;
  margin: 0;
  border-bottom: 5px solid #cccccc;
  border-left: none;
  background-color: #036f96;
  font-size: 100%;
  font-weight: normal;
  box-sizing: border-box;
  transition: 0.1s ease-out;
}
.Affairs .IndexColumnItem&gt;h3,
.Subject .IndexColumnItem&gt;h3,
.Industry .IndexColumnItem&gt;h3,
.SearchIT .IndexColumnItem&gt;h3,
.ITService .IndexColumnItem&gt;h3 {
  border-bottom: 5px solid #cccccc;
  border-left: none;
  background-color: #036f96;
  font-size: 100%;
  font-weight: normal;
  box-sizing: border-box;
  padding: 0;
  transition: 0.1s ease-out;
}

.SubjectCase .IndexColumnItem&gt;h3 {
  border-bottom: 5px solid #cccccc;
  border-left: none;
  background-color: #036f96;
  font-size: 100%;
  font-weight: normal;
  box-sizing: border-box;
  transition: 0.1s ease-out;
}

.SubjectCase .IndexColumnItem&gt;h3 a,
.SubjectCase .IndexColumnItem&gt;h3 a:link,
.SubjectCase .IndexColumnItem&gt;h3 a:visited {
	  color: #fff;
	  background: none;
	  display:block;
}

.ITService h3:hover,
.Affairs h3:hover,
.SubjectCase .IndexColumnItem&gt;h3:hover,
.Industry h3:hover,
.Subject .BoxPatternA h3:hover,
.Industry .BoxPatternA h3:hover,
.SearchIT .BoxPatternA h3:hover {
background-color:#0089AE;
}

.ITService h3 a,
.Affairs h3 a,
.Industry h3 a,
.Subject .BoxPatternA h3 a,
.Industry .BoxPatternA h3 a,
.SearchIT .BoxPatternA h3 a {
	position:relative;
	display:block;
	color:#ffffff!important;
	min-height:30px;
	line-height:1.35;
	padding:13px 22px 5px 15px;
	z-index:2;
}

.Subject .BoxPatternA h3 a,
.Subject .BoxPatternA h3 a:link {
	background-image: none!important;
}

.Industry h3 a:hover,
.Subject .BoxPatternA h3 a:hover,
.Industry .BoxPatternA h3 a:hover,
.SearchIT .BoxPatternA h3 a:hover {
	text-decoration: underline;
}

.ITService h3 a:link,
.ITService h3 a:hover,
.ITService h3 a:active,
.Affairs h3 a:link,
.Affairs h3 a:hover,
.Affairs h3 a:active,
.SubjectCase .IndexColumnItem h3 a,
.SubjectCase .IndexColumnItem h3 a:link,
.SubjectCase .IndexColumnItem h3 a:hover,
.SubjectCase .IndexColumnItem h3 a:active,
.SubjectCase .IndexColumnItem h3 a:visited,
.Industry h3 a:link,
.Subject .BoxPatternA h3 a:link,
.Industry .BoxPatternA h3 a:link,
.SearchIT .BoxPatternA h3 a:link,
.Industry h3 a:visited,
.Subject .BoxPatternA h3 a:visited,
.Industry .BoxPatternA h3 a:visited,
.SearchIT .BoxPatternA h3 a:visited,
.Industry h3 a:hover,
.Subject .BoxPatternA h3 a:hover,
.Industry .BoxPatternA h3 a:hover,
.SearchIT .BoxPatternA h3 a:hover
.Industry h3 a:active,
.Subject .BoxPatternA h3 a:active,
.Industry .BoxPatternA h3 a:active,
.SearchIT .BoxPatternA h3 a:active{
	border-right-width:3px;
	padding-right:22px;
	background:none no-repeat right top transparent;
}

/*--�Ǝ�--*/
.manufacturing h3 a:link{background-image:url("../../image/jp/solution/icon_manufacturing.png") !important;}
.circulation h3 a:link{background-image:url("../../image/jp/solution/icon_circulation.png") !important;}
.service h3 a:link{background-image:url("../../image/jp/solution/icon_service.png") !important;}
.finance h3 a:link{background-image:url("../../image/jp/solution/icon_finance.png") !important;}
.public h3 a:link{background-image:url("../../image/jp/solution/icon_public.png") !important;}
.social h3 a:link{background-image:url("../../image/jp/solution/icon_social.png") !important;}
.welfare h3 a:link{background-image:url("../../image/jp/solution/icon_welfare.png") !important;}
.others h3 a:link{background-image:url("../../image/jp/solution/icon_others.png") !important;}
.outsourcing h3 a:link{background-image:url("../../image/jp/solution/icon_outsourcing.png") !important;}
.itservice h3 a:link{background-image:url("../../image/jp/solution/icon_itservice.png") !important;}
/*--�Ɩ�--*/
.market h3 a:link{background-image:url("../../image/jp/case/icon_market.png") !important;}
.procurement h3 a:link{background-image:url("../../image/jp/case/icon_procurement.png") !important;}
.manufacturing_case h3 a:link{background-image:url("../../image/jp/case/icon_manufacturing.png") !important;}
.logistics h3 a:link{background-image:url("../../image/jp/case/icon_logistics.png") !important;}
.financial h3 a:link{background-image:url("../../image/jp/case/icon_financial_affairs.png") !important;}
.personnel h3 a:link{background-image:url("../../image/jp/case/icon_personnel_department.png") !important;}
.sales h3 a:link{background-image:url("../../image/jp/case/icon_sales.png") !important;}


.Subject .BoxPatternA .Inner,
.Industry .BoxPatternA .Inner,
.SearchIT .BoxPatternA .Inner{
	height:100%;
	padding:12px 0;
	border-left:5px solid #ebebeb;
	border-right:5px solid #ebebeb;
	box-sizing:border-box;
}

.SolAffairs .LinkListStyle1{
	margin-top:0;
	padding:21px 15px;
	background-color:#f2f2f2;

}
.SolAffairs .LinkListStyle1 li{
	display:inline-block;
	min-width:160px;
	margin-left:15px;
}
/*-IE8�Ή�-*/
.SolAffairs .LinkListStyle1 li:first-child+li+li+li,
.SolAffairs .LinkListStyle1 li:first-child+li+li+li+li+li+li+li,
.SolAffairs .LinkListStyle1 li:first-child+li+li+li+li+li+li+li+li+li+li+li {
	margin-left:0;
}

.SolAffairs .LinkListStyle1 li:nth-child(4n) {
	margin-left:0;
}
.Groups .LinkListStyle1{
	margin-top:40px;
	margin-bottom:40px;
}

.LineUp .BoxPatternB .TextStyle1,
.Groups .BoxPatternB .TextStyle1{
	white-space: nowrap;
}

.CaseBox{
	height:100%;
	margin:0;
	padding:7px 0 0 0;
	background:none #f5f5f2;
	border:3px solid #ebebeb;

}
.CaseBox.special{
	position:relative;
}
.CaseBox.special .icon{
	position:absolute;
	top:0px;
	left:0px;
}


/*--20151119-�e�L�X�g�̂͂ݏo�����--*/
.PickUp .CaseBox {
	box-sizing:border-box;		
}

h3 + .CaseBox{
	height:auto;
	margin-top:15px;
}

.CaseBox .ImgOnlyStyle,
.CaseBox .ImgOnlyStyle img{
	margin-bottom:0;
}
.CaseBox .Title{
	margin:0;
	padding:7px 0 4px 7px;
	background:none #dee7ea;
	line-height:130%;
	font-size:87.5%;
}
.CaseBox.special .Title{
	background:none #efd9d2;
}

.CaseBox .LinkListStyle1{
	margin:7px 7px 4px 7px;
	padding:0;
	text-align:left;
	font-size:87.5%;
}
.CaseBox .LinkListStyle1 li{
	padding:0;
	line-height:130%;
}
.CaseBox .LinkListStyle1 li a{

}

/*--20151118--�s�b�N�A�b�v�L�[���[�h--*/
.PickUp .CaseBox .KeyWord{
	position:relative;
	min-height:4px;
	margin-bottom: 4px;
	padding:6px 4px 0px 60px;
	border-top:1px dotted #d1d0ca;
	font-size:68.75%;
	line-height:110%;
	display:block;
	vertical-align: bottom;
}

/*--20151118--�Ǝ�L�[���[�h--*/
h3 + .CaseBox .KeyWord{
	position:relative;
	min-height:5px;
	margin-bottom: 5px;
	padding:6px 4px 1px 60px;
	border-top:1px dotted #d1d0ca;
	font-size:68.75%;
	line-height:110%;
	display:block;
	vertical-align: bottom;

}

.CaseBox .KeyWord &gt; span{
	position:absolute;
	left:6px;
	top:5px;
	display:block;
	width:50px;
	height:12px;
	color:#ffffff;
	white-space: nowrap;
	text-indent:100%;
	overflow:hidden;
	background:url("../../image/jp/case/icon_related_keyword.gif") no-repeat left top transparent;
	padding-bottom: 5px;
}

/*-20151120-special_d.css����ڐA-*/
table td.noborder-b {
	border-bottom: 0px solid #000;
}

table td.noborder-t {
	border-top: 0px solid #000;
}

/*-20151120-module.css����ڐA-*/
.Bottom0 {
	margin-bottom: 0 !important;
}
.Bottom5 {
	margin-bottom: 5px !important;
}
.Bottom10 {
	margin-bottom: 10px !important;
}

/* [c11] Link List
=========================================================================================== */
/*--20151120--�ʏ탊�X�g���Ƀ����N���X�g--*/
ul.ListStyle1 ul.LinkListStyle1 li {
	background: none !important;
	margin-left: -1em;
}

/* [xx] ���i�E�\�����[�V�����J�e�S���p���[�J���i�r�Q�[�V����
=========================================================================================== */

div.Grid1 div#LocalNaviSolution a {
	text-decoration:none;
}
div.Grid1 div#LocalNaviSolution a:hover {
	text-decoration:underline;
}

div.Grid1 div#LocalNaviSolution a:visited,
div.Grid1 div#LocalNaviSolution a:visited * {
	color: #551A8B!important;
}
/*--- ��2�K�w �^�C�g�� ---*/
div.Grid1 div#LocalNaviSolution { margin: 0 0 15px; }

div.Grid1 div#LocalNaviSolution h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none #036f96;
	font-size: 90%;
	zoom: 1;
	transiton:0.1s ease-out;
}
/*Link�̏ꍇ�̎w��
div.Grid1 div#LocalNaviSolution h2:hover{
	background: none  #0089AE;
}*/
div.Grid1 div#LocalNaviSolution h2.Title span a:hover,
div.Grid1 div#LocalNaviSolution h2.Title span a:active,
div.Grid1 div#LocalNaviSolution h2.Title span a:link,
div.Grid1 div#LocalNaviSolution h2.Title span a:visited,
div.Grid1 div#LocalNaviSolution h2.Title span a:visited * {
	color:#fff!important;
}


div.Grid1 div#LocalNaviSolution h2.Title span a:hover,
div.Grid1 div#LocalNaviSolution h2.Title span a:active {
	text-decoration:underline;
	background-image: none!important;
}

div.Grid1 div#LocalNaviSolution h2 span,
div.Grid1 div#LocalNaviSolution h2 a span,
div.Grid1 div#LocalNaviSolution h2 span a {
	display: block;
	padding: 15px 11px;
	background: none transparent;
	line-height: 160%;
	font-weight:normal;
	color: #ffffff;
	zoom: 1;
	/* Win IE */
	/*cursor: pointer;*/
	 
}
div.Grid1 div#LocalNaviSolution h2 span a {
	padding:0;
}


div.Grid1 div#LocalNaviSolution div.LocalNaviInner {
	border: 0px none;
	background-color: #ebebeb;
}
div.Grid1 div#LocalNaviSolution ul {
	padding: 0;
	border:5px solid #dddddd;
	font-size: 83%;
	letter-spacing: 0;
}


/*--- ��3�K�w ul &gt; li ---*/
div.Grid1 div#LocalNaviSolution ul li {
	margin: 3px 0 0 0;
	padding: 0;
	border:0px none;
	background: none #ffffff;
	word-break: break-all;
}
div.Grid1 div#LocalNaviSolution ul li:first-child{
	margin-top:0;
}
div.Grid1 div#LocalNaviSolution ul li strong {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	background: none transparent;
	zoom: 1;
}
div.Grid1 div#LocalNaviSolution ul li strong span {
	display: block;
	padding: 10px 11px;
	background: none transparent;
}
div.Grid1 div#LocalNaviSolution ul li strong span span {
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_closed.gif");
	line-height: 1.35;
}


/*--- ��3�K�w opened ---*/
div.Grid1 div#LocalNaviSolution ul li strong.Opened ,
div.Grid1 div#LocalNaviSolution ul li strong.Opened span {
	border: none;
	background: none #ebebeb;
}
div.Grid1 div#LocalNaviSolution ul li strong.Opened span span {
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_opened.gif");
	background-repeat:no-repeat;
}
/* Win IE */
div.Grid1 div#LocalNaviSolution ul li strong.navButton { cursor: pointer; }



/*--- ��3�K�w ���w�Ȃ� �����N �ۑ�e�[�}�ʁA�L�[���[�h�@ul &gt; li ---*/
div.Grid1 div#LocalNaviSolution ul li.LinkItem {
	margin: 3px 0 0 0;
	padding: 0;
	border:0px none;
	background: none #ffffff;
	word-break: break-all;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a,
div.Grid1 div#LocalNaviSolution ul li.LinkItem strong {
	display: block;
	padding: 0;
	background: none transparent;
	zoom: 1;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:hover,
div.Grid1 div#LocalNaviSolution ul li.LinkItem strong {
	background: none transparent;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a span,
div.Grid1 div#LocalNaviSolution ul li.LinkItem strong span {
	display: block;
	padding: 10px 11px;
	background: none transparent;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:hover span,
div.Grid1 div#LocalNaviSolution ul li.LinkItem strong span {
	background: none transparent;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a span span,
div.Grid1 div#LocalNaviSolution ul li.LinkItem strong span span {
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 1.35;
	font-weight: bold;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a span span {
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_linkitem_right.gif");
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem strong span span {
	color: #ffffff;
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_linkitem_left.gif");
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:link span span {
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_linkitem_right.gif");
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:visited span span {
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_linkitem_right.gif");
	background-repeat:no-repeat;
	background-position: 0 50%;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:hover span span {
	color: #ffffff;
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_linkitem_right.gif");
	background-repeat:no-repeat;
	background-position: 0 50%;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:active span span {
	color: #ffffff;
	background-image: url("../../image/jp/common/icon_l_navi_s_1st_linkitem_right.gif");
	background-repeat:no-repeat;
	background-position: 0 50%;
}
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:hover span span ,
div.Grid1 div#LocalNaviSolution ul li.LinkItem a:active span span {
	color: inherit;
}



/*------- ��4�K�w li &gt; ul &gt; li -------*/
div.Grid1 div#LocalNaviSolution li ul {
	margin: 0;
	padding:0 3px;
	border: none;
	font-size: 100%;
}
div.Grid1 div#LocalNaviSolution li li {
	position:relative;
	margin: 0;
	padding: 4px 0 0;
	background: none transparent;
	border: none;
	zoom: 1;
}
div.Grid1 div#LocalNaviSolution li li:after {
	content:"";
	position:absolute;
	left:5%;
	top:0;
	width:90%;
	height:0;
	border-top:1px dashed #999999;
}
div.Grid1 div#LocalNaviSolution #SolutionNav &gt; li &gt; ul &gt; li:first-child{
	padding-top:0;
}
div.Grid1 div#LocalNaviSolution #SolutionNav &gt; li &gt; ul &gt; li:first-child:after {
	display:none;
}



div.Grid1 div#LocalNaviSolution li li a,
div.Grid1 div#LocalNaviSolution li li strong {
	display: block;
	width:auto;
	margin: 0;
/*-20151009-*/	
	padding: 6px 4px;
	border: none;
}
div.Grid1 div#LocalNaviSolution li li a {
	background-color: transparent;
	transition:.1s ease-in;

}
div.Grid1 div#LocalNaviSolution li li strong {
	width:auto;
	background-image: none !important;
	background-color:transparent;
}
div.Grid1 div#LocalNaviSolution li li a span,
div.Grid1 div#LocalNaviSolution li li strong span {
	padding: 0 0 0 16px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
div.Grid1 div#LocalNaviSolution li li a span {
	background-image: url("../../image/jp/common/icon_l_navi_s_2nd_right.gif");
}
div.Grid1 div#LocalNaviSolution li li strong span {
	background-image: url("../../image/jp/common/icon_l_navi_s_2nd_under.gif") !important;
/*-20151009-*/
/*	background-color: #f7f4e4;*/
	background-color: #f1fafc;
	outline: 5px solid #f1fafc;

}
/* Win IE */
div.Grid1 div#LocalNaviSolution li li a { cursor: pointer; }


/*--- ��4�K�w hover &amp; active ---*/
div.Grid1 div#LocalNaviSolution li li a:hover,
div.Grid1 div#LocalNaviSolution li li a.hasCurrentChild {
	background-color: #f1fafc;
}
div.Grid1 div#LocalNaviSolution li li a.hasCurrentChild span,
div.Grid1 div#LocalNaviSolution li li a.hasCurrentChild:hover span {
	background-image: url("../../image/jp/common/icon_l_navi_s_2nd_under.gif");
}
div.Grid1 div#LocalNaviSolution li li li a,
div.Grid1 div#LocalNaviSolution li li li strong {
	width: auto;
	line-height:160%;
}


/*------- ��5�K�w li &gt; li &gt; ul &gt; li -------*/
div.Grid1 div#LocalNaviSolution li li ul {
	margin: 0;
	padding: 0 1px;
	font-size: 100%;
}
div.Grid1 div#LocalNaviSolution li li li {
	margin: 0;
	padding: 4px 0 0;
	background: none transparent;
	border: none;
}
div.Grid1 div#LocalNaviSolution li li li.FirstItem { margin: 2px 0 0; }
div.Grid1 div#LocalNaviSolution li li li a,
div.Grid1 div#LocalNaviSolution li li li strong {
	display: block;
	width: auto;
	margin: 0;
	padding: 6px 12px;
	border: none;
	line-height: 1.35;
}
div.Grid1 div#LocalNaviSolution li li li a {
	background-color: transparent;
}
div.Grid1 div#LocalNaviSolution li li li strong {
	background-image: none !important;
	background-color: #ececec !important;
}

div.Grid1 div#LocalNaviSolution li li li a span,
div.Grid1 div#LocalNaviSolution li li li strong span {
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
div.Grid1 div#LocalNaviSolution li li li a span {
	background-image: url("../../image/jp/common/icon_l_navi_s_3rd_right.gif");
}
div.Grid1 div#LocalNaviSolution li li li strong span {
	background-image: url("../../image/jp/common/icon_l_navi_s_3rd_left.gif") !important;
	background-color: transparent !important;
	outline: none;
}

/* Win IE */
div.Grid1 div#LocalNaviSolution li li li a { cursor: pointer; }


/*--- ��4�K�w hover &amp; active ---*/
div.Grid1 div#LocalNaviSolution li li li a:hover {
	background-color: #ececec !important;
}

/* [+]Recommend  20150826�ǋL
=========================================================================================== */
div.ColumnSet .Column1 p { word-break: break-word;}

/* [xx] IndexColumn
=========================================================================================== */
.IndexColumn{
	vertical-align:top;
	letter-spacing: -1em;
	word-spacing: -1em; 
}
.IndexColumn .IndexColumnItem{
	display:inline-block;
	width:230px;
	margin:0 15px 15px 0;
	vertical-align:top;
	letter-spacing: normal;
	word-spacing: normal; 
}

.IndexColumnItem.nth_3n { margin-right: 0;}

.IndexColumn &gt; div.IndexColumnItem:nth-child(3n) {
	margin-right: 0;
}


@media screen and (min-width: 1px) {
	.IndexColumn{
		font-size:0;
		letter-spacing: normal;
		word-spacing: normal; 
	}
	.IndexColumn .IndexColumnItem{
		font-size:1rem;
	}
}

.IndexColumn.Column2{
	width:auto;
	margin:0;
}
.IndexColumn.Column2 .IndexColumnItem{
	margin-right:16px;
	width:352px;
}

.IndexColumn.Column2 &gt; *:first-child+*,
.IndexColumn.Column2 &gt; *:first-child+*+*+*,
.IndexColumn.Column2 &gt; *:first-child+*+*+*+*+*,
.IndexColumn.Column2 &gt; *:first-child+*+*+*+*+*+*+*,
.IndexColumn.Column2 &gt; *:first-child+*+*+*+*+*+*+*+*+*,
.IndexColumn.Column2 &gt; *:first-child+*+*+*+*+*+*+*+*+*+*+* {
	margin-right:0;
}


.IndexColumn.Column2 &gt; div.IndexColumnItem:nth-child(even) {
	margin-right:0!important;
}

/*-2Column-*/
.IndexColumn.Column2 &gt; div.IndexColumnItem:nth-child(3n) {
		margin-right:16px;
	}

.IndexColumn .IndexColumnItem .BoxPatternA{
	height:100%;
}


/* [xx] SiteSummary
=========================================================================================== */
#SiteSummary{
	width:935px;
	margin:0 auto;
	padding:4px 270px 0 0;
	background:url("../../image/jp/common/human_it.gif") no-repeat right bottom transparent;
	box-sizing:border-box;
}

#SiteSummary &gt; p {
	margin:7px 0;
  font-size: 67%
}

/* ----------------------------------------------------
[+] breakPoint 995px under
---------------------------------------------------- */
/* [s3] Global Navigation System
=========================================================================================== */

.Under995 #GlobalNavi::after{
	display:none;
}

.Under995 #SiteSummary{
	margin:0 15px;
	width:auto;

}
.JS #SiteSummary .ColumnSet {
	margin: 0;
}

/* [-]Tab
=========================================================================================== */
.Under995 .PageTitleStyle3 .Tab {
	padding-right:6px;
}
.Under995 .PageTitleStyle3 .Tab li{
	width:-webkit-calc((100% / 3) - 4px);
	width:calc((100% / 3) - 4px);
}

.Under995 .PageTitleStyle3 .Tab.tab2 li{
	width: 49.4%;
	width: -webkit-calc((100% - 6px) / 2);	
	width: calc((100% - 6px) / 2);
}

.Under995 .LineUp .BoxPatternB .TextStyle1,
.Under995 .Groups .BoxPatternB .TextStyle1{
	white-space: normal;
}


/* [xx] IndexColumn
=========================================================================================== */
.Under995 .IndexColumn .IndexColumnItem{
	width:calc((100% - (15px * 2)) / 3 );
}

.Under995 .IndexColumn.Column2 {
	display:block;
	margin:0;
	padding:0;
	width:auto;
	float:none;
}
.Under995 .IndexColumn.Column2 .IndexColumnItem{
	width:calc((100% - 16px) / 2);
}
.Under995 #GlobalNavi::after{
	left:0;
	margin:0;
	width:100%;
	transform:translate(-115px,0)
}

.Under995 .SolAffairs .LinkListStyle1 li:nth-child(4n) {
	margin-left:15px;
}




/* ----------------------------------------------------
2020 top
---------------------------------------------------- */
section {
    width: 965px;
    max-width: 100%;
    margin: 0 auto;
}
/* For modern browsers */
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}
 
.clearfix:after {
 clear: both;
}
 
/* For IE 6/7 only */
.clearfix {
 *zoom: 1;
}

img {
	max-width: 100%;
	height: auto;
}

.sponly{
	display:none !important;
}


/* col */
.col1area{width:80%;}
.col2area ,.col3area ,.col4area {font-size: 0;}
/* col3area */
.col3area .box {
    width: 32.5%;
    margin-right: 1.2%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1%;
}
.col3area .box:nth-child(3n) {margin-right: 0;}
.col3area .box .img {margin-bottom: 20px;}
.col3area .box .title {font-size: 16px;font-weight: 600;}

/* col2area */
.col2area .box {
	width: 48.5%;
	margin-right: 3%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0px;
	margin-bottom: 40px;
}
.col2area .box:nth-child(2n) {margin-right: 0;}
.col2area .box .img {margin-bottom: 0px;}
.col2area .box .title {
	font-size: 20px;
	line-height: 30px;
	margin-top: 0.8em;
	margin-bottom: 1em;
}
.col2area .box p {margin-bottom: 20px;}
.col2area .box a {font-weight: bold;}
.col2area .box p ,.col2area .box a {font-size: 16px;line-height: 24px;}

/* col4area */
.col4area .box {
    width: 24%;
    margin-bottom: 1.333%;
    margin-right: 1.333%;
	display: inline-block;
	vertical-align: top;
}
.col4area .box:nth-child(4n) {margin-right: 0;}
.col4area .box h2 {font-size: 27px;margin-bottom: 20px;}
.col4area .box h3 {font-weight: bold;}
.col4area .box p ,.col4area .box .btn_green a {font-size: 17px;}
/* col */

/* ���C���^�C�g�� */
.container {
	padding: 80px 0px;
}
.container .main_title {
	font-size: 170%;
	font-weight: 600;
	margin-bottom: 10px;
}
.container .eng {
	font-size: 400%;
	font-weight: 500;
	line-height: 110%;
	margin-bottom: 40px;
}

/* ���C���^�C�g���O���[ */
.main_title_gray {
    margin: 0px 0 25px;
    background:#F0F0F0;
	font-size: 130%;
	font-weight: 600;
    padding: 10px 20px 10px 18px;
    border-left: 3px solid #E60127;
}
/* ���Ԑ��^�C�g�� */
.container .title_left_border {
	margin-top: 30px;
	position: relative;
	padding-left: 28px;
	font-size: 110%;
	font-weight: 600;
	margin-bottom: 10px;
}
.container .title_left_border:before {
	position: absolute;
	top: calc(50% - 4px);
	left: 0;
	width: 20px;
	height: 5px;
	content: '';
	background: #E60127;
	margin-bottom: 20px;
}
/*.container .title_left_border.gyoumu:before {background: #0150E6;}
.container .title_left_border.service:before {background: #E6B101;}
.container .title_left_border.thema:before {background: #1CA240;}*/

/* �^�C�g���Ԑ� */
.title_border_center {
	text-align: center;
	font-weight: 600;
	font-size: 130%;
}
.title_border_center .title {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.title_border_center .title:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*���̏㉺�ʒu*/
  display: inline-block;
  width: 60px;/*���̒���*/
  height: 5px;/*���̑���*/
	max-width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*�ʒu����*/
  background-color: #E60127;/*���̐F*/
}
.title_border_center.long480 .title:before {
  width: 480px;
}
.title_border_center.long100 .title:before {
  width: 100px;
}
.title_border_center.long200 .title:before {
  width: 200px;
}
.title_border_center.long300 .title:before {
  width: 300px;
}
.title_border_center.long350 .title:before {
  width: 350px;
}
.title_border_center.long400 .title:before {
  width: 400px;
}
.title_border_center.long500 .title:before {
  width: 500px;
}
.title_border_center.long600 .title:before {
  width: 600px;
}
/* �^�C�g������ */
.title_border_bottom {
	border-bottom: solid 1px #707070;
	padding-bottom: 3px;
	font-weight: 600;
	font-size: 120%;
	margin-bottom: 10px;
}
/* �^�C�g������ �� */
.title_border_bottom_red {
	border-bottom: solid 1px #D32D32;
	padding-bottom: 3px;
	font-size: 26px;
	margin-bottom: 10px;
}

/* ���� �{�^�� */
.btn_red {
	width: 450px;
	text-align: center;
}
.btn_red a {
	background-color: #E60127;
	color: #fff;
	font-size: 120%;
	font-weight: 600;
	display: block;
	padding: 20px 10px;
	letter-spacing: 1px;
	border: solid 1px #E60127;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.btn_red a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #E60127;
}

#mainvisual .slider {
	background-size: cover !important;
	padding: 7vh 0px;
}
#mainvisual .top_title {
	color: #fff;
    font-size: 225%;
    font-weight: 700;
	margin-bottom: 20px;
}
#mainvisual .slide01 {background: url("../../image/top/top_bg02.jpg")no-repeat center;}
#mainvisual .slide02 {background: url("../../image/top/top_bg03.jpg")no-repeat center;}
#mainvisual .slide03 {background: url("../../image/top/top_bg01.jpg")no-repeat center;}
#mainvisual .slide04 {background: url("../../image/top/top_bg04.jpg")no-repeat center;}
/* slide�{�^�� */
.slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}
.slick-dots {
    bottom: 10px !important;
}
.slick-dots li button:before ,
.slick-dots li.slick-active button:before {
	color: #fff !important;
}

/* top_btr_wrap */
.top_btr_wrap {
	/*background-color: #F0F3F5;*/
	padding: 30px 0px;
}
.top_btr_wrap .col3area .box{
margin:0 10px;
}

.top_btr_wrap .col3area .box a {
	color: #000000;
	display: block;
	background-color: #fff;
	text-align: left;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
border: 1px solid #ccc;
    box-sizing: unset;
}
.top_btr_wrap .col3area .box a:hover {
	background-color: #F6F6F6;
	text-decoration: none;
}
.top_btr_wrap .col3area .box .img {
	margin-bottom: 0;
}
.top_btr_wrap .title_wrap {
	border-left: solid 4px #E60127;
	padding: 5px 30px 5px 10px;
	position: relative;
}
.top_btr_wrap .title_wrap:before {
	content:"";
	background:url("../../image/new/common/icon_circle_red.svg")no-repeat;
	background-size: cover;
	position:absolute;
	width:18px;
	height:18px;
	top:50%;
	margin-top:-9px;
	right: 10px;
}
.top_btr_wrap .title_wrap .sub {
	font-size: 12px;
	font-weight: 600;
}
.top_btr_wrap .col3area .box:last-child {
	margin-right: 0;
}

.top_btr_wrap .col3area .box{
/*opacity:0.3;*/
	-webkit-transition-property:opacity;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}
.top_btr_wrap .col3area .box.slick-current{
opacity:1;
}
.top_btr_wrap .slick-prev:before,
.top_btr_wrap .slick-next:before {
    color: #666;
}

.top_btr_wrap .bnr{
margin-bottom:30px;
text-align:center;
}
.top_btr_wrap .bnr:hover{
opacity:0.8;
}



.top_btr_wrap .bnr2{
margin-bottom:30px;
    display: flex;
    justify-content: space-between;
}

.top_btr_wrap .bnr2 .box{
width:48%;
}
.top_btr_wrap .bnr2 .box a{
color:#fff;
background:#E60127 url(../../image/new/common/icon_arrow-white.svg) no-repeat right 10px center;
background-size:20px auto;
padding:20px;
display:block;
    border-radius: 10px;
}
.top_btr_wrap .bnr2 .box .sub01{
font-weight:bold;
}
.top_btr_wrap .bnr2 .box .sub02{
font-size:85%;
}
.top_btr_wrap .bnr2 .box .sub03{
font-size:120%;
font-weight:bold;
}


.top_btr_wrap .bnr2 .box a:hover{
opacity:0.8;
    text-decoration: none;
color:yellow;
}

.top_btr_wrap .bnr2_2{
margin-bottom:30px;
    display: flex;
    justify-content: space-between;
}

.top_btr_wrap .bnr2_2 .box{
width:48%;
}


.box.seminner .service_infolist a span.icon{
    background: url(../../image/top/service_infolist_icon.png) no-repeat left top 4px;
    background-size: 16px auto;
    display: inline-block;
    padding: 0 0 0 20px;
}
.box.seminner .service_infolist a.label{
font-size:18px;
}
.box.seminner .service_infolist a.nolink{
    pointer-events: none;
}

.box.seminner .service_infolist ul.sublist{
margin: 10px 0 0 20px;
}
.box.seminner .service_infolist ul.sublist li{
margin: 0 0 5px 0px;
}
.box.seminner .service_infolist ul.sublist li:before{
content:'-';
margin-right:10px
}
.box.seminner .service_infolist a.label:hover{
text-decoration:underline;
}

.box.seminner .service_infolist ul.sublist li a:hover{
text-decoration:underline;
}


.btn_red.line_center{
    margin: 20px auto 0 auto;
}


.about_wrap.container.clearfix {
    padding: 80px 0 20px 0;
}


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

.top_btr_wrap .bnr2,
.top_btr_wrap .bnr2_2 {
    justify-content: normal;
    flex-flow: column;
}
.top_btr_wrap .bnr2 .box,
.top_btr_wrap .bnr2_2 .box {
    width: 100%;
margin-bottom:30px;
}


.top_btr_wrap {
    padding: 30px 0px 0 0;
}

.top_wrap .news_wrap .news_area .seminner.service {
    background: #e8ece9;
}






}







/* about */
.about_wrap .left_text {
	float: left;
	width: 50%;
}
.about_wrap .left_text .text {
    font-size: 16px;
}
.about_wrap .right_img {
	float: right;
	width: 48%;
}
.about_wrap .btn_red {
	margin-top: 20px;
}
/* product */
.products_wrap {
	background-color:#F9F9F9;
}
.top_wrap .products_wrap {
	background-color: #fff;
}
.products_wrap .col3area .box .img {
	margin-bottom: 0px;
}
.products_wrap .col3area .box .title {
	background-color: #fff;
	text-align: center;
	padding: 10px;
	border: solid 1px #ccc;
	color: #000;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.products_wrap .col3area .box:hover .title {
	background-color: #F3F3F3;
}
.products_wrap .col3area .box a {
	text-decoration: none;
}


.products_wrap .col4area .box a {
	color: #000;
}
.products_wrap .col4area.thema .box .img {
	width: 190px;
	margin: 0 auto;
	max-width: 100%;
}
.products_wrap .col4area .box .title {
    font-size: 16px;
    font-weight: 600;
	/*background-color: #fff;*/
	text-align: center;
	padding: 10px;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}


/* �������� */
.top_wrap .case_wrap {
    background-color: #F0F3F5;
}
.top_wrap .case_wrap .case_area .box {
    background-color: #DDE0E2;
}

.case_wrap .case_area {
	font-size: 0;
}
.case_wrap .case_area .box {
	width: 32%;
	float: left;
	margin-right: 2%;
	vertical-align: top;
	margin-bottom: 2%;
	background-color: #F0F3F5;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.case_wrap .case_area .box a {
	display: table;
	width: 100%;
}

.case_wrap .case_area .box:hover {
	opacity: 0.8;
}

/*
.case_wrap.top .case_area .box:nth-child(2) {
	width: 66%;
	margin-right: 0;
}
.case_wrap.top .case_area .box:nth-child(2) {
	background-color: #CDD6DD;
}
.case_wrap.top .case_area .box:nth-child(2) .img {
	display:table-cell;
	height: 100%;
	width: 50%;
}
.case_wrap.top .case_area .box:nth-child(2) .text_area {
	display:table-cell;
	width: 50%;
	box-sizing: border-box;
}
*/

.case_wrap .case_area .box:nth-child(3n) {
	margin-right: 0;
}
.top_wrap .case_wrap .case_area .box:nth-child(3) {
	margin-right: 2%;
}
.top_wrap .case_wrap .case_area .box:nth-child(5) {
	margin-right: 0;
}
.case_wrap .case_area .box a:hover {
	text-decoration: none;
}
.case_wrap .case_area .box .img {
	/*height: 200px;*/
	background-size: cover !important;
}
.case_wrap .case_area .box .img img {
	height: auto;
	width: 100%;
}
.case_wrap .case_area .box:nth-child(2) .img {background: url("../../image/new/case/case_img02.jpg")no-repeat center;}
/*.case_wrap .case_area .box:nth-child(1) .img {background: url("../../image/new/case/case_img01.png")no-repeat center;}
.case_wrap .case_area .box:nth-child(3) .img {background: url("../../image/new/case/case_img03.png")no-repeat center;}
.case_wrap .case_area .box:nth-child(4) .img {background: url("../../image/new/case/case_img04.png")no-repeat center;}
.case_wrap .case_area .box:nth-child(5) .img {background: url("../../image/new/case/case_img05.png")no-repeat center;}*/
.case_wrap .case_area .box .text_area {
	padding: 15px 20px;
	box-sizing: border-box;
}
.case_wrap .case_area .box .text_area .title {
	font-size: 15px;
	color: #000;
	font-weight: 600;
}
.case_wrap .case_area .box .text_area .tag_area {
	margin-bottom: 5px;
}
.case_wrap .case_area .box .text_area .tag_area span {
	font-size: 12px;
	color: #3B4043;
	border: solid 1px #3B4043;
	padding: 0px 5px;
	line-height: 40px;
}
.case_wrap .case_area .box .text_area .tag_area span:not(:first-child) {
	margin-left: 8px;
}
.case_wrap .case_area .box .text_area .text {
	font-size: 15px;
	line-height: 23px;
	color: #000;
}


/* �������ɂ��� */

.company_wrap {
	/*background: url("../../image/top/about_bg.jpg")no-repeat center top;*/
	background-size: cover;
	position: relative;
	padding-bottom: 0;
}

.company_wrap .left_img {
	left: 0;
	top: 0;
	width: 36%;
	height: auto;
	position: absolute;
}
.company_wrap .left_img {
	background: url("../../image/top/about_top_bg_02.jpg")no-repeat center top;
	background-size: cover;
    width: 36%;
	height: 100%;
}
.company_wrap .left_img img {
	display: none;
	width: 100%;
 	object-fit: cover;
    height: 640px;
    object-position: top;
}
.company_wrap .right_text {
    width: 62%;
    float: right;
}
.right_text .pconly .text_area {
	margin-bottom: 20px;
}

/*
.company_wrap .text_wrap {
	width: 45%;
	float: right;
}*/
.company_wrap .text_area {
	margin-bottom: 80px;
}
.company_wrap .main_title ,
.company_wrap .eng ,
.company_wrap .text_area {
	text-shadow: #fff 1px 1px 5px;
}
.company_wrap .btn_red {
	margin-bottom: 60px;
}
/* �̗p���E�T�X�e�i�r���e�B */
.top.menu2_wrap {
	background-color: #F7F7F7;
}
.top.menu2_wrap .col2area .box:last-child {
	margin-right: 0;
}
.top.menu2_wrap .col2area .box:nth-child(2n) {
    margin-right: 3%;
}
.menu2_wrap .col2area .box {
	margin-bottom: 0;
}
.menu2_wrap .col2area .box a {
	text-decoration: none;
}
.menu2_wrap .col2area .box .title {
	margin-top: 0;
	background-color: #E60127;
	border: solid 1px #E60127;
	padding: 10px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.menu2_wrap .col2area .box:hover .title {
	background-color: #fff;
	color: #E60127;
}


/* �j���[�X */
.news_wrap {
    background: linear-gradient(90deg, #F0F3F5 0%, #F0F3F5 50%, #DDE0E2 50%, #DDE0E2 100%);
}
.top_wrap .news_wrap {
}

@media only screen and (min-width: 965px) { .news_area .box .accordion_box {display: block !important;} }
.news_wrap .news_area .box {
	float: left;
	width: 47%;
}
.news_wrap .news_area .box:first-child {
	margin-right: 6%;
}
.news_wrap .news_area .box a {
	color: #000;
	font-size: 90%;
}
.news_wrap .news_area .box a:hover {
	text-decoration: none;
}
.news_wrap .news_area .box li {
	margin-bottom: 30px;
}
.news_wrap .news_area .box a .tag_area{
	margin-bottom: 10px;
}
.news_wrap .news_area .box a .tag {
	background-color: #707070;
	color: #fff;
	font-size: 80%;
	padding: 2px 10px;
	margin-right: 10px;
}
.news_wrap .news_area .box a .tag.news {background-color: #6aa337;}
.news_wrap .news_area .box a .tag.release {background-color: #c0ce58;}

.news_wrap .news_area .box a .data {
	margin-right: 10px;
}
.news_wrap .news_area .box a .title {
	font-size: 17px;
}
.page_wrap .news_wrap .news_area .box a .title {
	font-weight: 600;
}
.news_wrap .news_area .box a p {
	font-size: 15px;
	width: 98%;
	margin: 0 auto;
	color: #4A4A4A;
}
.news_wrap .news_area .box a:hover .title {
	text-decoration: underline;
}

/*
.top_wrap .news_wrap {
	padding: 50px 0px;
	background: linear-gradient(0deg, #fff 0%, #fff 50%, #DDE0E2 50%, #DDE0E2 100%);
}
.top_wrap .news_wrap .news_area .box {
    float: none;
    width: 100%;
}
.top_wrap .news_wrap .news_area .box.news {
	margin-bottom: 30px;
}
.top_wrap .news_wrap .news_area .box li {
    margin-bottom: 10px;
}
.top_wrap .news_wrap .news_area .box a .tag_area {
    margin-bottom: 3px;
}
.top_wrap .news_wrap .news_area .box a .title {
    font-size: 15px;
}
*/


/* ���q���܃T�|�[�g */

.support_wrap {
	background-color: #EDE8E8;
}

.support_wrap .box {
	margin-bottom: 0;
}
.support_wrap .box .main_title {
	font-size: 30px;
}
.support_wrap .box .text_area {
	font-size: 15px;
}
.support_wrap .box .btn_red:first-child {
	margin-bottom: 50px;
}



/* �t�b�^�[�o�i�[�����N */
.bnr_area.container {
	padding: 35px 0px 20px 0px;
}
.bnr_area ul {
	margin: 0 auto;
}
.bnr_area ul li {
	display:inline-table;
	width: 24%;
	height:72px;
	margin-bottom:0;
	padding:10px 0 11px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	box-sizing:content-box;
    margin: 0 15px 16px 0;
	margin-right: 1.333%;
    vertical-align: top;
    background: none no-repeat left top;
}
.bnr_area ul li:nth-child(4n) {
	margin-right: 0;
}
.bnr_area ul li &gt; a strong {
    display: block;
    font-size: 100%;
    line-height: 120%;
    background-image: url(../../image/jp/top/icon_link_arrow_blue.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    color: #333;
    height: 17px;
    transition: .1s ease-in;
}
.bnr_area ul li &gt; a {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 51px;
    color: #333333;
    font-size: 87.5%;
    font-weight: bold;
    line-height: 1.3em;
    border: 1px solid transparent;
    background: none no-repeat 12px center transparent;
    vertical-align: middle;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    letter-spacing: -0.1em;
}

.bnr_area ul li &gt; a:hover{
	text-decoration: none;
	background-color:#f7f7f7;
	background-repeat:  no-repeat ;
	background-position:10px center;
	border-radius:2px;
}



/* �t�b�^�[ */
.footer_menu {
	background-color: #333333;
	padding: 30px 0px;
}
.footer_menu .table {
	display: table;
	width: 100%;
}
.footer_menu .foot_logo {
	display: table-cell;
	color: #fff;
	width: 300px;
	font-size: 80%;
	line-height: 200%;
}
.footer_menu .foot_logo span {
	font-size: 145%;
}
.footer_menu ul.menu {
	display: table-cell;
}
.footer_menu ul.menu li a {
	color: #fff;
	font-size: 75%;
}
.footer_menu ul.bnr {
	display: table-cell;
	width: 200px;
}
.footer_menu ul.bnr li {
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.footer_menu ul.bnr li img {
	width: 100%;
}
.footer_menu ul.bnr li:first-child {
	margin-bottom: 15px;
}
.footer_menu ul.bnr li:hover {
	opacity: 0.8;
}


/*=========================================================================================== 
���j���[�z�o�[ �������� */
.products_menu {
	font-size: 20px;
}
.products_wrap .box a {
 display: table;
 overflow: hidden;
}
.products_wrap .box .products_menu {
 overflow: hidden;
 display: block;
 height: 0;
 color: #1F3D39;
  transition: all 0.5s linear;
	position: relative;
}
 .products_wrap .box:hover .products_menu {
 display:table;
 height: 1em;
 width: 100%;
}
.products_wrap .box:nth-child(2n) .products_menu {margin-left: -103.7%;}
.products_wrap .box:nth-child(3n) .products_menu {margin-left: -207.4%;}
.products_wrap .box .products_menu .inner section {
	background-color: #F0F3F5;
 padding: 10px;
	box-sizing: border-box;
}

.products_wrap .box .products_menu .inner .title_border {
	font-size: 19px;
	font-weight: 600;
	border-bottom: solid 1px #BCBCBC;
	margin-bottom: 15px;
	color: #222222;
}
.products_wrap .products_menu .btn_border {
  display: table;
  width: 100%;
	min-height: 60px;
	max-height: 86px;
	
}
.products_wrap .products_menu .btn_border a {
	font-size: 13px;
	display: block;
    line-height: 1.5;
	color: #222222;
	width: 100%;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px 17px 10px 10px;
	position: relative;
	box-sizing: border-box;
	-webkit-transition-property:border;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
  display: table-cell;
  vertical-align: middle;
}
.products_wrap .products_menu .btn_border a:after {
    content: "";
    background: url("../../image/new/common/arrow_red.png")no-repeat center;
    background-size: cover;
    position: absolute;
    width: 6px;
    height: 11px;
    top: 50%;
    margin-top: -6px;
    right: 8px;
}
.products_wrap .products_menu .btn_border a:hover {
	border: solid 1px #E60127;
}
/* �T�[�r�X�ŒT�� */
.products_wrap .box .products_menu .col3area .box {
    width: 32.5%;
    margin-right: 1.2%;
}
.products_wrap .box .products_menu .col3area .box:nth-child(3n) {margin-right: 0;}

.products_wrap .col4area .box:nth-child(2n) .products_menu {margin-left: -105.7%;}
.products_wrap .col4area .box:nth-child(3n) .products_menu {margin-left: -211.4%}
.products_wrap .col4area .box:nth-child(4n) .products_menu {margin-left: -316.6%;}
@media only screen and (max-width: 964px) {
	.products_wrap .box .products_menu {
		display: none !important;
	}
}
/* ���i�y�[�W���f������O�� */
.page_sustainability .products_wrap .box a {display: block;}

/* ���j���[�z�o�[ �����܂�
=========================================================================================== */







/*=========================================================================================== 
right_navi �������� */
#right_navi {
    position: fixed;
    right: -1px;
    z-index: 99;
    top: 120px;
	overflow:visible;
}
_::-webkit-full-page-media, _:future, :root #right_navi {
	right: 17px;
}
.text_left {
	text-align: left !important;
}
@-moz-document url-prefix() {
	#right_navi {
		right: 17px;
	}
}
#right_navi .btn {
	text-align: center;
margin-bottom:10px;
}
#right_navi .btn a {
    background: #FF9900;
    display: block;
    padding: 48px 10px 15px 10px;
	color: #fff;
	text-decoration: none;
    font-size: 12px;
    font-weight: bold;
	position: relative;
    line-height: 18px;
	border: solid 1px #FF9900;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
#right_navi .btn a:before {
    content: "";
    background: url("../../image/new/common/icon_memo.png")no-repeat center;
    background-size: cover !important;
    position: absolute;
    width: 20px;
    height: 26px;
    left: 50%;
    margin-left: -10px;
    top: 10px;

}
#right_navi .btn:nth-child(2) a {
	background-color: #2DB620;
	border: solid 1px #2DB620;
padding-top:40px;
}
#right_navi .btn:nth-child(2) a:before {
    background: url("../../image/new/common/icon_mail.png")no-repeat center;
    width: 24px;
    height: 18px;
    margin-left: -12px;
}
#right_navi .btn a:hover:before {
    background: url("../../image/new/common/icon_memo_on.png")no-repeat center;
}
#right_navi .btn:nth-child(2) a:hover:before {
    background: url("../../image/new/common/icon_mail_on.png")no-repeat center;
}
#right_navi .btn a:hover {
	background: #fff;
	color: #FF9900;
}
#right_navi .btn:nth-child(2) a:hover {
	color: #2DB620;
}


#foot_fix .btn a:nth-child(3),
#right_navi .btn:nth-child(3) a{
/*
display:none;
*/
}



#right_navi .btn:nth-child(3) a {
	background-color: #a7d28d;
	border: solid 1px #a7d28d;
}
#right_navi .btn:nth-child(3) a:before {
    background: url("../../image/new/common/icon_mailmag.png")no-repeat center;
    width: 24px;
    height: 24px;
    margin-left: -12px;
}
#right_navi .btn a:hover:before {
    background: url("../../image/new/common/icon_mailmag_on.png")no-repeat center;
}
#right_navi .btn:nth-child(3) a:hover:before {
    background: url("../../image/new/common/icon_mailmag_on.png")no-repeat center;
}
#right_navi .btn a:hover {
	background: #fff;
	color: #a7d28d;
}
#right_navi .btn:nth-child(3) a:hover {
	color: #a7d28d;
}









@media all and (-ms-high-contrast: none) {
	#right_navi .btn a {
    	height: 142px;
	}
	#right_navi .btn:last-child a {
    	height: 202px;
	}
}

#foot_fix {
	display: none;
}
/* right_navi �����܂�
=========================================================================================== */


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


	/* �������� */
	.case_wrap .case_area .box {
		background-color: #F0F3F5 !important;
	}
	
	.top_wrap .case_wrap .case_area .box {
    	background-color: #DDE0E2 !important;
	}
	.case_wrap .case_area .box {
		width: 49% !important;
		margin-right: 2%;
	}
	.case_wrap .case_area .box:nth-child(3n) {
		margin-right: 2%;
	}
	.case_wrap .case_area .box:nth-child(2n) {
		margin-right: 0;
	}
	.case_wrap.top .case_area .box:nth-child(2) .img {
    	height: 200px;
	}
	.case_wrap.top .case_area .box:nth-child(2) .img ,
	.case_wrap.top .case_area .box:nth-child(2) .text_area {
		display: block;
		width: 100%;
	}











}


/* ----------------------------------------------------
[+] breakPoint 965px under
---------------------------------------------------- */
@media only screen and (max-width: 964px) {
	
	section {
		width: 95%;
	}
	
	/* col1area */
	.col1area{
		width:100%;
		margin: 0 auto;
		display: block;
    }
	/* col3area */
	.col3area .box {
		width: 49%;
	}
	.col3area .box ,
	.col3area .box:nth-child(3n) {margin-right: 2%;}
	.col3area .box:nth-child(2n) {margin-right: 0;}
	.col3area .box:not(:last-child) {margin-bottom: 10px;}
	.col3area .box .img {margin-bottom: 20px;}
	.col3area .box h3 {margin-bottom: 10px;}
	.col3area .box p {margin-bottom: 10px;}
	/* col2area */
	.col2area .box {
		width: 100%;
		margin-right: 0;
		display: block;
		margin-bottom: 30px;
	}
	.col2area .box h2 {margin-bottom: 10px;}
	.col2area .box p {margin-bottom: 10px;}
	/* col4area */
	.col4area .box {
		width: 100%;
		margin-right: 5.3%;
		display: inline-block;
		vertical-align: top;
	}
	.col4area .box:nth-child(4n) {margin-right: 0;}
	.col4area .box h2 {font-size: 27px;margin-bottom: 20px;}
	.col4area .box h3 {font-weight: bold;margin-bottom: 15px;}
	.col4area .box p ,
	.col4area .box .btn_green a {font-size: 17px;}
	/* col */
	
	
	.container .main_title {font-size: 150%;}
	.container .eng {font-size: 300%;}
	
	.container {
		padding: 30px 0px;
	}
	.sponly {
		display:block !important;
	}
	.pconly {
		display: none !important;
	}
	
	.JS #Footer p{
		  padding: 0 0 0 15px;
		  text-align: center;
	}
	.JS #Footer ul{
		position: relative;
		margin: 0 0 10px;
		padding: 0 0 0 5px;
		text-align: center;
	}
	.JS #Footer li{
		float: none;
		display: inline-block;
		padding: 0 7px 0 10px;
		margin: 0 0 5px;
		border-left: none;
		}
	#Contents input[type=image] {
		max-width:100%;
		height:auto;
	}
	
	
	/* top_btr_wrap */
	.top_btr_wrap .col3area .box:nth-child(3n) {
		margin-right: 0%;
	}
	.top_btr_wrap .col3area .box {
		width: 100%;
		display: inline-block;
		margin-right: 0%;
opacity:0.3;
	}
	.top_btr_wrap .title_wrap {
		border-left: solid 2px #E60127;
		padding: 5px 23px 5px 8px;
	}
	.top_btr_wrap .col3area .box .title {
		font-size: 13px;
	}
	.top_btr_wrap .title_wrap .sub {
    	font-size: 11px;
	}
	.top_btr_wrap .title_wrap:before {
		width: 10px;
		height: 10px;
		margin-top: -5px;
		right: 7px;
	}



	.top_btr_wrap .slick-next {
		    right: 0px;
		}
	.top_btr_wrap .slick-prev{
		    left: 0px;
		}
	.top_btr_wrap .slick-prev:before,
	.top_btr_wrap .slick-next:before {
		font-size: 40px;
		}
	.top_btr_wrap .slick-prev,
	.top_btr_wrap .slick-next {
	    height: 40px;
	    width: 40px;
	z-index: 10;
	}





	.about_wrap .left_text {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.about_wrap .right_img {
		float: none;
		width: 100%;
		text-align: center;
	}



	
	/* �������ɂ��� */
	.company_wrap {
		background: none;
	}
	.company_wrap .text_wrap {
		width: 100%;
	}
	.company_wrap .text_area {
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.company_wrap .right_text {
		width: 100%;
		float: none;
	}
	
	
	/* ���i�E�T�[�r�X */
	.products_wrap .col3area .box {
		width: 49.5%;
		display: inline-block;
		margin-right: 1%;
	}
	.products_wrap .col3area .box:nth-child(even) {
		margin-right: 0;
	}
	.products_wrap .col3area .box .title {
		padding: 8px 3px;
		font-size: 13px;
	}
	
	
	.products_wrap .col3area.list .box a {
        display: table;
        width: 100%;
	}
	.products_wrap .col3area.list .box .title {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
	}
	
	
	.products_wrap .col4area .box {
		width: 49.5%;
		display: inline-block;
		margin-right: 1%;
	}
	.products_wrap .col4area .box:nth-child(even) {
		margin-right: 0;
	}
	.products_wrap .col4area .box .title {
		padding: 8px 3px;
		font-size: 13px;
	}
	.products_wrap .col4area.thema .box .img {
	    width: 90%;
	}
	

	
	/* �̗p���E�T�X�e�i�r���e�B */
	.top.menu2_wrap {
		background-color: #fff;
		margin-top: 0px;
	}
	.menu2_wrap .col2area {
		margin-top: -50px;
	}
	.menu2_wrap .col2area .box:not(:last-child) {
		margin-bottom: 20px;
	}
	
	/* �j���[�X */
	.top_wrap .news_wrap {
		background: none;
		padding-bottom: 0;
	}
	.top_wrap .news_wrap section {
		width: 100%;
	}
	.news_wrap .news_area .news {
		background: #F0F3F5;
	}
	.top_wrap .news_wrap .news_area .seminner {
		background: #DDE0E2;
	}
	.news_wrap .news_area .box {
		float: none;
		width: 100%;
		padding: 30px 2.5%;
		box-sizing: border-box;
		padding: 0;
	}
	.news_wrap .news_area .box:first-child {
		margin-right: auto;
	}
	.top_wrap .news_wrap .news_area .box a.sponly {
		padding: 20px;
		position: relative;
    	font-size: 120%;
    	font-weight: 600;
		position: relative;
	}
	.top_wrap .news_wrap .news_area .box a.sponly:after {
		content:"";
		background:url("../../image/new/common/arrow_black.png")no-repeat;
		background-size: 100%;
		position:absolute;
		width:17px;
		height:10px;
		top:50%;
		margin-top:-5px;
		right: 20px;
	}
	.top_wrap .news_wrap .news_area .box a.sponly.active:after {
		transform: rotateZ(180deg);
	}
	
	/* �j���[�X�A�R�[�f�B�I�� */
	.top_wrap .news_area .box .accordion_box {
	  display: none;
		
		width: 95%;
    	margin: 0 auto;
		padding-bottom: 20px;
	}
	.top_wrap .news_area .box .accordion_box .main_title {
		display: none;
	}
	
	
	
	
	.bnr_area.container ,
	.footer_menu .foot_logo {
		display: none;
	}
	
	
	/* �t�b�^�[�o�i�[�����N */
	.bnr_area ul li &gt; a strong {
		font-size: 84%;
		line-height: 120%;
	}
	
	
	
	
}

/* ----------------------------------------------------
[+] �X�}�z
---------------------------------------------------- */
@media only screen and (max-width: 740px) {
	
	#mainvisual .slider {
		padding: 40px 0px;
	}
	#mainvisual .top_title {
		font-size: 158%;
	}
	#mainvisual .btn_red a {
    	font-size: 90%;
	}
	
	
	/* col3area */
	.col3area .box {
		width: 100%;
		margin-right: 0;
		display: block;
	}
	.col3area .box:not(:last-child) {margin-bottom: 10px;}
	.col3area .box .img {margin-bottom: 20px;}
	.col3area .box h3 {margin-bottom: 10px;}
	.col3area .box p {margin-bottom: 10px;}
	.col3area .box .title {font-size: 14px;}
	
	/* col2area */
	.col2area .box .title {font-size: 15px;}
	
	.container .main_title {font-size: 111%;}
	.container .eng {
		font-size: 160%;
		margin-bottom: 10px;
	}
	
	.btn_red {
    	width: 100%;
	}
	.btn_red a {
		font-size: 100%;
		padding: 15px 10px;
	}
	
	/* ���i�T�[�r�X */
	.products_wrap .col3area .box .img img {
		height: 100% !important;
	}
	
	/* �������� */
	.case_wrap .case_area .box {
		width: 100% !important;
	}
	.case_wrap .case_area .box a {
		display: table;
		width: 100%;
	}
	.case_wrap .case_area .box .img {
		display: table-cell !important;
    	width: 80px !important;
    	height: auto !important;
vertical-align: top;
}
	.case_wrap .case_area .box .img img {
 		object-fit: cover;
		height: auto;
		min-height: 70px;
	}
/*
.case_wrap .case_area .box:nth-child(2) .img {
    background:none;
}
*/

	.case_wrap .case_area .box .text_area {
		display: table-cell;
    	padding: 10px 5px 10px 10px;
	}
	.case_wrap .case_area .box .text_area .title {
    	font-size: 13px;
		margin-bottom: 6px;
	}
	.case_wrap .case_area .box .text_area .text {
		display: none;
	}
	.case_wrap .case_area .box .text_area .tag_area {
		font-size: 0;
	}
	.case_wrap .case_area .box .text_area .tag_area span {
		line-height: 17px;
		font-size: 11px;
		padding: 0px 2px;
		display: inline-block;
	}
	.case_wrap .case_area .box .text_area .tag_area span:not(:first-child) {
		margin-left: 3px;
	}
	.case_wrap .btn_red {
		width: 94%;
		margin: 10px auto 0 auto;
	}
	
	
	
	/* �̗p���E�T�X�e�i�r���e�B */
	.menu2_wrap .col2area .box .title {
		padding: 5px;
	}
	
	/* ���q���܃T�|�[�g */
	.support_wrap .box .main_title {
		font-size: 22px;
	}
	.support_wrap .box .btn_red:first-child {
		margin-bottom: 15px;
	}
	.support_wrap .box:last-child {
		margin-bottom: 0;
	}
	
	
	/* �t�b�^�[�o�i�[�����N */
	.bnr_area ul li &gt; a strong br {
		display: none;
	}
	.bnr_area ul li {
		width:100%;
		margin:0 0 12px 0;
		list-style:none;
		padding: 0;
	}
	.bnr_area ul li ,
	.bnr_area ul li &gt; a{
		height:auto;
	}
	.bnr_area ul li{
		margin-bottom:16px;
		list-style:none;
	}
	.bnr_area ul li &gt; a{
		display:table;
		table-layout:fixed;
		width:100%;
		background-image:none !important;
    	box-sizing: border-box;
		padding: 15px 0 10px 30px;
	}
	.bnr_area ul li &gt; a &gt; span{
		display:table-cell;
		width:auto;
		padding:0 15px;
		vertical-align:middle;
		text-align:left;
	}
	.bnr_area ul li &gt; a &gt; span:first-child + span{
		width:68px;
		height:61px;
		margin:0; 
		padding:0; 
		background-color:rgba(0,0,0,0.5);
		box-shadow:0 0 0 1px #000000 inset;
		font-size:0;
	}
	.Under995 #Contents .GlobalNavi &gt; ul &gt; li &gt; a &gt; span:first-child + span::after{
		right:auto;
		bottom:auto;
		top:0;
		left:0;
		width:68px;
		height:61px;
		margin:0;
	}
	.bnr_area &gt; ul &gt; li:nth-child(4) &gt; a &gt; span:first-child + span::after{
		background-position:left -4px center;
	}
	.bnr_area ul li {
		margin:0 ;
	}
	.bnr_area ul li ~ li{
		border-top-width:0;
	}
	
	
	/* �t�b�^�[ */
	.footer_menu .foot_logo span {
		font-size: 140%;
	}
	.footer_menu ul.menu {
		display: block;
		width: 100%;
		margin: 0 0 30px 0px;
	}
	.footer_menu ul.menu li a {
		color: #fff;
		font-size: 75%;
	}
	.footer_menu ul.bnr {
		display: table;
		width: 100%;
		max-width: 100%;
	}
	.footer_menu ul.bnr li {
		display: table-cell;
		width: 50%;
	}
	.footer_menu ul.bnr li:nth-child(odd) {
		padding-right: 3px;
	}
	.footer_menu ul.bnr li:nth-child(even) {
		padding-left: 3px;
	}
	

	
	
}


/* ----------------------------------------------------
[+] breakPoint 768px under
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
	/* [s3] Global Navigation System
	=========================================================================================== */
	
	.Under995 #GlobalNavi::after{
		display:none;
	}

	.Under995 #SiteSummary{
		padding-right:200px;
	}

	#Controler{
		display:none!important;
	}
	.JS .Grid3 .BoxPatternB .ImgOnlyStyle,
	.JS .Grid1 .BoxPatternA p ~ .ImgOnlyStyle.CenterAdjust,
	.JS .Grid1 .BoxPatternB p ~ .ImgOnlyStyle.CenterAdjust,
	.JS .Grid1 .BoxPatternC p ~ .ImgOnlyStyle.CenterAdjust,
	.JS .Grid1 .BoxPatternA ul ~ .ImgOnlyStyle.CenterAdjust,
	.JS .Grid1 .BoxPatternB ul ~ .ImgOnlyStyle.CenterAdjust,
	.JS .Grid1 .BoxPatternC ul ~ .ImgOnlyStyle.CenterAdjust {
		text-align:center;
	}
	.Under995 .SolAffairs .LinkListStyle1 li{
		min-width:0 !important;
		width:calc(100% / 3) !important;
		margin:0;
	}
	
	.Under995 .SolAffairs .LinkListStyle1 li:nth-child(4n) {
		margin-left: 0;
	}
	
	.Under995 .EqualHeightContainer .Column1{
		margin-bottom:15px;
	}

	.Under995 .CaseBox{
		min-height:0;
	}
	
	/*-20151120-table scroll-*/
	.Overflow {
		overflow-x: auto;
		margin-bottom: 10px;
	}
	.Overflow::-webkit-scrollbar {
		height: 5px;
	}
	.Overflow::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.Overflow::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}

	.Overflow table {
		margin-bottom: 10px;
	}

	/* [xx] IndexColumn
	=========================================================================================== */
	.Under995 .IndexColumn .IndexColumnItem{
		width:calc((100% - (15px)) / 2 );
		margin-right:15px !important;
	}
	.Under995 .IndexColumn &gt; div.IndexColumnItem:nth-child(even){
		margin-right:0 !important;
	}
	
	
}

/* ----------------------------------------------------
[+] breakPoint 580px under
---------------------------------------------------- */
@media only screen and (max-width: 579px) {
	
	/* [-]Tab
	=========================================================================================== */
	.Under995 .PageTitleStyle3 h1 {
		margin-bottom:0;
	}
	.Under995 .PageTitleStyle3 .Tab {
		position:static;
		padding:6px 6px 0;
	}
	.Under995 .PageTitleStyle3 .Tab li{
		width:100%;
	}
	/* [-]SeminarsArea
	=========================================================================================== */
	#SeminarsArea .Seminar .Date,
	#SeminarsArea .Seminar .Date + div{
		display:block;
	}
	#SeminarsArea .Seminar .Date{
		width:100%;
  	padding-right: 24px;
	}
	#SeminarsArea .Seminar .Date + div{
  	padding-left: 68px;
	}
	#SeminarsArea .Seminar .Date br{
		display:none;
	}
	.Under995 .SolAffairs .LinkListStyle1 li{
		width:calc(100% / 2)  !important;
		margin:0;
	}
	/*SiteSummary*/
	
	.Under995 #SiteSummary {
		padding-right: 0px;
		padding-bottom: 35px;
		margin-bottom: 3px;
		background: url("../../image/jp/common/human_it.gif") no-repeat center bottom transparent; 
	}
	
	/************ foot_fix ************/
	#right_navi {
		display: none;
	}
	.JS .ShowRWD {
		margin-bottom: 45px;
	}
	#foot_fix {
		position: fixed;
		bottom: 0px;
		width: 100%;
		display: block;
		z-index: 10;
	}
	#foot_fix .btn {
		display: table;
		width: 100%;
		text-align: center;
	}
	#foot_fix .btn a {
		display: table-cell;
		width: calc(100% / 3);
		background-color: #FF9900;
		border: solid 1px #FF9900;
		color: #fff;
		padding: 10px 5px;
		text-decoration: none;
		-webkit-transition-property:background-color;
		-webkit-transition-duration:0.2s;
		-webkit-transition-timing-function:linear;
	}
	#foot_fix .btn a span {
		position: relative;
		padding-left: 20px;
		font-size: 90%;
	}
	#foot_fix .btn a span:before {
		content: "";
		background: url("../../image/new/common/icon_memo.png")no-repeat center;
		background-size: cover !important;
		position: absolute;
		width: 11px;
		height: 15px;
		top: 50%;
		margin-top: -7.5px;
		left: 0;
	}
	#foot_fix .btn a:nth-child(2) {
		background-color: #2DB620;
		border: solid 1px #2DB620;
	}
	#foot_fix .btn a:hover {
		background-color: #fff;
		color: #FF9900;
	}
	#foot_fix .btn a:nth-child(2):hover {
		color: #2DB620;
	}
	
	#foot_fix .btn a:nth-child(2) span:before {
		background: url("../../image/new/common/icon_mail.png")no-repeat center;
		width: 15px;
		height: 11px;
		margin-top: -5.5px;
	}
	#foot_fix .btn a:hover span:before {
		background: url("../../image/new/common/icon_memo_on.png")no-repeat center;
	}
	#foot_fix .btn a:nth-child(2):hover span:before {
		background: url("../../image/new/common/icon_mail_on.png")no-repeat center;
	}



	#foot_fix .btn a:nth-child(3) {
		background-color: #a7d28d;
		border: solid 1px #a7d28d;
	}

	#foot_fix .btn a:nth-child(3):hover {
		color: #a7d28d;
		background-color: #fff;
	}
	
	#foot_fix .btn a:nth-child(3) span:before {
		background: url("../../image/new/common/icon_mailmag.png")no-repeat center;
		width: 15px;
		height: 15px;
		margin-top: -8.5px;
	}
	#foot_fix .btn a:nth-child(3):hover span:before {
		background: url("../../image/new/common/icon_mailmag_on.png")no-repeat center;
	}






	
	
}

/* ----------------------------------------------------
[+] breakPoint 400px under
---------------------------------------------------- */
@media only screen and (max-width: 480px) {
/* [xx] IndexColumn
=========================================================================================== */
	.Under995 .IndexColumn .IndexColumnItem{
		width:100% !important;
		margin-right:0 !important;
	}
/* [-]SeminarsArea
=========================================================================================== */	
	#SeminarsArea .Seminar .Date,
	#SeminarsArea .Seminar .Date + div{
  	padding-left: 45px;
	}

}


/* [-]���i�E�\�����[�V�����ڎ��y�[�W-20151009-
=========================================================================================== */	


.SolutionList h3.LinkStyle1 {
	border-left: none;
	border-bottom: none;
	background: none;
	margin-bottom: 0;
}
/*-����-ColumnSet����biggerlink�K�p�͈͓��ɗL��*/
.SolutionList div[class^=Column].FirstItem.bl-hot,
.SolutionList div[class^=Column].LastItem.bl-hot {
  margin: 0;
  border-bottom: 1px dotted #D9D5CA;
  min-height: 130px;
  transition:.1s ease-in;
}

.SolutionList div[class^=Column].bl-hover {
	background: #f1fafc;
	border-radius:2px;
}

@media screen and (min-width: 1px){
	.SolutionList div[class^=Column].bl-hot h3.LinkStyle1 a.bl-bigger {
		background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hd.gif);
	}
	.SolutionList div[class^=Column].bl-hover h3.LinkStyle1 a.bl-bigger  {
		text-decoration: underline;
		background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
	}
}
.SolutionList div[class^=Column].bl-hot h3.LinkStyle1 a.bl-bigger {
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl.gif);
}

.SolutionList div[class^=Column].bl-hover h3.LinkStyle1 a.bl-bigger {
	text-decoration: underline;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

.SolutionList div[class^=Column].bl-hot p {
	padding: 0 5px;
}

.SolutionList div[class^=Column].FirstItem.bl-hot {
	border-right:6px solid #fff;
}

.SolutionList div[class^=Column].LastItem.bl-hot {
	border-left:6px solid #fff;
}

ul.IndustryList li {
	float: left;
	margin: 0 0 3px 3px;
	width: 115px;
	height: 20px;
}

@media screen and (max-width: 767px){
	.SolutionList div[class^=Column].bl-hot {
	  min-height: 100px;
  }
}

/* [xx] VerticalLocalNavi OverRide
=========================================================================================== */
#VerticalLocalNavi h2 a:hover {
	background-image:none!important;	
}


/* [c20] Internal Link ���K�ł�藬�p
=========================================================================================== */

/* --- [c20-1] Internal Link &gt; Horizontal --- */
/* --- [c20-1] Internal Link &gt; Vertical --- */

.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:visited,
.VerticalInnerLinks li a:link,
.VerticalInnerLinks li a:visited {
	color: #06417E;
	text-decoration: none;
}
.HorizontalInnerLinks li a:hover,
.HorizontalInnerLinks li a:active,
.VerticalInnerLinks li a:hover,
.VerticalInnerLinks li a:active {
	color: #551A8B;
	text-decoration: underline;
}




/* [xx] LowerNavigation ERP�b��Ή��̂��߉��ݒ�
=========================================================================================== */

#LowerNavigation ul.LinkListStyle2 li a:link {
	color: #06417E;
}

#LowerNavigation ul.LinkListStyle2 li a:hover {
	text-decoration: underline;
}

#LowerNavigation ul.LinkListStyle2 li a:visited {
	color: #551A8B;
}

#LowerNavigation ul.LinkListStyle2 li a:active {
	text-decoration: underline;
}


/* [xx] CategoryNavi (Blue)
=========================================================================================== */
#Blue .CategoryNavi ul,
.TabNavi ul {
	margin: 0;
	background-color: #036F96;
}

#Blue .CategoryNavi li,
#Blue .TabNavi li {
	float: left;
	background: url(../../../image/jp/r1/bg_category_navi_bl.gif) no-repeat right center;
}
#Blue .CategoryNavi li a,
#Blue .CategoryNavi li a:after {
	transition:.1s ease-in;
}

#Blue .CategoryNavi li a:hover, 
#Blue .CategoryNavi li a:active,
#Blue .CategoryNavi li.Current a,
#Blue .CategoryNavi ul.Top2 li a:hover, 
#Blue .CategoryNavi ul.Top2 li a:active,
#Blue .TabNavi li a:hover, 
#Blue .TabNavi li a:active,
#Blue .TabNavi li.Current a {
	color: #fff;
	text-decoration: none;
	background-color: #0089AE!important;
}

#Blue .CategoryNavi li a:hover:after, 
#Blue .CategoryNavi li a:active:after,
#Blue .CategoryNavi li.Current a:after,
#Blue .CategoryNavi ul.Top2 li a:hover:after, 
#Blue .CategoryNavi ul.Top2 li a:active:after,
#Blue .TabNavi li a:hover:after, 
#Blue .TabNavi li a:active:after,
#Blue .TabNavi li.Current a:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	width: 22px;
	height: 9px;
	bottom: -9px;
	left: 50%;
	margin: 0 0 0 -8px;
	background: url(../../../image/jp/r1/bg_gn_current_bl.gif) no-repeat;
}

@media screen and (max-width: 767px){
	.JS #Blue .CategoryNavi li a:hover,
	.JS #Blue .CategoryNavi li a:active,
	.JS #Blue .CategoryNavi li.Current a,
	.JS #Blue .CategoryNavi ul.Top2 li a:hover,
	.JS #Blue .CategoryNavi ul.Top2 li a:active,
	.JS #Blue .TabNavi li a:hover,
	.JS #Blue .TabNavi li a:active,
	.JS #Blue .TabNavi li.Current a,
	.JS #Blue .CategoryNavi li:first-child a:hover,
	.JS #Blue .CategoryNavi li:first-child a:active,
	.JS #Blue .CategoryNavi li:first-child.Current a,
	.JS #Blue .TabNavi li:first-child a:hover,
	.JS #Blue .TabNavi li:first-child a:active,
	.JS #Blue .TabNavi li:first-child.Current a,
	.JS #Blue .TabNavi ul:first-child li.Current:first-child a,
	.JS #Blue .TabNavi ul:first-child li.Current:first-child a{
	  border-top: solid 1px #0089AE;
	}
	.JS #Blue .CategoryNavi li,
	.JS #Blue .TabNavi li {
	  float: none;
	  background: none;
	}
	#Blue .CategoryNavi li a:hover:after, 
	#Blue .CategoryNavi li a:active:after,
	#Blue .CategoryNavi li.Current a:after,
	#Blue .CategoryNavi ul.Top2 li a:hover:after, 
	#Blue .CategoryNavi ul.Top2 li a:active:after,
	#Blue .TabNavi li a:hover:after, 
	#Blue .TabNavi li a:active:after,
	#Blue .TabNavi li.Current a:after {
		background: none;
	}
	.JS #Blue .CategoryNavi li a:link,
	.JS #Blue .CategoryNavi li a:visited,
	.JS #Blue .TabNavi li a:link,
	.JS #Blue .TabNavi li a:visited {
	  border-top: solid 1px #036F96;
  }
}

/* [xx] VerticalImageList RDW Setting
=========================================================================================== */
@media screen and (max-width: 767px){
	.JS ul.VerticalImageList1,
	.JS ul.VerticalImageList2 {
		text-align: center;
		padding: 10px 0 15px 0;
		margin: 0 0 15px;
	}
}

/*160513add*/
.BoxContact_small {
    background-color: #fff;
    border: 3px solid #ddd;
    margin-bottom: 15px;
    padding: 12px 0 0;
    text-align: center;
}
.BoxContact_small #contact_text,
.BoxContact_small #contact_text_ind {
}
.BoxContact_small #contact_form,
.BoxContact_small #contact_ind {
    margin-bottom: 10px;
}
.BoxContact_small li {
    line-height: 100%;
    margin-bottom: 10px;
}

#contact_bottom {
              text-align:center;
}</pre></body></html>