@charset "utf-8";

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

Name: common_base.css

Description: Main CSS(日立common.cssの書き換え版）

Create: 2015.07.10
LastUpdate: 2019.09.13

Copyright 2019 Hitachi Systems, Ltd.

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


/* 2: Body Setting
=========================================================================================== */

body {
	background-color: #fff;
}

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

	.JS body {
		background-color: #fff;
	}

	}

/* 3: Link Setting
=========================================================================================== */

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;
}

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

Setting of page layout

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

/* [s1] Header
=========================================================================================== */


/* HeaderArea inline white-space対策 20151222--- */

#HeaderArea {
	font-size: 0;
}
#HeaderArea #Search,
#HeaderArea #CountryRegion,
#HeaderArea #UltraGlobalNavi {
	font-size: medium;
	font-size: initial;
}

/* Header内 h4スタイル修正 20190709--- */

#HeaderArea h4 {
    font-size: 96%;
    font-weight: bold;
	line-height: 130%;
	background:none;
	background-color: transparent!important;
}

#HeaderArea h4::before {
	content: none;
}

/* --- [s1] Country/Region Selector --- */

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

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

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

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

	.JS #CountryRegion .Inner h2 a:link,
	.JS #CountryRegion .Inner h2 a:visited {
		background-image: none!important;
	}
	.JS #CountryRegion .Inner h2 a:hover,
	.JS #CountryRegion .Inner h2 a:active {
		background-image: none!important;
		color: #fff!important;
		text-decoration: none;
	}

	}


/* --- [s1] Super Global Navigation --- */

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

.SuperGlobalNavi h3 {
	background: none;
	border: none;
	padding: 0;
}

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

	.SuperGlobalNavi h2 a:hover,
	.SuperGlobalNavi h2 a:active {
		background-image: none!important;
	}

	}



/* [s2] Site Identity Area
=========================================================================================== */

#SiteIdentityL .Title a span,
#SiteIdentityS .Title a span,
#SiteIdentity .Title a span {
	color: #333!important;
}

#SiteIdentity .Title a:hover{
	text-decoration: none!important;
}

#SiteIdentityL .Title a:hover span,
#SiteIdentityS .Title a:hover span,
#SiteIdentity .Title a:hover span {
	text-decoration:none!important;
	color:#666!important;
}

	@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 *
		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;
		}
		
	}


/* [s3] Global Navigation System
=========================================================================================== */

	@media only screen and (max-width: 995px) {
	.Under995 #GlobalNavi::after{
		display:none;
		}
	}

	@media only screen and (max-width: 767px) {
	.Under995 #GlobalNavi::after{
		display:none;
		}
	}

#GlobalNaviTop li.Current a em {
	color:#333;
	text-decoration: none;
}
#GlobalNaviTop li.Current a:hover em {
	color:#fff;
	text-decoration: none;
}

#GlobalNaviTop li.Current a strong {
	text-decoration:none;
}



/* [s5] Breadcrumb Trail
=========================================================================================== */

#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対応のため修正*/
	@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;
	}

	}



/* [s6] Vertical Local Navigation Menu
=========================================================================================== */

#VerticalLocalNavi h2 a:hover {
	background-image:none!important;
}



/* [s7] Footer
=========================================================================================== */

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

	.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;
		}

	}


/* [s9] Footer Banner
=========================================================================================== */

/* --- [s9-1] Banner Area > 1 row --- */
/* --- [s9-2] Banner Area > 2 rows --- */


.FatBanner a:link strong,
.FatBanner a:visited strong {
	padding: 5px 22px 5px 15px;
	line-height: 1.4em;
}




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

Setting of grid layout

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

/* [-] Grid
=========================================================================================== */

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

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

Setting of content module

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

/* [c1] Page Title
=========================================================================================== */

/* --- [c1-1-1] Page Title > Text --- */
/* --- [c1-2-1] Page Title > Text > With Subtitle --- */

.PageTitleStyle1 {
	background: #ebebeb;
	padding: 20px 20px 10px 18px;
	border-left: 3px solid #01789A;
	overflow:auto;
}

.PageTitleStyle1 h1 {
	font-size: 150%;
	font-weight: bold;
	line-height: 130%;
	color: #595959;
	margin-bottom:10px;
}

.PageTitleStyle1 .SubTitle {
	margin-bottom:10px;
}

.PageTitleStyle1 .SubTitle  strong{
	color: #595959;
}

.PageTitleStyle1 h1 a:link,
.PageTitleStyle1 h1 a:visited,
.PageTitleStyle1 h1 a:hover,
.PageTitleStyle1 h1 a:active{
	color: #595959;
}

	@media screen and (max-width:579px){
	
	.JS .PageTitleStyle1 h1,
	.JS .PageTitleStyle1 p.LogoStyle + h1 {
		padding: 0;
	}
	
	.JS div.PageTitleStyle1 p.LogoStyle{
		text-align: left;
	}
		
	.JS .PageTitleStyle1 p.LogoStyle + h1 + .SubTitle{
		margin-top: 0;
		padding: 0;
	}
	
	}


/* --- [c1-1-3] Page Title > Text > With Logo --- */
/* --- [c1-2-3] Page Title > Text > With Subtitle > With Logo--- */

.PageTitleStyle1 p.LogoStyle {
	display: block;
	margin: 0 0 0 15px;
	text-align: right;
	width: auto;
	height: auto!important;
}

	@media screen and (max-width:579px){
	.JS div.PageTitleStyle1 p.LogoStyle {
		position: relative;
		margin: 0 0 15px;
	}
	
	}

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

/* --- [c2-1-1] Heading > Leval 1 --- */
/* --- [c2-1-2] Heading > Level 1 > With Link --- */

h2 {
	background:none;
}

h2 span {
	padding: 13px 15px 10px 15px;
	color: #fff;
	background-color: #036F96;
	text-decoration: none!important;
}

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

}

h2 a:hover,
h2 a:active {
	color: #fff;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_white_hover.gif)!important;
}
/*新DG対応202209*/
.FatMenuWide h2 a:hover,
.FatMenuWide h2 a:active {
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif)!important;
}
h2 span a[name]:link,
h2 span a[name]:visited,
h2 span a[name]:hover,
h2 span a[name]:active{ 
	color:#fff!important;
	text-decoration: none!important;
	background-image: none!important;
}

	@media screen and (max-width: 767px){
		.JS h2 { margin:0 0 5px;}
	}
	
	@media screen and (min-width: 1px){

	h2 a:link, h2 a:visited {
		background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_white_hd.gif);
		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(/-/media/image/jp/r1/icon/icon_link_right_xl_white_hover_hd.gif)!important;
		}

	}



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

.LV1LinkSet {
	background: none;
}

.LV1LinkSet div {
	background-color: #036F96;
}

.LV1LinkSet div h2 {
	color: #fff;
}

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

.LV1LinkSet div ul li a {
	color: #fff;
}

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

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

.LV1LinkSet div ul li a img {
	height: auto;
	_margin-right: -10px;
}

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

	.JS .LV1LinkSet { margin:0!important;}
	
	}


/* --- [c2-2-1] Heading > Level 2 --- */
/* --- [c2-2-2] Heading > Level 2 > With Link --- */

h3 {
	margin: 0px 0 15px;
	padding: 14px 9px 10px;
	border-left: 4px solid #036F96;
	border-bottom: 1px solid #036F96;
	background: #F6F6F6;
	color: #595959;
}

h3 a:link,
h3 a:visited {
	color: #595959 !important;
}

h3 a:hover,
h3 a:active {
	color: #595959 !important;
}

h3 a[name], 
h3 a[name]:link, 
h3 a[name]:visited, 
h3 a[name]:hover, 
h3 a[name]:active { 
	text-decoration:none !important;
}


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

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

.LV2LinkSet h3 {
	border-bottom: none;
}

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

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

	.JS .LV2LinkSet h3 {
		width: 60%;
		}
	.JS .LV2LinkSet ul {
		width: 24%;
		}
		
	}


/* --- [c2-3-1] Heading > Level 3 --- */
/* --- [c2-3-2] Heading > Level 3 > With Link --- */

h4 {
	margin: 0 0 10px;
	position: relative;
	/*padding: 0 0 0 15px;
	text-indent: -15px;*/
}
/*	background: url("/-/media/image/jp/common/icon_title_blue.gif") no-repeat 0 3px;
	padding-left:17px;*/
}

h4 a:hover {
	color: #333;
}

h4::before {
	content: url(/-/media/image/jp/common/icon_title_blue.gif);
	padding: 0 5px 0 0;
/*	position: absolute;*/
	left: 0em;
	top: -.04em;
}

h4 a{
	color: #06417E!important;
	text-decoration: none;
}

h4 a:hover{
	color: #0961bb!important;
	text-decoration: underline;
}

h4 a[name],
h4 a[name]:link,
h4 a[name]:visited,
h4 a[name]:hover,
h4 a[name]:active {
	color: #000!important;
	text-decoration: none!important;
	background-image: none;
}



/* [c4] Promotional Copy
=========================================================================================== */

p.CatchCopy {
	margin: 0 0 10px;
	font-size: 90%;
	line-height: 1.35;
}

p.CatchCopy strong,
p.CatchCopy strong a {
	line-height: 1.35;
}

/* [c6] Image + Text
=========================================================================================== */

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

	.JS .ImgLeftAdjust {
		text-align: center;
		}

	.JS .ImgRightAdjust {
		text-align: center;
		}
	
	}


/* [c7] Bulleted List
=========================================================================================== */

/* --- [c7-1-1] Bulleted List > Text Size 90% --- */
/* --- [c7-1-1] Bulleted List > Text Size 83% --- */

ul.ListStyle1 li,
ul.ListStyle2 li {
	padding: 0 0 0 17px;
	background: url("/-/media/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
}


dl.ListStyle1 dt,
dl.ListStyle2 dt {
	padding: 1px 0 1px 17px;
	background: url("/-/media/image/h1/icon/icon_list_marker.gif") no-repeat 0 2px;
}

dl.ListStyle1 dd,
dl.ListStyle2 dd {
	padding: 0 0 0 17px;
}

/*--20151120--通常リスト中にリンクリスト--*/
ul.ListStyle1 ul.LinkListStyle1 li {
	background: none !important;
	margin-left: -1em;
}



/* [c8] Numbered List
=========================================================================================== */

/* --- [c8-1-1] Numbered List > Text Size 90% --- */
/* --- [c8-1-2] Numbered List > Text Size 83% --- */

ol.ListStyle1 ul {
	margin: 5px 0 0;
}
ol.ListStyle1 li {
	margin: 0 0 5px;
}
ol.ListStyle1 ul li {
	padding: 0 0 0 17px;
	background: url("/-/media/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;

}


/* ---[c8-2-1] Numbered List > With Marker > Text Size 90% --- */
/* ---[c8-2-2] Numbered List > With Marker > Text Size 83% --- */

ol.ListStyle3 li ol {
	padding: 0 0 0 17px;
}

ol.ListStyle4 li ol {
padding: 0 0 0 15px;
}



/* [c10] Note
=========================================================================================== */

/* --- [c10-1] Note > Text Size 90% --- */
/* --- [c10-2] Note > Text Size 83% --- */

ul.AnnotationsStyle1 li,
ul.AnnotationsStyle2 li {
	color: #990000;
}

/* [c11] Link List
=========================================================================================== */

/* --- [c11-1-1] Link List > Text Size 90% --- */
/* --- [c11-1-2] Link List > Text Size 83% --- */

	@media screen and (max-width:579px){
	
	.JS .Grid3 ul.LinkListStyle5::after {
		content: "";
		display: block;
		clear: both;
		}
	
	}


/* --- [c11-2-1] Link List > Right-aligned > Text Size 90% --- */
/* --- [c11-2-2] Link List > Right-aligned > Text Size 83% --- */

.ListRightAdjust li {
	display: inline;
}



/* --- [c11-5-1-1] Link List > Thumbnail + Descriptive Text > Thumbnail 60px > Text Size 90% --- */
/* --- [c11-5-1-2] Link List > Thumbnail + Descriptive Text > Thumbnail 60px > Text Size 83% --- */
/* --- [c11-5-2-1] Link List > Thumbnail + Descriptive Text > Thumbnail 120px > Text Size 90% --- */
/* --- [c11-5-2-2] Link List > Thumbnail + Descriptive Text > Thumbnail 120px > Text Size 83% --- */
/* --- [c11-5-3-1] Link List > Thumbnail + Descriptive Text > Thumbnail 180px > Text Size 90% --- */
/* --- [c11-5-3-2] Link List > Thumbnail + Descriptive Text > Thumbnail 180px > Text Size 83% --- */
/* --- [c11-5-4-1] Link List > Thumbnail + Descriptive Text > Thumbnail 230px > Text Size 90% --- */
/* --- [c11-5-4-2] Link List > Thumbnail + Descriptive Text > Thumbnail 230px > Text Size 83% --- */


[class^="ThumbW"] .Img, [class^="ImgW"] .Img {
	clear: both;
	padding: 0 20px 15px 0;
	float:left;
}
[class^="ThumbW"] .Img.RightAdjust, [class^="ImgW"] .Img.RightAdjust {
	padding: 0 0 15px 20px;
	float:right;
	text-align: left;
}
	
[class^="ThumbW"] .ImgSet, [class^="ImgW"] .ImgSet {
	float: none;
	overflow: hidden;
	margin-left: 0 !important;
	width:auto !important;
}

[class^="ImgW"] .ImgSet p,
[class^="ImgW"] .ImgSet ul,
[class^="ImgW"] .ImgSet dl {
	margin-left:0;
}

.ThumbW20SetStyle p.Img, .ImgW20SetStyle p.Img {  width:  20px; }
.ThumbW30SetStyle p.Img, .ImgW30SetStyle p.Img {  width:  30px; }
.ThumbW40SetStyle p.Img, .ImgW40SetStyle p.Img {  width:  40px; }
.ThumbW50SetStyle p.Img, .ImgW50SetStyle p.Img {  width:  50px; }
.ThumbW60SetStyle p.Img, .ImgW60SetStyle p.Img {  width:  60px; }
.ThumbW70SetStyle p.Img, .ImgW70SetStyle p.Img {  width:  70px; }
.ThumbW80SetStyle p.Img, .ImgW80SetStyle p.Img {  width:  80px; }
.ThumbW90SetStyle p.Img, .ImgW90SetStyle p.Img {  width:  90px; }
.ThumbW100SetStyle p.Img, .ImgW100SetStyle p.Img { width: 100px; }
.ThumbW110SetStyle p.Img, .ImgW110SetStyle p.Img { width: 110px; }
.ThumbW120SetStyle p.Img, .ImgW120SetStyle p.Img { width: 120px; }
.ThumbW128SetStyle p.Img, .ImgW128SetStyle p.Img { width: 128px; }
.ThumbW130SetStyle p.Img, .ImgW130SetStyle p.Img { width: 130px; }
.ThumbW133SetStyle p.Img, .ImgW133SetStyle p.Img { width: 133px; }
.ThumbW140SetStyle p.Img, .ImgW140SetStyle p.Img { width: 140px; }
.ThumbW150SetStyle p.Img, .ImgW150SetStyle p.Img { width: 150px; }
.ThumbW160SetStyle p.Img, .ImgW160SetStyle p.Img { width: 160px; }
.ThumbW170SetStyle p.Img, .ImgW170SetStyle p.Img { width: 170px; }
.ThumbW180SetStyle p.Img, .ImgW180SetStyle p.Img { width: 180px; }
.ThumbW190SetStyle p.Img, .ImgW190SetStyle p.Img { width: 190px; }
.ThumbW200SetStyle p.Img, .ImgW200SetStyle p.Img { width: 200px; }
.ThumbW210SetStyle p.Img, .ImgW210SetStyle p.Img { width: 210px; }
.ThumbW220SetStyle p.Img, .ImgW220SetStyle p.Img { width: 220px; }
.ThumbW230SetStyle p.Img, .ImgW230SetStyle p.Img { width: 230px; }
.ThumbW240SetStyle p.Img, .ImgW240SetStyle p.Img { width: 240px; }
.ThumbW250SetStyle p.Img, .ImgW250SetStyle p.Img { width: 250px; }
.ThumbW260SetStyle p.Img, .ImgW260SetStyle p.Img { width: 260px; }
.ThumbW270SetStyle p.Img, .ImgW270SetStyle p.Img { width: 270px; }
.ThumbW280SetStyle p.Img, .ImgW280SetStyle p.Img { width: 280px; }
.ThumbW290SetStyle p.Img, .ImgW290SetStyle p.Img { width: 290px; }
.ThumbW300SetStyle p.Img, .ImgW300SetStyle p.Img { width: 300px; }
.ThumbW310SetStyle p.Img, .ImgW310SetStyle p.Img { width: 310px; }
.ThumbW320SetStyle p.Img, .ImgW320SetStyle p.Img { width: 320px; }
.ThumbW330SetStyle p.Img, .ImgW330SetStyle p.Img { width: 330px; }
.ThumbW340SetStyle p.Img, .ImgW340SetStyle p.Img { width: 340px; }
.ThumbW350SetStyle p.Img, .ImgW350SetStyle p.Img { width: 350px; }
.ThumbW360SetStyle p.Img, .ImgW360SetStyle p.Img { width: 360px; }
.ThumbW370SetStyle p.Img, .ImgW370SetStyle p.Img { width: 370px; }
.ThumbW380SetStyle p.Img, .ImgW380SetStyle p.Img { width: 380px; }
.ThumbW390SetStyle p.Img, .ImgW390SetStyle p.Img { width: 390px; }
.ThumbW400SetStyle p.Img, .ImgW400SetStyle p.Img { width: 400px; }





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

/* --- [c12-1] Button > Vertical --- */
/* --- [c12-2] Button > Horizontal --- */

.ButtonStyle1 a:link,
.ButtonStyle2 a:link,
.ButtonStyle1 a:visited,
.ButtonStyle2 a:visited {
	background-color: #06407e;
}

.ButtonStyle1 a:hover,
.ButtonStyle2 a:hover,
.ButtonStyle1 a:active,
.ButtonStyle2 a:active {
	background-color: #0089AE;
}

/* --- [c12-3-1-1] Button > Descriptive Text > Right > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-3-1-2] Button > Descriptive Text > Right > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-3-2-1] Button > Descriptive Text > Right > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-3-2-2] Button > Descriptive Text > Right > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-3-3-1] Button > Descriptive Text > Right > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-3-3-2] Button > Descriptive Text > Right > Button Width 240 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-4-1-1] Button > Descriptive Text > Below > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-4-1-2] Button > Descriptive Text > Below > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-4-2-1] Button > Descriptive Text > Below > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-4-2-2] Button > Descriptive Text > Below > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-4-3-1] Button > Descriptive Text > Below > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-4-3-2] Button > Descriptive Text > Below > Button Width 240 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-5-1-1] Button > Lower-Level Links > Right > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-5-1-2] Button > Lower-Level Links > Right > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-5-2-1] Button > Lower-Level Links > Right > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-5-2-2] Button > Lower-Level Links > Right > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-5-3-1] Button > Lower-Level Links > Right > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-5-3-2] Button > Lower-Level Links > Right > Button Width 240 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-6-1-1] Button > Lower-Level Links > Below > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-6-1-2] Button > Lower-Level Links > Below > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-6-2-1] Button > Lower-Level Links > Below > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-6-2-2] Button > Lower-Level Links > Below > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-6-3-1] Button > Lower-Level Links > Below > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-6-3-2] Button > Lower-Level Links > Below > Button Width 240 Pixels > Descriptive Text Size 83% --- */

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



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

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


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

.BoxPatternA dl ul,
.BoxPatternB dl ul,
.BoxPatternC dl ul,
.BoxPatternA ul ul,
.BoxPatternB ul ul,
.BoxPatternC ul ul {
	padding-left: 0px;
    padding-right: 0px;
}


.BoxPatternA ol,
.BoxPatternB ol,
.BoxPatternC ol {
	margin: 0 15px 15px 8px;
}
.BoxPatternA table,
.BoxPatternB table,
.BoxPatternC table {
	margin: 0 15px 15px 15px;
}

.BoxPatternA img,
.BoxPatternB img,
.BoxPatternC img {
	max-width:100%;
}

.BoxPatternA h4,
.BoxPatternB h4 {
	text-indent:0;
	}
	
.BoxPatternA h4::before,
.BoxPatternB h4::before {
	content:none;
}

.Grid3 .BoxPatternA .Inner h3, .Grid4 .BoxPatternA .Inner h3,
.Grid3 .BoxPatternB .Inner h3, .Grid4 .BoxPatternB .Inner h3 {
	margin: 0px 15px 15px !important;
	padding: 14px 9px 10px;
	border:none;
	border-left: 4px solid #036F96;
	border-bottom: 1px solid #036F96;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;	
	background:none;
	background-color: #F6F6F6 !important;
	color: #595959 !important;
	font-weight:bold;
	font-size: 100%;
}
.Grid3 .BoxPatternA .Inner h3::before, .Grid4 .BoxPatternA .Inner h3::before,
.Grid3 .BoxPatternB .Inner h3::before, .Grid4 .BoxPatternB .Inner h3::before{
	content:none !important;
	}

.Grid3 .BoxPatternA .Inner h4, .Grid4 .BoxPatternA .Inner h4,
.Grid3 .BoxPatternB .Inner h4, .Grid4 .BoxPatternB .Inner h4 {
	margin: 0 15px 10px !important;
	font-size: 96%;
    font-weight: bold;
    color: #333 !important;
    line-height: 130%;
	padding: 0 0 0 15px;
    border:none;
    background: none !important;
    text-indent:-15px;
}
.Grid3 .BoxPatternA .Inner h4::before, .Grid4 .BoxPatternA .Inner h4::before,
.Grid3 .BoxPatternB .Inner h4::before, .Grid4 .BoxPatternB .Inner h4::before{
	content: url(/-/media/image/jp/common/icon_title_blue.gif) !important;
	padding: 0 5px 0 0;
	/*position: absolute;*/
	left: 0em;
	top: -.04em;
	}

.Grid3 .BoxPatternA .Inner h5, .Grid4 .BoxPatternA .Inner h5,
.Grid3 .BoxPatternB .Inner h5, .Grid4 .BoxPatternB .Inner h5 {
	margin: 0 15px 15px !important;
}

.Grid3 .BoxPatternA .Inner h6, .Grid4 .BoxPatternA .Inner h6,
.Grid3 .BoxPatternB .Inner h6, .Grid4 .BoxPatternB .Inner h6 {
	margin: 0 15px 15px !important;
}

/*Grid1 BoxPatternA
------------------------------------*/
.BoxPatternA h2 a:link,
.BoxPatternA h3 a:link,
.BoxPatternA h4 a:link,
.BoxPatternA p.Title a:visited,
.BoxPatternA h2 a:visited,
.BoxPatternA h3 a:visited,
.BoxPatternA h4 a:visited {
	background-color: #036F96;
}

.BoxPatternA h2 a:hover,
.BoxPatternA h3 a:hover,
.BoxPatternA h4 a:hover,
.BoxPatternA p.Title a:active,
.BoxPatternA h2 a:active,
.BoxPatternA h3 a:active,
.BoxPatternA h4 a:active {
	background-color: #035a79;

}


/*Grid3,Grid4 BoxPatternA
------------------------------------*/
.Grid3 .BoxPatternA, .Grid4 .BoxPatternA{
	padding-bottom:0px;
	background-color: inherit;
}

.Grid3 .BoxPatternA p.Title, .Grid4 .BoxPatternA p.Title, 
.Grid3 .BoxPatternA h2, .Grid4 .BoxPatternA h2,
.Grid3 .BoxPatternA h3, .Grid4 .BoxPatternA h3,
.Grid3 .BoxPatternA h4, .Grid4 .BoxPatternA h4{
	display: block;
	padding: 10px 10px 5px 10px;
	border-left: 1px solid #ded7ba;
	border-right: 1px solid #ded7ba;
	border-top: 4px solid #c9bf97;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.35;
	background:#f2f1eb linear-gradient(#fff, #f2f1eb);
	/*background: url("/-/media/image/h1/bg_box_a_title.gif") repeat-x #f1efe9;*/
	color: #333;
	margin-bottom:0px !important;
}

.Grid3 .BoxPatternA p.Title strong, .Grid4 .BoxPatternA p.Title strong {
	color: #333;
	font-weight:bold;
}


.Grid3 .BoxPatternA p.Title a, .Grid4 .BoxPatternA p.Title a,
.Grid3 .BoxPatternA h2 a, .Grid4 .BoxPatternA h2 a,
.Grid3 .BoxPatternA h3 a, .Grid4 .BoxPatternA h3 a, 
.Grid3 .BoxPatternA h4 a, .Grid4 .BoxPatternA h4 a {
	background-image:none !important;
}

.Grid3 .BoxPatternA p.Title a:link, .Grid4 .BoxPatternA p.Title a:link, 
.Grid3 .BoxPatternA h2 a:link, .Grid4 .BoxPatternA h2 a:link, 
.Grid3 .BoxPatternA h3 a:link, .Grid4 .BoxPatternA h3 a:link, 
.Grid3 .BoxPatternA h4 a:link, .Grid4 .BoxPatternA h4 a:link {
	display: block;
	background:none;
	color: #06417E !important;
}

.Grid3 .BoxPatternA p.Title a:visited, .Grid4 .BoxPatternA p.Title a:visited, 
.Grid3 .BoxPatternA h2 a:visited, .Grid4 .BoxPatternA h2 a:visited, 
.Grid3 .BoxPatternA h3 a:visited, .Grid4 .BoxPatternA h3 a:visited, 
.Grid3 .BoxPatternA h4 a:visited, .Grid4 .BoxPatternA h4 a:visited{
	color: #551A8B !important;
}
 
.Grid3 .BoxPatternA p.Title a:hover, .Grid4 .BoxPatternA p.Title a:hover, 
.Grid3 .BoxPatternA h2 a:hover, .Grid4 .BoxPatternA h2 a:hover, 
.Grid3 .BoxPatternA h3 a:hover, .Grid4 .BoxPatternA h3 a:hover, 
.Grid3 .BoxPatternA h4 a:hover, .Grid4 .BoxPatternA h4 a:hover, 
.Grid3 .BoxPatternA p.Title a:active, .Grid4 .BoxPatternA p.Title a:active, 
.Grid3 .BoxPatternA h2 a:active, .Grid4 .BoxPatternA h2 a:active, 
.Grid3 .BoxPatternA h3 a:active, .Grid4 .BoxPatternA h3 a:active, 
.Grid3 .BoxPatternA h4 a:active, .Grid4 .BoxPatternA h4 a:active {
	text-decoration:underline;
}

.Grid3 .BoxPatternA .Inner, .Grid4 .BoxPatternA .Inner{
	padding:15px 0 0;
	border: solid 1px #ded7ba;
    background-color: #fdfdfc;
}

/*.Grid3 .BoxPatternA .Inner h4::before, .Grid4 .BoxPatternA .Inner h4::before  {
	content: url(/-/media/image/jp/common/icon_title_blue.gif);
	padding: 0 5px 0 0;
	position: relative;
	left: 0em;
	top: -.04em;
}*/

/*Grid3,Grid4 BoxPatternB
------------------------------------*/
.Grid3 .BoxPatternB, .Grid4 .BoxPatternB{
    margin: 0 0 15px;
    border: 1px solid #ded7ba;
    background: #fff;
	padding-bottom:0px;
}

.Grid3 .BoxPatternB h3, .Grid4 .BoxPatternB h3 {
	background:inherit;
	}

.Grid3 .BoxPatternB h4, .Grid4 .BoxPatternB h4 {
	background:none;
}

.Grid3 .BoxPatternB h4:before, .Grid4 .BoxPatternB h4:before {
	content:none;
}

.Grid3 .BoxPatternB h4 a:link, .Grid4 .BoxPatternB h4 a:link,
.Grid3 .BoxPatternB h4 a:visited, .Grid4 .BoxPatternB h4 a:visited {
    color: #575757 !important;
}

.Grid3 .BoxPatternB p.Title a:hover, .Grid4 .BoxPatternB p.Title a:hover, 
.Grid3 .BoxPatternB h2 a:hover, .Grid4 .BoxPatternB h2 a:hover, 
.Grid3 .BoxPatternB h3 a:hover, .Grid4 .BoxPatternB h3 a:hover, 
.Grid3 .BoxPatternB h4 a:hover, .Grid4 .BoxPatternB h4 a:hover, 
.Grid3 .BoxPatternB p.Title a:active, .Grid4 .BoxPatternB p.Title a:active, 
.Grid3 .BoxPatternB h2 a:active, .Grid4 .BoxPatternB h2 a:active, 
.Grid3 .BoxPatternB h3 a:active, .Grid4 .BoxPatternB h3 a:active, 
.Grid3 .BoxPatternB h4 a:active, .Grid4 .BoxPatternB h4 a:active {
	color: #575757 !important;
}


/*Grid3,Grid4 BoxPatternC
------------------------------------*/
.Grid3 .BoxPatternC, .Grid4 .BoxPatternC{
    margin: 0 0 15px;
    border: 1px solid #ded7ba;
    background: #fff;
	padding-bottom:0px;
}

.Grid3 .BoxPatternC h3, .Grid4 .BoxPatternC h3,
.Grid3 .BoxPatternC h4, .Grid4 .BoxPatternC h4,
.Grid3 .BoxPatternC h5, .Grid4 .BoxPatternC h5,
.Grid3 .BoxPatternC h6, .Grid4 .BoxPatternC h6 {
	margin: 0 15px 15px !important;
}



/* --class^="ImgW"がbox内にある場合の調整 -- */

.BoxPatternA [class^="ThumbW"] p,
.BoxPatternA [class^="ThumbW"] ul,
.BoxPatternA [class^="ThumbW"] dl,
.BoxPatternB [class^="ThumbW"] p,
.BoxPatternB [class^="ThumbW"] ul,
.BoxPatternB [class^="ThumbW"] dl,
.BoxPatternC [class^="ThumbW"] p,
.BoxPatternC [class^="ThumbW"] ul,
.BoxPatternC [class^="ThumbW"] dl,

.BoxPatternA [class^="ImgW"] p,
.BoxPatternA [class^="ImgW"] ul,
.BoxPatternA [class^="ImgW"] dl,
.BoxPatternB [class^="ImgW"] p,
.BoxPatternB [class^="ImgW"] ul,
.BoxPatternB [class^="ImgW"] dl,
.BoxPatternC [class^="ImgW"] p,
.BoxPatternC [class^="ImgW"] ul,
.BoxPatternC [class^="ImgW"] dl {
	margin-left:0;
	padding-left:0;
	padding-right:0;
}


.Grid3 .BoxPatternA [class^="ThumbW"] h3,
.Grid3 .BoxPatternA [class^="ThumbW"] h4,
.Grid3 .BoxPatternA [class^="ThumbW"] h5,
.Grid3 .BoxPatternA [class^="ThumbW"] h6,
.Grid3 .BoxPatternB [class^="ThumbW"] h3,
.Grid3 .BoxPatternB [class^="ThumbW"] h4,
.Grid3 .BoxPatternB [class^="ThumbW"] h5,
.Grid3 .BoxPatternB [class^="ThumbW"] h6,
.Grid3 .BoxPatternC [class^="ThumbW"] h3,
.Grid3 .BoxPatternC [class^="ThumbW"] h4,
.Grid3 .BoxPatternC [class^="ThumbW"] h5,
.Grid3 .BoxPatternC [class^="ThumbW"] h6,
.Grid4 .BoxPatternA [class^="ThumbW"] h3,
.Grid4 .BoxPatternA [class^="ThumbW"] h4,
.Grid4 .BoxPatternA [class^="ThumbW"] h5,
.Grid4 .BoxPatternA [class^="ThumbW"] h6,
.Grid4 .BoxPatternB [class^="ThumbW"] h3,
.Grid4 .BoxPatternB [class^="ThumbW"] h4,
.Grid4 .BoxPatternB [class^="ThumbW"] h5,
.Grid4 .BoxPatternB [class^="ThumbW"] h6,
.Grid4 .BoxPatternC [class^="ThumbW"] h3,
.Grid4 .BoxPatternC [class^="ThumbW"] h4,
.Grid4 .BoxPatternC [class^="ThumbW"] h5,
.Grid4 .BoxPatternC [class^="ThumbW"] h6,

.Grid3 .BoxPatternA [class^="ImgW"] h3,
.Grid3 .BoxPatternA [class^="ImgW"] h4,
.Grid3 .BoxPatternA [class^="ImgW"] h5,
.Grid3 .BoxPatternA [class^="ImgW"] h6,
.Grid3 .BoxPatternB [class^="ImgW"] h3,
.Grid3 .BoxPatternB [class^="ImgW"] h4,
.Grid3 .BoxPatternB [class^="ImgW"] h5,
.Grid3 .BoxPatternB [class^="ImgW"] h6,
.Grid3 .BoxPatternC [class^="ImgW"] h3,
.Grid3 .BoxPatternC [class^="ImgW"] h4,
.Grid3 .BoxPatternC [class^="ImgW"] h5,
.Grid3 .BoxPatternC [class^="ImgW"] h6,
.Grid4 .BoxPatternA [class^="ImgW"] h3,
.Grid4 .BoxPatternA [class^="ImgW"] h4,
.Grid4 .BoxPatternA [class^="ImgW"] h5,
.Grid4 .BoxPatternA [class^="ImgW"] h6,
.Grid4 .BoxPatternB [class^="ImgW"] h3,
.Grid4 .BoxPatternB [class^="ImgW"] h4,
.Grid4 .BoxPatternB [class^="ImgW"] h5,
.Grid4 .BoxPatternB [class^="ImgW"] h6,
.Grid4 .BoxPatternC [class^="ImgW"] h3,
.Grid4 .BoxPatternC [class^="ImgW"] h4,
.Grid4 .BoxPatternC [class^="ImgW"] h5,
.Grid4 .BoxPatternC [class^="ImgW"] h6 {
 	margin-left:0 !important;
 	margin-right:0 !important;
}


.BoxPatternA [class^="ThumbW"],
.BoxPatternB [class^="ThumbW"],
.BoxPatternC [class^="ThumbW"],
.BoxPatternA [class^="ImgW"],
.BoxPatternB [class^="ImgW"],
.BoxPatternC [class^="ImgW"]
 {
 	margin-left:0px;
}

.BoxPatternA [class^="ThumbW"] .Img,
.BoxPatternB [class^="ThumbW"] .Img,
.BoxPatternC [class^="ThumbW"] .Img,
.BoxPatternA [class^="ImgW"] .Img,
.BoxPatternB [class^="ImgW"] .Img,
.BoxPatternC [class^="ImgW"] .Img {
	padding-right: 0px;
 	padding-left:15px;
 	margin-bottom:0;
}

.BoxPatternA [class^="ThumbW"] .ImgSet,
.BoxPatternB [class^="ThumbW"] .ImgSet,
.BoxPatternC [class^="ThumbW"] .ImgSet,
.BoxPatternA [class^="ImgW"] .ImgSet,
.BoxPatternB [class^="ImgW"] .ImgSet,
.BoxPatternC [class^="ImgW"] .ImgSet {
 	padding-left:15px !important;
 	padding-right:15px;
}

.BoxPatternA [class^="ThumbW"] .Img.RightAdjust,
.BoxPatternB [class^="ThumbW"] .Img.RightAdjust,
.BoxPatternC [class^="ThumbW"] .Img.RightAdjust,
.BoxPatternA [class^="ImgW"] .Img.RightAdjust,
.BoxPatternB [class^="ImgW"] .Img.RightAdjust,
.BoxPatternC [class^="ImgW"] .Img.RightAdjust {
	padding-right:15px;
	padding-left:0;
}


.BoxPatternA [class^="ThumbW"] .Img.RightAdjust + .ImgSet p,
.BoxPatternA [class^="ThumbW"] .Img.RightAdjust + .ImgSet ul,
.BoxPatternA [class^="ThumbW"] .Img.RightAdjust + .ImgSet dl,
.BoxPatternB [class^="ThumbW"] .Img.RightAdjust + .ImgSet p,
.BoxPatternB [class^="ThumbW"] .Img.RightAdjust + .ImgSet ul,
.BoxPatternB [class^="ThumbW"] .Img.RightAdjust + .ImgSet dl,
.BoxPatternC [class^="ThumbW"] .Img.RightAdjust + .ImgSet p,
.BoxPatternC [class^="ThumbW"] .Img.RightAdjust + .ImgSet ul,
.BoxPatternC [class^="ThumbW"] .Img.RightAdjust + .ImgSet dl,

.BoxPatternA [class^="ImgW"] .Img.RightAdjust + .ImgSet p,
.BoxPatternA [class^="ImgW"] .Img.RightAdjust + .ImgSet ul,
.BoxPatternA [class^="ImgW"] .Img.RightAdjust + .ImgSet dl,
.BoxPatternB [class^="ImgW"] .Img.RightAdjust + .ImgSet p,
.BoxPatternB [class^="ImgW"] .Img.RightAdjust + .ImgSet ul,
.BoxPatternB [class^="ImgW"] .Img.RightAdjust + .ImgSet dl,
.BoxPatternC [class^="ImgW"] .Img.RightAdjust + .ImgSet p,
.BoxPatternC [class^="ImgW"] .Img.RightAdjust + .ImgSet ul,
.BoxPatternC [class^="ImgW"] .Img.RightAdjust + .ImgSet dl {
	padding-left:0;
}



/* [c19] Linear Navigation System
=========================================================================================== */

/* --- [c19] Linear Navigation System --- */

.LinearNavi ul li a,
.LinearNavi ul li a:link {
	color: #06417E;
}

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



/* [c20] Internal Link
=========================================================================================== */

/* --- [c20-1] Internal Link > Horizontal --- */
/* --- [c20-1] Internal Link > Vertical --- */

.HorizontalInnerLinks li a,
.VerticalInnerLinks li a,
.VerticalInnerLinks li a:link,
.VerticalInnerLinks li a:link *,
.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:link * {
	color:#06417E!important;
}

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



/* [c21] Page Top Link
=========================================================================================== */

/* --- [c21] Page Top Link --- */

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

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



/* [c22] Panel Unit
=========================================================================================== */

/* --- [c22-1] Panel Unit > With Link --- */
/* --- [c22-2] Panel Unit > Without Link --- */

.ImgHeadingStyle h3 {
	border:none;
}
.ImgHeadingStyle h3 a {
	color:#fff !important;
}

/*.ImgHeadingStyle h4 {
	border:none;
	background:none;
}*/

.ImgHeadingStyle h4::before {
    content:none;
}

.ImgHeadingStyle h4 a {
	color:#fff !important;
}



/* [c23] Feature Unit
=========================================================================================== */

/* --- [c23] Feature Unit --- */

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

.ImgBoxStyle1 .Inner h3,
.ImgBoxStyle2 .Inner h3{
	border:none;
}

.ImgBoxStyle1 .Inner h4,
.ImgBoxStyle2 .Inner h4  {
	background:none;
}

.ImgBoxStyle1 .Inner h4::before,
.ImgBoxStyle2 .Inner h4::before  {
    content:none !important;
}

.ImgBoxStyle1 .Inner .Title a:link,
.ImgBoxStyle1 .Inner h2 a:link,
.ImgBoxStyle1 .Inner h3 a:link,
.ImgBoxStyle1 .Inner h4 a:link,
.ImgBoxStyle2 .Inner .Title a:link,
.ImgBoxStyle2 .Inner h2 a:link,
.ImgBoxStyle2 .Inner h3 a:link,
.ImgBoxStyle2 .Inner h4 a:link,
.ImgBoxStyle1 .Inner .Title a:visited,
.ImgBoxStyle1 .Inner h2 a:visited,
.ImgBoxStyle1 .Inner h3 a:visited,
.ImgBoxStyle1 .Inner h4 a:visited,
.ImgBoxStyle2 .Inner .Title a:visited,
.ImgBoxStyle2 .Inner h2 a:visited,
.ImgBoxStyle2 .Inner h3 a:visited,
.ImgBoxStyle2 .Inner h4 a:visited {
	color: #575757 !important;
}



/* [-] Common Class
=========================================================================================== */

.Section {
    padding: 0 0 15px;
    /* height: 1%;
   line-height: 0;*/
}

.Section::before {
    content: "";
    display: block;
    clear: both;
    float: none;
}



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

Setting of special page

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

/* [p1] Pop-up Windows
=========================================================================================== */

#PopUpContainer #SiteIdentity .Title {
	width: auto;
	max-width: initial;
	padding: 9px 0 9px 15px;
}



/* [-] Fat Menu
=========================================================================================== */

h3.FMSubHeaderLink {
	padding: 0;
	border-left: none;
	border-bottom: none;
	background: unset;
	color: unset;
}



.FatMenuLink > .FMLinkListStyle > li > a {
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right.gif) !important;
}

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

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

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


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

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

	}









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

Description: Main CSS(日立common_option.cssの書き換え版）

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

/* YouTube Box
=========================================================================================== */

.YouTubeBox .Inner h3, .YouTubeBox .Inner h4{
	border:none;
	background: none;
}


.YouTubeBox .Inner h4::before {
    content:none;
}




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

Description: Main CSS(日立responsive.cssの書き換え版）

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

/* for - 994px
=========================================================================================== */

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

	.JS .ThumbW300SetStyle .Img,
	.JS .ThumbW310SetStyle .Img,
	.JS .ThumbW320SetStyle .Img,
	.JS .ThumbW330SetStyle .Img,
	.JS .ThumbW340SetStyle .Img,
	.JS .ThumbW350SetStyle .Img,
	.JS .ThumbW360SetStyle .Img,
	.JS .ThumbW370SetStyle .Img,
	.JS .ThumbW380SetStyle .Img,
	.JS .ThumbW390SetStyle .Img,
	.JS .ThumbW400SetStyle .Img,
	.JS .ImgW300SetStyle .Img,
	.JS .ImgW310SetStyle .Img,
	.JS .ImgW320SetStyle .Img,
	.JS .ImgW330SetStyle .Img,
	.JS .ImgW340SetStyle .Img,
	.JS .ImgW350SetStyle .Img,
	.JS .ImgW360SetStyle .Img,
	.JS .ImgW370SetStyle .Img,
	.JS .ImgW380SetStyle .Img,
	.JS .ImgW390SetStyle .Img,
	.JS .ImgW400SetStyle .Img {
		width: 45%;
		}

/*強制的にfloat解除*/
	.JS [class^="ThumbW"].clearL .Img, .JS [class^="ImgW"].clearL .Img {
		padding: 0 0 15px 0;
		float:none;
		width: 100%;
		text-align: center;
		}

}



/* for - 767px
=========================================================================================== */

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

	.JS .ResponsiveLinkListStyle [class^="ThumbW"],
	.JS .ResponsiveLinkListStyle [class^="ImgW"] {
		position: relative;
		margin: 0;
		padding: 15px 30px 0 15px;
		border-top: solid 1px #ddd;
		overflow: hidden;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"]:first-child,
	.JS .ResponsiveLinkListStyle [class^="ImgW"]:first-child {
		border-top: 0 none;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"].hover,
	.JS .ResponsiveLinkListStyle [class^="ImgW"].hover {
		background-color: #f2f2f2;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"] .Img,
	.JS .ResponsiveLinkListStyle [class^="ImgW"] .Img {
		padding: 0 15px 15px 0;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"] .ImgSet,
	.JS .ResponsiveLinkListStyle [class^="ImgW"] .ImgSet {
		float: none;
		width: auto;
		margin-left: 0;
		overflow: hidden;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"] .ImgSet dl,
	.JS .ResponsiveLinkListStyle [class^="ImgW"] .ImgSet dl {
		position: static;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"] dt,
	.JS .ResponsiveLinkListStyle [class^="ImgW"] dt {
		padding: 0 0 5px !important;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"] dt a,
	.JS .ResponsiveLinkListStyle [class^="ImgW"] dt a {
		margin: 0 0 -5px !important;
		padding: 0 0 5px !important;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"].hover dt a:after,
	.JS .ResponsiveLinkListStyle [class^="ImgW"].hover dt a:after {
		right: 5px;
		}

	.JS .ResponsiveLinkListStyle [class^="ThumbW"] dd,
	.JS .ResponsiveLinkListStyle [class^="ImgW"] dd {
		padding: 0 0 5px !important;
		}
	
	
	
	.JS .ThumbW300SetStyle .Img,
	.JS .ThumbW310SetStyle .Img,
	.JS .ThumbW320SetStyle .Img,
	.JS .ThumbW330SetStyle .Img,
	.JS .ThumbW340SetStyle .Img,
	.JS .ThumbW350SetStyle .Img,
	.JS .ThumbW360SetStyle .Img,
	.JS .ThumbW370SetStyle .Img,
	.JS .ThumbW380SetStyle .Img,
	.JS .ThumbW390SetStyle .Img,
	.JS .ThumbW400SetStyle .Img,	
	.JS .ImgW300SetStyle .Img,
	.JS .ImgW310SetStyle .Img,
	.JS .ImgW320SetStyle .Img,
	.JS .ImgW330SetStyle .Img,
	.JS .ImgW340SetStyle .Img,
	.JS .ImgW350SetStyle .Img,
	.JS .ImgW360SetStyle .Img,
	.JS .ImgW370SetStyle .Img,
	.JS .ImgW380SetStyle .Img,
	.JS .ImgW390SetStyle .Img,
	.JS .ImgW400SetStyle .Img {
		width: 100%;
		text-align:center;
		box-sizing: border-box;
		padding-right:15px;
		}

	.JS .ThumbW300SetStyle .ImgSet,
	.JS .ThumbW310SetStyle .ImgSet,
	.JS .ThumbW320SetStyle .ImgSet,
	.JS .ThumbW330SetStyle .ImgSet,
	.JS .ThumbW340SetStyle .ImgSet,
	.JS .ThumbW350SetStyle .ImgSet,
	.JS .ThumbW360SetStyle .ImgSet,
	.JS .ThumbW370SetStyle .ImgSet,
	.JS .ThumbW380SetStyle .ImgSet,
	.JS .ThumbW390SetStyle .ImgSet,
	.JS .ThumbW400SetStyle .ImgSet,
	.JS .ImgW300SetStyle .ImgSet,
	.JS .ImgW310SetStyle .ImgSet,
	.JS .ImgW320SetStyle .ImgSet,
	.JS .ImgW330SetStyle .ImgSet,
	.JS .ImgW340SetStyle .ImgSet,
	.JS .ImgW350SetStyle .ImgSet,
	.JS .ImgW360SetStyle .ImgSet,
	.JS .ImgW370SetStyle .ImgSet,
	.JS .ImgW380SetStyle .ImgSet,
	.JS .ImgW390SetStyle .ImgSet,
	.JS .ImgW400SetStyle .ImgSet {
		overflow: inherit;
		display:inline-block;
		}
		
/*強制的にfloat解除*/
	.JS [class^="ThumbW"].clearM .Img, .JS [class^="ImgW"].clearM .Img {
		padding: 0 0 15px 0;
		float:none;
		width: 100%;
		text-align: center;
		}
	
	}



/* for - 579px
=========================================================================================== */

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

	.JS .ThumbW120SetStyle .Img,
	.JS .ThumbW128SetStyle .Img,
	.JS .ThumbW130SetStyle .Img,
	.JS .ThumbW133SetStyle .Img,
	.JS .ThumbW140SetStyle .Img,
	.JS .ThumbW150SetStyle .Img,
	.JS .ThumbW160SetStyle .Img,
	.JS .ThumbW170SetStyle .Img,
	.JS .ThumbW180SetStyle .Img,
	.JS .ThumbW190SetStyle .Img,
	.JS .ImgW120SetStyle .Img,
	.JS .ImgW128SetStyle .Img,
	.JS .ImgW130SetStyle .Img,
	.JS .ImgW133SetStyle .Img,
	.JS .ImgW140SetStyle .Img,
	.JS .ImgW150SetStyle .Img,
	.JS .ImgW160SetStyle .Img,
	.JS .ImgW170SetStyle .Img,
	.JS .ImgW180SetStyle .Img,
	.JS .ImgW190SetStyle .Img {
		width: 100px;
		}

	.JS .ThumbW200SetStyle .Img,
	.JS .ThumbW210SetStyle .Img,
	.JS .ThumbW220SetStyle .Img,
	.JS .ThumbW230SetStyle .Img,
	.JS .ThumbW240SetStyle .Img,
	.JS .ThumbW250SetStyle .Img,
	.JS .ThumbW260SetStyle .Img,
	.JS .ThumbW270SetStyle .Img,
	.JS .ThumbW280SetStyle .Img,
	.JS .ThumbW290SetStyle .Img,
	.JS .ImgW200SetStyle .Img,
	.JS .ImgW210SetStyle .Img,
	.JS .ImgW220SetStyle .Img,
	.JS .ImgW230SetStyle .Img,
	.JS .ImgW240SetStyle .Img,
	.JS .ImgW250SetStyle .Img,
	.JS .ImgW260SetStyle .Img,
	.JS .ImgW270SetStyle .Img,
	.JS .ImgW280SetStyle .Img,
	.JS .ImgW290SetStyle .Img {
		width: 100%;
		text-align:center;
		box-sizing: border-box;
		padding-right:15px;
		}

	.JS .ThumbW200SetStyle .ImgSet,
	.JS .ThumbW210SetStyle .ImgSet,
	.JS .ThumbW220SetStyle .ImgSet,
	.JS .ThumbW230SetStyle .ImgSet,
	.JS .ThumbW240SetStyle .ImgSet,
	.JS .ThumbW250SetStyle .ImgSet,
	.JS .ThumbW260SetStyle .ImgSet,
	.JS .ThumbW270SetStyle .ImgSet,
	.JS .ThumbW280SetStyle .ImgSet,
	.JS .ThumbW290SetStyle .ImgSet,
	.JS .ImgW200SetStyle .ImgSet,
	.JS .ImgW210SetStyle .ImgSet,
	.JS .ImgW220SetStyle .ImgSet,
	.JS .ImgW230SetStyle .ImgSet,
	.JS .ImgW240SetStyle .ImgSet,
	.JS .ImgW250SetStyle .ImgSet,
	.JS .ImgW260SetStyle .ImgSet,
	.JS .ImgW270SetStyle .ImgSet,
	.JS .ImgW280SetStyle .ImgSet,
	.JS .ImgW290SetStyle .ImgSet {
		overflow: inherit;
		display:inline-block;
		}
		
/*強制的にfloat解除*/
	.JS [class^="ThumbW"].clearS .Img, .JS [class^="ImgW"].clearS .Img {
		padding: 0 0 15px 0;
		float:none;
		width: 100%;
		text-align: center;
		}

	}


/* for - 399px
=========================================================================================== */

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

	.JS .ThumbW90SetStyle .Img,
	.JS .ThumbW100SetStyle .Img,
	.JS .ThumbW110SetStyle .Img,
	.JS .ThumbW120SetStyle .Img,
	.JS .ThumbW128SetStyle .Img,
	.JS .ThumbW130SetStyle .Img,
	.JS .ThumbW133SetStyle .Img,
	.JS .ThumbW140SetStyle .Img,
	.JS .ThumbW150SetStyle .Img,
	.JS .ThumbW160SetStyle .Img,
	.JS .ThumbW170SetStyle .Img,
	.JS .ThumbW180SetStyle .Img,
	.JS .ThumbW190SetStyle .Img,
	.JS .ImgW90SetStyle .Img,
	.JS .ImgW100SetStyle .Img,
	.JS .ImgW110SetStyle .Img,
	.JS .ImgW120SetStyle .Img,
	.JS .ImgW128SetStyle .Img,
	.JS .ImgW130SetStyle .Img,
	.JS .ImgW133SetStyle .Img,
	.JS .ImgW140SetStyle .Img,
	.JS .ImgW150SetStyle .Img,
	.JS .ImgW160SetStyle .Img,
	.JS .ImgW170SetStyle .Img,
	.JS .ImgW180SetStyle .Img,
	.JS .ImgW190SetStyle .Img {
		width: 80px;
		}
		
/*強制的にfloat解除*/
	.JS [class^="ThumbW"].clearXS .Img, .JS [class^="ImgW"].clearXS .Img {
		padding: 0 0 15px 0;
		float:none;
		width: 100%;
		text-align: center;
		}
		
	}