@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:13px; font-family:'Lucida Grande', Arial, Helvetica, sans-serif; color:#000; line-height:1.1;}
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;}

/* HEADER 
==================================================== */
#siteHeader{
}
#siteHeader .inner{
width:auto; padding:15px; border-bottom:1px #000 solid;}
#siteID{
width:205px; height:51px;}
#siteSearch,
#region,
#function,
#global{
display:none;}

/* FOOTER 
==================================================== */
#siteFooter{
clear:both;padding-bottom:15px;}
.pgTop,
#siteFooter nav{
display:none;}
#siteFooter p{
clear:both; text-align:center; color:#000; font-size:10px; line-height:1.5; border-top:1px #000 solid; padding-top:10px;}

/*
CONTAINER
==================================================== */
#container{
clear:both; padding:15px;}
#container:after{
content:''; clear:both; display:block;}
#breadcrumbs{
display:none;}

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

/*
PAGE BODY
==================================================== */
#pageBody{
}
#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;}

/* 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{
display:none;}

/*
SITE ASIDE
==================================================== */
#siteAside{
display:none;}

/* BODY PART BASE CONFIGURATIONS
==================================================== */
/* headings */
#pageBody section h1{
font-size:18px; padding:0 5px 5px; margin-bottom:15px; border-bottom:1px #e60012 solid;}
#pageBody section h1.product{
font-size:12px; line-height:1.2; margin-bottom:10px; padding:0; border:none;}
#pageBody section h1.product em{
font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#pageBody section h2{
font-size:16px; font-weight:bold; margin:40px 0 10px; line-height:1.5;}
#pageBody section h3{
font-size:14px; margin:30px 0 10px; line-height:1.5; text-indent:-1em; padding-left:1em;}
#pageBody section h4{
margin:20px 0 5px; line-height:1.5; font-weight:bold;}
#pageBody section h4{
margin:20px 0 5px; line-height:1.5; font-weight:bold;}
#pageBody section h3:before{
content:'■';}
.ie6 #pageBody section h3:before,
.ie7 #pageBody section h3:before{
content:'';}
#pageBody section h1 + h2{
margin-top:0;}
#pageBody section h2 + h3{
margin-top:0;}
#pageBody section h3 + h4{
margin-top:0;}

/* paragraph & text decoration */
#pageBody section p{
line-height:1.65; margin-bottom:1em;}
#pageBody section p.leadCopy{
font-size:20px; font-weight:bold; font-family:"Times New Roman", Times, serif; line-height:1.3; letter-spacing:-0.03em;}
#pageBody section p.note{
font-size:11px; line-height:1.5; margin-top:-0.5em;}
#pageBody section .subTxt{
font-size:85%;}
#pageBody section p.pgTop{
display:none;}
#pageBody mark{
background:#ff3;}


/* link anchor */
#pageBody section a.innerLink:before{
content:'>';}
#pageBody section a.blankLink:after{
content:'New window'; background:url(/graphic/english/common/images/icnNwWin.gif) no-repeat right center; width:20px; height:13px; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; top:2px;}
#pageBody section a.pdfLink:after{
content:'PDF'; background:url(/graphic/english/common/images/icnPDF.gif) no-repeat right center; width:30px; height:13px; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; top:2px;}


/* figure & image 
==================================================== */
#pageBody figure{
margin-bottom:20px;}
#pageBody figure img{
margin:0 auto 5px; display:block;}
.ie6 #pageBody figure.float img{
display:inline;}
#pageBody figure.float.fLt{
margin:3px 15px 15px 0; float:left;}
#pageBody figure.float.fRt{
margin:3px 0 15px 15px; float:right;}
#pageBody figure figcaption{
font-size:12px; text-align:center;}
#pageBody figure.float figcaption{
text-align:left;}
/* list 
==================================================== */
/* general */
#pageBody section ul,
#pageBody section ol{
margin:0 0 20px 20px;}
#pageBody section ul li,
#pageBody section ol li{
line-height:1.5; margin-bottom:0.5em;}

#pageBody section .anchorLinks{
background:#e5e5e5; padding:20px 20px 12px; margin-left:0;}
#pageBody section .anchorLinks li{
list-style:none; margin-bottom:8px; line-height:1.3;}
.ie6 #pageBody section .anchorLinks li{
margin-bottom:0; line-height:0.8;}
#pageBody section .anchorLinks li a{
background:url(/graphic/english/common/images/anchorLinkBullet.gif) no-repeat left 0.3em; padding:0 0 0 15px; display:block; text-decoration:none; color:#1d2088;}
#pageBody section .anchorLinks li a:hover{
color:#e60012; background:url(/graphic/english/common/images/localNavBulletActive.gif) no-repeat left 0.3em;}

#pageBody section ul.footNotes{
margin:0 0 20px 0;}
#pageBody section ul.footNotes li{
text-indent:-1.5em; padding-left:1.5em; margin-bottom:0.5em; font-size:11px; list-style:none;}

#pageBody section dl{
padding-bottom:20px; line-height:1.5;}
#pageBody section dl dt{
font-weight:bold; border-bottom:1px #ccc solid; margin-bottom:10px;}
#pageBody section dl dd{
margin-bottom:15px;}

#pageBody section dl.flat dt{
border-bottom:none; margin-bottom:10px; float:left; clear:left;}
#pageBody section dl.flat dd{
border-bottom:1px #ccc solid; padding-bottom:10px;}

#pageBody section dl.flat.dtW10 dt{
width:10em;}
#pageBody section dl.flat.dtW10 dd{
padding-left:10em;}

/* table */
#pageBody section table{
font-size:11px; width:100%; margin-bottom:20px;}
#pageBody section table td,th{
padding:4px; border:1px #6699cc solid;}
#pageBody section table th{
background:#def;}
#pageBody section table thead th{
text-align:center;}
#pageBody section table caption{
font-size:11px; line-height:1.5; caption-side:bottom; padding:5px;}

/* table column width settings (samples)
==================================================== */
/* 11 columns and first column is header */
#pageBody section table colgroup.eleven-first-th col{
width:47px;}
#pageBody section table colgroup.eleven-first-th col:first-child{
width:auto;}
/* 5 columns equivalent width */
#pageBody section table colgroup.equal5 col{
width:20%;}
/* 2 columns 20% / 80% */
#pageBody section table colgroup.dual2by8 col:first-child{
width:20%;}
/* 3 columns 20% / 40% / 40% */
#pageBody section table colgroup.triple244 col:nth-child(2),
#pageBody section table colgroup.triple244 col:nth-child(3){
width:40%;}

/* TOP PAGE
==================================================== */
main.topPage{
padding-top:370px; position:relative;}
.topPage #mainVisual{
position:absolute; left:0; top:0; width:100%;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-next,.bx-wrapper .bx-prev{
display:none;}
#topLists{
width:760px; float:left;}
#topLists header{
background:#d2d2d2; padding:7px 10px 6px; border-right:5px #e60012 solid; margin-bottom:10px; position:relative;}
#topLists header h1{
font-size:16px; font-weight:bold;}
#topLists header a{
position:absolute; right:15px; top:8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333; text-decoration:none;}
#topLists header a:hover{
color:#e60012;}
#newsLists,
#infoLists{
width:48%;}
#newsLists{
float:left; margin-right:2%;}
#infoLists{
float:left;}

#topLists section{
clear:both; margin-bottom:50px;}
#topLists dl,
#topLists ul{
padding:10px;}
#topLists dl dt{
font-size:11px; margin-bottom:3px;}
#topLists dl dd,
#topLists ul li{
line-height:1.5; margin-bottom:20px; list-style:none;}
#topLists footer{
text-align:right; font-size:11px;}
#topLists footer a{
background:url(/graphic/english/common/images/localNavBullet.gif) no-repeat left center; padding-left:10px;}
#topLists footer a:hover{
background-image:url(/graphic/english/common/images/localNavBulletActive.gif);}
#topLists dl.exhibitions dt{
padding-left:85px;}
#topLists dl.exhibitions dd{
padding-left:85px; position:relative; min-height:40px; margin-bottom:25px;}
#topLists dl.exhibitions dd img{
position:absolute; left:0px; top:-15px;}
#topLists dl dt span:before{
content:' | ';}

/* CATEGORY INDEXES
==================================================== */
#pageBody section.catIndex{
padding-left:0; width:565px; position:relative; left:35px;}
#pageBody section.catIndex figure{
margin-bottom:15px;}
#pageBody #catIndexNav{
}
#pageBody #catIndexNav a{
width:277px; background:#e5e5e5; display:block; text-decoration:none; color:#333; float:left; margin-bottom:15px; overflow:hidden;}
#pageBody #catIndexNav a:nth-child(odd){
clear:both;}
#pageBody #catIndexNav a:nth-child(even){
float:right;}
#pageBody #catIndexNav p{
padding:5px; margin-bottom:0;}
 
/* NEWS LIST
==================================================== */
#pageBody .newsHeader{
position:relative;}
#pageBody .newsHeader a{
position:absolute; right:0px; top:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333; text-decoration:none;}
#pageBody .newsHeader a:hover{
color:#e60012;}
#pageBody dl.newsList{
margin-bottom:20px;}
#pageBody dl.newsList dt{
border:none; font-weight:normal; font-size:12px; margin-bottom:0;}
#pageBody dl.newsList dd{
margin-bottom:15px; padding-bottom:15px; border-bottom:1px #ccc dotted;}
#pageBody nav.pager{
clear:both;}
#pageBody nav.pager ul{
text-align:center;}
#pageBody nav.pager li{
border:1px #ccc solid; background:#eee; display:inline; margin:0 5px;}
#pageBody nav.pager li em{
display:block; padding:2px 7px; text-align:center; background:#333; color:#fff; font-weight:bold; display:inline-block}
#pageBody nav.pager li a{
padding:2px 7px; text-align:center; display:block; display:inline-block}


/* COMPANY INFORMATION
==================================================== */
#pageBody .catch{
font-size:24px; font-weight:bold;}
#pageBody .catch em{
color:#e60012; font-weight:inherit;}
#pageBody dl.executives{
padding-bottom:0; width:300px;/* force width for IE7 */}
#pageBody dl.executives dt{
float:left; width:11em; font-weight:normal; border:none; margin-bottom:0; line-height:1.5;}
#pageBody dl.executives dd{
padding-left:11em; border:none; margin-bottom:0;}
#pageBody .history{
width:48.5%; float:left;}
#pageBody .history.mhi{
float:right;}
#pageBody .history h2{
background:#000; color:#fff; font-size:14px; padding:5px 10px; line-height:1.4; margin:10px 0 5px;}
#pageBody .history dl{
font-size:11px; line-height:1.6;}
#pageBody .history dl dt{
float:left; clear:left; font-weight:normal; margin:0; padding:0; border:none; width:4.5em;}
#pageBody .history dl dd{
display:list-item; list-style:disc; margin:0 0 0.25em 6em;}
#pageBody .startup{
background:url(/graphic/english/corporate/images/historyPts01.gif) no-repeat center top; padding:60px 0 0 0; text-align:center; font-size:16px; clear:both; font-weight:bold;}














