@charset "utf-8";

/* INITIALIZE
2013.11.10 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a{
margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{
display:block;}
nav ul{
list-style:none;}
blockquote,q{
quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{
content:''; content:none;}
pre,code,kbd,samp{
font-family:monospace,monospace; font-size:inherit;}
table{
border-collapse:collapse; border-spacing:0;}
img{
border:0;}
address,caption,cite,code,dfn,em,th,var{
font-style:normal; font-weight:normal;}
caption,th{
text-align:left;}
h1,h2,h3,h4,h5,h6{
font-size:100%; font-weight:normal;}
sup{
vertical-align:text-top; font-size:75%;}
sub{
vertical-align:text-bottom; font-size:75%;}
input,textarea,select{
vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit;}
a{
outline:none;}
audio:not([controls]){
display:none;}
time{
display:inline;}
[hidden]{
display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{
visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{
padding:0; border:0;}

/* BASE CONFIGURATIONS
==================================================== */
body{
font-size:14px; font-family:'Lucida Grande',Arial, Helvetica, sans-serif; color:#222; line-height:1.1;}
.ie6 body{
font-size:14px; font-family:'Lucida Grande',Arial, Helvetica, sans-serif; color:#222; line-height:1.1;}
a{
-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
a:link{
color:#03f; text-decoration:underline;}
a:visited{
color:#03f; text-decoration:underline;}
a:hover{
color:#e60012; text-decoration:none;}
a:active{
color:#c00;}
a img,button,input[type=button],input[type=submit],input[type=reset],a div{
-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
a img:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,a div:hover{
opacity:0.7;}

/* HEADER 
==================================================== */
#siteHeader{
height:148px; background:url(/graphic/english/common/images/globalNavBg.gif) repeat-x bottom;}
#siteHeader .inner{
width:970px; margin:0 auto; position:relative;}
#siteID{
width:205px; height:51px; position:absolute; left:0; top:40px;}
#siteSearch{
width:166px; height:22px; position:absolute; left:500px; top:8px;}
#siteSearch input[type=text]{
border:1px #ddd solid; width:135px; height:20px; position:absolute; left:0; top:0; font-size:11px; padding:0 5px;}
#siteSearch button{
background:url(/graphic/english/common/images/headSearchBtn.gif) no-repeat right top; width:32px; height:22px; overflow:hidden; text-height:100%; white-space:nowrap; position:absolute; right:0; top:0; border:none; padding:0; display:block; cursor:pointer;}
#region{
width:300px; height:22px; padding:2px; position:absolute; right:0; top:8px; text-align:right;}
#region li{
display:inline;}
#region li a{
color:#555;}
#region li#rnGb:after{
content:' /'}
#region li#rnJp:after{
content:' /'}
#region li#rnCn:after{
content: ' /';}
#function{
width:220px; height:19px; position:absolute; right:0; top:71px;}
#function li{
float:left; font-size:11px; position:relative;}
#function li#fnHm{
padding-right:5px; top:5px;}
#function li#fnHm:after{
content:' | ';}
#function li#fnCt{
padding-right:25px; top:5px;}
#function li#fnPr{
float:right;}
#function li#fnPr a{
background:url(/graphic/english/common/images/printIcn.gif) no-repeat 10px center #333; color:#fff; padding:5px 10px 5px 25px; display:block; white-space:nowrap;}
#function li a{
color:#555; text-decoration:none;}
#function li a:hover{
text-decoration:underline;}
#global{
width:970px; height:34px; position:absolute; left:0; top:110px; background:url(/graphic/english/common/images/globalNavDivider.gif) repeat-y right;}
#global ul{
}
#global li{
width:calc(100% / 8); height:34px; float:left;}
.ie6 #global li{
width:160px;}

#global li a{
width:100%; height:34px; display:block; text-align:center; line-height:34px; color:#555; text-decoration:none; background:url(/graphic/english/common/images/globalNavDivider.gif) repeat-y left;}
#global li a:hover{
background:#333; color:#fff; border-left:1px #333 solid;}
#global li a.active{
background:#e60012; color:#fff; border-left:1px #c00 solid;}

/* FOOTER 
==================================================== */
#siteFooter {
clear:both; background:#333; padding-bottom:10px;}
#siteFooter .inner{
width:970px; margin:0 auto;}
#siteFooter a{
color:#fff; text-decoration:none;}
#siteFooter a:hover{
color:#fff; text-decoration:underline;}
/* 202506 GDPR
#siteFooter nav{
padding:30px 0; clear:both;}
#siteFooter nav:after{
content:''; clear:both; display:block;}
#siteFooter nav ul{
float:left;}
#siteFooter nav ul li{
font-size:13px; font-weight:bold; margin-bottom:1em;}
#siteFooter nav ul li ul{
float:none; padding-top:10px;}
#siteFooter nav ul li ul li{
font-size:11px; font-weight:normal; margin-bottom:8px; padding-left:1em;}
.ie6 #siteFooter nav ul li ul li{
font-size:9px;}
#siteFooter nav ul#ftNavCp{
width:170px;}
#siteFooter nav ul#ftNavPd{
width:170px;}
#siteFooter nav ul#ftNavTc{
width:120px;}
#siteFooter nav ul#ftNavSp{
width:100px;}
#siteFooter nav ul#ftNavNs{
width:100px;}
#siteFooter nav ul#ftNav li{
display:inline; padding-left:20px;}
*/
#siteFooter nav{padding:30px 0; clear:both; display:flex; justify-content:space-between; column-gap:30px; column-count:6}
#siteFooter nav ul li{font-size:13px; font-weight:bold; margin-bottom:1em;}
#siteFooter nav ul li ul{float:none; padding-top:10px;}
#siteFooter nav ul li ul li{font-size:11px; font-weight:normal; margin-bottom:8px; padding-left:1em;}

#siteFooter p{
clear:both; text-align:center; color:#fff; font-size:11px; line-height:1.5;}
.ie6 #siteFooter p{
font-size:9px;}
div.pgTop {
height:32px; width:970px; margin:0 auto 0; position:relative;}
div.pgTop p{
position:fixed; bottom:0; width:970px;}
.ie6 div.pgTop p{
position:static !important;}
div.pgTop a{
float:right; width:170px; height:32px; background:url(/graphic/english/common/images/icnPgTop.gif) no-repeat 140px center #333; border-radius:5px 5px 0 0; padding:0px 24px 0 15px; font-size:13px; color:#fff !important; text-decoration:none; line-height:32px; display:block; text-align:center;}
div.pgTop a:hover{
opacity:1 !important; text-decoration:underline;}


/*
CONTAINER
==================================================== */
#container{
clear:both; width:970px; margin:0 auto; padding-bottom:20px;}
#container:after{
content:''; clear:both; display:block;}
#breadcrumbs{
padding:20px 15px 15px 10px;}
#breadcrumbs li{
display:inline; font-size:12px;}
#breadcrumbs li:after{
content:' >';}
#breadcrumbs li:last-child:after{
content:'';}
#breadcrumbs li a{
padding:0 5px; color:#555; text-decoration:none;}
#breadcrumbs li a:hover{
text-decoration:underline;}

/*
MIAN
==================================================== */
main{
width:760px; float:left;}
header#topLevelCategory{
margin-bottom:20px;}
header#topLevelCategory h1{
background:#c9c9c9; font-size:16px; font-weight:bold; height:30px; line-height:30px; padding:0 15px 0 15px; border-right:5px #e60012 solid;}

/*
PAGE BODY
==================================================== */
#pageBody{
width:600px; float:right;}
#category{
font-size:20px; border-left:5px #e60012 solid; padding:0 15px; line-height:1.3; margin-bottom:20px;}
#pageBody section{
clear:both; margin-bottom:50px; padding-left:15px;}
#pageBody section:after{
content:''; clear:both; display:block;}
#pageBody section#entryTitle{
margin-bottom:10px;}

/* force alignment */
.aCt{
text-align:center;}
.aRt{
text-align:right;}

/* clear element 
==================================================== */
.clr{
clear:both;}
.clrFx{
clear:both; zoom:1;}
.clrFx:after{
content:''; clear:both; display:block; height:0; visibility:hidden;}

/*
LOCAL NAVIGATIONS
==================================================== */
#local{
width:150px; float:left;}
#local ul{
}
#local ul li{
font-size:13px; margin-bottom:15px; line-height:1.5;}
#local ul li a{
color:#555; text-decoration:none; background:url(/graphic/english/common/images/localNavBullet.gif) no-repeat left 0.4em; padding:0 0 0 12px; display:block;}
#local ul li a:hover,
#local ul li a.active{
color:#e60012; background:url(/graphic/english/common/images/localNavBulletActive.gif) no-repeat left 0.4em;}
#local ul li ul{
margin:5px 0 10px 15px;}
#local ul li ul li{
font-size:12px; margin-bottom:8px;}
#local ul li ul li ul{
margin:5px 0 10px 15px;}
#local ul li ul li ul li{
font-size:12px;}
.ie6 #local ul li a{
background:url(/graphic/english/common/images/localNavBullet.gif) no-repeat left 0.35em;}
.ie6 #local ul li a:hover,
.ie6 #local ul li a.active{
background:url(/graphic/english/common/images/localNavBulletActive.gif) no-repeat left 0.35em;}
#local ul li ul,
#local ul li ul li ul{
display:none;}
#local ul li.open ul{
display:block;}
#local ul li.open ul li ul{
display:none;}
#local ul li.open ul li.open ul{
display:block;}
#local section{
margin-bottom:30px;}
#local h1{
font-size:18px; margin:2px 0 20px;}
.ie6 #local ul li{
height:0;}
/*
SITE ASIDE
==================================================== */
#siteAside{
width:184px; float:right;}
#siteAside li{
list-style:none; margin-bottom:10px;}
#siteAside li img{
display:block;}