@charset "UTF-8";
/* **************************************************
Name: common.css
Description: Main CSS
Create: 2014.02.13
Update: 2017.03.31
Update: 2019.03.01
Copyright 2014 Hitachi, Ltd.
***************************************************** */
/* ==================================================
Initial Setting
[-] Base Setting
[-] Body Setting
[-] Link Setting
Setting of page layout
[-] Skip Link
[s1] Header
[s2] Site Identity Area
[s3] Global Navigation System
[s4] Horizontal Local Navigation Bar
[s5] Breadcrumb Trail
[-] Content Area
[s6] Vertical Local Navigation Menu
[s7] Footer
[s9] Footer Banner
Setting of grid layout
[-] Grid
[cc] Column
Setting of content module
[c1] Page Title
[c2] Heading
[c3] Text
[c4] Promotional Copy
[c5] Image
[c6] Image + Text
[c7] Bulleted List
[c8] Numbered List
[c9] Footnote
[c10] Note
[c11] Link List
[c12] Button
[c13] Icon Link
[c14] Data Table
[c15] Plug-in Download Description
[c16] Box
[c17] Emphasis
[c18] Contents Navigation System
[c19] Linear Navigation System
[c20] Internal Link
[c21] Page Top Link
[c22] Panel Unit
[c23] Feature Unit
Setting of special page
[t1] Homepage
[t2] Branding Image
[p1] Pop-up Windows
[f1] Form Page
Setting of bottom link layout
[m1] Fat Menu Level1
[m2] Fat Menu Level2
[m3] Fat Menu Level3
[m4] Fat Menu Level4
===================================================== */
/* ----------------------------------------------------------------------------------------
Initial Setting
------------------------------------------------------------------------------------------- */
/* 1: Base Setting
=========================================================================================== */
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
line-height: 160%;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {text-align: left;}
q:before, q:after {content: "";}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
img, abbr, acronym, fieldset {
border: 0;
}
img {
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
ul li {list-style-type: none;}
strong {
font-weight: bold;
}
em {font-style: italic;}
sub {
margin: auto 1px auto;
font-size: 92.2%;
vertical-align: -0.15em;
line-height: 100%;
}
sup {
margin: auto 1px auto;
font-size: 92.2%;
vertical-align: 0.45em;
line-height: 100%;
}
.ClearFix:after {
content: "";
display: block;
clear: both;
}
/* 2: Body Setting
=========================================================================================== */
body {
font-family: '微软雅黑',Meiryo,'宋体',Simsun,Arial,Helvetica,sans-serif;
color: #333;
font-size: 100%;
line-height: 100%;
text-align: left;
background-color: #e5e5e5;
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/* 3: Link Setting
=========================================================================================== */
a:link {
text-decoration: underline;
color: #c02;
}
a:visited {
text-decoration: underline;
color: #a94657;
}
a:hover {
text-decoration: none;
color: #b1000e;
}
a:active {
text-decoration: none;
color: #b1000e;
}
/* ----------------------------------------------------------------------------------------
Setting of page layout
------------------------------------------------------------------------------------------- */
/* [-] Skip Link
=========================================================================================== */
#top {
min-width: 965px;
background-color: #3e3a39;
line-height: 2;
font-size: 83%;
text-align: center;
margin: 0;
}
#top a {
color: #fff;
background: url(../../../image/cn/r1/icon/icon_link_bottom_white_hd.png) right 3px 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;
padding-right: 18px;
position: absolute;
top: -10em;
}
#top a:link,
#top a:visited {
color: #fff;
text-decoration: none;
}
#top a:hover,
#top a:active {
color: #fff;
text-decoration: underline;
}
#top a.focus {
position: static;
margin: 5px 0 6px;
padding-bottom: 3px;
}
/* [s1] Header
=========================================================================================== */
#HeaderArea {
position: relative;
min-width: 965px;
border-top: solid 5px #e60027;
background-color: #f2f2f2;
}
#HeaderArea:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #ccc;
}
#HeaderSet {
width: 965px;
margin: 0 auto;
text-align: right;
}
#HeaderSet:after {
content: "";
display: block;
clear: both;
}
#HeaderSet .Statement {
float: left;
width: 95px;
height: 29px;
display: block;
padding: 9px 0 0 0;
}
/* --- [s1] Search Box --- */
#Search {
display: inline-block;
vertical-align: top;
text-align: left;
}
#Search .BtnOpen {
position: relative;
display: block;
}
#Search .BtnOpen a {
display: table-cell;
min-width: 90px;
height: 45px;
padding: 0 5px;
font-size: 76%;
text-align: center;
color: #333;
vertical-align: middle;
border-right: solid 1px #f2f2f2;
text-decoration: none;
line-height: 100%;
background-color: #dadada;
}
#Search .BtnOpen a:hover,
#Search .BtnOpen a:active {
text-decoration: none;
background-color: #ccc;
}
#Search .BtnOpen a.Current {
background: url(../../../image/cn/r1/bg_u_navi_current.gif) no-repeat center bottom #ccc;
}
#Search .BtnOpen a img {
margin: 0 5px 0 0;
vertical-align: middle;
}
#SearchArea {
position: absolute;
display: none;
width: 100%;
min-width: 965px;
height: 0;
top: 45px;
left: 0;
background-color: #e5e5e5;
overflow: hidden;
}
#SearchSet {
position: relative;
width: 965px;
margin: 0 auto;
padding: 20px 0 0;
text-align: center;
}
#Search dl {
display: block;
margin: 0 0 10px;
font-size: 83%;
color: #333;
}
#Search dl:after {
content: "";
display: block;
clear: both;
}
#Search dt {
clear: both;
float: left;
display: block;
width: 40%;
line-height: 26px;
text-align: right;
}
#Search dd {
float: right;
width: 60%;
text-align: left;
}
#Search form {
display: inline-block;
vertical-align: top;
}
#Search ul {
display: inline-block;
margin-left: 15px;
padding: 2px 0 0;
vertical-align: top;
}
#Search li a {
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
#Search li a:link,
#Search li a:visited {
color: #c02;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
}
#Search li a:hover,
#Search li a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hover_hd.gif);
}
#Search legend {
display: none;
}
.SearchTextBox {
width: 250px;
height: 18px;
margin: 0 0 0 15px;
padding: 4px;
vertical-align: top;
border: 0 none;
}
#Search .BtnSearch {
height: 26px;
margin: 0 0 7px;
padding: 0 10px;
background-color: #ccc;
font-family: '微软雅黑',Meiryo,'宋体',Simsun,Arial,Helvetica,sans-serif;
font-size: 90%;
border: 0 none;
color: #333;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#Search .BtnSearch:hover {background-color: #bbb;}
#Search .BtnClose {
position: absolute;
display: block;
right: 0;
top: 20px;
line-height: 130%;
}
#Search .BtnClose a {
display: block;
min-width: 50px;
padding: 2px 15px 2px 10px;
background-image: url(../../../image/cn/r1/icon/icon_close_hd.gif);
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
background-position: right center;
background-repeat: no-repeat;
font-size: 76%;
text-align: center;
border-right: solid 5px transparent;
}
#Search .BtnClose a:link,
#Search .BtnClose a:visited {
color: #fff;
background-color: #e60027;
text-decoration: none;
}
#Search .BtnClose a:hover,
#Search .BtnClose a:active {
color: #fff;
background-color: #b1000e;
text-decoration: none;
}
/* --- [s1] Country/Region Selector --- */
#CountryRegion {
display: inline-block;
vertical-align: top;
text-align: left;
}
#CountryRegion .BtnOpen {
position: relative;
}
#CountryRegion .BtnOpen a {
display: table-cell;
min-width: 80px;
height: 45px;
padding: 0 10px;
font-size: 67%;
text-align: center;
color: #333;
vertical-align: middle;
text-decoration: none;
line-height: 100%;
background-color: #dadada;
}
#CountryRegion .BtnOpen a:hover,
#CountryRegion .BtnOpen a:active {
text-decoration: none;
background-color: #ccc;
}
#CountryRegion .BtnOpen a.Current {
background: url(../../../image/cn/r1/bg_u_navi_current.gif) no-repeat center bottom #ccc;
}
#CountryRegion .BtnOpen a img {
margin: 0 10px 0 0;
vertical-align: middle;
}
#CountryRegionArea {
position: absolute;
display: none;
width: 100%;
min-width: 965px;
height: 0;
top: 45px;
left: 0;
background-color: #e5e5e5;
overflow: hidden;
font-family: Arial,Helvetica,sans-serif;
}
#CountryRegionSet {
position: relative;
}
#CountryRegion .Inner {
position: relative;
width: 965px;
margin: 0 auto;
padding: 20px 0 0;
}
#CountryRegion .Inner h2 {
float: left;
width: 16em;
margin: 0 10px 0 0;
padding: 0;
background: none transparent;
font-size: 90%;
}
#CountryRegion .Inner h2 a {
display: inline-block;
padding: 0 20px 0 0;
font-weight: bold;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
#CountryRegion .Inner h2 a:link,
#CountryRegion .Inner h2 a:visited {
color: #333;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
#CountryRegion .Inner h2 a:hover,
#CountryRegion .Inner h2 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
#CountryRegion .Inner h3 {
position: absolute;
width: 20%;
top: 60px;
margin: 0;
padding: 0;
font-size: 83%;
}
#CountryRegion .Inner h3.Americas {left: 0;}
#CountryRegion .Inner h3.Asia {left: 20%;}
#CountryRegion .Inner h3.Europe {left: 40%;}
#CountryRegion .Inner h3.MENA {left: 60%;}
#CountryRegion .Inner h3.Oceania {left: 80%;}
#CountryRegion .Inner h3 a {
display: table-cell;
width: 163px;
height: 44px;
margin: 0;
padding: 0 15px;
color: #333;
font-weight: bold;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
vertical-align: middle;
line-height: 140%;
background-image: none;
text-align: center;
}
#CountryRegion .Inner h3 a:link,
#CountryRegion .Inner h3 a:visited {
color: #333;
text-decoration: none;
background-color: transparent;
}
#CountryRegion .Inner h3 a:hover,
#CountryRegion .Inner h3 a:active,
#CountryRegion .Inner h3.Current a {
color: #fff !important;
text-decoration: none !important;
background-color: #b1000e !important;
border-top: solid 1px #b1000e !important;
border-bottom: solid 1px #b1000e !important;
}
#CountryRegion .Inner h3 a:hover:after,
#CountryRegion .Inner h3 a:active:after,
#CountryRegion .Inner h3.Current a:after {
content: "";
display: block;
position: absolute;
width: 15px;
height: 8px;
bottom: -8px;
left: 50%;
margin: 0 0 0 -7px;
background: url(../../../image/cn/r1/bg_gn_current.gif) no-repeat;
}
#CountryRegion .Inner div.Americas,
#CountryRegion .Inner div.Asia,
#CountryRegion .Inner div.Europe,
#CountryRegion .Inner div.MENA,
#CountryRegion .Inner div.Oceania {
display: none;
}
#CountryRegion .Inner .ColumnSet {
margin: 105px 0 0;
}
#CountryRegion .Inner .ColumnSet:after {
content: "";
display: block;
clear: both;
}
#CountryRegion .Inner .Current {
display: block !important;
}
#CountryRegion .Inner .Column1 {
float: left;
width: 230px;
margin: 0 0 0 15px;
}
#CountryRegion .Inner .FirstItem {
margin: 0;
}
#CountryRegion .Inner ul.Global {
float: left;
width: 230px;
margin: 0 0 0 15px;
border-left: solid 1px #ccc;
}
#CountryRegion .Inner li {
margin: 0 0 5px;
border: none;
font-size: 83%;
line-height: 140%;
background-image: url(../../../image/cn/r1/icon/icon_list_marker_hd.gif);
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
background-repeat: no-repeat;
background-position: 0 1px;
}
#CountryRegion .Inner ul.Global li {
width: auto;
margin: 0;
background: none;
line-height: 160%;
}
#CountryRegion .Inner li span {
display: block;
padding: 0 0 0 17px;
}
#CountryRegion .Inner ul.Global li span {
display: block;
padding: 0 0 0 15px;
}
#CountryRegion .Inner li a {
line-height: 140%;
}
#CountryRegion .Inner li a:link,
#CountryRegion .Inner li a:visited {
color: #c02;
text-decoration: underline;
}
#CountryRegion .Inner li a:hover,
#CountryRegion .Inner li a:active {
color: #b1000e;
text-decoration: none;
}
#CountryRegion .Inner .BtnClose {
position: absolute;
right: 0;
top: 20px;
line-height: 130%;
}
#CountryRegion .Inner .BtnClose a {
display: block;
min-width: 50px;
padding: 2px 15px 2px 10px;
background-image: url(../../../image/cn/r1/icon/icon_close_hd.gif);
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
background-position: right center;
background-repeat: no-repeat;
font-size: 76%;
text-align: center;
border-right: solid 5px transparent;
}
#CountryRegion .Inner .BtnClose a:link,
#CountryRegion .Inner .BtnClose a:visited {
color: #fff;
background-color: #e60027;
text-decoration: none;
}
#CountryRegion .Inner .BtnClose a:hover,
#CountryRegion .Inner .BtnClose a:active {
color: #fff;
background-color: #b1000e;
text-decoration: none;
}
/* --- [s1] Ultra Global Navigation --- */
#UltraGlobalNavi {
display: inline-block;
vertical-align: top;
text-align: left;
}
#UltraGlobalNavi:after {
content: "";
display: block;
clear: both;
}
#UltraGlobalNaviSP {
display: none;
}
#UltraGlobalNavi .BtnOpen {
float: left;
margin: -5px 0 0;
line-height: 50px;
}
#UltraGlobalNavi .BtnOpen {
position: relative;
}
#UltraGlobalNavi .BtnOpen a {
display: table-cell;
height: 48px;
padding: 2px 15px 0;
font-size: 67%;
line-height: 140%;
vertical-align: middle;
}
#UltraGlobalNavi #UltraGlobalNaviProducts a {min-width: 85px;}
#UltraGlobalNavi #UltraGlobalNaviCompany a {min-width: 84px;border-left: solid 1px #eb5b74;}
#UltraGlobalNavi .BtnOpen a:link,
#UltraGlobalNavi .BtnOpen a:visited {
color: #fff;
text-decoration: none;
background-color: #e60027;
}
#UltraGlobalNavi .BtnOpen a:hover,
#UltraGlobalNavi .BtnOpen a:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
}
#UltraGlobalNavi .BtnOpen a.Current {
color: #fff;
background: url(../../../image/cn/r1/bg_u_navi_current.gif) no-repeat center bottom #b1000e;
}
/* --- [s1] Super Global Navigation --- */
.SuperGlobalNavi {
position: absolute;
display: none;
width: 100%;
min-width: 965px;
height: 0;
top: 45px;
left: 0;
overflow: hidden;
background-color: #e5e5e5;
}
.SuperGlobalNavi .Inner {
position: relative;
width: 965px;
margin: 0 auto;
}
.SuperGlobalNavi .Title {
border-bottom: solid 1px #a02;
}
.SuperGlobalNavi h2 {
margin: 0 !important;
padding: 0 0 10px;
background: none transparent;
font-size: 90%;
}
.SuperGlobalNavi h2 a {
display: inline-block;
margin: 20px 0 10px;
padding: 0 20px 0 0;
font-weight: bold;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.SuperGlobalNavi h2 a:link,
.SuperGlobalNavi h2 a:visited {
color: #333;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
.SuperGlobalNavi h2 a:hover,
.SuperGlobalNavi h2 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
.SuperGlobalNavi .ColumnSet:after,
.SuperGlobalNavi ul:after {
content: "";
display: block;
clear: both;
}
.SuperGlobalNavi ul {
padding: 5px 0 10px;
}
.SuperGlobalNavi ul.SubMenu {
margin: -10px 0 10px;
padding: 0;
}
.SuperGlobalNavi ul.SubMenu:after {
content: "";
display: block;
margin: 0;
border-bottom: solid 1px #ccc;
}
.SuperGlobalNavi li {
float: left;
width: 230px;
min-height: 3em;
margin: 0 0 5px 15px;
border: none;
font-size: 83%;
line-height: 140%;
}
.SuperGlobalNavi .LineSpaceSmallStyle li {min-height: 1em;}
.SuperGlobalNavi ul.SubMenu li {
min-height: 1em;
margin: 0 0 0 15px;
padding: 0 0 15px;
}
.SuperGlobalNavi li.FirstItem {
clear: both;
margin: 0 0 5px;
}
.SuperGlobalNavi ul.SubMenu li.FirstItem {
margin: 0;
padding: 0 0 15px;
}
.SuperGlobalNavi li a {
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.SuperGlobalNavi li a:link,
.SuperGlobalNavi li a:visited {
color: #c02;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
}
.SuperGlobalNavi li a:hover,
.SuperGlobalNavi li a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hover_hd.gif);
}
.SuperGlobalNavi .Column1 {
float: left;
width: 230px;
}
.SuperGlobalNavi h3 {
margin: 5px 0;
font-size: 90%;
font-weight: bold;
line-height: 100%;
color: #333;
}
.SuperGlobalNavi h3 a {
padding: 0 20px 0 0;
line-height: 130%;
font-size: 100%;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.SuperGlobalNavi h3 a:link,
.SuperGlobalNavi h3 a:visited {
color: #333;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_hd.gif);
}
.SuperGlobalNavi h3 a:hover,
.SuperGlobalNavi h3 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_hover_hd.gif);
}
.SuperGlobalNavi .Column3 {
float: right;
width: 720px;
}
.SuperGlobalNavi .BtnClose {
position: absolute;
right: 0;
top: 20px;
line-height: 130%;
}
.SuperGlobalNavi .BtnClose a {
display: block;
min-width: 50px;
padding: 2px 15px 2px 10px;
background-image: url(../../../image/cn/r1/icon/icon_close_hd.gif);
background-position: right center;
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;
font-size: 76%;
text-align: center;
border-right: solid 5px transparent;
}
.SuperGlobalNavi .BtnClose a:link,
.SuperGlobalNavi .BtnClose a:visited {
color: #fff;
background-color: #e60027;
text-decoration: none;
}
.SuperGlobalNavi .BtnClose a:hover,
.SuperGlobalNavi .BtnClose a:active {
color: #fff;
background-color: #b1000e;
text-decoration: none;
}
.SuperGlobalNavi .NewWin a {background-image: url(../../../image/cn/r1/icon/icon_new_window_hd.gif) !important;}
.SuperGlobalNavi .Mail a {background-image: url(../../../image/cn/r1/icon/icon_mail_hd.gif) !important;}
.SuperGlobalNavi .Inquiry a {background-image: url(../../../image/cn/r1/icon/icon_inquiry_hd.gif) !important;}
.SuperGlobalNavi .Pdf a {background-image: url(../../../image/cn/r1/icon/icon_pdf_hd.gif) !important;}
.SuperGlobalNavi .Download a {background-image: url(../../../image/cn/r1/icon/icon_download_hd.gif) !important;}
.SuperGlobalNavi .Sound a {background-image: url(../../../image/cn/r1/icon/icon_sound_hd.gif) !important;}
.SuperGlobalNavi .Movie a {background-image: url(../../../image/cn/r1/icon/icon_movie_hd.gif) !important;}
.SuperGlobalNavi .Important a {background-image: url(../../../image/cn/r1/icon/icon_important_link_hd.gif) !important;}
.SuperGlobalNavi .Bottom a {background-image: url(../../../image/cn/r1/icon/icon_link_bottom_hd.gif) !important;}
.SuperGlobalNavi .Top a {background-image: url(../../../image/cn/r1/icon/icon_link_top_hd.gif) !important;}
.SuperGlobalNavi .NoIcon a {
padding: 0;
background-image: none !important;
}
.SuperGlobalNavi .NoIcon img {
margin-left: 3px;
vertical-align: top;
}
.SuperGlobalNavi h3.NoIcon img {margin-left: 4px;}
/* [s2] Site Identity Area
=========================================================================================== */
#SiteIdentityS,
#SiteIdentityL,
#SiteIdentity {
min-width: 965px;
background-color: #f2f2f2;
border-top: solid 1px #fff;
}
#SiteIdentityS .Title,
#SiteIdentityL .Title,
#SiteIdentity .Title {
position: relative;
z-index: 2;
width: 965px;
height: 55px;
margin: 0 auto;
padding: 5px 0 0;
}
#SiteIdentityS .Title a[href]:link img,
#SiteIdentityL .Title a[href]:link img,
#SiteIdentity .Title a[href]:link img,
#SiteIdentityS .Title a[href]:visited img,
#SiteIdentityL .Title a[href]:visited img,
#SiteIdentity .Title a[href]:visited img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
#SiteIdentityS .Title a[href]:hover img,
#SiteIdentityL .Title a[href]:hover img,
#SiteIdentity .Title a[href]:hover img,
#SiteIdentityS .Title a[href]:active img,
#SiteIdentityL .Title a[href]:active img,
#SiteIdentity .Title a[href]:active img {
opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
/* [s3] Global Navigation System
=========================================================================================== */
#GlobalNavi {
position: relative;
min-width: 965px;
background-color: #fff;
}
#GlobalNavi .ClearFix {
background-color: #f2f2f2;
}
.CourtesyNavi {
width: 965px;
height: 42px;
margin: -42px auto 0;
text-align: right;
}
.CourtesyNavi li {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 0 0 20px;
line-height: 1em;
}
.CourtesyNavi li.RightSeparater {
margin: 0 -10px 0 20px;
border-right: solid 1px #d5d5d5;
}
.CourtesyNavi li.RightSeparater a {
margin: 0 15px 0 0;
}
.CourtesyNavi li a {
font-size: 67%;
vertical-align: middle;
}
.CourtesyNavi li a:link,
.CourtesyNavi li a:visited {
color: #333;
text-decoration: none;
}
.CourtesyNavi li a:hover,
.CourtesyNavi li a:active {
color: #b1000e;
text-decoration: underline;
}
#GlobalNaviTop {
position: relative;
z-index: 2;
width: 965px;
margin: 0 auto;
}
#GlobalNaviTop:after {
content: "";
display: block;
clear: both;
}
#GlobalNaviTop li {
float: left;
}
#GlobalNaviTop li a {
display: block;
line-height: 35px;
padding: 0 15px;
font-size: 83%;
}
#GlobalNaviTop li a:link,
#GlobalNaviTop li a:visited {
color: #333;
text-decoration: none;
}
#GlobalNaviTop li a:hover,
#GlobalNaviTop li a:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
}
#GlobalNaviTop li.Current a {
line-height: 45px;
padding: 0;
}
#GlobalNaviTop li.Current a:link,
#GlobalNaviTop li.Current a:visited {color: #000;}
#GlobalNaviTop li.Current a:hover,
#GlobalNaviTop li.Current a:active {color: #fff;}
#GlobalNaviTop li.Current a em {
display: block;
line-height: 35px;
padding: 0 15px;
background: url(../../../image/cn/r1/bg_g_navi_current.gif) no-repeat center bottom;
font-weight: bold;
font-style: normal;
}
#GlobalNaviTop li.Current a strong {
display: block;
line-height: 35px;
padding: 0 15px;
background: url(../../../image/cn/r1/bg_g_navi_current.gif) no-repeat center bottom #b1000e;
color: #fff;
}
#GlobalNaviTopButton {
display: none;
}
/* [s4] Horizontal Local Navigation Bar
=========================================================================================== */
#HorizontalLocalNavi {
width: 965px;
margin: 0 auto;
background-color: #fff;
}
#HorizontalLocalNavi:after {
content: "";
display: block;
clear: both;
}
#HorizontalLocalNavi:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #e5e5e5;
}
#HorizontalLocalNavi li {
position: relative;
float: left;
}
#HorizontalLocalNavi li a {
display: block;
line-height: 45px;
padding: 0 15px;
font-size: 83%;
}
#HorizontalLocalNavi li a:link,
#HorizontalLocalNavi li a:visited {
color: #333;
text-decoration: none;
}
#HorizontalLocalNavi li a:hover,
#HorizontalLocalNavi li a:active {
color: #fff;
text-decoration: none;
background-color: #b1000e;
}
#HorizontalLocalNavi li.Current a {
line-height: 45px;
padding: 0;
}
#HorizontalLocalNavi li.Current a:link,
#HorizontalLocalNavi li.Current a:visited {color: #000;}
#HorizontalLocalNavi li.Current a:hover,
#HorizontalLocalNavi li.Current a:active {color: #fff;}
#HorizontalLocalNavi li.Current a em {
display: block;
line-height: 45px;
padding: 0 15px;
background: url(../../../image/cn/r1/bg_h_navi_current.gif) no-repeat center bottom;
font-weight: bold;
font-style: normal;
}
#HorizontalLocalNavi li.Current a strong {
display: block;
line-height: 45px;
padding: 0 15px;
background: url(../../../image/cn/r1/bg_h_navi_current.gif) no-repeat center bottom #b1000e;
color: #fff;
}
/* [s5] Breadcrumb Trail
=========================================================================================== */
#TopicPath {
min-width: 965px;
background-color: #fff;
}
#TopicPath ul {
width: 965px;
margin: 0 auto;
padding: 20px 0 5px;
}
#TopicPath ul:after {
content: "";
display: block;
clear: both;
}
#TopicPath ul li {
float: left;
padding: 0 0 0 20px;
font-size: 67%;
background: url(../../../image/cn/r1/icon/icon_topic_path_transition_hd.gif) no-repeat 7px center;
background-size: 6px 6px;
-moz-background-size: 6px 6px;
-webkit-background-size: 6px 6px;
-o-background-size: 6px 6px;
-ms-background-size: 6px 6px;
word-break: keep-all;
}
#TopicPath ul li.FirstItem {
padding: 0;
background: none;
}
#TopicPath ul li a:link,
#TopicPath ul li a:visited {
text-decoration: none;
}
#TopicPath ul li a:hover,
#TopicPath ul li a:active {
text-decoration: underline;
}
#TopicPath ul li strong {
font-weight: normal;
color: #333;
}
/* [-] Content Area
=========================================================================================== */
#Contents {
min-width: 965px;
background-color: #fff;
padding-bottom: 1px;
}
.TopMarginSet {
padding-top: 20px;
}
/* [s6] Vertical Local Navigation Menu
=========================================================================================== */
#VerticalLocalNavi {
margin: 0 0 15px;
font-size: 83%;
}
#VerticalLocalNavi h2 {
margin: 0;
padding: 0;
}
#VerticalLocalNavi h2 a {
display: block;
margin: 0;
padding: 12px 15px;
font-weight: normal;
border-top: none;
border-bottom: solid 1px #fff;
color: #fff;
text-decoration: none;
background-image: none;
}
#VerticalLocalNavi h2 a:link,
#VerticalLocalNavi h2 a:visited {background-color: #737373;}
#VerticalLocalNavi h2 a:hover,
#VerticalLocalNavi h2 a:active {background-color: #444;}
#VerticalLocalNavi ul {margin: 0;}
#VerticalLocalNavi li {
position: relative;
font-size: 100%;
}
#VerticalLocalNavi a {
display: block;
padding: 9px 15px;
vertical-align: top;
border-top: solid 1px #fff;
line-height: 140%;
text-decoration: none;
}
#VerticalLocalNavi li.FirstItem a {border-top: none;}
#VerticalLocalNavi li.FirstItem li a {border-top: solid 1px #fff;}
#VerticalLocalNavi li li.FirstItem a {border-top: solid 1px #fff;}
#VerticalLocalNavi li li {font-size: 100%;}
#VerticalLocalNavi li li a {padding: 9px 15px 9px 30px;}
#VerticalLocalNavi li li li {font-size: 100%;}
#VerticalLocalNavi li li li a {padding: 9px 15px 9px 45px;}
#VerticalLocalNavi li a:link,
#VerticalLocalNavi li a:visited {
color: #333;
background-color: #eee;
}
#VerticalLocalNavi li a:hover,
#VerticalLocalNavi li a:active {
color: #fff;
background-color: #b1000e;
}
#VerticalLocalNavi li li a:link,
#VerticalLocalNavi li li a:visited {
color: #333;
background-color: #e1e1e1;
}
#VerticalLocalNavi li li a:hover,
#VerticalLocalNavi li li a:active {
color: #fff;
background-color: #b1000e;
}
#VerticalLocalNavi li li li a:link,
#VerticalLocalNavi li li li a:visited {
color: #333;
background-color: #d1d1d1;
}
#VerticalLocalNavi li li li a:hover,
#VerticalLocalNavi li li li a:active {
color: #fff;
background-color: #b1000e;
}
#VerticalLocalNavi li.Current a strong {
display: block;
margin: -9px -15px;
padding: 9px 15px;
background-color: #b1000e;
color: #fff;
background-image: url(../../../image/cn/r1/bg_v_navi_current.gif);
background-repeat: no-repeat;
background-position: center left;
}
#VerticalLocalNavi li.Current a em {
display: block;
margin: -9px -15px;
padding: 9px 15px;
background: url(../../../image/cn/r1/bg_v_navi_current.gif);
background-repeat: no-repeat;
background-position: center left;
font-weight: bold;
font-style: normal;
}
#VerticalLocalNavi li li.Current a strong,
#VerticalLocalNavi li li.Current a em {
margin: -9px -15px -9px -30px;
padding: 9px 15px 9px 30px;
}
#VerticalLocalNavi li li li.Current a strong,
#VerticalLocalNavi li li li.Current a em {
margin: -9px -15px -9px -45px;
padding: 9px 15px 9px 45px;
}
#VerticalLocalNavi li.Current a:link em,
#VerticalLocalNavi li.Current a:visited em {color: #000; background-color: #d1d1d1;}
#VerticalLocalNavi li.Current a:hover em,
#VerticalLocalNavi li.Current a:active em {color: #fff; background-color: #b1000e;}
/* [s7] Footer
=========================================================================================== */
#Footer {
clear: both;
min-width: 965px;
padding: 30px 0;
background-color: #e5e5e5;
overflow: hidden;
}
#Footer h2 {
margin: 0;
padding: 0;
border: none;
line-height: 0;
text-indent: -9999px;
background-image: none; /* for iOS 4.x & Android 2.x */
}
#Footer ul {
width: 965px;
margin: 0 auto;
font-size: 67%;
}
#Footer li {
float: left;
padding: 0 10px;
border-left: solid 1px #bbb;
line-height: 1.5em;
vertical-align: top;
}
#Footer li.FirstItem {
padding: 0 10px 0 0;
border-left: none;
}
#Footer li a:link,
#Footer li a:visited {
color: #333;
text-decoration: none;
}
#Footer li a:hover,
#Footer li a:active {
color: #b1000e;
text-decoration: underline;
}
#Footer p {
width: 965px;
margin: 0 auto;
font-size: 65%;
text-align: right;
line-height: 1.5em;
color: #333;
vertical-align: top;
}
/* [s9] Footer Banner
=========================================================================================== */
/* --- [s9-1] Banner Area > 1 row --- */
/* --- [s9-2] Banner Area > 2 rows --- */
.FatBanner {
clear: both;
min-width: 965px;
padding: 25px 0 10px;
background-color: #f2f2f2;
border-top: solid 1px #fff;
overflow: hidden;
}
.FatBanner:after {
content: "";
display: block;
clear: both;
}
.FatBanner ul {
width: 965px;
margin: 0 auto;
}
.FatBanner li {
float: left;
width: 230px;
margin: 0 0 15px 15px;
}
.FatBanner li.FirstItem {
clear: both;
margin: 0 0 15px;
}
.FatBanner a {display: block;}
.FatBanner a:link,
.FatBanner a:visited,
.FatBanner a:hover,
.FatBanner a:active {text-decoration: none;}
.FatBanner strong {
display: block;
font-size: 90%;
line-height: 120%;
color: #fff;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.FatBanner a:link strong,
.FatBanner a:visited strong {
padding: 0 22px 0 15px;
background-color: #e60027;
border-right: solid 3px transparent;
}
.FatBanner a:hover strong,
.FatBanner a:active strong {
padding: 0 24px 0 15px;
background-color: #b1000e;
border-right: solid 1px transparent;
}
.FatBanner span {
display: table-cell;
height: 3em;
vertical-align: middle;
}
/* ----------------------------------------------------------------------------------------
Setting of grid layout
------------------------------------------------------------------------------------------- */
/* [-] Grid
=========================================================================================== */
.GridSet {
width: 965px;
margin: 0 auto;
}
.GridSet:after {
content: "";
display: block;
clear: both;
}
.Grid4 {
width: 100%;
}
.Grid3 {
float: left;
width: 720px;
}
.Grid1 {
float: right;
width: 230px;
}
/* [cc] Column
=========================================================================================== */
.ColumnSet {
width: 100%;
}
.ColumnSet:after {
content: "";
display: block;
clear: both;
}
.Column1 {
float: left;
width: 230px;
margin: 0 0 0 15px;
}
.Column1andHalf {
float: left;
width: 353px;
margin: 0 0 0 14px;
}
.Column2 {
float: left;
width: 475px;
margin: 0 0 0 15px;
}
.Column3 {
float: left;
width: 720px;
margin: 0 0 0 15px;
}
.Column1.FirstItem,
.Column1andHalf.FirstItem,
.Column2.FirstItem,
.Column3.FirstItem {
margin: 0;
}
/* ----------------------------------------------------------------------------------------
Setting of content module
------------------------------------------------------------------------------------------- */
/* [c1] Page Title
=========================================================================================== */
/* --- [c1-1-1] Page Title > Text --- */
/* --- [c1-2-1] Page Title > Text > With Subtitle --- */
.PageTitleStyle1,
.PageTitleStyle2 {margin: 0 0 25px;}
.PageTitleStyle1 h1,
.PageTitleStyle2 h1 {
font-size: 150%;
font-weight: bold;
line-height: 130%;
color: #777;
}
.PageTitleStyle1 h1 a:link,
.PageTitleStyle1 h1 a:visited,
.PageTitleStyle1 h1 a:hover,
.PageTitleStyle1 h1 a:active
.PageTitleStyle2 h1 a:link,
.PageTitleStyle2 h1 a:visited,
.PageTitleStyle2 h1 a:hover,
.PageTitleStyle2 h1 a:active {
text-decoration: none;
color: #777;
}
.PageTitleStyle1 .SubTitle,
.PageTitleStyle2 .SubTitle {
margin: 0;
font-size: 100%;
line-height: 130%;
color: #777;
}
.PageTitleStyle1 .SubTitle strong,
.PageTitleStyle2 .SubTitle strong {color: #777;}
/* --- [c1-3-1] Page Title > Image > 4 Grid Layout --- */
/* --- [c1-3-2] Page Title > Image > 3+1 Grid Layout --- */
.PageTitleStyle3 {margin: 0 0 25px;}
/* --- [c1-1-3] Page Title > Text > With Logo --- */
/* --- [c1-2-3] Page Title > Text > With Subtitle > With Logo--- */
.PageTitleStyle1 p.LogoStyle,
.PageTitleStyle2 p.LogoStyle {
float: right;
width: 142px;
height: 42px;
}
/* [c2] Heading
=========================================================================================== */
/* --- [c2-1-1] Heading > Leval 1 --- */
/* --- [c2-1-2] Heading > Level 1 > With Link --- */
h2 {
margin: 0 0 5px;
padding: 0 0 10px 0;
background: url(../../../image/cn/r1/balloon_down.gif) no-repeat 40px bottom;
}
h2 span {
display: block;
padding: 10px 15px;
font-size: 110%;
font-weight: bold;
color: #575757;
line-height: 130%;
background-color: #f2f2f2;
}
h2 a {
padding: 0 20px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
h2 a:link,
h2 a:visited {
color: #575757;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
h2 a:hover,
h2 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
h2 a[name] {padding: 0;}
h2 a[name][href] {padding: 0 20px 0 0;}
h2 a[name]:link,
h2 a[name]:visited,
h2 a[name]:hover,
h2 a[name]:active {
color: #575757;
text-decoration: none;
background-image: none;
}
h2 a[name][href]:link,
h2 a[name][href]:visited {
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
h2 a[name][href]:hover,
h2 a[name][href]:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
/* --- [c2-1-3-1] Heading > Leval 1 > Link on Right --- */
/* --- [c2-1-3-2] Heading > Leval 1 > Link to RDF File --- */
.LV1LinkSet {
margin: 0 0 5px;
padding: 0 0 10px 0;
background: url(../../../image/cn/r1/balloon_down.gif) no-repeat 40px bottom;
}
.LV1LinkSet div {
padding: 10px 13px 10px 15px;
background-color: #f2f2f2;
}
.LV1LinkSet div h2 {
float: left;
margin: 0;
padding: 0;
color: #575757;
font-size: 110%;
font-weight: bold;
line-height: 130%;
}
.LV1LinkSet div ul {
float: right;
padding-top: 4px;
}
.LV1LinkSet div ul li {
font-size: 76%;
line-height: 130%;
}
.LV1LinkSet div ul li a {
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right 45%;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.LV1LinkSet div ul li a:link,
.LV1LinkSet div ul li a:visited {
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
}
.LV1LinkSet div ul li a:hover,
.LV1LinkSet div ul li a:active {
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hover_hd.gif);
}
.LV1LinkSet div ul li a img {
width: 52px;
max-width: 52px;
height: 22px;
margin: -4px -20px 0 0;
}
/* --- [c2-2-1] Heading > Level 2 --- */
/* --- [c2-2-2] Heading > Level 2 > With Link --- */
h3 {
margin: 0 0 10px;
font-size: 100%;
font-weight: bold;
color: #737373;
line-height: 130%;
}
h3 a {
padding: 0 20px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
h3 a:link,
h3 a:visited {
color: #737373;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
h3 a:hover,
h3 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
h3 a[name] {padding: 0;}
h3 a[name][href] {padding: 0 20px 0 0;}
h3 a[name]:link,
h3 a[name]:visited,
h3 a[name]:hover,
h3 a[name]:active {
color: #737373;
text-decoration: none;
background-image: none;
}
h3 a[name][href]:link,
h3 a[name][href]:visited {
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
h3 a[name][href]:hover,
h3 a[name][href]:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
/* --- [c2-2-3-1] Heading > Leval 2 > Link on Right --- */
/* --- [c2-2-3-2] Heading > Leval 2 > Link to RDF File --- */
.LV2LinkSet {
margin: 0 0 10px;
}
.LV2LinkSet h3 {
float: left;
margin: 0;
}
.LV2LinkSet ul {
float: right;
padding-top: 2px;
}
.LV2LinkSet ul li {
font-size: 76%;
line-height: 130%;
}
.LV2LinkSet ul li a {
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right 45%;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.LV2LinkSet ul li a:link,
.LV2LinkSet ul li a:visited {
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
}
.LV2LinkSet ul li a:hover,
.LV2LinkSet ul li a:active {
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hover_hd.gif);
}
.LV2LinkSet ul li a img {
width: 52px;
max-width: 52px;
height: 22px;
margin: -4px -20px 0 0;
}
/* --- [c2-3-1] Heading > Level 3 --- */
/* --- [c2-3-2] Heading > Level 3 > With Link --- */
h4 {
margin: 0 0 10px;
font-size: 96%;
font-weight: bold;
color: #333;
line-height: 130%;
}
h4 a {
padding: 0 20px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
h4 a:link,
h4 a:visited {
color: #000;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
h4 a:hover,
h4 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
h4 a[name] {padding: 0;}
h4 a[name][href] {padding: 0 20px 0 0;}
h4 a[name]:link,
h4 a[name]:visited,
h4 a[name]:hover,
h4 a[name]:active {
color: #000;
text-decoration: none;
background-image: none;
}
h4 a[name][href]:link,
h4 a[name][href]:visited {
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
h4 a[name][href]:hover,
h4 a[name][href]:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
/* [c3] Text
=========================================================================================== */
/* --- [c3-1-1] Text > Text Size 90% --- */
/* --- [c3-2-1] Text > Right-aligned > Text Size 90% --- */
/* --- [c3-1-2] Text > Text Size 83% --- */
/* --- [c3-2-2] Text > Right-aligned > Text Size 83% --- */
/* --- [c3-1-3] Text > Text Size 76% --- */
/* --- [c3-2-3] Text > Right-aligned > Text Size 76% --- */
/* --- [c3-1-4] Text > Text Size 67% --- */
/* --- [c3-2-4] Text > Right-aligned > Text Size 67% --- */
.TextStyle1,
.TextStyle2,
.TextStyle3,
.TextStyle4 {margin: 0 0 15px;}
.TextStyle1 {font-size: 90%;}
.TextStyle2 {font-size: 83%;}
.TextStyle3 {font-size: 76%;}
.TextStyle4 {font-size: 67%;}
/* [c4] Promotional Copy
=========================================================================================== */
/* --- [c4-1] Promotional Copy > Left-Aligned --- */
/* --- [c4-2] Promotional Copy > Centered --- */
.CatchCopy {
margin: 0 0 20px;
font-size: 90%;
}
/* [c5] Image
=========================================================================================== */
/* [c6] Image + Text
=========================================================================================== */
/* --- [c5-1-1] Image > Left-Aligned --- */
/* --- [c5-1-2] Image > Left-Aligned > Caption + Pop-up --- */
/* --- [c5-2-1] Image > Centered --- */
/* --- [c5-2-2] Image > Centered > Caption + Pop-up --- */
/* --- [c5-3-1] Image > Right-aligned --- */
/* --- [c5-3-2] Image > Right-aligned > Caption + Pop-up --- */
.ImgOnlyStyle {
margin: 0 0 10px;
font-size: 83%;
}
.ImgOnlyStyle a.NewWindow {
padding: 0 17px 0 0;
background: url(../../../image/cn/r1/icon/icon_new_window_hd.gif) no-repeat right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.ImgOnlyStyle a.NewWindow:link,
.ImgOnlyStyle a.NewWindow:visited {text-decoration: none;}
.ImgOnlyStyle a.NewWindow:hover,
.ImgOnlyStyle a.NewWindow:active {text-decoration: underline;}
.ImgOnlyStyle img {margin: 0 0 5px;}
/* --- [c6-1-1] Image + Text > Right-aligned > Text Size 90% --- */
/* --- [c6-1-2] Image + Text > Right-aligned > Text Size 83% --- */
/* --- [c6-2-1] Image + Text > Left-Aligned > Text Size 90% --- */
/* --- [c6-2-2] Image + Text > Left-Aligned > Text Size 83% --- */
.ImgLeftAdjust {
float: left;
margin: 0 20px 0 0;
text-align: left;
}
.ImgRightAdjust {
float: right;
margin: 0 0 0 20px;
text-align: left;
}
.ImgLeftAdjust .ImgOnlyStyle,
.ImgRightAdjust .ImgOnlyStyle {margin: 0 0 10px;}
/* [c7] Bulleted List
=========================================================================================== */
/* --- [c7-1-1] Bulleted List > Text Size 90% --- */
/* --- [c7-1-1] Bulleted List > Text Size 83% --- */
ul.ListStyle1,
ul.ListStyle2 {margin: 0 0 20px;}
ul.ListStyle1 {font-size: 90%;}
ul.ListStyle2 {font-size: 83%;}
ul.ListStyle1 li,
ul.ListStyle2 li {
margin: 0 0 5px;
padding: 0 0 0 1em;
background: url(../../../image/cn/r1/icon/icon_list_marker_hd.gif) no-repeat 0 2px;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
line-height: 140%;
}
ul.ListStyle1 ul,
ul.ListStyle2 ul {
margin: 5px 0 0;
font-size: 100%;
}
/* --- [c7-2-1] Bulleted List > Text Size 90% > With Descriptive Text --- */
/* --- [c7-2-1] Bulleted List > Text Size 83% > With Descriptive Text --- */
dl.ListStyle1,
dl.ListStyle2 {margin: 0 0 20px;}
dl.ListStyle1 {font-size: 90%;}
dl.ListStyle2 {font-size: 83%;}
dl.ListStyle1 dd,
dl.ListStyle2 dd {
margin: 0 0 15px;
padding: 0 0 0 1em;
line-height: 140%;
}
dl.ListStyle1 dt,
dl.ListStyle2 dt {
margin: 0 0 5px;
padding: 0 0 0 1em;
background: url(../../../image/cn/r1/icon/icon_list_marker_hd.gif) no-repeat 0 2px;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
line-height: 140%;
}
/* [c8] Numbered List
=========================================================================================== */
/* --- [c8-1-1] Numbered List > Text Size 90% --- */
/* --- [c8-1-2] Numbered List > Text Size 83% --- */
ol.ListStyle1,
ol.ListStyle2 {
margin: 0 0 20px;
padding-left: 1.8em;
}
ol.ListStyle1 {font-size: 90%;}
ol.ListStyle2 {font-size: 83%;}
ol.ListStyle1 li,
ol.ListStyle2 li {
margin: 0 0 5px;
line-height: 140%;
}
ol.ListStyle1 ol,
ol.ListStyle2 ol {
margin: 5px 0 0;
padding-left: 1.8em;
font-size: 100%;
}
ol.ListStyle1 ol li,
ol.ListStyle2 ol li {
padding: 0;
background-image: none;
}
/* ---[c8-2-1] Numbered List > With Marker > Text Size 90% --- */
/* ---[c8-2-2] Numbered List > With Marker > Text Size 83% --- */
ol.ListStyle3,
ol.ListStyle4 {
margin: 0 0 20px;
padding-left: 1.8em;
}
ol.ListStyle3 {font-size: 90%;}
ol.ListStyle4 {font-size: 83%;}
ol.ListStyle3 li,
ol.ListStyle4 li {
margin: 0 0 5px;
line-height: 140%;
}
ol.ListStyle3 ol,
ol.ListStyle4 ol {
margin: 5px 0 0;
padding-left: 1.8em;
list-style-type: lower-alpha;
font-size: 100%;
}
ol.ListStyle3 ol ol,
ol.ListStyle4 ol ol { list-style-type: lower-roman; }
/* [c9] Footnote
=========================================================================================== */
/* --- [c9-1] Footnote > Text Size 90% --- */
/* --- [c9-2] Footnote > Text Size 83% --- */
/* --- [c9-3] Footnote > Text Size 67% --- */
.AdditionalNotesStyle1,
.AdditionalNotesStyle2,
.AdditionalNotesStyle3 {margin: 0 0 15px;}
.AdditionalNotesStyle1 {font-size: 90%;}
.AdditionalNotesStyle2 {font-size: 83%;}
.AdditionalNotesStyle3 {font-size: 67%;}
.AdditionalNotesStyle1 dt,
.AdditionalNotesStyle2 dt,
.AdditionalNotesStyle3 dt {
float: left;
clear: left;
width: 1.5em;
}
.AdditionalNotesStyle1 dd,
.AdditionalNotesStyle2 dd,
.AdditionalNotesStyle3 dd {
float: left;
clear: both;
}
.AdditionalNotesStyle1 dd {margin: -1.55em 0 5px 1.6em;}
.AdditionalNotesStyle2 dd {margin: -1.55em 0 4px 1.6em;}
.AdditionalNotesStyle3 dd {margin: -1.55em 0 3px 1.6em;}
/* [c10] Note
=========================================================================================== */
/* --- [c10-1] Note > Text Size 90% --- */
/* --- [c10-2] Note > Text Size 83% --- */
ul.AnnotationsStyle1,
ul.AnnotationsStyle2 {margin: 0 0 20px;}
ul.AnnotationsStyle1 {font-size: 90%;}
ul.AnnotationsStyle2 {font-size: 83%;}
ul.AnnotationsStyle1 li,
ul.AnnotationsStyle2 li {
margin: 0 0 5px;
padding: 0 0 0 1em;
color: #000;
font-weight: bold;
text-indent: -1em;
}
/* Mac Safari 2 */
html[xmlns*=""] body:last-child ul.AnnotationsStyle1 li,
html[xmlns*=""] body:last-child ul.AnnotationsStyle2 li { text-indent: -0.75em; }
/* [c11] Link List
=========================================================================================== */
/* --- [c11-1-1] Link List > Text Size 90% --- */
/* --- [c11-1-2] Link List > Text Size 83% --- */
.LinkListStyle1,
.LinkListStyle2,
.LinkListStyle3,
.LinkListStyle4,
.LinkListStyle5,
.LinkListStyle6 {margin: -5px 0 15px;}
.LinkListStyle1,
.LinkListStyle3,
.LinkListStyle5 {font-size: 90%;}
.LinkListStyle2,
.LinkListStyle4,
.LinkListStyle6 {font-size: 83%;}
.LinkListStyle1 li,
.LinkListStyle2 li,
.LinkListStyle3 li,
.LinkListStyle4 li,
.LinkListStyle5 li,
.LinkListStyle6 li,
.LinkListStyle1 dt,
.LinkListStyle2 dt,
.LinkListStyle1 dd,
.LinkListStyle2 dd {
margin: 0;
padding: 5px 0 0 0;
line-height: 140%;
}
.LinkListStyle1 li a,
.LinkListStyle2 li a,
.LinkListStyle3 li a,
.LinkListStyle4 li a,
.LinkListStyle5 li a,
.LinkListStyle6 li a,
.LinkListStyle1 dt a,
.LinkListStyle2 dt a {
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right center;
}
.LinkListStyle1 li a:link,
.LinkListStyle2 li a:link,
.LinkListStyle3 li a:link,
.LinkListStyle4 li a:link,
.LinkListStyle5 li a:link,
.LinkListStyle6 li a:link,
.LinkListStyle1 dt a:link,
.LinkListStyle2 dt a:link,
.LinkListStyle1 li a:visited,
.LinkListStyle2 li a:visited,
.LinkListStyle3 li a:visited,
.LinkListStyle4 li a:visited,
.LinkListStyle5 li a:visited,
.LinkListStyle6 li a:visited,
.LinkListStyle1 dt a:visited,
.LinkListStyle2 dt a:visited {
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.LinkListStyle1 li a:hover,
.LinkListStyle2 li a:hover,
.LinkListStyle3 li a:hover,
.LinkListStyle4 li a:hover,
.LinkListStyle5 li a:hover,
.LinkListStyle6 li a:hover,
.LinkListStyle1 dt a:hover,
.LinkListStyle2 dt a:hover,
.LinkListStyle1 li a:active,
.LinkListStyle2 li a:active,
.LinkListStyle3 li a:active,
.LinkListStyle4 li a:active,
.LinkListStyle5 li a:active,
.LinkListStyle6 li a:active,
.LinkListStyle1 dt a:active,
.LinkListStyle2 dt a:active {
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hover_hd.gif);
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.LinkListStyle1 ul.ListStyle1,
.LinkListStyle2 ul.ListStyle1 {
margin: 0 0 0 1em;
padding: 0;
font-size: 100%;
}
.LinkListStyle1 ul.ListStyle1 li,
.LinkListStyle2 ul.ListStyle1 li {
margin: 0;
padding: 5px 0 0 0;
background-image: none;
}
/* --- [c11-2-1] Link List > Right-aligned > Text Size 90% --- */
/* --- [c11-2-2] Link List > Right-aligned > Text Size 83% --- */
.ListRightAdjust {text-align: right;}
/* --- [c11-3-1] Link List > Descriptive Text > Text Size 90% --- */
/* --- [c11-3-2] Link List > Descriptive Text > Text Size 83% --- */
.LinkListStyle1 dd,
.LinkListStyle2 dd {
margin: 0 0 15px;
padding: 5px 0 0 0;
}
/* --- [c11-4-1] Link List > Lower-Level Items > Text Size 90% --- */
/* --- [c11-4-2] Link List > Lower-Level Items > Text Size 83% --- */
.LinkListStyle3,
.LinkListStyle4 {
margin-bottom: 0;
}
.LinkListStyle3 ul,
.LinkListStyle4 ul {
margin: 0 0 15px 0;
font-size: 100%;
}
.LinkListStyle3 ul li,
.LinkListStyle4 ul li {
padding-left: 1em;
background: url(../../../image/cn/r1/icon/icon_list_marker_hd.gif) no-repeat 0 7px;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
/* --- [c11-5-1-1] Link List > Thumbnail + Descriptive Text > Thumbnail 60px > Text Size 90% --- */
/* --- [c11-5-1-2] Link List > Thumbnail + Descriptive Text > Thumbnail 60px > Text Size 83% --- */
/* --- [c11-5-2-1] Link List > Thumbnail + Descriptive Text > Thumbnail 120px > Text Size 90% --- */
/* --- [c11-5-2-2] Link List > Thumbnail + Descriptive Text > Thumbnail 120px > Text Size 83% --- */
/* --- [c11-5-3-1] Link List > Thumbnail + Descriptive Text > Thumbnail 180px > Text Size 90% --- */
/* --- [c11-5-3-2] Link List > Thumbnail + Descriptive Text > Thumbnail 180px > Text Size 83% --- */
/* --- [c11-5-4-1] Link List > Thumbnail + Descriptive Text > Thumbnail 230px > Text Size 90% --- */
/* --- [c11-5-4-2] Link List > Thumbnail + Descriptive Text > Thumbnail 230px > Text Size 83% --- */
.ThumbW60SetStyle .Img,
.ThumbW120SetStyle .Img,
.ThumbW180SetStyle .Img,
.ThumbW230SetStyle .Img {
float: left;
padding: 0 20px 15px 0;
}
.ImgW60SetStyle .Img,
.ImgW120SetStyle .Img,
.ImgW180SetStyle .Img,
.ImgW230SetStyle .Img {
float: left;
padding-bottom: 15px;
}
.ThumbW60SetStyle .Img,
.ImgW60SetStyle .Img {width: 60px;}
.ThumbW120SetStyle .Img,
.ImgW120SetStyle .Img {width: 120px;}
.ThumbW180SetStyle .Img,
.ImgW180SetStyle .Img {width: 180px;}
.ThumbW230SetStyle .Img,
.ImgW230SetStyle .Img {width: 230px;}
.ThumbW60SetStyle .ImgSet,
.ThumbW120SetStyle .ImgSet,
.ThumbW180SetStyle .ImgSet,
.ThumbW230SetStyle .ImgSet {overflow: hidden;}
.ImgW60SetStyle .ImgSet,
.ImgW120SetStyle .ImgSet,
.ImgW180SetStyle .ImgSet,
.ImgW230SetStyle .ImgSet {
float: right;
width: 100%;
}
.ImgW60SetStyle .ImgSet {margin-left: -60px;}
.ImgW120SetStyle .ImgSet {margin-left: -120px;}
.ImgW180SetStyle .ImgSet {margin-left: -180px;}
.ImgW230SetStyle .ImgSet {margin-left: -230px;}
.ImgW60SetStyle .ImgSet dl {margin-left: 80px;}
.ImgW120SetStyle .ImgSet dl {margin-left: 140px;}
.ImgW180SetStyle .ImgSet dl {margin-left: 200px;}
.ImgW230SetStyle .ImgSet dl {margin-left: 250px;}
/* --- [c11-6-1] Link List > Date on Top > Text Size 90% --- */
/* --- [c11-6-3] Link List > Date on Top > Text Size 83% --- */
.DateListStyle1,
.DateListStyle3 {margin: 0 0 20px;}
.DateListStyle1 {font-size: 90%;}
.DateListStyle3 {font-size: 83%;}
.DateListStyle1 dt,
.DateListStyle3 dt {
line-height: 140%;
}
.DateListStyle1 .LinkListStyle1,
.DateListStyle3 .LinkListStyle2 {
margin: 0 0 15px;
font-size: 100%;
}
.DateListStyle1 img,
.DateListStyle3 img {
margin: 0 0 0 5px;
vertical-align: middle;
}
/* --- [c11-6-2] Link List > Date on Left > Text Size 90% --- */
/* --- [c11-6-4] Link List > Date on Left > Text Size 83% --- */
.DateListStyle2,
.DateListStyle4 {
margin: -1px 0 20px;
padding-top: 1px;
}
.DateListStyle2 {font-size: 90%;}
.DateListStyle4 {font-size: 83%;}
.DateListStyle2:after,
.DateListStyle4:after {
content: "";
display: block;
clear: both;
}
.DateListStyle2 dt,
.DateListStyle4 dt {
clear: both;
float: left;
line-height: 140%;
}
.DateListStyle2 dd,
.DateListStyle4 dd {margin: 0 0 0 9em;}
.DateListStyle2 .LinkListStyle1,
.DateListStyle4 .LinkListStyle2 {
margin: -5px 0 5px;
font-size: 100%;
}
.DateListStyle2 img,
.DateListStyle4 img {
vertical-align: middle;
margin-left: 5px;
}
/* --- [c11-7-1] Link List > Text Size 90% > Horizontal --- */
/* --- [c11-7-2] Link List > Text Size 83% > Horizontal --- */
.LinkListStyle5 li,
.LinkListStyle6 li {
float: left;
margin: 0 15px 0 0;
}
/* [c12] Button
=========================================================================================== */
/* --- [c12-1] Button > Vertical --- */
/* --- [c12-2] Button > Horizontal --- */
.ButtonStyle1 a,
.ButtonStyle2 a {
display: inline-block;
min-width: 130px;
min-height: 18px;
margin: 0 0 15px;
text-align: center;
font-size: 83%;
line-height: 130%;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
word-break: break-all;
}
.ButtonStyle1 a:link,
.ButtonStyle2 a:link,
.ButtonStyle1 a:visited,
.ButtonStyle2 a:visited {
padding: 9px 22px 9px 15px;
background-color: #e60027;
color: #fff;
text-decoration: none;
border-right: solid 3px transparent;
}
.ButtonStyle1 a:hover,
.ButtonStyle2 a:hover,
.ButtonStyle1 a:active,
.ButtonStyle2 a:active {
padding: 9px 24px 9px 15px;
background-color: #b1000e;
color: #fff;
text-decoration: none;
border-right: solid 1px transparent;
}
.ButtonStyle1 a strong,
.ButtonStyle2 a strong {
font-weight: normal;
color: #fff;
}
.Grid1 .ButtonStyle1 a,
.Grid1 .ButtonStyle2 a,
.Column1 .ButtonStyle1 a,
.Column1 .ButtonStyle2 a {
display: block;
min-width: 0;
}
.ButtonStyle2 li {
float: left;
margin: 0 15px 0 0;
}
.Grid1 .ButtonStyle2 li,
.Column1 .ButtonStyle2 li {
float: none;
margin: 0;
}
/* --- [c12-3-1-1] Button > Descriptive Text > Right > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-3-1-2] Button > Descriptive Text > Right > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-3-2-1] Button > Descriptive Text > Right > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-3-2-2] Button > Descriptive Text > Right > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-3-3-1] Button > Descriptive Text > Right > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-3-3-2] Button > Descriptive Text > Right > Button Width 240 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-4-1-1] Button > Descriptive Text > Below > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-4-1-2] Button > Descriptive Text > Below > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-4-2-1] Button > Descriptive Text > Below > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-4-2-2] Button > Descriptive Text > Below > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-4-3-1] Button > Descriptive Text > Below > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-4-3-2] Button > Descriptive Text > Below > Button Width 240 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-5-1-1] Button > Lower-Level Links > Right > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-5-1-2] Button > Lower-Level Links > Right > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-5-2-1] Button > Lower-Level Links > Right > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-5-2-2] Button > Lower-Level Links > Right > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-5-3-1] Button > Lower-Level Links > Right > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-5-3-2] Button > Lower-Level Links > Right > Button Width 240 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-6-1-1] Button > Lower-Level Links > Below > Button Width 120 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-6-1-2] Button > Lower-Level Links > Below > Button Width 120 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-6-2-1] Button > Lower-Level Links > Below > Button Width 180 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-6-2-2] Button > Lower-Level Links > Below > Button Width 180 Pixels > Descriptive Text Size 83% --- */
/* --- [c12-6-3-1] Button > Lower-Level Links > Below > Button Width 240 Pixels > Descriptive Text Size 90% --- */
/* --- [c12-6-3-2] Button > Lower-Level Links > Below > Button Width 240 Pixels > Descriptive Text Size 83% --- */
.ButtonW120SetStyle1 dt,
.ButtonW120SetStyle2 dt,
.ButtonW120SetStyle3 dt,
.ButtonW120SetStyle4 dt,
.ButtonW180SetStyle1 dt,
.ButtonW180SetStyle2 dt,
.ButtonW180SetStyle3 dt,
.ButtonW180SetStyle4 dt,
.ButtonW240SetStyle1 dt,
.ButtonW240SetStyle2 dt,
.ButtonW240SetStyle3 dt,
.ButtonW240SetStyle4 dt {
float: left;
clear: both;
}
.ButtonW120SetStyle1 dt,
.ButtonW120SetStyle2 dt,
.ButtonW120SetStyle3 dt,
.ButtonW120SetStyle4 dt,
.ButtonW120SetStyle5 dt,
.ButtonW120SetStyle6 dt,
.ButtonW120SetStyle7 dt,
.ButtonW120SetStyle8 dt {width: 120px;}
.ButtonW180SetStyle1 dt,
.ButtonW180SetStyle2 dt,
.ButtonW180SetStyle3 dt,
.ButtonW180SetStyle4 dt,
.ButtonW180SetStyle5 dt,
.ButtonW180SetStyle6 dt,
.ButtonW180SetStyle7 dt,
.ButtonW180SetStyle8 dt {width: 180px;}
.ButtonW240SetStyle1 dt,
.ButtonW240SetStyle2 dt,
.ButtonW240SetStyle3 dt,
.ButtonW240SetStyle4 dt,
.ButtonW240SetStyle5 dt,
.ButtonW240SetStyle6 dt,
.ButtonW240SetStyle7 dt,
.ButtonW240SetStyle8 dt {width: 240px;}
.ButtonW120SetStyle1 dt strong,
.ButtonW120SetStyle2 dt strong,
.ButtonW120SetStyle3 dt strong,
.ButtonW120SetStyle4 dt strong,
.ButtonW120SetStyle5 dt strong,
.ButtonW120SetStyle6 dt strong,
.ButtonW120SetStyle7 dt strong,
.ButtonW120SetStyle8 dt strong,
.ButtonW180SetStyle1 dt strong,
.ButtonW180SetStyle2 dt strong,
.ButtonW180SetStyle3 dt strong,
.ButtonW180SetStyle4 dt strong,
.ButtonW180SetStyle5 dt strong,
.ButtonW180SetStyle6 dt strong,
.ButtonW180SetStyle7 dt strong,
.ButtonW180SetStyle8 dt strong,
.ButtonW240SetStyle1 dt strong,
.ButtonW240SetStyle2 dt strong,
.ButtonW240SetStyle3 dt strong,
.ButtonW240SetStyle4 dt strong,
.ButtonW240SetStyle5 dt strong,
.ButtonW240SetStyle6 dt strong,
.ButtonW240SetStyle7 dt strong,
.ButtonW240SetStyle8 dt strong {font-weight: normal;}
.ButtonW120SetStyle1 dt a,
.ButtonW120SetStyle2 dt a,
.ButtonW120SetStyle3 dt a,
.ButtonW120SetStyle4 dt a,
.ButtonW120SetStyle5 dt a,
.ButtonW120SetStyle6 dt a,
.ButtonW120SetStyle7 dt a,
.ButtonW120SetStyle8 dt a,
.ButtonW180SetStyle1 dt a,
.ButtonW180SetStyle2 dt a,
.ButtonW180SetStyle3 dt a,
.ButtonW180SetStyle4 dt a,
.ButtonW180SetStyle5 dt a,
.ButtonW180SetStyle6 dt a,
.ButtonW180SetStyle7 dt a,
.ButtonW180SetStyle8 dt a,
.ButtonW240SetStyle1 dt a,
.ButtonW240SetStyle2 dt a,
.ButtonW240SetStyle3 dt a,
.ButtonW240SetStyle4 dt a,
.ButtonW240SetStyle5 dt a,
.ButtonW240SetStyle6 dt a,
.ButtonW240SetStyle7 dt a,
.ButtonW240SetStyle8 dt a {
display: inline-block;
min-height: 18px;
margin: 0 0 15px;
text-align: center;
font-size: 83%;
line-height: 130%;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_white_hd.gif);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
word-break: break-all;
}
.ButtonW120SetStyle1 dt a,
.ButtonW120SetStyle2 dt a,
.ButtonW120SetStyle3 dt a,
.ButtonW120SetStyle4 dt a,
.ButtonW120SetStyle5 dt a,
.ButtonW120SetStyle6 dt a,
.ButtonW120SetStyle7 dt a,
.ButtonW120SetStyle8 dt a {width: 80px;}
.ButtonW180SetStyle1 dt a,
.ButtonW180SetStyle2 dt a,
.ButtonW180SetStyle3 dt a,
.ButtonW180SetStyle4 dt a,
.ButtonW180SetStyle5 dt a,
.ButtonW180SetStyle6 dt a,
.ButtonW180SetStyle7 dt a,
.ButtonW180SetStyle8 dt a {width: 140px;}
.ButtonW240SetStyle1 dt a,
.ButtonW240SetStyle2 dt a,
.ButtonW240SetStyle3 dt a,
.ButtonW240SetStyle4 dt a,
.ButtonW240SetStyle5 dt a,
.ButtonW240SetStyle6 dt a,
.ButtonW240SetStyle7 dt a,
.ButtonW240SetStyle8 dt a {width: 200px;}
.ButtonW120SetStyle1 dt a:link,
.ButtonW120SetStyle2 dt a:link,
.ButtonW120SetStyle3 dt a:link,
.ButtonW120SetStyle4 dt a:link,
.ButtonW120SetStyle5 dt a:link,
.ButtonW120SetStyle6 dt a:link,
.ButtonW120SetStyle7 dt a:link,
.ButtonW120SetStyle8 dt a:link,
.ButtonW180SetStyle1 dt a:link,
.ButtonW180SetStyle2 dt a:link,
.ButtonW180SetStyle3 dt a:link,
.ButtonW180SetStyle4 dt a:link,
.ButtonW180SetStyle5 dt a:link,
.ButtonW180SetStyle6 dt a:link,
.ButtonW180SetStyle7 dt a:link,
.ButtonW180SetStyle8 dt a:link,
.ButtonW240SetStyle1 dt a:link,
.ButtonW240SetStyle2 dt a:link,
.ButtonW240SetStyle3 dt a:link,
.ButtonW240SetStyle4 dt a:link,
.ButtonW240SetStyle5 dt a:link,
.ButtonW240SetStyle6 dt a:link,
.ButtonW240SetStyle7 dt a:link,
.ButtonW240SetStyle8 dt a:link,
.ButtonW120SetStyle1 dt a:visited,
.ButtonW120SetStyle2 dt a:visited,
.ButtonW120SetStyle3 dt a:visited,
.ButtonW120SetStyle4 dt a:visited,
.ButtonW120SetStyle5 dt a:visited,
.ButtonW120SetStyle6 dt a:visited,
.ButtonW120SetStyle7 dt a:visited,
.ButtonW120SetStyle8 dt a:visited,
.ButtonW180SetStyle1 dt a:visited,
.ButtonW180SetStyle2 dt a:visited,
.ButtonW180SetStyle3 dt a:visited,
.ButtonW180SetStyle4 dt a:visited,
.ButtonW180SetStyle5 dt a:visited,
.ButtonW180SetStyle6 dt a:visited,
.ButtonW180SetStyle7 dt a:visited,
.ButtonW180SetStyle8 dt a:visited,
.ButtonW240SetStyle1 dt a:visited,
.ButtonW240SetStyle2 dt a:visited,
.ButtonW240SetStyle3 dt a:visited,
.ButtonW240SetStyle4 dt a:visited,
.ButtonW240SetStyle5 dt a:visited,
.ButtonW240SetStyle6 dt a:visited,
.ButtonW240SetStyle7 dt a:visited,
.ButtonW240SetStyle8 dt a:visited {
padding: 9px 22px 9px 15px;
background-color: #e60027;
color: #fff;
text-decoration: none;
border-right: solid 3px transparent;
}
.ButtonW120SetStyle1 dt a:hover,
.ButtonW120SetStyle2 dt a:hover,
.ButtonW120SetStyle3 dt a:hover,
.ButtonW120SetStyle4 dt a:hover,
.ButtonW120SetStyle5 dt a:hover,
.ButtonW120SetStyle6 dt a:hover,
.ButtonW120SetStyle7 dt a:hover,
.ButtonW120SetStyle8 dt a:hover,
.ButtonW180SetStyle1 dt a:hover,
.ButtonW180SetStyle2 dt a:hover,
.ButtonW180SetStyle3 dt a:hover,
.ButtonW180SetStyle4 dt a:hover,
.ButtonW180SetStyle5 dt a:hover,
.ButtonW180SetStyle6 dt a:hover,
.ButtonW180SetStyle7 dt a:hover,
.ButtonW180SetStyle8 dt a:hover,
.ButtonW240SetStyle1 dt a:hover,
.ButtonW240SetStyle2 dt a:hover,
.ButtonW240SetStyle3 dt a:hover,
.ButtonW240SetStyle4 dt a:hover,
.ButtonW240SetStyle5 dt a:hover,
.ButtonW240SetStyle6 dt a:hover,
.ButtonW240SetStyle7 dt a:hover,
.ButtonW240SetStyle8 dt a:hover,
.ButtonW120SetStyle1 dt a:active,
.ButtonW120SetStyle2 dt a:active,
.ButtonW120SetStyle3 dt a:active,
.ButtonW120SetStyle4 dt a:active,
.ButtonW120SetStyle5 dt a:active,
.ButtonW120SetStyle6 dt a:active,
.ButtonW120SetStyle7 dt a:active,
.ButtonW120SetStyle8 dt a:active,
.ButtonW180SetStyle1 dt a:active,
.ButtonW180SetStyle2 dt a:active,
.ButtonW180SetStyle3 dt a:active,
.ButtonW180SetStyle4 dt a:active,
.ButtonW180SetStyle5 dt a:active,
.ButtonW180SetStyle6 dt a:active,
.ButtonW180SetStyle7 dt a:active,
.ButtonW180SetStyle8 dt a:active,
.ButtonW240SetStyle1 dt a:active,
.ButtonW240SetStyle2 dt a:active,
.ButtonW240SetStyle3 dt a:active,
.ButtonW240SetStyle4 dt a:active,
.ButtonW240SetStyle5 dt a:active,
.ButtonW240SetStyle6 dt a:active,
.ButtonW240SetStyle7 dt a:active,
.ButtonW240SetStyle8 dt a:active {
padding: 9px 24px 9px 15px;
background-color: #b1000e;
color: #fff;
text-decoration: none;
border-right: solid 1px transparent;
}
.ButtonW120SetStyle1 dd,
.ButtonW180SetStyle1 dd,
.ButtonW240SetStyle1 dd {
padding-bottom: 15px;
font-size: 90%;
line-height: 140%;
}
.ButtonW120SetStyle2 dd,
.ButtonW180SetStyle2 dd,
.ButtonW240SetStyle2 dd {
padding-bottom: 15px;
font-size: 83%;
line-height: 140%;
}
.ButtonW120SetStyle1 dd,
.ButtonW120SetStyle2 dd {margin-left: 140px;}
.ButtonW180SetStyle1 dd,
.ButtonW180SetStyle2 dd {margin-left: 200px;}
.ButtonW240SetStyle1 dd,
.ButtonW240SetStyle2 dd {margin-left: 260px;}
.ButtonW120SetStyle3,
.ButtonW180SetStyle3,
.ButtonW240SetStyle3,
.ButtonW120SetStyle4,
.ButtonW180SetStyle4,
.ButtonW240SetStyle4 {padding-bottom: 10px;}
.ButtonW120SetStyle3 dd,
.ButtonW180SetStyle3 dd,
.ButtonW240SetStyle3 dd {
padding-bottom: 5px;
font-size: 90%;
line-height: 140%;
}
.ButtonW120SetStyle4 dd,
.ButtonW180SetStyle4 dd,
.ButtonW240SetStyle4 dd {
padding-bottom: 5px;
font-size: 83%;
line-height: 140%;
}
.ButtonW120SetStyle3 dd,
.ButtonW120SetStyle4 dd {margin-left: 140px;}
.ButtonW180SetStyle3 dd,
.ButtonW180SetStyle4 dd {margin-left: 200px;}
.ButtonW240SetStyle3 dd,
.ButtonW240SetStyle4 dd {margin-left: 260px;}
.ButtonW120SetStyle5 dd,
.ButtonW180SetStyle5 dd,
.ButtonW240SetStyle5 dd {
margin: -5px 0 15px;
font-size: 90%;
line-height: 140%;
}
.ButtonW120SetStyle6 dd,
.ButtonW180SetStyle6 dd,
.ButtonW240SetStyle6 dd {
margin: -5px 0 15px;
font-size: 83%;
line-height: 140%;
}
.ButtonW120SetStyle7,
.ButtonW180SetStyle7,
.ButtonW240SetStyle7,
.ButtonW120SetStyle8,
.ButtonW180SetStyle8,
.ButtonW240SetStyle8 {padding-bottom: 10px;}
.ButtonW120SetStyle7 dd,
.ButtonW180SetStyle7 dd,
.ButtonW240SetStyle7 dd {
margin: -5px 0 10px;
font-size: 90%;
line-height: 140%;
}
.ButtonW120SetStyle8 dd,
.ButtonW180SetStyle8 dd,
.ButtonW240SetStyle8 dd {
margin: -5px 0 10px;
font-size: 83%;
line-height: 140%;
}
.ButtonW120SetStyle3 dd a,
.ButtonW120SetStyle4 dd a,
.ButtonW120SetStyle7 dd a,
.ButtonW120SetStyle8 dd a,
.ButtonW180SetStyle3 dd a,
.ButtonW180SetStyle4 dd a,
.ButtonW180SetStyle7 dd a,
.ButtonW180SetStyle8 dd a,
.ButtonW240SetStyle3 dd a,
.ButtonW240SetStyle4 dd a,
.ButtonW240SetStyle7 dd a,
.ButtonW240SetStyle8 dd a {
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.ButtonW120SetStyle3 dd a:link,
.ButtonW120SetStyle4 dd a:link,
.ButtonW120SetStyle7 dd a:link,
.ButtonW120SetStyle8 dd a:link,
.ButtonW180SetStyle3 dd a:link,
.ButtonW180SetStyle4 dd a:link,
.ButtonW180SetStyle7 dd a:link,
.ButtonW180SetStyle8 dd a:link,
.ButtonW240SetStyle3 dd a:link,
.ButtonW240SetStyle4 dd a:link,
.ButtonW240SetStyle7 dd a:link,
.ButtonW240SetStyle8 dd a:link,
.ButtonW120SetStyle3 dd a:visited,
.ButtonW120SetStyle4 dd a:visited,
.ButtonW120SetStyle7 dd a:visited,
.ButtonW120SetStyle8 dd a:visited,
.ButtonW180SetStyle3 dd a:visited,
.ButtonW180SetStyle4 dd a:visited,
.ButtonW180SetStyle7 dd a:visited,
.ButtonW180SetStyle8 dd a:visited,
.ButtonW240SetStyle3 dd a:visited,
.ButtonW240SetStyle4 dd a:visited,
.ButtonW240SetStyle7 dd a:visited,
.ButtonW240SetStyle8 dd a:visited {
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
}
.ButtonW120SetStyle3 dd a:hover,
.ButtonW120SetStyle4 dd a:hover,
.ButtonW120SetStyle7 dd a:hover,
.ButtonW120SetStyle8 dd a:hover,
.ButtonW180SetStyle3 dd a:hover,
.ButtonW180SetStyle4 dd a:hover,
.ButtonW180SetStyle7 dd a:hover,
.ButtonW180SetStyle8 dd a:hover,
.ButtonW240SetStyle3 dd a:hover,
.ButtonW240SetStyle4 dd a:hover,
.ButtonW240SetStyle7 dd a:hover,
.ButtonW240SetStyle8 dd a:hover,
.ButtonW120SetStyle3 dd a:active,
.ButtonW120SetStyle4 dd a:active,
.ButtonW120SetStyle7 dd a:active,
.ButtonW120SetStyle8 dd a:active,
.ButtonW180SetStyle3 dd a:active,
.ButtonW180SetStyle4 dd a:active,
.ButtonW180SetStyle7 dd a:active,
.ButtonW180SetStyle8 dd a:active,
.ButtonW240SetStyle3 dd a:active,
.ButtonW240SetStyle4 dd a:active,
.ButtonW240SetStyle7 dd a:active,
.ButtonW240SetStyle8 dd a:active {
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hover_hd.gif);
}
/* [c13] Icon Link
=========================================================================================== */
/* --- [c13-1-1] Icon Link > Text Size 90% --- */
/* --- [c13-1-2] Icon Link > Text Size 83% --- */
/* --- [c13-2-1] Icon Link > Text Size 90% > Descriptive Text --- */
/* --- [c13-2-2] Icon Link > Text Size 83% > Descriptive Text --- */
/* --- [c13-3-1] Icon Link > Text Size 90% > Pop-up Window Options --- */
/* --- [c13-3-2] Icon Link > Text Size 83% > Pop-up Window Options --- */
/* --- [c13-4-1] Icon Link > Text Size 90% > Right-aligned > Download --- */
/* --- [c13-4-2] Icon Link > Text Size 83% > Right-aligned > Download --- */
/* --- [c13-5-1] Icon Link > Text Size 90% > Right-aligned > PDF --- */
/* --- [c13-5-2] Icon Link > Text Size 83% > Right-aligned > PDF --- */
/* --- [c13-6-1] Icon Link > Text Size 90% > Horizontal --- */
/* --- [c13-6-2] Icon Link > Text Size 83% > Horizontal --- */
li.NewWin a,
dt.NewWin a {background-image: url(../../../image/cn/r1/icon/icon_new_window_hd.gif) !important;}
li.Mail a,
dt.Mail a {background-image: url(../../../image/cn/r1/icon/icon_mail_hd.gif) !important;}
li.Inquiry a,
dt.Inquiry a {background-image: url(../../../image/cn/r1/icon/icon_inquiry_hd.gif) !important;}
li.Pdf a,
dt.Pdf a {background-image: url(../../../image/cn/r1/icon/icon_pdf_hd.gif) !important;}
li.Download a,
dt.Download a {background-image: url(../../../image/cn/r1/icon/icon_download_hd.gif) !important;}
li.Sound a,
dt.Sound a {background-image: url(../../../image/cn/r1/icon/icon_sound_hd.gif) !important;}
li.Movie a,
dt.Movie a {background-image: url(../../../image/cn/r1/icon/icon_movie_hd.gif) !important;}
li.Important a,
dt.Important a {background-image: url(../../../image/cn/r1/icon/icon_important_link_hd.gif) !important;}
li.Bottom a,
dt.Bottom a {background-image: url(../../../image/cn/r1/icon/icon_link_bottom_hd.gif) !important;}
li.Top a,
dt.Top a {background-image: url(../../../image/cn/r1/icon/icon_link_top_hd.gif) !important;}
li.NoIcon a,
dt.NoIcon a {
padding: 0;
background-image: none !important;
}
li.NoIcon img,
dt.NoIcon img {
margin-left: 3px;
vertical-align: middle;
}
li.List,
dt.List {
padding-left: 1em;
background: url(../../../image/cn/r1/icon/icon_list_marker_hd.gif) no-repeat 0 7px;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
li.List a,
dt.List a {
padding: 0;
background: none !important;
}
dt.List + dd {padding-left: 1em;}
/* [c14] Data Table
=========================================================================================== */
/* --- [c14-1-1] Data Table --- */
/* --- [c14-1-2] Data Table > With Captions --- */
/* --- [c14-2-1] Data Table > Width: 100% --- */
/* --- [c14-2-2] Data Table > Width: 100% > With Captions --- */
/* --- [c14-2-3] Data Table > Width: 100% > Multiple Headers --- */
/* --- [c14-3-1] Data Table > op-aligned --- */
table {
margin: 0 0 20px;
border-collapse: collapse;
}
table th {
background-color: #f2f2f2;
font-weight: normal;
}
table td.SubHeader {
background-color: #f8f8f8;
font-weight: normal;
}
table th,
table td {
padding: 10px 15px;
border: solid 1px #ddd;
font-size: 83%;
text-align: left;
}
table.DataTableStyle1 caption,
table.DataTableStyle3 caption,
table.DataTableStyle5 caption,
table.TableStyle1 caption,
table.TableStyle3 caption,
table.TableStyle5 caption {display: none;}
table.DataTableStyle2 caption,
table.DataTableStyle4 caption,
table.TableStyle2 caption,
table.TableStyle4 caption {
padding: 0 0 5px;
font-size: 83%;
text-align: left;
}
table.DataTableStyle3,
table.DataTableStyle4,
table.TableStyle3,
table.TableStyle4 {width: 100%;}
table.DataTableStyle5 th,
table.DataTableStyle5 td,
table.TableStyle5 th,
table.TableStyle5 td {vertical-align: top;}
/* --- [-] Font Size in Data Table --- */
table .TextStyle2,
table .ImgOnlyStyle,
table .ListStyle2,
table .LinkListStyle2,
table .LinkListStyle4,
table .LinkListStyle6,
table .AnnotationsStyle2,
table .AdditionalNotesStyle2,
table .ButtonStyle1,
table .ButtonStyle2,
table .ButtonW120SetStyle6 dt,
table .ButtonW180SetStyle6 dt,
table .ButtonW240SetStyle6 dt,
table .ButtonW120SetStyle6 dd,
table .ButtonW180SetStyle6 dd,
table .ButtonW240SetStyle6 dd,
table .ButtonW120SetStyle8 dt,
table .ButtonW180SetStyle8 dt,
table .ButtonW240SetStyle8 dt,
table .ButtonW120SetStyle8 dd,
table .ButtonW180SetStyle8 dd,
table .ButtonW240SetStyle8 dd,
table .PlugInBanner {font-size: 100%;}
/* --- [-] Link in Data Table --- */
table[class*="DataTableStyle"] td > ul.ListStyle2,
table[class*="DataTableStyle"] td > ul.LinkListStyle2,
table[class*="DataTableStyle"] td > ul.LinkListStyle6 {margin-bottom: 0;}
table[class*="DataTableStyle"] td > ol.LinkListStyle2,
table[class*="DataTableStyle"] td > dl.AdditionalNotesStyle2,
table[class*="DataTableStyle"] td > ul.AnnotationsStyle2 {margin-bottom: -5px;}
table[class*="DataTableStyle"] td > ul.LinkListStyle4,
table[class*="DataTableStyle"] td > dl.ListStyle2,
table[class*="DataTableStyle"] td > dl.LinkListStyle2 {margin-bottom: -15px;}
table[class*="DataTableStyle"] td > ul.ListStyle2 + div,
table[class*="DataTableStyle"] td > ul.ListStyle2 + p,
table[class*="DataTableStyle"] td > ul.ListStyle2 + ul,
table[class*="DataTableStyle"] td > ul.ListStyle2 + dl,
table[class*="DataTableStyle"] td > ul.ListStyle2 + ol,
table[class*="DataTableStyle"] td > ul.LinkListStyle2 + div,
table[class*="DataTableStyle"] td > ul.LinkListStyle2 + p,
table[class*="DataTableStyle"] td > ul.LinkListStyle2 + ul,
table[class*="DataTableStyle"] td > ul.LinkListStyle2 + dl,
table[class*="DataTableStyle"] td > ul.LinkListStyle2 + ol,
table[class*="DataTableStyle"] td > ul.LinkListStyle6 + div,
table[class*="DataTableStyle"] td > ul.LinkListStyle6 + p,
table[class*="DataTableStyle"] td > ul.LinkListStyle6 + ul,
table[class*="DataTableStyle"] td > ul.LinkListStyle6 + dl,
table[class*="DataTableStyle"] td > ul.LinkListStyle6 + ol {margin-top: 15px;}
table[class*="DataTableStyle"] td > ol.LinkListStyle2 + div,
table[class*="DataTableStyle"] td > ol.LinkListStyle2 + p,
table[class*="DataTableStyle"] td > ol.LinkListStyle2 + ul,
table[class*="DataTableStyle"] td > ol.LinkListStyle2 + dl,
table[class*="DataTableStyle"] td > ol.LinkListStyle2 + ol,
table[class*="DataTableStyle"] td > dl.AdditionalNotesStyle2 + div,
table[class*="DataTableStyle"] td > dl.AdditionalNotesStyle2 + p,
table[class*="DataTableStyle"] td > dl.AdditionalNotesStyle2 + ul,
table[class*="DataTableStyle"] td > dl.AdditionalNotesStyle2 + dl,
table[class*="DataTableStyle"] td > dl.AdditionalNotesStyle2 + ol,
table[class*="DataTableStyle"] td > ul.AnnotationsStyle2 + div,
table[class*="DataTableStyle"] td > ul.AnnotationsStyle2 + p,
table[class*="DataTableStyle"] td > ul.AnnotationsStyle2 + ul,
table[class*="DataTableStyle"] td > ul.AnnotationsStyle2 + dl,
table[class*="DataTableStyle"] td > ul.AnnotationsStyle2 + ol {margin-top: 20px;}
table[class*="DataTableStyle"] td > ul.LinkListStyle4 + div,
table[class*="DataTableStyle"] td > ul.LinkListStyle4 + p,
table[class*="DataTableStyle"] td > ul.LinkListStyle4 + ul,
table[class*="DataTableStyle"] td > ul.LinkListStyle4 + dl,
table[class*="DataTableStyle"] td > ul.LinkListStyle4 + ol,
table[class*="DataTableStyle"] td > dl.ListStyle2 + div,
table[class*="DataTableStyle"] td > dl.ListStyle2 + p,
table[class*="DataTableStyle"] td > dl.ListStyle2 + ul,
table[class*="DataTableStyle"] td > dl.ListStyle2 + dl,
table[class*="DataTableStyle"] td > dl.ListStyle2 + ol,
table[class*="DataTableStyle"] td > dl.LinkListStyle2 + div,
table[class*="DataTableStyle"] td > dl.LinkListStyle2 + p,
table[class*="DataTableStyle"] td > dl.LinkListStyle2 + ul,
table[class*="DataTableStyle"] td > dl.LinkListStyle2 + dl,
table[class*="DataTableStyle"] td > dl.LinkListStyle2 + ol {margin-top: 30px;}
/* [c15] Plug-in Download Description
=========================================================================================== */
/* --- [c15-1] Plug-in Download Description > Adobe Acrobat Reader --- */
/* --- [c15-2] Plug-in Download Description > Windows Media Player --- */
.PlugInBanner {
margin: 0 0 15px;
padding: 15px;
font-size: 83%;
background-color: #f2f2f2;
}
.PlugInBanner dt {
float: left;
margin: 0 20px 5px 0;
}
.PlugInBanner dd {line-height: 140%;}
.PlugInBanner img {width: auto;}
/* [c16] Box
=========================================================================================== */
/* --- [c16-1-1] Box > Pattern A --- */
/* --- [c16-1-2] Box > Pattern A > Link in Heading --- */
/* --- [c16-2-1] Box > Pattern B --- */
/* --- [c16-2-2] Box > Pattern B > Link in Heading --- */
/* --- [c16-3] Box > Pattern C (No Heading) --- */
/* --- [c16-4-1] Box > Pattern A (h2) --- */
/* --- [c16-4-2] Box > Pattern A (h2) > Link in Heading --- */
/* --- [c16-5-1] Box > Pattern A (h3) --- */
/* --- [c16-5-2] Box > Pattern A (h3) > Link in Heading --- */
/* --- [c16-6-1] Box > Pattern A (h4) --- */
/* --- [c16-6-2] Box > Pattern A (h4) > Link in Heading --- */
/* --- [c16-7-1] Box > Pattern B (h2) --- */
/* --- [c16-7-2] Box > Pattern B (h2) > Link in Heading --- */
/* --- [c16-8-1] Box > Pattern B (h3) --- */
/* --- [c16-8-2] Box > Pattern B (h3) > Link in Heading --- */
/* --- [c16-9-1] Box > Pattern B (h4) --- */
/* --- [c16-9-2] Box > Pattern B (h4) > Link in Heading --- */
.BoxPatternA,
.BoxPatternB,
.BoxPatternC {
clear: both;
margin: 0 0 15px;
padding: 15px 0 5px 0;
background-color: #f2f2f2;
}
.BoxPatternA:after,
.BoxPatternB:after,
.BoxPatternC:after {
content: "";
display: block;
clear: both;
}
.BoxPatternA .Title,
.BoxPatternA h2,
.BoxPatternA h3,
.BoxPatternA h4 {
min-height: 20px;
margin: -15px 0 15px;
padding: 8px 15px;
font-size: 96%;
font-weight: normal;
color: #fff;
line-height: 130%;
border: none;
background-color: #737373;
}
.BoxPatternA h2,
.BoxPatternB h2 {background-image: none;}
.BoxPatternA .Title a,
.BoxPatternA h2 a,
.BoxPatternA h3 a,
.BoxPatternA h4 a {
display: block;
min-height: 20px;
margin: -8px -15px;
background-image: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_white_hd.gif) !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.BoxPatternA .Title a:link,
.BoxPatternA h2 a:link,
.BoxPatternA h3 a:link,
.BoxPatternA h4 a:link,
.BoxPatternA .Title a:visited,
.BoxPatternA h2 a:visited,
.BoxPatternA h3 a:visited,
.BoxPatternA h4 a:visited {
padding: 8px 22px 8px 15px;
color: #fff;
background-color: #e60027;
text-decoration: none;
border-right: solid 3px transparent;
}
.BoxPatternA .Title a:hover,
.BoxPatternA h2 a:hover,
.BoxPatternA h3 a:hover,
.BoxPatternA h4 a:hover,
.BoxPatternA .Title a:active,
.BoxPatternA h2 a:active,
.BoxPatternA h3 a:active,
.BoxPatternA h4 a:active {
padding: 8px 24px 8px 15px;
color: #fff;
background-color: #b1000e;
text-decoration: none;
border-right: solid 1px transparent;
}
.BoxPatternA .Title strong {
color: #fff;
font-weight: normal;
}
.BoxPatternB .Title,
.BoxPatternB h2,
.BoxPatternB h3,
.BoxPatternB h4 {
margin: 0;
padding: 0 15px 10px;
font-size: 90%;
font-weight: bold;
color: #575757;
border: none;
}
.BoxPatternB .Title strong {color: #575757;}
.BoxPatternB .Title a,
.BoxPatternB h2 a,
.BoxPatternB h3 a,
.BoxPatternB h4 a {
padding: 0 20px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.BoxPatternB .Title a:link,
.BoxPatternB h2 a:link,
.BoxPatternB h3 a:link,
.BoxPatternB h4 a:link,
.BoxPatternB .Title a:visited,
.BoxPatternB h2 a:visited,
.BoxPatternB h3 a:visited,
.BoxPatternB h4 a:visited {
color: #575757;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
.BoxPatternB .Title a:hover,
.BoxPatternB h2 a:hover,
.BoxPatternB h3 a:hover,
.BoxPatternB h4 a:hover,
.BoxPatternB .Title a:active,
.BoxPatternB h2 a:active,
.BoxPatternB h3 a:active,
.BoxPatternB h4 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
.BoxPatternA .BoxImgStyle {
margin: -15px 0 15px;
padding: 0;
}
.BoxPatternB .BoxImgStyle,
.BoxPatternC .BoxImgStyle {
margin: -15px 0 0;
padding: 0 0 15px;
}
.BoxPatternA .ImgOnlyStyle,
.BoxPatternB .ImgOnlyStyle,
.BoxPatternC .ImgOnlyStyle {
margin-bottom: 10px;
}
.BoxPatternA p,
.BoxPatternA ul,
.BoxPatternA dl,
.BoxPatternB p,
.BoxPatternB ul,
.BoxPatternB dl,
.BoxPatternC p,
.BoxPatternC ul,
.BoxPatternC dl {
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.BoxPatternA .ThumbW60SetStyle,
.BoxPatternB .ThumbW60SetStyle,
.BoxPatternC .ThumbW60SetStyle,
.BoxPatternA .ThumbW120SetStyle,
.BoxPatternB .ThumbW120SetStyle,
.BoxPatternC .ThumbW120SetStyle,
.BoxPatternA .ThumbW180SetStyle,
.BoxPatternB .ThumbW180SetStyle,
.BoxPatternC .ThumbW180SetStyle,
.BoxPatternA .ThumbW230SetStyle,
.BoxPatternB .ThumbW230SetStyle,
.BoxPatternC .ThumbW230SetStyle {margin-left: 15px;}
.BoxPatternA .ThumbW60SetStyle .Img,
.BoxPatternB .ThumbW60SetStyle .Img,
.BoxPatternC .ThumbW60SetStyle .Img,
.BoxPatternA .ThumbW120SetStyle .Img,
.BoxPatternB .ThumbW120SetStyle .Img,
.BoxPatternC .ThumbW120SetStyle .Img,
.BoxPatternA .ThumbW180SetStyle .Img,
.BoxPatternB .ThumbW180SetStyle .Img,
.BoxPatternC .ThumbW180SetStyle .Img,
.BoxPatternA .ThumbW230SetStyle .Img,
.BoxPatternB .ThumbW230SetStyle .Img,
.BoxPatternC .ThumbW230SetStyle .Img {padding-right: 5px;}
.BoxPatternA .ImgW60SetStyle .ImgSet,
.BoxPatternB .ImgW60SetStyle .ImgSet,
.BoxPatternC .ImgW60SetStyle .ImgSet {margin-left: -90px;}
.BoxPatternA .ImgW120SetStyle .ImgSet,
.BoxPatternB .ImgW120SetStyle .ImgSet,
.BoxPatternC .ImgW120SetStyle .ImgSet {margin-left: -150px;}
.BoxPatternA .ImgW180SetStyle .ImgSet,
.BoxPatternB .ImgW180SetStyle .ImgSet,
.BoxPatternC .ImgW180SetStyle .ImgSet {margin-left: -210px;}
.BoxPatternA .ImgW230SetStyle .ImgSet,
.BoxPatternB .ImgW230SetStyle .ImgSet,
.BoxPatternC .ImgW230SetStyle .ImgSet {margin-left: -270px;}
/* [c17] Emphasis
=========================================================================================== */
strong {color: #000;}
/* [c18] Content/Tab Navigation System
=========================================================================================== */
/* --- [c18-1-1] Content Navigation Bar > 1 Level --- */
/* --- [c18-3-1] Tab Navigation System > 4 Columns > 1 Row --- */
/* --- [c18-3-2] Tab Navigation System > 4 Columns > 2 Rows --- */
.ContentNavi,
.CategoryNavi,
.TabNavi {
clear: both;
padding: 0 0 20px;
overflow: hidden;
}
.ImgOnlyStyleAdjust {margin: -15px 0 0;}
.BrandingImgStyleAdjust {margin: -30px 0 0;}
.PageTitleStyleAdjust {margin: -25px 0 0;}
.ContentNavi ul {
margin: 0;
background: url(../../../image/cn/r1/bg_category_navi_bottom.gif) #262626;
}
.CategoryNavi ul,
.TabNavi ul {
margin: 0;
background-color: #262626;
}
.ContentNavi li,
.CategoryNavi li,
.TabNavi li {
float: left;
background: url(../../../image/cn/r1/bg_category_navi.gif) no-repeat right center;
}
.ContentNavi li a,
.CategoryNavi li a,
.TabNavi li a {
position: relative;
float: left;
display: block;
min-width: 100px;
height: 38px;
padding: 12px 20px 0;
font-size: 83%;
text-align: center;
}
.ContentNavi li a:link,
.ContentNavi li a:visited,
.CategoryNavi li a:link,
.CategoryNavi li a:visited,
.TabNavi li a:link,
.TabNavi li a:visited {
color: #fff;
text-decoration: none;
}
.CategoryNavi ul.Top2 li.Current a {
color: #333;
text-decoration: none;
background-color: #f2f2f2 !important;
}
.CategoryNavi ul.Top2 li.Current a em {
font-style: normal;
}
.CategoryNavi ul.Top2 li.Current a:after {
display: none;
}
.ContentNavi li a:hover,
.ContentNavi li a:active,
.ContentNavi li.Current a,
.CategoryNavi li a:hover,
.CategoryNavi li a:active,
.CategoryNavi li.Current a,
.CategoryNavi ul.Top2 li a:hover,
.CategoryNavi ul.Top2 li a:active,
.TabNavi li a:hover,
.TabNavi li a:active,
.TabNavi li.Current a {
color: #fff;
text-decoration: none;
background-color: #b1000e !important;
}
.ContentNavi li.Current a:after {
content: "";
display: block;
position: absolute;
z-index: 2;
width: 15px;
height: 8px;
bottom: 0;
left: 50%;
margin: 0 0 0 -8px;
background: url(../../../image/cn/r1/bg_g_navi_current.gif) no-repeat;
}
.CategoryNavi li a:hover:after,
.CategoryNavi li a:active:after,
.CategoryNavi li.Current a:after,
.CategoryNavi ul.Top2 li a:hover:after,
.CategoryNavi ul.Top2 li a:active:after,
.TabNavi li a:hover:after,
.TabNavi li a:active:after,
.TabNavi li.Current a:after {
content: "";
display: block;
position: absolute;
z-index: 2;
width: 15px;
height: 8px;
bottom: -8px;
left: 50%;
margin: 0 0 0 -8px;
background: url(../../../image/cn/r1/bg_gn_current.gif) no-repeat;
}
.ContentNavi li a strong,
.CategoryNavi li a strong,
.TabNavi li a strong {color: #fff;}
/* --- [c18-1-2] Content Navigation Bar > 1 Level > Inner Link --- */
.ContentNavi li.InnerLink a,
.CategoryNavi li.InnerLink a {
min-width: 90px;
padding: 12px 20px 0 20px;
background: url(../../../image/cn/r1/icon/icon_link_bottom_white_hd.png) no-repeat right center;
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: solid 15px transparent;
}
.ContentNavi li.InnerLink a:hover:after,
.ContentNavi li.InnerLink a:active:after,
.CategoryNavi li.InnerLink a:hover:after,
.CategoryNavi li.InnerLink a:active:after {
margin: 0;
}
/* --- [c18-2] Content Navigation Bar > 2 Levels > Indication of Current Location on 2nd Level ---*/
.CategoryNavi ul.Bottom {background-color: #f2f2f2;}
.CategoryNavi ul.Bottom li {
background-image: none;
}
.CategoryNavi ul.Bottom li a {
min-width: 80px;
height: 33px;
padding: 7px 15px 0;
}
.CategoryNavi ul.Bottom li a:link,
.CategoryNavi ul.Bottom li a:visited {
color: #333;
text-decoration: none;
}
.CategoryNavi ul.Bottom li a:hover,
.CategoryNavi ul.Bottom li a:active,
.CategoryNavi ul.Bottom li.Current a {
color: #fff;
text-decoration: none;
background-color: #b1000e;
}
/* [c19] Linear Navigation System
=========================================================================================== */
/* --- [c19] Linear Navigation System --- */
.LinearNavi {
position: relative;
}
.LinearNavi h2 {
margin: 0 0 15px;
padding: 14px 16px 14px;
background-color: #f2f2f2;
background-image: none;
font-size: 83%;
line-height: 100%;
text-align: right;
}
.LinearNavi ul {
position: absolute;
left: 0;
top: 0;
}
.LinearNavi ul li {
float: left;
border-right: 1px solid #fff;
font-size: 83%;
line-height: 100%;
color: #333;
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;
}
.LinearNavi ul li.first {
padding: 14px 16px 14px 25px;
background-image: url(../../../image/cn/r1/icon/icon_link2_left_disabled_hd.gif);
background-position: 4% 50%;
}
.LinearNavi ul li.prev {
padding: 14px 16px 14px 25px;
background-image: url(../../../image/cn/r1/icon/icon_link_left_disabled_hd.gif);
background-position: 6% 50%;
}
.LinearNavi ul li.next {
padding: 14px 25px 14px 16px;
background-image: url(../../../image/cn/r1/icon/icon_link_right_disabled_hd.gif);
background-position: 94% 50%;
}
.LinearNavi ul li.last {
padding: 14px 25px 14px 16px;
background-image: url(../../../image/cn/r1/icon/icon_link2_right_disabled_hd.gif);
background-position: 96% 50%;
}
.LinearNavi ul li a {
display: block;
text-decoration: none;
background-repeat: no-repeat;
background-color: #f2f2f2;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.LinearNavi ul li a:link,
.LinearNavi ul li a:visited {
color: #c02;
text-decoration: none;
}
.LinearNavi ul li a:hover,
.LinearNavi ul li a:active {
color: #b1000e;
text-decoration: underline;
}
.LinearNavi ul li.first a {
margin: -14px -16px -14px -25px;
padding: 14px 16px 14px 25px;
background-image: url(../../../image/cn/r1/icon/icon_link2_left_hd.gif);
background-position: 4% 50%;
}
.LinearNavi ul li.prev a {
margin: -14px -16px -14px -25px;
padding: 14px 16px 14px 25px;
background-image: url(../../../image/cn/r1/icon/icon_link_left_hd.gif);
background-position: 6% 50%;
}
.LinearNavi ul li.next a {
margin: -14px -25px -14px -16px;
padding: 14px 25px 14px 16px;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
background-position: 94% 50%;
}
.LinearNavi ul li.last a {
margin: -14px -25px -14px -16px;
padding: 14px 25px 14px 16px;
background-image: url(../../../image/cn/r1/icon/icon_link2_right_hd.gif);
background-position: 96% 50%;
}
.LinearNavi ul li.first a:hover {background-position: 2% 50%;}
.LinearNavi ul li.prev a:hover {background-position: 3% 50%;}
.LinearNavi ul li.next a:hover {background-position: 97% 50%;}
.LinearNavi ul li.last a:hover {background-position: 98% 50%;}
/* [c20] Internal Link
=========================================================================================== */
/* --- [c20-1] Internal Link > Horizontal --- */
/* --- [c20-1] Internal Link > Vertical --- */
.HorizontalInnerLinks,
.VerticalInnerLinks {
margin-bottom: 15px;
}
.HorizontalInnerLinks li {
float: left;
margin: 0 15px 0 0;
}
.HorizontalInnerLinks li a,
.VerticalInnerLinks li a {
padding: 0 17px 0 0;
background-image: url(../../../image/cn/r1/icon/icon_link_bottom_hd.gif);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
font-size: 90%;
}
.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:visited,
.VerticalInnerLinks li a:link,
.VerticalInnerLinks li a:visited {
color: #c02;
text-decoration: none;
}
.HorizontalInnerLinks li a:hover,
.HorizontalInnerLinks li a:active,
.VerticalInnerLinks li a:hover,
.VerticalInnerLinks li a:active {
color: #b1000e;
text-decoration: underline;
}
/* [c21] Page Top Link
=========================================================================================== */
/* --- [c21] Page Top Link --- */
.PageTop {
margin: 0 0 20px;
text-align: right;
font-size: 76%;
}
.PageTop a {
display: inline-block;
padding: 0 20px 0 0;
background-image: url(../../../image/cn/r1/icon/icon_link_top_hd.gif);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.PageTop a:link,
.PageTop a:visited {
color: #c02;
text-decoration: none;
}
.PageTop a:hover,
.PageTop a:active {
color: #b1000e;
text-decoration: underline;
}
/* [c22] Panel Unit
=========================================================================================== */
/* --- [c22-1] Panel Unit > With Link --- */
/* --- [c22-2] Panel Unit > Without Link --- */
.ImgHeadingStyle {
position: relative;
width: 100%;
margin: 0 0 15px 0;
}
.ImgHeadingStyle p {
margin: 0;
}
.ImgHeadingStyle .Title {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
color: #fff;
}
.ImgHeadingStyle .Title p,
.ImgHeadingStyle h2,
.ImgHeadingStyle h3,
.ImgHeadingStyle h4 {
min-height: 20px;
margin: 0;
padding: 10px;
font-weight: normal;
font-size: 96%;
color: #fff;
line-height: 130%;
background: url(../../../image/cn/r1/bg_image_heading.png);
}
.ImgHeadingStyle .Title p strong {
font-weight: normal;
color: #fff;
}
.ImgHeadingStyle .Title p a,
.ImgHeadingStyle h2 a,
.ImgHeadingStyle h3 a,
.ImgHeadingStyle h4 a {
float: none;
display: block;
min-height: 20px;
margin: -10px;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_white_hd.gif) !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.ImgHeadingStyle .Title p a:link,
.ImgHeadingStyle h2 a:link,
.ImgHeadingStyle h3 a:link,
.ImgHeadingStyle h4 a:link,
.ImgHeadingStyle .Title p a:visited,
.ImgHeadingStyle h2 a:visited,
.ImgHeadingStyle h3 a:visited,
.ImgHeadingStyle h4 a:visited {
padding: 10px 22px 10px 10px;
color: #fff;
text-decoration: none;
border-right: solid 3px transparent;
}
.ImgHeadingStyle .Title p a:hover,
.ImgHeadingStyle h2 a:hover,
.ImgHeadingStyle h3 a:hover,
.ImgHeadingStyle h4 a:hover,
.ImgHeadingStyle .Title p a:active,
.ImgHeadingStyle h2 a:active,
.ImgHeadingStyle h3 a:active,
.ImgHeadingStyle h4 a:active,
.ImgHeadingStyle.hover .Title p a,
.ImgHeadingStyle.hover h2 a,
.ImgHeadingStyle.hover h3 a,
.ImgHeadingStyle.hover h4 a {
padding: 10px 24px 10px 10px;
color: #fff;
text-decoration: underline;
border-right: solid 1px transparent;
}
/* [c23] Feature Unit
=========================================================================================== */
/* --- [c23] Feature Unit --- */
.ImgBoxStyle1,
.ImgBoxStyle2 {
margin: 0 0 30px;
background-color: #f2f2f2;
}
.ImgBoxStyle2 {
text-align: right;
}
.ImgBoxStyle1 .ImgOnlyStyle,
.ImgBoxStyle2 .ImgOnlyStyle {
display: inline-block;
width: 50%;
margin: 0;
text-align: left;
vertical-align: middle;
overflow: hidden;
}
.ImgBoxStyle1 .ImgOnlyStyle img,
.ImgBoxStyle2 .ImgOnlyStyle img {margin: 0;}
.ImgBoxStyle1 .Inner,
.ImgBoxStyle2 .Inner {
position: relative;
display: inline-block;
width: 50%;
padding: 15px 0 5px;
vertical-align: middle;
text-align: left;
}
.ImgBoxStyle1 .Inner:before,
.ImgBoxStyle2 .Inner:before {
content: "";
position: absolute;
display: block;
width: 10px;
height: 19px;
top: 50%;
}
.ImgBoxStyle1 .Inner:before {
left: -10px;
margin: -10px 0 0;
background: url(../../../image/cn/r1/balloon_left.gif) no-repeat;
}
.ImgBoxStyle2 .Inner:before {
right: -10px;
margin: -10px 0 0;
background: url(../../../image/cn/r1/balloon_right.gif) no-repeat;
}
.ImgBoxStyle1 .Inner .Title,
.ImgBoxStyle1 .Inner h2,
.ImgBoxStyle1 .Inner h3,
.ImgBoxStyle1 .Inner h4,
.ImgBoxStyle2 .Inner .Title,
.ImgBoxStyle2 .Inner h2,
.ImgBoxStyle2 .Inner h3,
.ImgBoxStyle2 .Inner h4 {
margin: 0 25px 10px;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 140%;
color: #575757;
background-color: transparent;
}
.ImgBoxStyle1 .Inner .Title strong,
.ImgBoxStyle2 .Inner .Title strong {color: #575757;}
.ImgBoxStyle1 .Inner .Title a,
.ImgBoxStyle1 .Inner h2 a,
.ImgBoxStyle1 .Inner h3 a,
.ImgBoxStyle1 .Inner h4 a,
.ImgBoxStyle2 .Inner .Title a,
.ImgBoxStyle2 .Inner h2 a,
.ImgBoxStyle2 .Inner h3 a,
.ImgBoxStyle2 .Inner h4 a {
padding: 0 20px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.ImgBoxStyle1 .Inner .Title a:link,
.ImgBoxStyle1 .Inner h2 a:link,
.ImgBoxStyle1 .Inner h3 a:link,
.ImgBoxStyle1 .Inner h4 a:link,
.ImgBoxStyle2 .Inner .Title a:link,
.ImgBoxStyle2 .Inner h2 a:link,
.ImgBoxStyle2 .Inner h3 a:link,
.ImgBoxStyle2 .Inner h4 a:link,
.ImgBoxStyle1 .Inner .Title a:visited,
.ImgBoxStyle1 .Inner h2 a:visited,
.ImgBoxStyle1 .Inner h3 a:visited,
.ImgBoxStyle1 .Inner h4 a:visited,
.ImgBoxStyle2 .Inner .Title a:visited,
.ImgBoxStyle2 .Inner h2 a:visited,
.ImgBoxStyle2 .Inner h3 a:visited,
.ImgBoxStyle2 .Inner h4 a:visited {
color: #575757;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
.ImgBoxStyle1 .Inner .Title a:hover,
.ImgBoxStyle1 .Inner h2 a:hover,
.ImgBoxStyle1 .Inner h3 a:hover,
.ImgBoxStyle1 .Inner h4 a:hover,
.ImgBoxStyle2 .Inner .Title a:hover,
.ImgBoxStyle2 .Inner h2 a:hover,
.ImgBoxStyle2 .Inner h3 a:hover,
.ImgBoxStyle2 .Inner h4 a:hover,
.ImgBoxStyle1 .Inner .Title a:active,
.ImgBoxStyle1 .Inner h2 a:active,
.ImgBoxStyle1 .Inner h3 a:active,
.ImgBoxStyle1 .Inner h4 a:active,
.ImgBoxStyle2 .Inner .Title a:active,
.ImgBoxStyle2 .Inner h2 a:active,
.ImgBoxStyle2 .Inner h3 a:active,
.ImgBoxStyle2 .Inner h4 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
.ImgBoxStyle1 .Inner p,
.ImgBoxStyle2 .Inner p,
.ImgBoxStyle1 .Inner ul,
.ImgBoxStyle2 .Inner ul {
margin: 0 25px 10px;
}
.ImgBoxStyle1 .Inner .ButtonStyle1 a,
.ImgBoxStyle2 .Inner .ButtonStyle1 a {
margin-bottom: 0;
}
/* [-] Common Class
=========================================================================================== */
.Section {
padding: 0 0 10px;
}
.Hide {
position: absolute;
top: -9999px;
left: -9999px;
}
.LeftAdjust {text-align: left;}
.CenterAdjust {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.RightAdjust {text-align: right;}
.TopAdjust {vertical-align: top;}
.MiddleAdjust {vertical-align: middle;}
.BottomAdjust {vertical-align: bottom;}
.Link {cursor: pointer;}
/* ----------------------------------------------------------------------------------------
Setting of special page
------------------------------------------------------------------------------------------- */
/* [t1] Homepage
=========================================================================================== */
/* [t2] Branding Image
=========================================================================================== */
/* --- [t1-2] Branding Image > 4 Grid Layout > With Global Navigation Bar --- */
/* --- [t1-3] Branding Image > 4 Grid Layout > No Global Navigation Bar --- */
#BrandingImgStyle,
#BrandingImgStyle1,
#BrandingImgStyle2 {
padding: 0 0 30px;
text-align: center;
background-color: #fff;
}
/* --- [t1-3] Branding Image > 3 Grid Layout --- */
/* [p1] Pop-up Windows
=========================================================================================== */
#PopUpContainer {position: relative;}
/* --- [-] Header --- */
#SiteIdentityP,
.SiteIdentityP {
border-top: solid 5px #e60027;
background-color: #f2f2f2;
height: 45px;
}
#SiteIdentityP p,
.SiteIdentityP p {
padding: 9px 0 0 15px;
}
/* --- [-] Content Area --- */
#PopUpContents {
padding: 18px 15px 5px 15px;
}
/* --- [-] Page title --- */
#PopUpContents .PageTitleStyle1 {
margin-bottom: 18px;
}
/* --- [-] Close Button --- */
.CloseButtonStyle {
position: absolute;
right: 0;
top: 0;
}
.CloseButtonStyle li {
height: 50px;
overflow: hidden;
}
.CloseButtonStyle li a {
display: block;
padding: 22px 9px;
background: url(../../../image/cn/r1/icon/icon_close_hd.gif) no-repeat 50% 9px;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
font-size: 76%;
}
.CloseButtonStyle li a:link,
.CloseButtonStyle li a:visited {
background-color: #e60027;
color: #fff;
text-decoration: none;
}
.CloseButtonStyle li a:hover,
.CloseButtonStyle li a:active {
background-color: #b1000e;
color: #fff;
text-decoration: none;
}
/* --- [-] Footer --- */
#PopUpContainer #Footer {
min-width: 0;
padding: 15px;
}
#PopUpContainer #Footer p {
width: auto;
}
/* --- [-] Min Width --- */
#PopUpContainer {
width: 100%;
min-width: 540px;
text-align: left;
background-color: #ffffff;
}
/* [f1] Form Page
=========================================================================================== */
.FormTableStyle {width: 100%;}
.FormTableStyle caption {display: none;}
.FormTableStyle th {
width: 30%;
background-color: #e8e8e8;
font-weight: normal;
}
.FormTableStyle td {width: 70%;}
.FormTableStyle span.MustItem {
display: block;
color: #000;
font-weight: bold;
}
/* --- [-] Name/Kana --- */
.FormTableStyle label.FirstName,
.FormTableStyle label.LastName {
display: inline;
float: left;
margin: 0 15px 0 0;
}
.FormTableStyle label.FirstName input,
.FormTableStyle label.LastName input { display: block; }
/* --- [-] Name/Kana : For Accesibility --- */
.FormTableStyle .FirstNameAC,
.FormTableStyle .LastNameAC {
display: inline;
float: left;
margin: 0 15px 0 0;
}
.FormTableStyle .FirstNameAC input,
.FormTableStyle .LastNameAC input { display: block; }
.FormTableStyle span.InputExample { line-height: 1.35; }
.FormTableStyle td input#name1_last,
.FormTableStyle td input#name1_first,
.FormTableStyle td input#name2_last,
.FormTableStyle td input#name2_first { width: 150px; }
/* --- [-] Input Item List > Vertical --- */
.FormTableStyle ul.Vertical { margin: 0 0 -3px; }
.FormTableStyle ul.Vertical li { margin: 0 0 3px; }
.FormTableStyle ul.Vertical li input {
display: inline;
margin: 0 0 2px;
vertical-align: middle;
}
/* --- [-] Input Item List > Horizontal --- */
.FormTableStyle ul.Horizontal { margin: 0 0 -3px; }
.FormTableStyle ul.Horizontal li {
float: left;
margin: 0 1em 2px 0;
}
/* */
.FormTableStyle ul.Horizontal li label { white-space: nowrap; }
.FormTableStyle ul.Horizontal li input {
display: inline;
margin: 0 0 2px;
vertical-align: middle;
}
.FormTableStyle input,
.FormTableStyle textarea { margin: 5px 0 0; }
.FormTableStyle select { margin: 0 0 5px; }
.Alternative {
margin: 0 0 10px;
text-align: center;
}
.FormTableStyle input[type="text"],
.FormTableStyle textarea,
.FormTableStyle select {
padding: 2px 4px 4px 4px;
border: solid 1px #ddd;
}
.Alternative li {
display: inline;
margin: 0 5px;
padding: 0 0 15px;
font-size: 90%;
line-height: 1.2;
}
.SubmitButtonSet,
.SubmitButtonArea { text-align: center; }
.SubmitButtonSet li,
.SubmitButtonArea li {
display: inline;
margin: 0 3px;
}
.SubmitButtonSet li input[type="submit"],
.SubmitButtonSet li input[type="reset"] {
min-width: 140px;
margin: 0 0 15px;
padding: 9px 25px 9px 15px;
font-family: '微软雅黑',Meiryo,'宋体',Simsun,Arial,Helvetica,sans-serif;
font-size: 83%;
color: #fff;
text-align: center;
line-height: 130%;
border: 0 none;
background-color: #e60027;
background-repeat: no-repeat;
background-position: 98% center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
cursor: pointer;
word-break: break-all;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
}
.SubmitButtonSet li input[type="submit"] {
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_white_hd.gif);
}
.SubmitButtonSet li input[type="reset"] {
background-image: url(../../../image/cn/r1/icon/icon_close_hd.gif);
}
.SubmitButtonSet li input[type="submit"]:hover {
background-color: #b1000e;
background-position: 99% center;
}
.SubmitButtonSet li input[type="reset"]:hover {
background-color: #b1000e;
}
.SubmitButtonArea li input {
display: inline;
font-size: 83%;
padding: 2px 5px;
}
/* [-] Fat Menu
=========================================================================================== */
.FatMenu, .FatMenuWide {
clear: both;
background-color: #f2f2f2;
border-top: solid 1px #fff;
overflow: hidden;
}
.FatMenuSet {
position: relative;
width: 965px;
margin: 0 auto;
}
.FatMenuSet:after {
display: block;
clear: both;
content: "";
}
.FMColumnMenuArea {
padding-bottom: 4px;
clear: both;
overflow: auto;
}
.FMGrid4,
.FMGrid3,
.FMGrid2,
.FMGrid1 {
float: left;
text-align: left;
}
.FMGrid4 {width: 965px;}
.FMGrid3 {width: 723px;}
.FMGrid2 {width: 482px;}
.FMGrid1 {width: 241px;}
.FMBottomColumnMenu .FMSubHeaderLink {margin-top: 6px;}
.FMColumn4,
.FMColumn3,
.FMColumn2,
.FMColumn1,
.FMTopColumnMenu4,
.FMTopColumnMenu3,
.FMTopColumnMenu2,
.FMTopColumnMenu1,
.FMBottomColumnMenu {
float: left;
text-align: left;
}
.FMColumn1,
.FMTopColumnMenu1,
.FMBottomColumnMenu {
width: 241px;
margin: 4px 0 0;
}
.FMColumn2,
.FMTopColumnMenu2 {
width: 482px;
margin: 4px 0 0;
}
.FMColumn3,
.FMTopColumnMenu3 {
width: 723px;
margin: 4px 0 0;
}
.FMColumn4,
.FMTopColumnMenu4 {
width: 965px;
margin: 4px 0 0;
}
.FMGrid4 .FMBottomColumnMenu,
.FMGrid3 .FMBottomColumnMenu,
.FMGrid2 .FMBottomColumnMenu,
.FMGrid1 .FMBottomColumnMenu {margin-top:0;}
.FMInner {margin: 4px 0 0 15px;}
.FMTitleLinkStyle1,
.FMTitleLinkStyle2,
.FMTitleLinkStyle3,
.FMTitleLinkStyle4 {
float: left;
min-height: 21px;
height: auto !important;
margin: 0;
padding: 8px 0 8px 10px;
border-top: none;
font-size: 90%;
font-weight: bold;
}
.FMTitleLinkStyle1 {border-left: solid 5px #e60027;}
.FMTitleLinkStyle2 {border-left: solid 5px #ba000e;}
.FMTitleLinkStyle3 {border-left: solid 5px #9c000c;}
.FMTitleLinkStyle4 {border-left: solid 5px #7e000a;}
.FMTitleLinkStyle1 a,
.FMTitleLinkStyle2 a,
.FMTitleLinkStyle3 a,
.FMTitleLinkStyle4 a {
padding: 0 20px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.FMTitleLinkStyle1 a:link,
.FMTitleLinkStyle2 a:link,
.FMTitleLinkStyle3 a:link,
.FMTitleLinkStyle4 a:link,
.FMTitleLinkStyle1 a:visited,
.FMTitleLinkStyle2 a:visited,
.FMTitleLinkStyle3 a:visited,
.FMTitleLinkStyle4 a:visited {
color: #333;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hd.gif);
}
.FMTitleLinkStyle1 a:hover,
.FMTitleLinkStyle2 a:hover,
.FMTitleLinkStyle3 a:hover,
.FMTitleLinkStyle4 a:hover,
.FMTitleLinkStyle1 a:active,
.FMTitleLinkStyle2 a:active,
.FMTitleLinkStyle3 a:active,
.FMTitleLinkStyle4 a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_xl_hover_hd.gif);
}
.FMLinkListStyle {
margin-left: 15px;
padding: 5px 0 3px;
}
.FMLinkListStyle li {
padding: 0 0 5px;
font-size: 83%;
line-height: 140%;
}
.FMLinkListStyle li a {
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.FMLinkListStyle li a:link,
.FMLinkListStyle li a:visited {
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hd.gif);
}
.FMLinkListStyle li a:hover,
.FMLinkListStyle li a:active {
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_hover_hd.gif);
}
.FMSubHeader {
margin: 0 0 0 15px;
padding-bottom: 3px;
font-size: 83%;
font-weight: bold;
color: #333;
}
.FMSubHeaderLink {
margin: 0 0 0 15px;
padding-bottom: 3px;
font-size: 83%;
font-weight: bold;
line-height: 140%;
}
.FMSubHeaderLink a {
padding: 0 20px 0 0;
line-height: 140%;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.FMSubHeaderLink a:link,
.FMSubHeaderLink a:visited {
color: #333;
text-decoration: none;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l.gif);
}
.FMSubHeaderLink a:hover,
.FMSubHeaderLink a:active {
color: #b1000e;
text-decoration: underline;
background-image: url(../../../image/cn/r1/icon/icon_link_right_l_hover.gif);
}
.FMSubHeaderLink + .FMSubHeaderLink {margin-top:6px;}
.FMHorizontalLink {
margin: 10px 0 8px 15px;
clear:none;
float:left;
padding: 0 0 0 15px;
font-size: 73%;
line-height: 130%;
border-left: solid 1px #ccc;
}
.FMHorizontalLink li {
display: inline-block;
margin: 0;
padding: 0 20px 0 0;
line-height: 160%;
}
.FMHorizontalLink li a {
background-position: right center;
background-repeat: no-repeat;
}
.FMHorizontalLink li a:link,
.FMHorizontalLink li a:visited {
text-decoration: none;
}
.FMHorizontalLink li a:hover,
.FMHorizontalLink li a:active {
text-decoration: underline;
}
.FMHorizontalLink li.NewWin a,
.FMHorizontalLink li.Mail a,
.FMHorizontalLink li.Inquiry a,
.FMHorizontalLink li.Pdf a,
.FMHorizontalLink li.Download a,
.FMHorizontalLink li.Sound a,
.FMHorizontalLink li.Movie a,
.FMHorizontalLink li.Important a,
.FMHorizontalLink li.Bottom a,
.FMHorizontalLink li.Top a {padding: 0 17px 0 0;}
.FMRTLink {
position: absolute;
top: 0;
right: 0;
}
.FMRTLink .FMTitleLinkStyle1 {
padding: 0;
border-left: none;
font-size: 76%;
}
.FMRTLink .FMRTLinkInner {
width: auto;
}
.FMRTLink .FMTitleLinkStyle1 a {
float: left;
display: block;
min-width: 75px;
text-align: center;
font-weight: normal;
background-image: url(../../../image/cn/r1/icon/icon_link_right_white_hd.gif) !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}
.FMRTLink .FMTitleLinkStyle1 a:link,
.FMRTLink .FMTitleLinkStyle1 a:visited {
padding: 4px 15px 4px 10px;
color: #fff;
text-decoration: none;
background-color: #e60027;
border-right: solid 3px transparent;
}
.FMRTLink .FMTitleLinkStyle1 a:hover,
.FMRTLink .FMTitleLinkStyle1 a:active {
padding: 4px 17px 4px 10px;
color: #fff;
text-decoration: none;
background-color: #b1000e;
border-right: solid 1px transparent;
}
.FMHelperPB7 {padding-bottom: 7px !important;}
.FMRightLine {border-right: 1px solid #fff;}
.FatMenuSet .NewWin a {background-image: url(../../../image/cn/r1/icon/icon_new_window_hd.gif) !important;}
.FatMenuSet .Mail a {background-image: url(../../../image/cn/r1/icon/icon_mail_hd.gif) !important;}
.FatMenuSet .Inquiry a {background-image: url(../../../image/cn/r1/icon/icon_inquiry_hd.gif) !important;}
.FatMenuSet .Pdf a {background-image: url(../../../image/cn/r1/icon/icon_pdf_hd.gif) !important;}
.FatMenuSet .Download a {background-image: url(../../../image/cn/r1/icon/icon_download_hd.gif) !important;}
.FatMenuSet .Sound a {background-image: url(../../../image/cn/r1/icon/icon_sound_hd.gif) !important;}
.FatMenuSet .Movie a {background-image: url(../../../image/cn/r1/icon/icon_movie_hd.gif) !important;}
.FatMenuSet .Important a {background-image: url(../../../image/cn/r1/icon/icon_important_link_hd.gif) !important;}
.FatMenuSet .Bottom a {background-image: url(../../../image/cn/r1/icon/icon_link_bottom_hd.gif) !important;}
.FatMenuSet .Top a {background-image: url(../../../image/cn/r1/icon/icon_link_top_hd.gif) !important;}
.FatMenuSet .NoIcon a {
padding: 0;
background-image: none;
}
.FatMenuSet .NoIcon img {
margin-left: 3px;
vertical-align: top;
}
.FatMenuSet .NoIcon img {margin-left: 4px;}
