@charset "UTF-8";
/* **************************************************
Name: responsive.css
Description: Common Settings for Responsive Web Design
Create: 2015.01.31
Update: 2017.01.31
Copyright 2015 Hitachi, Ltd.
***************************************************** */
/* content===========================================
[-] for all
[-] for 995px -
[-] for - 994px
[-] for - 767px
[-] for - 579px
[-] for - 399px
===================================================== */
.ShowSP,
.SP .HideSP {display: none;}
.HideSP,
.SP .ShowSP {display: block;}
br.HideSP,
a.HideSP,
strong.HideSP,
em.HideSP,
sub.HideSP,
sup.HideSP,
img.HideSP,
span.HideSP,
.SP br.ShowSP,
.SP a.ShowSP,
.SP strong.ShowSP,
.SP em.ShowSP,
.SP sub.ShowSP,
.SP sup.ShowSP,
.SP img.ShowSP,
.SP span.ShowSP {display: inline;}
/* for all
=========================================================================================== */
/* ------ Base Settings ------ */
.Android body {font-family: Droid Sans, sans-serif;} /* for Android 4.x */
/* --- for Responsive Web Design --- */
#U995,
#U768,
#U580,
#U400,
.ShowRWD {display: none;}
/* --- Search Box --- */
.JS #Search .BtnOpen a:hover,
.JS #Search .BtnOpen a:active {background-color: #dadada;}
.PC #Search .BtnOpen a:hover,
.PC #Search .BtnOpen a:active,
.JS #Search .BtnOpen a.Current {background-color: #ccc;}
/* --- Country/Region Selector --- */
.Android #CountryRegionArea {font-family: Droid Sans, sans-serif;} /* for Android 4.x */
.JS #CountryRegion .BtnOpen a:hover,
.JS #CountryRegion .BtnOpen a:active {background-color: #dadada;}
.PC #CountryRegion .BtnOpen a:hover,
.PC #CountryRegion .BtnOpen a:active,
.JS #CountryRegion .BtnOpen a.Current {background-color: #ccc;}
/* --- Ultra Global Navigation --- */
.JS #UltraGlobalNavi .BtnOpen a:link,
.JS #UltraGlobalNavi .BtnOpen a:visited,
.JS #UltraGlobalNavi .BtnOpen a:hover,
.JS #UltraGlobalNavi .BtnOpen a:active {background-color: #e60027;}
.PC #UltraGlobalNavi .BtnOpen a:hover,
.PC #UltraGlobalNavi .BtnOpen a:active,
.JS #UltraGlobalNavi .BtnOpen a.Current {background-color: #b1000e;}
.SuperGlobalNavi .NoIcon img:last-child {display: none;}
/* --- Global Navigation --- */
#GlobalNaviTopButton {display: none;}
/* --- Footer --- */
#Footer h2 {background-image: none;} /* for iOS 4.x & Android 2.x */
/* ------ Page Title ------ */
.PageTitleStyle3 a {
position: relative;
display: block;
}
.PageTitleStyle3 .ImgText {
position: absolute;
top: 0;
left: 0;
}
.PageTitleStyle3 .ResponsiveText {display: none;}
/* ------ Category Navigation ------ */
.ContentNavi,
.CategoryNavi,
.TabNavi {position: relative;}
/* ------ Link List ------ */
.ResponsiveLinkListStyle .DateListStyle1 strong.Date,
.ResponsiveLinkListStyle .DateListStyle2 strong.Date {display: none;}
/* ------ Data Table ------ */
table td {background-color: #fff;} /* for Android 4.x */
/* ------ Plug-in Download Description ------ */
.SP .PlugInBanner {display: none;}
/* ------ Image Box ------ */
.ImgBoxStyle1 .ImgOnlyStyle,
.ImgBoxStyle2 .ImgOnlyStyle {overflow: hidden;}
.ImgBoxStyle1 .ImgOnlyStyle span,
.ImgBoxStyle2 .ImgOnlyStyle span {display: block;}
.ImgBoxStyle1 .ImgOnlyStyle img,
.ImgBoxStyle2 .ImgOnlyStyle img {
width: 100%;
height: auto;
}
/* ------ Responsive Table Style ------ */
.ResponsiveTableStyle1 .ResponsiveTableHeading {display: none;}
.ResponsiveTableStyle2 .LinkSet,
.ResponsiveTableStyle3 .LinkSet {display: none;}
.ResponsiveTableWindow {display: none;}
.ResponsiveTableWindow #SiteIdentityP,
.ResponsiveTableWindow .SiteIdentityP {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
.ResponsiveTableWindow .Contents965 {
width: 995px;
padding: 65px 0 0;
background-color: #fff; /* for Android 4.x */
}
.ResponsiveTableWindow .Contents720 {
width: 750px;
padding: 65px 0 0;
background-color: #fff; /* for Android 4.x */
}
.ResponsiveTableWindow .CloseButtonStyle {position: fixed;}
.ResponsiveTableContainer {
width: 100%;
overflow: scroll;
}
.ResponsiveTableWindow .Contents965 > table,
.ResponsiveTableWindow .Contents965 > div,
.ResponsiveTableWindow .Contents965 > p,
.ResponsiveTableWindow .Contents965 > ul,
.ResponsiveTableWindow .Contents965 > dl,
.ResponsiveTableWindow .Contents720 > table,
.ResponsiveTableWindow .Contents720 > div,
.ResponsiveTableWindow .Contents720 > p,
.ResponsiveTableWindow .Contents720 > ul,
.ResponsiveTableWindow .Contents720 > dl {margin: 0 15px 15px;}
.ResponsiveTableWindow .Contents965 > table.DataTableStyle3,
.ResponsiveTableWindow .Contents965 > table.DataTableStyle4,
.ResponsiveTableWindow .Contents965 > table.TableStyle3,
.ResponsiveTableWindow .Contents965 > table.TableStyle4 {width: 965px !important;}
.ResponsiveTableWindow .Contents720 > table.DataTableStyle3,
.ResponsiveTableWindow .Contents720 > table.DataTableStyle4,
.ResponsiveTableWindow .Contents720 > table.TableStyle3,
.ResponsiveTableWindow .Contents720 > table.TableStyle4 {width: 720px !important;}
.ResponsiveTableWindow table th,
.ResponsiveTableWindow table td {
padding: 10px 15px !important;
font-size: 83% !important;
}
.ResponsiveTableWindow .CloseButtonStyle {margin: 0 !important;}
.JS.ResponsiveTableWindowOpen body {background-color: #fff;}
/* ------ Responsive Branding Image ------ */
.ResponsiveBrandingImgStyle,
.ResponsiveBrandingImgStyle .ImgOnlyStyle,
.ResponsiveBrandingImgStyle #BrandingImgStyle,
.ResponsiveBrandingImgStyle #BrandingImgStyle1,
.ResponsiveBrandingImgStyle #BrandingImgStyle2 {position: relative;}
.ResponsiveBrandingImgStyle .ImgText {
position: absolute;
display: block;
top: 0;
left: 0;
}
.ResponsiveBrandingImgStyle .ResponsiveTextSet {display: none;}
/* for 995px -
=========================================================================================== */
@media screen and (min-width: 995px) {
/* ------ Image Box ------ */
.JS .ImgBoxStyle1 .ImgOnlyStyle span,
.JS .ImgBoxStyle2 .ImgOnlyStyle span {
width: 100% !important;
height: auto !important;
margin: 0 !important;
}
}
/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {
/* ------ Base Settings ------ */
.JS #Contents img,
.JS .Contents img,
.JS #PopUpContents img,
.JS .FatBanner img {
max-width: 100%;
height: auto;
}
.JS #U995 {display: block;}
/* ------ Skip Link ------ */
.JS #top {min-width: 320px;}
/* ------ Header ------ */
.JS #HeaderArea {min-width: 320px;}
.JS #HeaderSet {
width: auto;
max-width: 965px;
padding: 0 15px;
}
.JS #SearchArea {min-width: 320px;}
.JS #SearchSet {
width: auto;
max-width: 965px;
padding: 20px 15px 0;
}
.JS #Search .BtnClose {right: 15px;}
.JS #CountryRegionArea {min-width: 320px;}
.JS #CountryRegionSet {
width: auto;
max-width: 965px;
margin: 0 auto;
padding: 0 15px;
}
.JS #CountryRegion div.Americas,
.JS #CountryRegion div.Asia,
.JS #CountryRegion div.Europe,
.JS #CountryRegion div.MENA,
.JS #CountryRegion div.Oceania {margin-left: -15px;}
.JS #CountryRegion .Inner {
width: auto;
max-width: 965px;
}
.JS #CountryRegion .Inner .Column1 {
width: 25%;
margin: 0;
}
.JS #CountryRegion .Inner .Column1 ul {margin-left: 15px;}
.JS #CountryRegion .Inner li span {padding: 0 0 0 17px;}
.JS .SuperGlobalNavi {min-width: 290px;}
.JS .SuperGlobalNavi .Inner {
width: auto;
max-width: 980px;
padding: 0 15px 0 0;
}
.JS .SuperGlobalNavi h2 a {margin-left: 15px;}
.JS .SuperGlobalNavi h3 {margin-left: 15px;}
.JS .SuperGlobalNavi li {
width: 25%;
margin: 0 0 5px;
}
.JS .SuperGlobalNavi li span {
display: block;
margin-left: 15px;
}
.JS .SuperGlobalNavi ul.SubMenu li {margin: 0;}
.JS .SuperGlobalNavi ul.SubMenu:after {margin-left: 15px;}
.JS .SuperGlobalNavi .ColumnSet {margin: 0;}
.JS .SuperGlobalNavi .Column1 {width: 25%;}
.JS .SuperGlobalNavi .Column3 {
width: 75%;
margin: 0;
}
.JS .SuperGlobalNavi .Column3 ul li {width: 33.3333333%;}
.JS .SuperGlobalNavi .BtnClose {right: 15px;}
/* ------ Site Identity ------ */
.JS #SiteIdentityS,
.JS #SiteIdentityL,
.JS #SiteIdentity {min-width: 320px;}
.JS #SiteIdentityS .Title,
.JS #SiteIdentityL .Title,
.JS #SiteIdentity .Title {
width: auto;
max-width: 965px;
padding: 5px 15px 0;
}
/* ------ Global Navi ------ */
.JS #GlobalNavi {min-width: 320px;}
.JS #GlobalNavi .ClearFix {padding: 0 15px;}
.JS .CourtesyNavi {
width: auto;
max-width: 965px;
}
.JS #GlobalNaviTop {
width: auto;
max-width: 965px;
}
.JS #HorizontalLocalNavi {
width: auto;
max-width: 965px;
padding: 0 15px;
}
/* ------ Breadcrumb Trail ------ */
.JS #TopicPath {min-width: 320px;}
.JS #TopicPath ul {
width: auto;
max-width: 965px;
padding: 20px 15px 5px;
line-height: 100%;
}
/* ------ Contents Area ------ */
.JS #Contents {
min-width: 290px;
padding-right: 15px;
padding-left: 15px;
}
/* ------ Vertical Local Navigation Menu ------ */
.JS #VerticalLocalNavi ul {margin: 0;}
/* ------ Footer ------ */
.JS #Footer {
min-width: 305px;
padding-right: 15px;
}
.JS #Footer ul {
width: auto;
max-width: 950px;
padding: 0 15px;
}
.JS #Footer p {
width: auto;
max-width: 980px;
}
/* ------ Grid ------ */
.JS .GridSet {
width: auto;
max-width: 980px;
margin: 0 0 0 -15px;
}
.JS .Grid4,
.JS .Grid3,
.JS .Grid1 {
padding: 0 0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .Grid3 {width: 75%;}
.JS .Grid1 {width: 25%;}
/* ------ Column ------ */
.JS .ColumnSet {
width: auto;
margin: 0 0 0 -15px;
}
.JS .Grid4 .Column1 {
width: 25%;
margin: 0;
padding: 0 0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .Grid3 .Column1andHalf,
.JS .Grid3 .Column2 .Column1,
.JS .Grid4 .Column3 .Column1andHalf,
.JS .Grid4 .Column2 .Column1,
.JS .Grid4 .Column2 {
width: 50%;
margin: 0;
padding: 0 0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .Grid4 .Column3 {
width: 75%;
margin: 0;
padding: 0 0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .Grid3 .Column1,
.JS .Grid4 .Column3 .Column1 {
width: 33.33333333%;
margin: 0;
padding: 0 0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .Grid3 .Column2,
.JS .Grid4 .Column3 .Column2 {
width: 66.66666666%;
margin: 0;
padding: 0 0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
/* ------ Page Title ------ */
.JS .PageTitleStyle1 .SubTitle,
.JS .PageTitleStyle2 .SubTitle {font-size: 90%;}
.JS .PageTitleStyle3 img {width: 100%;}
/* ------ Link List ------ */
.JS .ThumbW60SetStyle .Img,
.JS .ThumbW120SetStyle .Img,
.JS .ThumbW180SetStyle .Img,
.JS .ThumbW230SetStyle .Img {padding-right: 20px;}
.JS .ImgW60SetStyle .Img,
.JS .ImgW120SetStyle .Img,
.JS .ImgW180SetStyle .Img,
.JS .ImgW230SetStyle .Img {
float: left;
padding: 0 20px 15px 0;
}
.ImgW60SetStyle .ImgSet,
.ImgW120SetStyle .ImgSet,
.ImgW180SetStyle .ImgSet,
.ImgW230SetStyle .ImgSet {
float: none;
width: auto;
margin: 0;
overflow: hidden;
}
.ImgW60SetStyle .ImgSet dl,
.ImgW120SetStyle .ImgSet dl,
.ImgW180SetStyle .ImgSet dl,
.ImgW230SetStyle .ImgSet dl {margin: 0;}
/* ------ Box ------ */
.JS .BoxPatternA .Title,
.JS .BoxPatternA h2,
.JS .BoxPatternA h3,
.JS .BoxPatternA h4 {
margin: -15px 0 15px;
padding-left: 15px;
}
.JS .BoxPatternB .Title,
.JS .BoxPatternB h2,
.JS .BoxPatternB h3,
.JS .BoxPatternB h4 {
margin: 0;
padding-left: 15px;
}
.BoxPatternA .ImgW60SetStyle,
.BoxPatternB .ImgW60SetStyle,
.BoxPatternC .ImgW60SetStyle,
.BoxPatternA .ImgW120SetStyle,
.BoxPatternB .ImgW120SetStyle,
.BoxPatternC .ImgW120SetStyle,
.BoxPatternA .ImgW180SetStyle,
.BoxPatternB .ImgW180SetStyle,
.BoxPatternC .ImgW180SetStyle,
.BoxPatternA .ImgW230SetStyle,
.BoxPatternB .ImgW230SetStyle,
.BoxPatternC .ImgW230SetStyle {margin-left: 15px;}
.JS .BoxPatternA .ThumbW60SetStyle .Img,
.JS .BoxPatternB .ThumbW60SetStyle .Img,
.JS .BoxPatternC .ThumbW60SetStyle .Img,
.JS .BoxPatternA .ThumbW120SetStyle .Img,
.JS .BoxPatternB .ThumbW120SetStyle .Img,
.JS .BoxPatternC .ThumbW120SetStyle .Img,
.JS .BoxPatternA .ThumbW180SetStyle .Img,
.JS .BoxPatternB .ThumbW180SetStyle .Img,
.JS .BoxPatternC .ThumbW180SetStyle .Img,
.JS .BoxPatternA .ThumbW230SetStyle .Img,
.JS .BoxPatternB .ThumbW230SetStyle .Img,
.JS .BoxPatternC .ThumbW230SetStyle .Img,
.JS .BoxPatternA .ImgW60SetStyle .Img,
.JS .BoxPatternB .ImgW60SetStyle .Img,
.JS .BoxPatternC .ImgW60SetStyle .Img,
.JS .BoxPatternA .ImgW120SetStyle .Img,
.JS .BoxPatternB .ImgW120SetStyle .Img,
.JS .BoxPatternC .ImgW120SetStyle .Img,
.JS .BoxPatternA .ImgW180SetStyle .Img,
.JS .BoxPatternB .ImgW180SetStyle .Img,
.JS .BoxPatternC .ImgW180SetStyle .Img,
.JS .BoxPatternA .ImgW230SetStyle .Img,
.JS .BoxPatternB .ImgW230SetStyle .Img,
.JS .BoxPatternC .ImgW230SetStyle .Img {padding-right: 5px;}
.JS .BoxPatternA .ImgW60SetStyle .ImgSet,
.JS .BoxPatternB .ImgW60SetStyle .ImgSet,
.JS .BoxPatternC .ImgW60SetStyle .ImgSet,
.JS .BoxPatternA .ImgW120SetStyle .ImgSet,
.JS .BoxPatternB .ImgW120SetStyle .ImgSet,
.JS .BoxPatternC .ImgW120SetStyle .ImgSet,
.JS .BoxPatternA .ImgW180SetStyle .ImgSet,
.JS .BoxPatternB .ImgW180SetStyle .ImgSet,
.JS .BoxPatternC .ImgW180SetStyle .ImgSet,
.JS .BoxPatternA .ImgW230SetStyle .ImgSet,
.JS .BoxPatternB .ImgW230SetStyle .ImgSet,
.JS .BoxPatternC .ImgW230SetStyle .ImgSet {margin: 0;}
/* ------ Content/Tab Navigation System ------ */
.JS .ImgOnlyStyleAdjust {margin: -15px 0 0;}
.JS .BrandingImgStyleAdjust {margin: -30px 0 0;}
/* ------ Linear Navigation System ------ */
.JS .LinearNavi ul li {background-color: #f2f2f2;}
/* ------ Image Heading ------ */
.JS .ImgHeadingStyle {width: auto;}
.JS .ImgHeadingStyle .Title p,
.JS .ImgHeadingStyle h2,
.JS .ImgHeadingStyle h3,
.JS .ImgHeadingStyle h4 {margin: 0;}
/* ------ Image Box ------ */
.JS .ImgBoxStyle1 .Inner,
.JS .ImgBoxStyle2 .Inner {padding: 15px 0 5px;}
.JS .ImgBoxStyle1 .Inner .Title,
.JS .ImgBoxStyle1 .Inner h2,
.JS .ImgBoxStyle1 .Inner h3,
.JS .ImgBoxStyle1 .Inner h4,
.JS .ImgBoxStyle2 .Inner .Title,
.JS .ImgBoxStyle2 .Inner h2,
.JS .ImgBoxStyle2 .Inner h3,
.JS .ImgBoxStyle2 .Inner h4 {
margin: 0 25px 10px;
padding: 0;
font-size: 100%;
line-height: 140%;
}
.JS .ImgBoxStyle1 .Inner ul,
.JS .ImgBoxStyle2 .Inner ul {margin: 0 25px 10px;}
.JS .ImgBoxStyle1 .Inner .ButtonStyle1 a,
.JS .ImgBoxStyle2 .Inner .ButtonStyle1 a {margin-bottom: 0;}
/* ------ Banner Area ------ */
.JS .FatBanner {min-width: 320px;}
.JS .FatBanner ul {
width: auto;
max-width: 980px;
padding-right: 15px;
}
.JS .FatBanner li {
width: 25%;
margin: 0 0 15px;
}
.JS .FatBanner a {margin-left: 15px;}
.JS .FatBanner img {width: 100%;}
/* ------ Pop-up Windows ------ */
.JS #PopUpContainer {min-width: 320px;}
.JS #PopUpContainer #Footer {min-width: 290px;}
/* ------ Fat Menu ------ */
.JS .FatMenu, .FatMenuWide {
min-width: 320px;
padding: 0 15px;
}
.JS .FatMenuSet {
max-width: 965px;
width: auto;
}
.JS .FMGrid1 {width: 25%;}
.JS .FMGrid2 {width: 50%;}
.JS .FMGrid3 {width: 75%;}
.JS .FMGrid4 {width: 100%;}
.JS .FMGrid1 .FMColumn1,
.JS .FMGrid1 .FMTopColumnMenu1,
.JS .FMGrid1 .FMBottomColumnMenu {width: 100%;}
.JS .FMGrid2 .FMColumn1,
.JS .FMGrid2 .FMTopColumnMenu1,
.JS .FMGrid2 .FMBottomColumnMenu {width: 50%;}
.JS .FMGrid2 .FMColumn2,
.JS .FMGrid2 .FMTopColumnMenu2 {width: 100%;}
.JS .FMGrid3 .FMColumn1,
.JS .FMGrid3 .FMTopColumnMenu1,
.JS .FMGrid3 .FMBottomColumnMenu {width: 33.33333333%;}
.JS .FMGrid3 .FMColumn2,
.JS .FMGrid3 .FMTopColumnMenu2 {width: 66.66666666%;}
.JS .FMGrid3 .FMColumn3,
.JS .FMGrid3 .FMTopColumnMenu3 {width: 100%;}
.JS .FMGrid4 .FMColumn1,
.JS .FMGrid4 .FMTopColumnMenu1,
.JS .FMGrid4 .FMBottomColumnMenu {width: 25%;}
.JS .FMGrid4 .FMColumn2,
.JS .FMGrid4 .FMTopColumnMenu2 {width: 50%;}
.JS .FMGrid4 .FMColumn3,
.JS .FMGrid4 .FMTopColumnMenu3 {width: 75%;}
.JS .FMGrid4 .FMColumn4,
.JS .FMGrid4 .FMTopColumnMenu4 {width: 100%;}
.JS .FMTitleLinkStyle1,
.JS .FMTitleLinkStyle2,
.JS .FMTitleLinkStyle3,
.JS .FMTitleLinkStyle4 {margin-left: 0;}
/* ------ Responsive Data Table ------*/
.ResponsiveTableStyle3 .LinkSet {display: block;}
.ResponsiveTableStyle3 .TableSet {display: none;}
}
/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
/* ------ Base Settings ------ */
.JS body {background-color: #262626;}
.JS #U768 {display: block;}
.JS .ShowRWD {display: block;}
.JS br.ShowRWD,
.JS a.ShowRWD,
.JS strong.ShowRWD,
.JS em.ShowRWD,
.JS sub.ShowRWD,
.JS sup.ShowRWD,
.JS img.ShowRWD,
.JS span.ShowRWD {display: inline;}
.JS .HideRWD {display: none;}
.JS .LinkU768 {cursor: pointer;}
/* ------ Header ------ */
.JS #HeaderSet {padding: 0 0 0 15px;}
.JS #Search .BtnOpen a {
position: relative;
display: block;
width: 45px;
min-width: 45px;
padding: 0;
text-indent: -9999px;
overflow: hidden;
}
.JS #Search .BtnOpen a img {
position: absolute;
display: block;
margin: 0;
top: 12px;
left: 13px;
}
.JS #SearchSet {padding: 15px 15px 0 15px;}
.JS #Search dl {
width: 290px;
margin: 0 auto 10px;
}
.JS #Search dt {
float: none;
width: auto;
margin: 0 0 5px;
text-align: left;
}
.JS #Search dd {
position: relative;
float: none;
width: auto;
text-align: left;
}
.JS #Search form {display: block;}
.JS #Search .SearchTextBox {
width: 222px;
margin: 0;
padding: 4px;
}
.JS #Search .BtnSearch {
position: absolute;
min-width: 60px;
top: 0;
right: 0;
padding: 0 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS #Search .BtnClose {display: none;}
.JS #CountryRegionSet {padding: 0;}
.JS #CountryRegion .BtnOpen a {
position: relative;
display: block;
width: 45px;
min-width: 45px;
padding: 0;
text-indent: -9999px;
overflow: hidden;
}
.JS #CountryRegion .BtnOpen a img {
position: absolute;
display: block;
margin: 0;
top: 12px;
left: 13px;
}
.JS #CountryRegion .BtnClose {display: none;}
.JS #CountryRegion .Inner {padding: 0;}
.JS #CountryRegion .Inner h2 {
float: none;
width: auto;
margin: 0;
}
.JS #CountryRegion .Inner h2 a {
position: relative;
display: block;
padding: 15px 25px 15px 15px;
line-height: 140%;
background-image: none !important;
}
.JS #CountryRegion .Inner h2 a:hover,
.JS #CountryRegion .Inner h2 a:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
}
.JS #CountryRegion .Inner h2 a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #CountryRegion .Inner h2 a:link:after,
.JS #CountryRegion .Inner h2 a:visited:after {
right: 7px;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif);
}
.JS #CountryRegion .Inner h2 a:hover:after,
.JS #CountryRegion .Inner h2 a:active:after {
right: 5px;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
}
.JS #CountryRegion .Inner h3 {
position: static;
width: auto;
font-size: 90%;
}
.JS #CountryRegion .Inner h3 a {
position: relative;
display: block;
width: auto;
height: 30px;
padding: 14px 25px 0 15px;
text-align: left;
line-height: 110%;
}
.JS #CountryRegion .Inner h3 a:link,
.JS #CountryRegion .Inner h3 a:visited,
.JS #CountryRegion .Inner h3 a:hover,
.JS #CountryRegion .Inner h3 a:active {
color: #333 !important;
background-color: transparent !important;
border-top: solid 1px #ccc !important;
border-bottom: 0 none !important;
}
.PC #CountryRegion .Inner h3 a:hover,
.PC #CountryRegion .Inner h3 a:active,
.JS #CountryRegion .Inner h3.Current a:link,
.JS #CountryRegion .Inner h3.Current a:visited {
color: #fff !important;
background-color: #b1000e !important;
border-top: solid 1px #b1000e !important;
border-bottom: 0 none !important;
}
.JS #CountryRegion .Inner h3 a:after {
content: "";
position: absolute;
display: block;
width: 16px !important;
height: 16px !important;
top: 50% !important;
right: 8px !important;
left: auto !important;
margin: -8px 0 0 !important;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #CountryRegion .Inner h3 a:link:after,
.JS #CountryRegion .Inner h3 a:visited:after,
.JS #CountryRegion .Inner h3 a:hover:after,
.JS #CountryRegion .Inner h3 a:active:after{
background-image: url(../../../image/en/r1/icon/icon_down_l_hd.gif) !important;
}
.PC #CountryRegion .Inner h3 a:hover:after,
.PC #CountryRegion .Inner h3 a:active:after {
background-image: url(../../../image/en/r1/icon/icon_down_l_white_hd.gif) !important;
}
.JS #CountryRegion .Inner h3.Current a:link:after,
.JS #CountryRegion .Inner h3.Current a:visited:after,
.JS #CountryRegion .Inner h3.Current a:hover:after,
.JS #CountryRegion .Inner h3.Current a:active:after {
background-image: url(../../../image/en/r1/icon/icon_up_l_white_hd.gif) !important;
}
.JS #CountryRegion .Inner .ColumnSet {
margin: 0;
padding: 15px 0;
}
.JS #CountryRegion .Inner .Column1 {
float: none;
width: auto;
}
.JS #CountryRegion .Inner ul li {
margin: 0;
padding: 7px 15px;
background-position: 15px 8px;
font-size: 90%;
}
.JS #CountryRegion .Inner ul.Global {
float: none;
width: auto;
margin: 0;
padding: 0;
border-left: none;
}
.JS #CountryRegion .Inner ul.Global li {padding: 0;}
.JS #CountryRegion .Inner ul.Global li span {
position: relative;
display: block;
height: 32px;
padding: 12px 25px 0 15px;
font-weight: bold;
line-height: 110%;
color: #333;
text-decoration: none;
border-top: solid 1px #ccc;
cursor: pointer;
}
.JS #CountryRegion .Inner ul.Global li span:hover,
.JS #CountryRegion .Inner ul.Global li span:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
border-top: solid 1px #b1000e;
}
.JS #CountryRegion .Inner ul.Global li span:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
right: 7px;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #CountryRegion .Inner ul.Global li span:hover:after,
.JS #CountryRegion .Inner ul.Global li span:active:after {
right: 5px;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
}
.JS #CountryRegion .Inner ul.Global li span a:link,
.JS #CountryRegion .Inner ul.Global li span a:visited {
color: #333;
text-decoration: none;
}
.JS #CountryRegion .Inner ul.Global li:hover span a,
.JS #CountryRegion .Inner ul.Global li:active span a,
.JS #CountryRegion .Inner ul.Global li span a:hover,
.JS #CountryRegion .Inner ul.Global li span a:active {
color: #fff;
text-decoration: none;
}
.JS #GlobalNaviTopButtonSP {
display: inline-block;
margin: -5px 0 0;
vertical-align: top;
}
.JS #GlobalNaviTopButtonSP a {
position: relative;
display: block;
width: 45px;
height: 50px;
overflow: hidden;
}
.JS #GlobalNaviTopButtonSP a:link,
.JS #GlobalNaviTopButtonSP a:visited,
.JS #GlobalNaviTopButtonSP a:hover,
.JS #GlobalNaviTopButtonSP a:active {background-color: #e60027;}
.PC #GlobalNaviTopButtonSP a:hover,
.PC #GlobalNaviTopButtonSP a:active {background-color: #b1000e;}
.JS #GlobalNaviTopButtonSP a.Current {
background: url(../../../image/en/r1/bg_g_navi_current_rwd.gif) no-repeat center bottom #b1000e;
}
.JS #GlobalNaviTopButtonSP a img {
position: absolute;
display: block;
top: 16px;
left: 13px;
}
.JS #UltraGlobalNavi {
position: absolute;
display: none;
width: 100%;
min-width: 320px;
height: 0px;
top: 45px;
left: 0px;
background-color: #333;
overflow: hidden;
}
.JS #UltraGlobalNavi .BtnOpen {display: none;}
.JS .SuperGlobalNavi {
display: block;
position: static;
width: auto;
height: auto;
padding: 0 15px;
background-color: transparent;
}
.JS #SuperGlobalNaviProducts {padding-top: 15px;}
.JS #SuperGlobalNaviCompany {padding-bottom: 15px;}
.JS .SuperGlobalNavi .Inner {
height: auto;
top: 0;
margin: 0;
padding: 0;
background-color: transparent;
}
.JS .SGNOpen .SuperGlobalNavi .Inner {left: 0;}
.JS .SuperGlobalNavi h2 {
margin: 0;
padding: 0;
}
.JS .SuperGlobalNavi .ColumnSet,
.JS .SuperGlobalNavi ul {
margin: 0;
padding: 0;
}
.JS .SuperGlobalNavi .Column1 {
float: none;
width: auto;
margin: 0;
}
.JS .SuperGlobalNavi h2 a {
position: relative;
display: block;
width: auto;
min-height: 20px;
margin: 0;
padding: 12px 25px 12px 15px;
line-height: 140%;
font-weight: normal;
background-image: none;
}
.JS #SuperGlobalNaviCompany h2 a {border-top: 1px solid #b1000e;}
.JS .SuperGlobalNavi h2 a:link,
.JS .SuperGlobalNavi h2 a:visited {
color: #fff;
background-color: #e60027;
}
.JS .SuperGlobalNavi h2 a:hover,
.JS .SuperGlobalNavi h2 a:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
}
.JS .SuperGlobalNavi h2 a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .SuperGlobalNavi h2 a:link:after,
.JS .SuperGlobalNavi h2 a:visited:after {right: 7px;}
.JS .SuperGlobalNavi h2 a:hover:after,
.JS .SuperGlobalNavi h2 a:active:after {right: 5px;}
.JS #UltraGlobalNavi .SuperGlobalNavi ul,
.JS #UltraGlobalNavi .SuperGlobalNavi .ColumnSet,
.JS #UltraGlobalNavi .SuperGlobalNavi .BtnClose {display: none;}
/* ------ Site Identity ------ */
.JS #SiteIdentityL,
.JS #SiteIdentityS,
.JS #SiteIdentity {
display: table;
width: 100%;
}
.JS .SGNOpen #SiteIdentityL,
.JS .SGNOpen #SiteIdentityS,
.JS .SGNOpen #SiteIdentity {margin: 0;}
.JS #SiteIdentityL .Title,
.JS #SiteIdentityS .Title,
.JS #SiteIdentity .Title {
display: table-cell;
height: 30px;
min-height: 30px;
padding: 15px;
line-height: 140%;
font-size: 100%;
font-weight: bold;
vertical-align: middle;
}
.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 {
color: #000;
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 {
color: #666;
text-decoration: none;
}
.JS #SiteIdentityL .Title a + img + span,
.JS #SiteIdentityS .Title a + img + span,
.JS #SiteIdentity .Title a + img + span,
.JS #SiteIdentityL .Title span:nth-child(4),
.JS #SiteIdentityS .Title span:nth-child(4),
.JS #SiteIdentity .Title span:nth-child(4) {
display: inline-block;
width: 1px;
height: 1.2em;
margin: 0 12px;
background-color: #ccc;
vertical-align: middle;
}
.JS #SiteIdentityL .Title img,
.JS #SiteIdentityS .Title img,
.JS #SiteIdentity .Title img {display: none;}
/* ------ Global Navi ------ */
.JS #GlobalNavi {display: none;}
.JS #GlobalNaviSP {
margin: 0;
padding: 0;
}
.JS #CourtesyNaviSP {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 15px;
text-align: left;
border-bottom: solid 1px #444;
}
.JS #CourtesyNaviSP li {line-height: 140%;}
.JS #CourtesyNaviSP li.RightSeparater {margin: 0 0 15px;}
.JS #CourtesyNaviSP li.RightSeparater a {padding: 10px 40px 10px 15px;}
.JS #CourtesyNaviSP li a {
position: relative;
display: block;
padding: 12px 40px 12px 15px;
font-size: 76%;
line-height: 140%;
}
.JS #CourtesyNaviSP li a:link,
.JS #CourtesyNaviSP li a:visited {
color: #fff;
text-decoration: none;
background-color: #555;
border-top: solid 1px #444;
}
.JS #CourtesyNaviSP li a:hover,
.JS #CourtesyNaviSP li a:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
border-top: solid 1px #b1000e;
}
.JS #CourtesyNaviSP li:first-child a,
.JS #CourtesyNaviSP li.RightSeparater + li a {border-top: 0 none !important;}
.JS #CourtesyNaviSP li a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #CourtesyNaviSP li a:link:after,
.JS #CourtesyNaviSP li a:visited:after {right: 7px;}
.JS #CourtesyNaviSP li a:hover:after,
.JS #CourtesyNaviSP li a:active:after {right: 5px;}
.JS #GlobalNaviTopSP {
width: auto;
margin: 0;
border-bottom: solid 1px #444;
}
.JS #GlobalNaviTopSP > li {float: none;}
.JS #GlobalNaviTopSP > li > a {
position: relative;
display: block;
line-height: 140%;
padding: 12px 15px;
font-size: 90%;
}
.JS #GlobalNaviTopSP > li > a:link,
.JS #GlobalNaviTopSP > li > a:visited {
color: #ccc;
text-decoration: none;
background-color: #333;
border-top: solid 1px #444;
}
.JS #GlobalNaviTopSP > li > a:hover,
.JS #GlobalNaviTopSP > li > a:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
border-top: solid 1px #b1000e;
}
.JS #GlobalNaviTopSP > li:first-child > a:link,
.JS #GlobalNaviTopSP > li:first-child > a:visited,
.JS #GlobalNaviTopSP > li:first-child > a:hover,
.JS #GlobalNaviTopSP > li:first-child > a:active {border-top: 0 none;}
.JS #GlobalNaviTopSP > li > a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #GlobalNaviTopSP > li > a:link:after,
.JS #GlobalNaviTopSP > li > a:visited:after {right: 7px;}
.JS #GlobalNaviTopSP > li > a:hover:after,
.JS #GlobalNaviTopSP > li > a:active:after {right: 5px;}
.JS #GlobalNaviTopSP > li.Current > a {
display: block;
line-height: 140%;
padding: 0;
font-weight: bold;
border-top: 0 none;
}
.JS #GlobalNaviTopSP > li.Current > a em {
position: relative;
display: block;
line-height: 140%;
padding: 12px 40px 12px 15px;
font-style: normal;
font-weight: bold;
background-image: none;
}
.JS #GlobalNaviTopSP > li.Current > a:link em,
.JS #GlobalNaviTopSP > li.Current > a:visited em {
color: #fff;
background-color: #333;
border-top: solid 1px #444;
}
.JS #GlobalNaviTopSP > li.Current > a:hover em,
.JS #GlobalNaviTopSP > li.Current > a:active em {
color: #fff;
background-color: #b1000e;
border-top: solid 1px #b1000e;
}
.JS #GlobalNaviTopSP > li.Current > a strong {
position: relative;
display: block;
color: #fff;
line-height: 140%;
padding: 12px 40px 12px 15px;
background-image: none;
background-color: #b1000e;
border-top: solid 1px #b1000e;
}
.JS #GlobalNaviTopSP > li > a strong:after {
content: "";
position: absolute;
z-index: 4;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-color: #b1000e;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #GlobalNaviTopSP > li > a:link strong:after,
.JS #GlobalNaviTopSP > li > a:visited strong:after {right: 7px;}
.JS #GlobalNaviTopSP > li > a:hover strong:after,
.JS #GlobalNaviTopSP > li > a:active strong:after {right: 5px;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP {display: block;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li {float: none;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a {
position: relative;
display: block;
line-height: 140%;
padding: 12px 15px 12px 30px;
font-size: 90%;
text-decoration: none;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:link,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:visited {
color: #ccc;
background-color: #333;
border-top: solid 1px #444;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:hover,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:active {
color: #fff;
background-color: #b1000e;
border-top: solid 1px #b1000e;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:link:after,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:visited:after {right: 7px;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:hover:after,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:active:after {right: 5px;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a {
line-height: 140%;
padding: 0;
border-top: 0 none;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a em {
position: relative;
display: block;
color: #fff;
line-height: 140%;
font-style: normal;
font-weight: bold;
padding: 12px 40px 12px 30px;
background-image: none;
border-top: solid 1px #444;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a strong {
position: relative;
display: block;
color: #fff;
line-height: 140%;
padding: 12px 40px 12px 30px;
background-image: none;
background-color: #b1000e;
border-top: solid 1px #b1000e;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a em:after {display: none;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a strong:after {
content: "";
position: absolute;
z-index: 4;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
background-color: #b1000e;
background-repeat: no-repeat;
background-color: #b1000e;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:link em:after,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:visited em:after {right: 7px;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:hover em:after,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:active em:after {right: 5px;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:link strong:after,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:visited strong:after {right: 7px;}
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:hover strong:after,
.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:active strong:after {right: 5px;}
/* ------ Breadcrumb Trail ------ */
.JS #TopicPath ul {letter-spacing: -0.4em;}
.JS #TopicPath ul li {
display: inline;
float: none;
line-height: 140%;
letter-spacing: normal;
}
.JS #TopicPath ul li.FirstItem {padding: 0;}
/* ------ Content Area ------ */
.JS .TopMarginSet {padding-top: 0;}
/* ------ Vertical Local Navigation Menu ------ */
.JS #VerticalLocalNavi {margin: 0 0 15px;}
.JS #VerticalLocalNavi a {
border-top: solid 1px #e0e0e0;
padding-top: 12px;
padding-bottom: 12px;
}
.JS #VerticalLocalNavi h2 a {
border-top: 0 none;
border-bottom: 0 none;
}
.JS #VerticalLocalNavi ul ul a {
border-top: solid 1px #d2d2d2 !important;
padding-top: 12px;
padding-bottom: 12px;
}
.JS #VerticalLocalNavi ul ul ul a {
border-top: solid 1px #c4c4c4 !important;
padding-top: 12px;
padding-bottom: 12px;
}
.JS #VerticalLocalNavi li.Current a strong,
.JS #VerticalLocalNavi li.Current a em {
margin-top: -12px !important;
margin-bottom: -12px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
background-image: url(../../../image/en/r1/bg_v_navi_sp_current.gif);
}
.JS #VerticalLocalNavi li.Current a strong:after,
.JS #VerticalLocalNavi li.Current a em:after {
border-left: solid 6px #b7b7b7;
}
/* ------ Grid ------ */
.JS .Grid3 {
float: none;
width: auto;
}
.JS .Grid1 {
float: none;
width: auto;
margin: 0 -15px -1px 0;
padding: 15px 15px 0;
background-color: #b7b7b7;
overflow: hidden;
}
/* ------ Column ------ */
.JS .Grid4 .Column1,
.JS .Grid4 .Column2,
.JS .Grid4 .Column2 .Column1,
.JS .Grid4 .Column3,
.JS .Grid4 .Column3 .Column1,
.JS .Grid4 .Column3 .Column1andHalf,
.JS .Grid4 .Column3 .Column2,
.JS .Grid3 .Column1,
.JS .Grid3 .Column1andHalf,
.JS .Grid3 .Column2,
.JS .Grid3 .Column2 .Column1 {
float: none;
width: auto;
}
.JS .Grid4 .Column1:after,
.JS .Grid4 .Column2:after,
.JS .Grid3 .Column1:after,
.JS .Grid3 .Column2:after,
.JS .Grid3 .Column1andHalf:after {
content: "";
display: block;
clear: both;
}
/* ------ Heading ------ */
.JS h2,
.JS .LV1LinkSet {margin: 0 -15px 5px;}
/* ------ Image ------ */
.JS .ImgLeftAdjust,
.JS .ImgRightAdjust {
float: none;
margin: 0;
}
.JS .ImgLeftAdjustClear2,
.JS .ImgLeftAdjustClear1,
.JS .ImgLeftAdjustClear0 {
float: left !important;
margin: 0 20px 0 0 !important;
}
.JS .ImgRightAdjustClear2,
.JS .ImgRightAdjustClear1,
.JS .ImgRightAdjustClear0 {
float: right !important;
margin: 0 0 0 20px !important;
}
.JS .ImgGridAdjust3 {width: 100%;}
/* ------ Page Title ------ */
.JS .PageTitleStyle1,
.JS .PageTitleStyle2 {margin: 0 0 20px 0;}
.JS .PageTitleStyle1 h1,
.JS .PageTitleStyle2 h1 {font-size: 130%;}
.JS .PageTitleStyle3 h1 {margin: 0 0 20px;}
/* ------ Link List ------ */
.ListRightAdjust {text-align: left;}
.JS .ThumbW60SetStyle h2,
.JS .ThumbW120SetStyle h2,
.JS .ThumbW180SetStyle h2,
.JS .ThumbW230SetStyle h2,
.JS .ThumbW60SetStyle .LV1LinkSet,
.JS .ThumbW120SetStyle .LV1LinkSet,
.JS .ThumbW180SetStyle .LV1LinkSet,
.JS .ThumbW230SetStyle .LV1LinkSet,
.JS .ImgW60SetStyle h2,
.JS .ImgW120SetStyle h2,
.JS .ImgW180SetStyle h2,
.JS .ImgW230SetStyle h2,
.JS .ImgW60SetStyle .LV1LinkSet,
.JS .ImgW120SetStyle .LV1LinkSet,
.JS .ImgW180SetStyle .LV1LinkSet,
.JS .ImgW230SetStyle .LV1LinkSet {margin-left: 0;}
/* ------ Button ------ */
.JS .Grid1 .ButtonStyle2 li,
.JS .Column1 .ButtonStyle2 li {
float: left;
margin: 0 15px 0 0;
}
.JS .Grid1 .ButtonStyle1 a,
.JS .Grid1 .ButtonStyle2 a,
.JS .Column1 .ButtonStyle1 a,
.JS .Column1 .ButtonStyle2 a {
display: inline-block;
min-width: 130px;
}
/* ------ Box ------ */
.JS .Grid1 .BoxPatternA,
.JS .Grid1 .BoxPatternB,
.JS .Grid1 .BoxPatternC {margin: 0 0 15px;}
.JS .Grid1 .BoxPatternA .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternB .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternC .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternA .BoxImgStyle,
.JS .Grid1 .BoxPatternB .BoxImgStyle,
.JS .Grid1 .BoxPatternC .BoxImgStyle,
.JS .Grid1 .BoxPatternA .BoxImgStyleRWD,
.JS .Grid1 .BoxPatternB .BoxImgStyleRWD {
float: left;
width: 200px;
margin: 0 0 10px 15px;
padding: 0;
}
.JS .Grid1 .BoxPatternA .BoxImgStyle img,
.JS .Grid1 .BoxPatternB .BoxImgStyle img,
.JS .Grid1 .BoxPatternC .BoxImgStyle img,
.JS .Grid1 .BoxPatternA .BoxImgStyleRWD img,
.JS .Grid1 .BoxPatternB .BoxImgStyleRWD img {margin: 0 0 5px;}
.JS .Grid1 .BoxPatternA .BoxImgStyle,
.JS .Grid1 .BoxPatternB .BoxImgStyle {display: none;}
.JS .Grid1 .BoxPatternA .Title ~ .Inner .BoxImgStyle,
.JS .Grid1 .BoxPatternA h2 ~ .Inner .BoxImgStyle,
.JS .Grid1 .BoxPatternA h3 ~ .Inner .BoxImgStyle,
.JS .Grid1 .BoxPatternA h4 ~ .Inner .BoxImgStyle,
.JS .Grid1 .BoxPatternB .Title ~ .Inner .BoxImgStyle,
.JS .Grid1 .BoxPatternB h2 ~ .Inner .BoxImgStyle,
.JS .Grid1 .BoxPatternB h3 ~ .Inner .BoxImgStyle,
.JS .Grid1 .BoxPatternB h4 ~ .Inner .BoxImgStyle {display: block;}
.JS .Grid1 .BoxPatternA p ~ .ImgOnlyStyle,
.JS .Grid1 .BoxPatternB p ~ .ImgOnlyStyle,
.JS .Grid1 .BoxPatternC p ~ .ImgOnlyStyle,
.JS .Grid1 .BoxPatternA ul ~ .ImgOnlyStyle,
.JS .Grid1 .BoxPatternB ul ~ .ImgOnlyStyle,
.JS .Grid1 .BoxPatternC ul ~ .ImgOnlyStyle {
float: none;
width: auto;
margin: 0 15px 10px;
padding: 0;
text-align: left;
}
.JS .Grid1 .BoxPatternA h2,
.JS .Grid1 .BoxPatternB h2,
.JS .Grid1 .BoxPatternA h3,
.JS .Grid1 .BoxPatternB h3,
.JS .Grid1 .BoxPatternA h4,
.JS .Grid1 .BoxPatternB h4,
.JS .Grid1 .BoxPatternA p,
.JS .Grid1 .BoxPatternB p,
.JS .Grid1 .BoxPatternC p,
.JS .Grid1 .BoxPatternA ul,
.JS .Grid1 .BoxPatternB ul,
.JS .Grid1 .BoxPatternC ul {overflow: hidden;}
.JS .Grid1 .BoxPatternA .ButtonStyle1 a,
.JS .Grid1 .BoxPatternB .ButtonStyle1 a,
.JS .Grid1 .BoxPatternC .ButtonStyle1 a,
.JS .Grid1 .BoxPatternA .ButtonStyle2 a,
.JS .Grid1 .BoxPatternB .ButtonStyle2 a,
.JS .Grid1 .BoxPatternC .ButtonStyle2 a {
display: inline-block;
margin: 0;
min-width: 130px;
}
/* ------ Content/Tab Navigation System ------ */
.JS .ImgOnlyStyleAdjust {margin: -15px 0 0;}
.JS .TopMarginSet .ImgOnlyStyle:first-child + .ImgOnlyStyleAdjust,
.JS .TopMarginSet .ImgOnlyStyle:first-child + .Section .ImgOnlyStyleAdjust,
.JS .ResponsiveBrandingImgStyle + .ImgOnlyStyleAdjust,
.JS .ResponsiveBrandingImgStyle + .Section .ImgOnlyStyleAdjust,
.JS .BrandingImgStyleAdjust {margin: -15px -15px 0;}
.JS .ContentNavi,
.JS .CategoryNavi,
.JS .TabNavi {padding-bottom: 15px;}
.JS .ContentNavi ul,
.JS .CategoryNavi ul {background-image: none;}
.JS .TabNavi ul {
background-image: none;
border-top: 0 none;
}
.JS .ContentNavi li,
.JS .CategoryNavi li,
.JS .TabNavi li {
float: none;
background: none;
}
.JS .ContentNavi li a,
.JS .CategoryNavi li a,
.JS .TabNavi li a {
float: none;
min-width: none;
height: auto;
padding: 11px 25px 11px 15px;
text-align: left;
line-height: 140%;
}
.JS .ContentNavi li a:before,
.JS .CategoryNavi li a:before,
.JS .TabNavi li a:before {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .ContentNavi li a:link,
.JS .ContentNavi li a:visited,
.JS .CategoryNavi li a:link,
.JS .CategoryNavi li a:visited,
.JS .TabNavi li a:link,
.JS .TabNavi li a:visited {border-top: solid 1px #3a3a3a;}
.JS .ContentNavi li:first-child a:link,
.JS .ContentNavi li:first-child a:visited,
.JS .CategoryNavi li:first-child a:link,
.JS .CategoryNavi li:first-child a:visited,
.JS .TabNavi ul:first-child li:first-child a:link,
.JS .TabNavi ul:first-child li:first-child a:visited {border-top: solid 1px #262626;}
.JS .CategoryNavi ul.Top2 li.Current a {
color: #fff;
font-weight: bold;
background-color: #262626 !important;
border-top: solid 1px #3a3a3a;
}
.JS .CategoryNavi ul.Top2 li.Current a:hover,
.JS .CategoryNavi ul.Top2 li.Current a:active {
background-color: #b1000e !important;
}
.JS .ContentNavi li a:hover,
.JS .ContentNavi li a:active,
.JS .ContentNavi li.Current a,
.JS .CategoryNavi li a:hover,
.JS .CategoryNavi li a:active,
.JS .CategoryNavi li.Current a,
.JS .CategoryNavi ul.Top2 li a:hover,
.JS .CategoryNavi ul.Top2 li a:active,
.JS .TabNavi li a:hover,
.JS .TabNavi li a:active,
.JS .TabNavi li.Current a,
.JS .ContentNavi li:first-child a:hover,
.JS .ContentNavi li:first-child a:active,
.JS .ContentNavi li:first-child.Current a,
.JS .CategoryNavi li:first-child a:hover,
.JS .CategoryNavi li:first-child a:active,
.JS .CategoryNavi li:first-child.Current a,
.JS .TabNavi li:first-child a:hover,
.JS .TabNavi li:first-child a:active,
.JS .TabNavi li:first-child.Current a,
.JS .TabNavi ul:first-child li.Current:first-child a,
.JS .TabNavi ul:first-child li.Current:first-child a {border-top: solid 1px #b1000e;}
.JS .ContentNavi li a:link:before,
.JS .ContentNavi li a:visited:before,
.JS .CategoryNavi li a:link:before,
.JS .CategoryNavi li a:visited:before,
.JS .TabNavi li a:link:before,
.JS .TabNavi li a:visited:before {right: 7px;}
.JS .ContentNavi li a:hover:before,
.JS .ContentNavi li a:active:before,
.JS .ContentNavi li.Current a:before,
.JS .CategoryNavi li a:hover:before,
.JS .CategoryNavi li a:active:before,
.JS .CategoryNavi li.Current a:before,
.JS .CategoryNavi ul.Top2 li a:hover:before,
.JS .CategoryNavi ul.Top2 li a:active:before,
.JS .TabNavi li a:hover:before,
.JS .TabNavi li a:active:before {right: 5px;}
.JS .ContentNavi li a:hover:after,
.JS .ContentNavi li a:active:after,
.JS .ContentNavi li.Current a:after,
.JS .CategoryNavi li a:hover:after,
.JS .CategoryNavi li a:active:after,
.JS .CategoryNavi li.Current a:after,
.JS .CategoryNavi ul.Top2 li a:hover:after,
.JS .CategoryNavi ul.Top2 li a:active:after,
.JS .TabNavi li a:hover:after,
.JS .TabNavi li a:active:after,
.JS .TabNavi li.Current a:after {display: none;}
.JS .ContentNavi li.InnerLink a,
.JS .CategoryNavi li.InnerLink a {
min-width: none;
padding: 11px 25px 11px 15px;
border-right: 0 none;
background-image: none;
}
.JS .ContentNavi li.InnerLink a:before,
.JS .CategoryNavi li.InnerLink a:before {
background-image: url(../../../image/en/r1/icon/icon_link_bottom_white_hd.png);
right: 9px;
}
.JS .ContentNavi li.InnerLink a:hover:before,
.JS .ContentNavi li.InnerLink a:active:before,
.JS .CategoryNavi li.InnerLink a:hover:before,
.JS .CategoryNavi li.InnerLink a:active:before {right: 9px;}
.JS .CategoryNavi ul.Bottom {display: none;}
.JS .CategoryNavi ul.Top2 li.Current ul.BottomSP li a {
height: auto;
padding: 11px 25px 11px 30px;
font-weight: normal;
}
.JS .CategoryNavi ul.Top2 li.Current ul.BottomSP li a:link,
.JS .CategoryNavi ul.Top2 li.Current ul.BottomSP li a:visited {
color: #fff;
background-color: #3a3a3a !important;
border-top: solid 1px #444;
}
.JS .CategoryNavi ul.Top2 li.Current ul.BottomSP li a:hover,
.JS .CategoryNavi ul.Top2 li.Current ul.BottomSP li a:active {
background-color: #b1000e !important;
border-top: solid 1px #b1000e;
}
.JS .CategoryNavi ul.Top2 li.Current ul.BottomSP li.Current a {
background-color: #b1000e !important;
border-top: solid 1px #b1000e;
font-weight: bold;
}
/* ------ Linear Navigation System ------ */
.JS .LinearNavi {margin-bottom: 15px}
.JS .LinearNavi h2 {
height: auto;
margin: 0;
padding: 14px 15px;
text-align: center;
}
.JS .LinearNavi ul {position: static;}
.JS .LinearNavi ul li {
position: relative;
width: 25%;
border-top: solid 1px #fff;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .LinearNavi ul li.last {border-right: 0 none;}
.JS .LinearNavi ul li a {background-image: none !important;}
.JS .LinearNavi ul li a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .LinearNavi ul li.first a:after {
background-image: url(../../../image/en/r1/icon/icon_link2_left_hd.gif);
}
.JS .LinearNavi ul li.prev a:after {
background-image: url(../../../image/en/r1/icon/icon_link_left_hd.gif);
}
.JS .LinearNavi ul li.next a:after {
background-image: url(../../../image/en/r1/icon/icon_link_right_hd.gif);
}
.JS .LinearNavi ul li.last a:after {
background-image: url(../../../image/en/r1/icon/icon_link2_right_hd.gif);
}
.JS .LinearNavi ul li.first a:link:after,
.JS .LinearNavi ul li.first a:visited:after,
.JS .LinearNavi ul li.prev a:link:after,
.JS .LinearNavi ul li.prev a:visited:after {left: 8px;}
.JS .LinearNavi ul li.first a:hover:after,
.JS .LinearNavi ul li.first a:active:after,
.JS .LinearNavi ul li.prev a:hover:after,
.JS .LinearNavi ul li.prev a:active:after {left: 6px;}
.JS .LinearNavi ul li.next a:link:after,
.JS .LinearNavi ul li.next a:visited:after,
.JS .LinearNavi ul li.last a:link:after,
.JS .LinearNavi ul li.last a:visited:after {right: 8px;}
.JS .LinearNavi ul li.next a:hover:after,
.JS .LinearNavi ul li.next a:active:after,
.JS .LinearNavi ul li.last a:hover:after,
.JS .LinearNavi ul li.last a:active:after {right: 6px;}
/* ------ Banner Area ------ */
.JS .FatBanner {padding: 15px 0 0;}
.JS #Contents+.FatBanner {border-top: 0 none;}
.JS .FatBanner li {width: 33.3333%;}
.JS .FatBanner li.FirstItem {clear: none;}
.JS .FatBanner li:nth-child(3n+1) {clear: both;}
.JS .FatBanner strong {font-size: 83%;}
/* ------ Branding Image ------ */
.JS .ResponsiveBrandingImgStyle,
.JS .TopMarginSet .ImgOnlyStyle:first-child,
.JS #BrandingImgStyle,
.JS #BrandingImgStyle1,
.JS #BrandingImgStyle2 {
margin: 0 -15px 15px;
padding: 0;
}
.JS .TopMarginSet .ResponsiveBrandingImgStyle .ImgOnlyStyle:first-child,
.JS .ResponsiveBrandingImgStyle #BrandingImgStyle,
.JS .ResponsiveBrandingImgStyle #BrandingImgStyle1,
.JS .ResponsiveBrandingImgStyle #BrandingImgStyle2 {
margin: 0;
}
.JS .TopMarginSet .ImgOnlyStyle:first-child img {
width: 100%;
margin: 0;
}
/* ------ Pop-up Windows ------ */
.JS #PopUpContents .PageTitleStyle1 h1 {padding: 0;}
.JS #PopUpContainer #Footer p {padding: 0;}
/* ------ Footer ------ */
.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;
}
.JS #Footer p {
padding: 0 0 0 15px;
text-align: center;
}
/* ------ Page Top ------ */
.JS #PageTopBottom {font-size: 76%;}
.JS #PageTopBottom a {
display: block;
text-align: center;
}
.JS #PageTopBottom a:link,
.JS #PageTopBottom a:visited,
.JS #PageTopBottom a:hover,
.JS #PageTopBottom a:active {
color: #fff;
text-decoration: none;
background-color: #262626;
}
.PC #PageTopBottom a:hover,
.PC #PageTopBottom a:active {
color: #fff;
text-decoration: none;
background-color: #333;
}
.JS #PageTopBottom a span {
display: inline-block;
padding: 0 20px 0 0;
line-height: 50px;
background: url(../../../image/en/r1/icon/icon_link_top_white_hd.png) no-repeat center right;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
/* ------ Image Heading ------ */
.JS .Grid3 .ImgHeadingSet .Column1,
.JS .Grid4 .ImgHeadingSet .Column1 {
float: left;
width: 33.33333333%;
}
.JS .Grid3 .ImgHeadingSet .Column1:nth-child(4),
.JS .Grid4 .ImgHeadingSet .Column1:nth-child(4) {clear: both;}
.JS .ImgHeadingSet img {width: 100%;}
/* ------ Fat Menu ------ */
.JS .FatMenu, .JS .FatMenuWide {display: none;}
/* ------ Pop-up Windows ------ */
#PopUpContainer {min-width: 320px;}
/* ------ Responsive Link List Style ------ */
.JS .ResponsiveLinkListStyle {
margin: -15px -15px 0;
}
.JS .ResponsiveLinkListStyle.TopBorderSet {
margin-top: 0;
border-top: solid 1px #ddd;
}
.JS .ResponsiveLinkListStyle.BottomBorderSet {
margin-bottom: 15px;
border-bottom: solid 1px #ddd;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 {margin: 0;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li {
float: none;
margin: 0;
padding: 15px 30px 15px 15px;
color: #777;
background-image: none;
border-top: solid 1px #ddd;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li:first-child,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li:first-child,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li:first-child,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li:first-child {border-top: 0 none;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a {
position: relative;
display: block;
margin: -15px -30px -15px -15px;
padding: 15px 30px 15px 15px;
background-image: none !important;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:link,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:link,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:link,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:link,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:visited,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:visited,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:visited,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:visited {color: #333;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:hover,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:hover,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:hover,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:hover,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:active,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:active,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:active,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:active {
color: #333;
text-decoration: none;
background-color: #f2f2f2;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:link:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:link:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:link:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:link:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:visited:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:visited:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:visited:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:visited:after {right: 7px;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:hover:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:hover:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:hover:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:hover:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li a:active:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:active:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li a:active:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li a:active:after {right: 5px;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li ul li:first-child,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li ul li:first-child {border-top: solid 1px #ddd;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 {margin: 15px -30px 0 -15px;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 li,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 li {
margin-top: 0;
padding-left: 30px;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 li:last-child,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 li:last-child {margin-bottom: -15px;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 li a,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 li a {
margin-left: -30px;
padding-left: 30px;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 ul.ListStyle1,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 {margin: 15px -30px 0 -30px;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 ul.ListStyle1 li,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 li {padding-left: 45px;}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 ul.ListStyle1 li a,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 li a {
margin-left: -45px;
padding-left: 45px;
}
.JS .ResponsiveLinkListStyle ul.LinkListStyle1.ListRightAdjust,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2.ListRightAdjust {text-align: left;}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 {
position: relative;
margin: 0;
padding: 0 0 10px;
border-top: solid 1px #ddd;
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1:first-child,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2:first-child {border-top: 0 none;}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1.hover,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2.hover {background-color: #f2f2f2;}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt {
padding: 15px 30px 5px 15px;
color: #777;
font-weight: bold;
background-image: none;
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt a,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt a {
display: block;
margin: -15px -30px -5px -15px;
padding: 15px 30px 5px 15px;
font-weight: bold;
background-image: none !important;
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
right: 7px;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1.hover dt a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2.hover dt a:after {right: 5px;}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt a:link,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt a:link,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt a:visited,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt a:visited {color: #000;}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt a:hover,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt a:hover,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt a:active,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt a:active {
color: #000;
text-decoration: none;
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dd,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dd {
margin: 0;
padding: 0 30px 5px 15px;
}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle {
position: relative;
margin: 0;
padding: 15px 30px 0 15px;
border-top: solid 1px #ddd;
overflow: hidden;
}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle:first-child,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle:first-child,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle:first-child,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle:first-child,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle:first-child,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle:first-child,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle:first-child,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle:first-child {border-top: 0 none;}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle.hover,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle.hover,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle.hover,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle.hover,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle.hover,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle.hover,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle.hover,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle.hover {background-color: #f2f2f2;}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle .Img,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle .Img,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle .Img,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle .Img,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle .Img,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle .Img,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle .Img,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle .Img {padding: 0 15px 15px 0;}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle .ImgSet,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle .ImgSet,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle .ImgSet,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle .ImgSet,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle .ImgSet,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle .ImgSet,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle .ImgSet,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle .ImgSet {
float: none;
width: auto;
margin-left: 0;
overflow: hidden;
}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle .ImgSet dl,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle .ImgSet dl,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle .ImgSet dl,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle .ImgSet dl,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle .ImgSet dl,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle .ImgSet dl,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle .ImgSet dl,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle .ImgSet dl {position: static;}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle dt,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle dt,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle dt,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle dt,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle dt,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle dt,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle dt,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle dt {padding: 0 0 5px !important;}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle dt a,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle dt a,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle dt a,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle dt a,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle dt a,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle dt a,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle dt a,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle dt a {
margin: 0 0 -5px !important;
padding: 0 0 5px !important;
}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle.hover dt a:after,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle.hover dt a:after,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle.hover dt a:after,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle.hover dt a:after,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle.hover dt a:after,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle.hover dt a:after,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle.hover dt a:after,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle.hover dt a:after {right: 5px;}
.JS .ResponsiveLinkListStyle .ThumbW60SetStyle dd,
.JS .ResponsiveLinkListStyle .ThumbW120SetStyle dd,
.JS .ResponsiveLinkListStyle .ThumbW180SetStyle dd,
.JS .ResponsiveLinkListStyle .ThumbW230SetStyle dd,
.JS .ResponsiveLinkListStyle .ImgW60SetStyle dd,
.JS .ResponsiveLinkListStyle .ImgW120SetStyle dd,
.JS .ResponsiveLinkListStyle .ImgW180SetStyle dd,
.JS .ResponsiveLinkListStyle .ImgW230SetStyle dd {padding: 0 0 5px !important;}
.JS .ResponsiveLinkListStyle .DateListStyle1,
.JS .ResponsiveLinkListStyle .DateListStyle2 {
margin: 0;
padding: 0;
}
.JS .ResponsiveLinkListStyle .DateListStyle1 dt,
.JS .ResponsiveLinkListStyle .DateListStyle2 dt {display: none;}
.JS .ResponsiveLinkListStyle .DateListStyle1 strong.Date,
.JS .ResponsiveLinkListStyle .DateListStyle2 strong.Date {
display: block;
padding: 0 0 5px;
}
.JS .ResponsiveLinkListStyle .DateListStyle2 dd {margin: 0;}
.JS .ResponsiveLinkListStyle .DateListStyle1 ul,
.JS .ResponsiveLinkListStyle .DateListStyle2 ul {margin: 0;}
.JS .ResponsiveLinkListStyle .DateListStyle1 li,
.JS .ResponsiveLinkListStyle .DateListStyle2 li {
padding: 0;
border-top: solid 1px #ddd !important;
}
.JS .ResponsiveLinkListStyle .DateListStyle1 dt:first-child + dd li:first-child,
.JS .ResponsiveLinkListStyle .DateListStyle2 dt:first-child + dd li:first-child {border-top: 0 none !important;}
.JS .ResponsiveLinkListStyle .DateListStyle1 li a,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a {
position: relative;
display: block;
padding: 15px 30px 15px 15px;
background-image: none;
}
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:link,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:link,
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:visited,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:visited {color: #333;}
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:hover,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:hover,
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:active,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:active {
color: #333;
text-decoration: none;
background-color: #f2f2f2;
}
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:after,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:link:after,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:link:after,
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:visited:after,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:visited:after {right: 7px;}
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:hover:after,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:hover:after,
.JS .ResponsiveLinkListStyle .DateListStyle1 li a:active:after,
.JS .ResponsiveLinkListStyle .DateListStyle2 li a:active:after {right: 5px;}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.NewWin a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.NewWin a:after {
background-image: url(../../../image/en/r1/icon/icon_new_window_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Mail a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Mail a:after {
background-image: url(../../../image/en/r1/icon/icon_mail_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Inquiry a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Inquiry a:after {
background-image: url(../../../image/en/r1/icon/icon_inquiry_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Pdf a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Pdf a:after {
background-image: url(../../../image/en/r1/icon/icon_pdf_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Download a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Download a:after {
background-image: url(../../../image/en/r1/icon/icon_download_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Sound a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Sound a:after {
background-image: url(../../../image/en/r1/icon/icon_sound_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Movie a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Movie a:after {
background-image: url(../../../image/en/r1/icon/icon_movie_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Important a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Important a:after {
background-image: url(../../../image/en/r1/icon/icon_important_link_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Bottom a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Bottom a:after {
background-image: url(../../../image/en/r1/icon/icon_link_bottom_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Top a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Top a:after {
background-image: url(../../../image/en/r1/icon/icon_link_top_hd.gif);
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.NoIcon a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.NoIcon a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.NoIcon a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.NoIcon a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.NoIcon a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.NoIcon a:after {
background-image: none;
}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.NewWin a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.NewWin a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.NewWin a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Mail a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Mail a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Mail a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Inquiry a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Inquiry a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Inquiry a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Pdf a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Pdf a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Pdf a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Download a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Download a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Download a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Sound a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Sound a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Sound a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Movie a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Movie a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Movie a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Important a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Important a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Important a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Bottom a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Bottom a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Bottom a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.Top a:after,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.Top a:after,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.Top a:after {right: 9px !important;}
.JS .ResponsiveLinkListStyle dl.LinkListStyle1 dt.NoIcon a img,
.JS .ResponsiveLinkListStyle dl.LinkListStyle2 dt.NoIcon a img,
.JS .ResponsiveLinkListStyle ul.LinkListStyle1 li.NoIcon a img,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li.NoIcon a img,
.JS .ResponsiveLinkListStyle ul.LinkListStyle5 li.NoIcon a img,
.JS .ResponsiveLinkListStyle ul.LinkListStyle6 li.NoIcon a img {
position: absolute;
display: block;
top: 50%;
right: 9px;
margin: -8px 0 0;
}
/* ------ Responsive Table Style ------ */
.JS .ResponsiveTableStyle1 table {
display: block;
width: 100%\9; /* for IE9 */
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
box-sizing: border-box\9; /* for IE9 */
}
.JS .ResponsiveTableStyle1 tbody,
.JS .ResponsiveTableStyle1 tr {display: block;}
.JS .ResponsiveTableStyle1 tr:first-child {display: none;}
.JS .ResponsiveTableStyle1 th,
.JS .ResponsiveTableStyle1 td {
float: left\9; /* for IE9 */
clear: both\9; /* for IE9 */
display: block;
width: auto;
width: 100%\9; /* for IE9 */
padding: 10px 15px;
font-size: 83%;
overflow: hidden;
border: 0 none;
border-top: solid 1px #ddd;
box-sizing: border-box\9; /* for IE9 */
}
.JS .ResponsiveTableStyle1 th {
color: #000;
font-size: 90%;
font-weight: bold;
}
.JS .ResponsiveTableStyle1 .ResponsiveTableHeading {
display: block;
margin-bottom: 5px;
color: #000;
font-size: 105%;
font-weight: bold;
}
.JS .ResponsiveTableWindow .DataTableStyle1,
.JS .ResponsiveTableWindow .DataTableStyle2,
.JS .ResponsiveTableWindow .DataTableStyle3,
.JS .ResponsiveTableWindow .DataTableStyle4,
.JS .ResponsiveTableWindow .DataTableStyle5,
.JS .ResponsiveTableWindow .DataTableStyle6,
.JS .ResponsiveTableWindow .TableStyle1,
.JS .ResponsiveTableWindow .TableStyle2,
.JS .ResponsiveTableWindow .TableStyle3,
.JS .ResponsiveTableWindow .TableStyle4,
.JS .ResponsiveTableWindow .TableStyle5,
.JS .ResponsiveTableWindow .TableStyle6 {display: table;}
.JS .ResponsiveTableStyle2 .LinkSet {display: block;}
.JS .ResponsiveTableStyle2 .TableSet {display: none;}
/* ------ Responsive Image Heading ------ */
.JS .Grid3 .ResponsiveImgHeadingSet .Column1,
.JS .Grid4 .ResponsiveImgHeadingSet .Column1 {
float: left;
width: 33.33333333%;
}
.JS .Grid3 .ResponsiveImgHeadingSet .Column1:nth-child(4),
.JS .Grid4 .ResponsiveImgHeadingSet .Column1:nth-child(4) {clear: both;}
.JS .ResponsiveImgHeadingSet img {width: 100%;}
}
/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
/* ------ Base Settings ------ */
.JS #U580 {display: block;}
.JS .LinkU580 {cursor: pointer;}
/* ------ Image ------ */
.JS .ImgRightAdjustClear2,
.JS .ImgLeftAdjustClear2 {
float: none !important;
margin: 0 !important;
}
.JS .ImgGridAdjust2 {width: 100%;}
/* ------ Page Title ------ */
.JS .PageTitleStyle1,
.JS .PageTitleStyle2 {position: relative;}
.JS .PageTitleStyle1 p.LogoStyle + h1,
.JS .PageTitleStyle2 p.LogoStyle + h1 {padding: 0 0 47px;}
.JS .PageTitleStyle1 p.LogoStyle + h1 + .SubTitle,
.JS .PageTitleStyle2 p.LogoStyle + h1 + .SubTitle {
margin-top: -47px;
padding: 0 0 47px;
}
.JS .PageTitleStyle1 p.LogoStyle,
.JS .PageTitleStyle2 p.LogoStyle {
position: absolute;
float: none;
bottom: 0;
}
.JS .PageTitleStyle3 {background-color: #111;}
.JS .PageTitleStyle3 .ImgText {display: none;}
.JS .PageTitleStyle3 .ResponsiveText {
display: block;
padding: 8px 15px;
color: #fff;
font-size: 90%;
background-color: #363434;
}
/* ------ Link List ------ */
.JS .ThumbW60SetStyle .Img,
.JS .ThumbW120SetStyle .Img,
.JS .ThumbW180SetStyle .Img,
.JS .ThumbW230SetStyle .Img,
.JS .ImgW60SetStyle .Img,
.JS .ImgW120SetStyle .Img,
.JS .ImgW180SetStyle .Img,
.JS .ImgW230SetStyle .Img {padding-right: 15px;}
.JS .ThumbW60SetStyle .Img,
.JS .ImgW60SetStyle .Img {width: 60px;}
.JS .ThumbW120SetStyle .Img,
.JS .ImgW120SetStyle .Img {width: 80px;}
.JS .ThumbW180SetStyle .Img,
.JS .ImgW180SetStyle .Img {width: 100px;}
.JS .ThumbW230SetStyle .Img,
.JS .ImgW230SetStyle .Img {width: 120px;}
.JS .DateListStyle2 dt {float: none;}
.JS .DateListStyle2 dd {margin: 0;}
.JS .DateListStyle2 dd .LinkListStyle1 {margin: 0 0 15px;}
/* ------ Plug-in Download Description ------ */
.JS .PlugInBanner dt {
float: none;
margin: 0 20px 10px 0;
}
/* ------ Box ------ */
.JS .Grid1 .BoxPatternA .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternB .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternC .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternA .BoxImgStyle,
.JS .Grid1 .BoxPatternB .BoxImgStyle,
.JS .Grid1 .BoxPatternC .BoxImgStyle,
.JS .Grid1 .BoxPatternA .BoxImgStyleRWD,
.JS .Grid1 .BoxPatternB .BoxImgStyleRWD {width: 120px;}
.JS .BoxPatternA .ThumbW60SetStyle .Img,
.JS .BoxPatternB .ThumbW60SetStyle .Img,
.JS .BoxPatternC .ThumbW60SetStyle .Img,
.JS .BoxPatternA .ThumbW120SetStyle .Img,
.JS .BoxPatternB .ThumbW120SetStyle .Img,
.JS .BoxPatternC .ThumbW120SetStyle .Img,
.JS .BoxPatternA .ThumbW180SetStyle .Img,
.JS .BoxPatternB .ThumbW180SetStyle .Img,
.JS .BoxPatternC .ThumbW180SetStyle .Img,
.JS .BoxPatternA .ThumbW230SetStyle .Img,
.JS .BoxPatternB .ThumbW230SetStyle .Img,
.JS .BoxPatternC .ThumbW230SetStyle .Img,
.JS .BoxPatternA .ImgW60SetStyle .Img,
.JS .BoxPatternB .ImgW60SetStyle .Img,
.JS .BoxPatternC .ImgW60SetStyle .Img,
.JS .BoxPatternA .ImgW120SetStyle .Img,
.JS .BoxPatternB .ImgW120SetStyle .Img,
.JS .BoxPatternC .ImgW120SetStyle .Img,
.JS .BoxPatternA .ImgW180SetStyle .Img,
.JS .BoxPatternB .ImgW180SetStyle .Img,
.JS .BoxPatternC .ImgW180SetStyle .Img,
.JS .BoxPatternA .ImgW230SetStyle .Img,
.JS .BoxPatternB .ImgW230SetStyle .Img,
.JS .BoxPatternC .ImgW230SetStyle .Img {padding-right: 0;}
/* ------Button ------ */
.JS .ButtonW120SetStyle1 dt,
.JS .ButtonW120SetStyle2 dt,
.JS .ButtonW120SetStyle3 dt,
.JS .ButtonW120SetStyle4 dt,
.JS .ButtonW180SetStyle1 dt,
.JS .ButtonW180SetStyle2 dt,
.JS .ButtonW180SetStyle3 dt,
.JS .ButtonW180SetStyle4 dt,
.JS .ButtonW240SetStyle1 dt,
.JS .ButtonW240SetStyle2 dt,
.JS .ButtonW240SetStyle3 dt,
.JS .ButtonW240SetStyle4 dt {float: none;}
.JS .ButtonW120SetStyle1 dt,
.JS .ButtonW120SetStyle2 dt,
.JS .ButtonW120SetStyle3 dt,
.JS .ButtonW120SetStyle4 dt,
.JS .ButtonW120SetStyle5 dt,
.JS .ButtonW120SetStyle6 dt,
.JS .ButtonW120SetStyle7 dt,
.JS .ButtonW120SetStyle8 dt {width: auto;}
.JS .ButtonW120SetStyle1 dd,
.JS .ButtonW120SetStyle2 dd,
.JS .ButtonW120SetStyle3 dd,
.JS .ButtonW120SetStyle4 dd,
.JS .ButtonW180SetStyle1 dd,
.JS .ButtonW180SetStyle2 dd,
.JS .ButtonW180SetStyle3 dd,
.JS .ButtonW180SetStyle4 dd,
.JS .ButtonW240SetStyle1 dd,
.JS .ButtonW240SetStyle2 dd,
.JS .ButtonW240SetStyle3 dd,
.JS .ButtonW240SetStyle4 dd {margin: -5px 0 0;}
/* ------ Data Table ------ */
.JS table th,
.JS table td {
padding: 10px 10px;
font-size: 76%;
}
.JS table.FormTableStyle {
display: block;
width: 100%\9; /* for IE9 */
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
box-sizing: border-box\9; /* for IE9 */
}
.JS table.FormTableStyle tbody,
.JS table.FormTableStyle tr {display: block;}
.JS table.FormTableStyle th,
.JS table.FormTableStyle td {
float: left\9; /* for IE9 */
clear: both\9; /* for IE9 */
display: block;
width: auto;
width: 100%\9; /* for IE9 */
padding: 10px 15px;
font-size: 83%;
overflow: hidden;
border: 0 none;
border-top: solid 1px #ddd;
box-sizing: border-box\9; /* for IE9 */
}
.JS table.FormTableStyle span.MustItem {
display: inline;
margin-left: 15px;
}
/* ------ Linear Navigation System ------ */
.JS .LinearNavi ul {
position: relative;
height: 5.4em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .LinearNavi ul li {
position: absolute;
float: none;
width: 50%;
height: 3.2em;
}
.JS .LinearNavi ul li.first {
z-index: 1;
top: 0;
left: 0;
padding: 1.1em 15px 0 25px;
}
.JS .LinearNavi ul li.prev {
z-index: 2;
top: 3.2em;
left: 0;
padding: 1.1em 15px 0 25px;
}
.JS .LinearNavi ul li.next {
z-index: 2;
top: 3.2em;
right: 0;
padding: 1.1em 25px 0 15px;
border-right: 0 none;
}
.JS .LinearNavi ul li.last {
z-index: 1;
top: 0;
right: 0;
padding: 1.1em 25px 0 15px;
}
.JS .LinearNavi ul li a {
height: 3.2em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .LinearNavi ul li.first a {
margin: -1.1em -15px -0 -25px;
padding: 1.1em 15px 0 25px;
}
.JS .LinearNavi ul li.prev a {
margin: -1.1em -15px -0 -25px;
padding: 1.1em 15px 0 25px;
}
.JS .LinearNavi ul li.next a {
margin: -1.1em -25px -0 -15px;
padding: 1.1em 25px 0 15px;
}
.JS .LinearNavi ul li.last a {
margin: -1.1em -25px -0 -15px;
padding: 1.1em 25px 0 15px;
}
/* ------ Image Box ------ */
.JS .ImgBoxStyle1,
.JS .ImgBoxStyle2 {margin: 0 0 15px;}
.JS .ImgBoxStyle2 {text-align: left;}
.JS .ImgBoxStyle1 .ImgOnlyStyle,
.JS .ImgBoxStyle2 .ImgOnlyStyle {
display: block;
width: 100%;
margin: 0;
}
.JS .ImgBoxStyle1 .ImgOnlyStyle span,
.JS .ImgBoxStyle2 .ImgOnlyStyle span {
width: 100% !important;
height: auto !important;
margin: 0 !important;
}
.JS .ImgBoxStyle1 .Inner,
.JS .ImgBoxStyle2 .Inner {
display: block;
width: 100%;
padding: 0 0 10px 0;
}
.JS .ImgBoxStyle1 .Inner:before,
.JS .ImgBoxStyle2 .Inner:before {
width: 0;
height: 0;
right: auto;
left: 50%;
margin: 0 0 0 -10px;
background-image: none;
border-left: solid 11px transparent;
border-right: solid 11px transparent;
}
.JS .ImgBoxStyle1 .Inner:before {
top: -10px;
border-bottom: solid 10px #f2f2f2;
}
.JS .ImgBoxStyle2 .Inner:before {
top: auto;
bottom: -10px;
border-top: solid 10px #f2f2f2;
}
.JS .ImgBoxStyle1 .Inner .Title,
.JS .ImgBoxStyle2 .Inner .Title,
.JS .ImgBoxStyle1 .Inner h2,
.JS .ImgBoxStyle2 .Inner h2,
.JS .ImgBoxStyle1 .Inner h3,
.JS .ImgBoxStyle2 .Inner h3,
.JS .ImgBoxStyle1 .Inner h4,
.JS .ImgBoxStyle2 .Inner h4 {
margin: 0;
padding: 15px 15px 10px 15px;
font-size: 100%;
}
.JS .ImgBoxStyle1 .Inner p,
.JS .ImgBoxStyle2 .Inner p,
.JS .ImgBoxStyle1 .Inner ul,
.JS .ImgBoxStyle2 .Inner ul,
.JS .ImgBoxStyle1 .Inner dl,
.JS .ImgBoxStyle2 .Inner dl {margin: 0 15px 10px 15px;}
/* ------ Form Page ------ */
.JS .FormTableStyle .FirstNameAC,
.JS .FormTableStyle .LastNameAC {
display: block;
float: none;
margin: 0;
}
.JS .FormTableStyle td input#name1_last,
.JS .FormTableStyle td input#name1_first,
.JS .FormTableStyle td input#name2_last,
.JS .FormTableStyle td input#name2_first {width: 95%;}
.JS .FormTableStyle input[type="text"],
.JS .FormTableStyle textarea,
.JS .FormTableStyle select {
width: 95%;
margin-bottom: 10px;
}
.JS .FormTableStyle input#postal_code1,
.JS .FormTableStyle input#postal_code2 {width: auto;}
/* ------ Image Heading ------ */
.JS .Grid3 .ImgHeadingSet .Column1,
.JS .Grid4 .ImgHeadingSet .Column1 {width: 50%;}
.JS .Grid3 .ImgHeadingSet .Column1:nth-child(3),
.JS .Grid4 .ImgHeadingSet .Column1:nth-child(3) {clear: both;}
.JS .Grid3 .ImgHeadingSet .Column1:nth-child(4),
.JS .Grid4 .ImgHeadingSet .Column1:nth-child(4) {clear: none;}
/* ------ Banner Area ------ */
.JS .FatBanner li {width: 50%;}
.JS .FatBanner li:nth-child(3n+1) {clear: none;}
.JS .FatBanner li:nth-child(2n+1) {clear: both;}
/* ------ Responsive Link List ------ */
.JS .ResponsiveLinkListStyle .DateListStyle2 dd .LinkListStyle1 {margin: 0;}
/* ------ Responsive Image Heading ------ */
.JS .Grid3 .ResponsiveImgHeadingSet .Column1,
.JS .Grid4 .ResponsiveImgHeadingSet .Column1 {width: 50%;}
.JS .Grid3 .ResponsiveImgHeadingSet .Column1:nth-child(3),
.JS .Grid4 .ResponsiveImgHeadingSet .Column1:nth-child(3) {clear: both;}
.JS .Grid3 .ResponsiveImgHeadingSet .Column1:nth-child(4),
.JS .Grid4 .ResponsiveImgHeadingSet .Column1:nth-child(4) {clear: none;}
/* ------ Responsive Branding Image ------ */
.JS .ResponsiveBrandingImgStyle {
margin: 0 -15px 15px;
color: #fff;
background-color: #363434;
font-size: 100%;
}
.JS .ResponsiveBrandingImgStyle.hover {cursor: pointer;}
.JS .ResponsiveBrandingImgStyle .ResponsiveTextSet {
padding: 15px 0;
display: block;
text-align: left;
}
.JS .ResponsiveBrandingImgStyle .ImgText {display: none;}
.JS .ResponsiveBrandingImgStyle .TextStyle1,
.JS .ResponsiveBrandingImgStyle .TextStyle2 {
margin: 0 15px;
color: #fff;
}
.JS .ResponsiveBrandingImgStyle .TopBorderSet {
margin-top: 10px;
padding-top: 10px;
border-top: solid 1px #555;
}
.JS .ResponsiveBrandingImgStyle em,
.JS .ResponsiveBrandingImgStyle strong {
font-style: normal;
line-height: 140%;
color: #fff;
}
.JS .ResponsiveBrandingImgStyle .TextStyle1 em,
.JS .ResponsiveBrandingImgStyle .TextStyle1 strong,
.JS .ResponsiveBrandingImgStyle .TextStyle2 em,
.JS .ResponsiveBrandingImgStyle .TextStyle2 strong {font-size: 120%;}
.JS .ResponsiveBrandingImgStyle .ButtonStyle1 {margin: 10px 15px 0;}
.JS .ResponsiveBrandingImgStyle .ButtonStyle1 a {margin-bottom: 0;}
.JS .ResponsiveBrandingImgStyle.hover:hover .ButtonStyle1 a,
.JS .ResponsiveBrandingImgStyle.hover:active .ButtonStyle1 a {
padding-right: 24px;
background-color: #b1000e;
border-right: solid 1px transparent;
}
}
/* for IE10 */
@media screen and (max-width: 579px) and (-ms-high-contrast: none) {
.JS table.FormTableStyle {
width: auto\9;
box-sizing: content-box\9;
}
.JS table.FormTableStyle th,
.JS table.FormTableStyle td {
float: none\9;
clear: none\9;
width: auto\9;
box-sizing: content-box\9;
}
}
/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
/* ------ Base Settings ------ */
.JS #U400 {display: block;}
.JS .LinkU400 {cursor: pointer;}
/* ------ Image ------ */
.JS .ImgRightAdjustClear1,
.JS .ImgLeftAdjustClear1 {
float: none !important;
margin: 0 !important;
}
.JS .ImgGridAdjust1 {width: 100%;}
/* ------ Link List ------ */
.JS .ThumbW180SetStyle .Img,
.JS .ThumbW230SetStyle .Img,
.JS .ImgW180SetStyle .Img,
.JS .ImgW230SetStyle .Img {width: 80px;}
/* ------ Button ------ */
.JS .Grid1 .ButtonStyle2 li,
.JS .Column1 .ButtonStyle2 li {
float: none;
margin: 0;
}
.JS .Grid1 .ButtonStyle1 a,
.JS .Grid1 .ButtonStyle2 a,
.JS .Column1 .ButtonStyle1 a,
.JS .Column1 .ButtonStyle2 a {
display: block;
min-width: 0;
}
/* ------ Box ------ */
.JS .Grid1 .BoxPatternA .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternB .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternC .ImgOnlyStyle:first-child,
.JS .Grid1 .BoxPatternA .BoxImgStyle,
.JS .Grid1 .BoxPatternB .BoxImgStyle,
.JS .Grid1 .BoxPatternC .BoxImgStyle,
.JS .Grid1 .BoxPatternA .BoxImgStyleRWD,
.JS .Grid1 .BoxPatternB .BoxImgStyleRWD {width: 80px;}
/* ------ Button ------ */
.JS .ButtonStyle1 a,
.JS .ButtonStyle2 a {
display: block;
min-width: 0;
}
.JS .ButtonStyle2 li {
float: none;
margin: 0;
}
.JS .Grid1 .BoxPatternA .ButtonStyle1,
.JS .Grid1 .BoxPatternB .ButtonStyle1,
.JS .Grid1 .BoxPatternC .ButtonStyle1,
.JS .Grid1 .BoxPatternA .ButtonStyle2,
.JS .Grid1 .BoxPatternB .ButtonStyle2,
.JS .Grid1 .BoxPatternC .ButtonStyle2 {clear: both;}
.JS .Grid1 .BoxPatternA .ButtonStyle1 a,
.JS .Grid1 .BoxPatternB .ButtonStyle1 a,
.JS .Grid1 .BoxPatternC .ButtonStyle1 a,
.JS .Grid1 .BoxPatternA .ButtonStyle2 a,
.JS .Grid1 .BoxPatternB .ButtonStyle2 a,
.JS .Grid1 .BoxPatternC .ButtonStyle2 a {display: block;}
.JS .ButtonW180SetStyle1 dt,
.JS .ButtonW180SetStyle2 dt,
.JS .ButtonW180SetStyle3 dt,
.JS .ButtonW180SetStyle4 dt,
.JS .ButtonW180SetStyle5 dt,
.JS .ButtonW180SetStyle6 dt,
.JS .ButtonW180SetStyle7 dt,
.JS .ButtonW180SetStyle8 dt {width: auto;}
.JS .ButtonW240SetStyle1 dt,
.JS .ButtonW240SetStyle2 dt,
.JS .ButtonW240SetStyle3 dt,
.JS .ButtonW240SetStyle4 dt,
.JS .ButtonW240SetStyle5 dt,
.JS .ButtonW240SetStyle6 dt,
.JS .ButtonW240SetStyle7 dt,
.JS .ButtonW240SetStyle8 dt {width: auto;}
.JS .ButtonW120SetStyle1 dt a,
.JS .ButtonW120SetStyle2 dt a,
.JS .ButtonW120SetStyle3 dt a,
.JS .ButtonW120SetStyle4 dt a,
.JS .ButtonW120SetStyle5 dt a,
.JS .ButtonW120SetStyle6 dt a,
.JS .ButtonW120SetStyle7 dt a,
.JS .ButtonW120SetStyle8 dt a,
.JS .ButtonW180SetStyle1 dt a,
.JS .ButtonW180SetStyle2 dt a,
.JS .ButtonW180SetStyle3 dt a,
.JS .ButtonW180SetStyle4 dt a,
.JS .ButtonW180SetStyle5 dt a,
.JS .ButtonW180SetStyle6 dt a,
.JS .ButtonW180SetStyle7 dt a,
.JS .ButtonW180SetStyle8 dt a,
.JS .ButtonW240SetStyle1 dt a,
.JS .ButtonW240SetStyle2 dt a,
.JS .ButtonW240SetStyle3 dt a,
.JS .ButtonW240SetStyle4 dt a,
.JS .ButtonW240SetStyle5 dt a,
.JS .ButtonW240SetStyle6 dt a,
.JS .ButtonW240SetStyle7 dt a,
.JS .ButtonW240SetStyle8 dt a {display: block;}
.JS .ButtonW120SetStyle1 dt a,
.JS .ButtonW120SetStyle2 dt a,
.JS .ButtonW120SetStyle3 dt a,
.JS .ButtonW120SetStyle4 dt a,
.JS .ButtonW120SetStyle5 dt a,
.JS .ButtonW120SetStyle6 dt a,
.JS .ButtonW120SetStyle7 dt a,
.JS .ButtonW120SetStyle8 dt a {width: auto;}
.JS .ButtonW180SetStyle1 dt a,
.JS .ButtonW180SetStyle2 dt a,
.JS .ButtonW180SetStyle3 dt a,
.JS .ButtonW180SetStyle4 dt a,
.JS .ButtonW180SetStyle5 dt a,
.JS .ButtonW180SetStyle6 dt a,
.JS .ButtonW180SetStyle7 dt a,
.JS .ButtonW180SetStyle8 dt a {width: auto;}
.JS .ButtonW240SetStyle1 dt a,
.JS .ButtonW240SetStyle2 dt a,
.JS .ButtonW240SetStyle3 dt a,
.JS .ButtonW240SetStyle4 dt a,
.JS .ButtonW240SetStyle5 dt a,
.JS .ButtonW240SetStyle6 dt a,
.JS .ButtonW240SetStyle7 dt a,
.JS .ButtonW240SetStyle8 dt a {width: auto;}
/* ------ Image Heading ------ */
.JS .ImgHeadingSet {width: auto;}
.JS .Grid3 .ImgHeadingSet .Column1,
.JS .Grid4 .ImgHeadingSet .Column1 {
float: none;
width: auto;
}
.JS .ImgHeadingStyle {margin-bottom: 10px;}
.JS .ImgHeadingStyle .Img {
float: left;
width: 80px;
margin: 0 15px 15px 0;
}
.JS .ImgHeadingStyle .Title {
position: static;
width: auto;
margin: 0;
}
.JS .ImgHeadingStyle .Title p,
.JS .ImgHeadingStyle .Title h2,
.JS .ImgHeadingStyle .Title h3,
.JS .ImgHeadingStyle .Title h4 {
margin: 0 0 10px 95px;
padding: 0;
font-size: 100%;
font-weight: bold;
background-image: none;
color: #707070;
}
.JS .ImgHeadingStyle .Title strong {
font-weight: bold !important;
color: #707070 !important;
}
.JS .ImgHeadingStyle .Title p a,
.JS .ImgHeadingStyle .Title h2 a,
.JS .ImgHeadingStyle .Title h3 a,
.JS .ImgHeadingStyle .Title h4 a {
display: inline-block;
margin: 0;
padding: 0 17px 0 0 !important;
font-weight: bold;
background-repeat: no-repeat !important;
background-position: center right !important;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
border-right: none !important;
}
.JS .ImgHeadingStyle .Title p a:link,
.JS .ImgHeadingStyle .Title h2 a:link,
.JS .ImgHeadingStyle .Title h3 a:link,
.JS .ImgHeadingStyle .Title h4 a:link,
.JS .ImgHeadingStyle .Title p a:visited,
.JS .ImgHeadingStyle .Title h2 a:visited,
.JS .ImgHeadingStyle .Title h3 a:visited,
.JS .ImgHeadingStyle .Title h4 a:visited {
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif) !important;
color: #707070;
}
.JS .ImgHeadingStyle .Title p a:hover,
.JS .ImgHeadingStyle .Title h2 a:hover,
.JS .ImgHeadingStyle .Title h3 a:hover,
.JS .ImgHeadingStyle .Title h4 a:hover,
.JS .ImgHeadingStyle .Title p a:active,
.JS .ImgHeadingStyle .Title h2 a:active,
.JS .ImgHeadingStyle .Title h3 a:active,
.JS .ImgHeadingStyle .Title h4 a:active,
.JS .ImgHeadingStyle.hover .Title p a,
.JS .ImgHeadingStyle.hover .Title h2 a,
.JS .ImgHeadingStyle.hover .Title h3 a,
.JS .ImgHeadingStyle.hover .Title h4 a {
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hover_hd.gif) !important;
color: #b1000e;
}
.JS .Column1 .ImgHeadingStyle ~ p {margin: 0 0 15px 95px;}
.JS .Column1 .ImgHeadingStyle ~ ul {margin: -5px 0 15px 95px;}
.JS .Column1 .ImgHeadingStyle ~ p + ul {margin-top: -10px;}
/* ------ Responsive Image Heading ------ */
.JS .ResponsivePanelStyle {margin: -15px -15px 0;}
.JS .ResponsivePanelStyle.TopBorderSet {
margin-top: 0;
border-top: solid 1px #ddd;
}
.JS .ResponsivePanelStyle.BottomBorderSet {
margin-bottom: 15px;
border-bottom: solid 1px #ddd;
}
.JS .ResponsivePanelStyle .ImgHeadingSet {margin: 0;}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 {
position: relative;
padding: 15px 30px 5px 15px;
border-top: solid 1px #ddd;
}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1:first-child {border-top: 0 none;}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1.hover {background-color: #f2f2f2;}
.JS .ResponsivePanelStyle .ImgHeadingSet .ImgHeadingStyle {position: static;}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 .Title p a,
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 .Title h2 a,
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 .Title h3 a,
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 .Title h4 a {
padding: 0 !important;
background-image: none !important;
color: #707070 !important;
text-decoration: none !important;
}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 .Title a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
right: 7px;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1.hover .Title a:after {right: 5px;}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 .ImgHeadingStyle ~ p {margin: 0 0 10px 95px;}
.JS .ResponsivePanelStyle .ImgHeadingSet .Column1 .ImgHeadingStyle ~ ul {margin: -5px 0 10px 95px;}
.JS .ResponsiveImgHeadingSet {
width: auto;
margin: 0;
}
.JS .Grid3 .ResponsiveImgHeadingSet .Column1,
.JS .Grid4 .ResponsiveImgHeadingSet .Column1 {
float: none;
width: auto;
padding: 0;
}
.JS .Grid3 .ResponsiveImgHeadingSet .Column1:nth-child(3),
.JS .Grid4 .ResponsiveImgHeadingSet .Column1:nth-child(3) {clear: none;}
.JS .ResponsiveImgHeadingSet .ImgOnlyStyle {
float: left;
margin: 0 15px 15px 0;
width: 80px;
}
.JS .ResponsiveImgHeadingSet h3,
.JS .ResponsiveImgHeadingSet h4,
.JS .ResponsiveImgHeadingSet p,
.JS .ResponsiveImgHeadingSet ul {margin-left: 95px;}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet {padding: 0;}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1 {
position: relative;
padding: 15px 30px 5px 15px;
border-top: solid 1px #ddd;
}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1:first-child {border-top: 0 none;}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1.hover {background-color: #f2f2f2;}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1 h3 a,
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1 h4 a {
padding: 0 !important;
background-image: none !important;
color: #707070 !important;
text-decoration: none !important;
}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1 h3 a:after,
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1 h4 a:after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
right: 7px;
margin: -8px 0 0;
background-image: url(../../../image/en/r1/icon/icon_link_right_l_hd.gif);
background-repeat: no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1.hover h3 a:after,
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet .Column1.hover h4 a:after {right: 5px;}
.JS .ResponsivePanelStyle .ResponsiveImgHeadingSet p {margin-bottom: 10px;}
/* ------ Banner Area ------ */
.JS .FatBanner strong {font-size: 76%;}
/* ------ Form Page ------ */
.JS .SubmitButtonSet li {
display: block;
margin: 0;
}
.JS .SubmitButtonSet li input[type="submit"],
.JS .SubmitButtonSet li input[type="reset"] {
width: 100%;
background-position: 99% center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.JS .SubmitButtonSet li input[type="submit"]:hover {background-position: 99.5% center;}
}
/* for print
=========================================================================================== */
@media print {
.Under995 #HeaderArea {margin-bottom: 0 !important;}
.Under995 #SearchArea,
.Under995 #CountryRegionArea,
.Under995 .SuperGlobalNavi {display: none !important;}
.Under995 #UltraGlobalNavi {display: inline-block !important;}
.Under995 #Search .BtnOpen a.Current,
.Under995 #CountryRegion .BtnOpen a.Current {background: none #dadada !important;}
.Under995 #UltraGlobalNavi .BtnOpen a.Current {background: none #e60027 !important;}
.ImgBoxStyle1 .ImgOnlyStyle span,
.ImgBoxStyle2 .ImgOnlyStyle span {
width: auto !important;
margin-left: 0 !important;
}
.AdditionalNotesStyle1 dd,
.AdditionalNotesStyle2 dd,
.AdditionalNotesStyle3 dd {overflow: hidden;}
}