@charset "utf-8";

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

/* paragraph & text decoration */
#pageBody p{
line-height:1.65; margin-bottom:1em; font-size:14px;}
#pageBody p.leadCopy{
font-size:18px; font-weight:bold; line-height:1.5;}
#pageBody p.note{
font-size:12px; line-height:1.5; margin-top:-0.5em;}
#pageBody table + p.note,
#pageBody dl + p.note{
margin-top:-20px;}
#pageBody .subTxt{
font-size:85%;}
#pageBody p.pgTop{
text-align:right; margin-bottom:0; clear:both;}
#pageBody p.pgTop a:before{
content:"▲";}
#pageBody mark{
background:#ff3;}

/* link anchor */
#pageBody a.innerLink{
background:url(/graphic/english/common/images/anchorLinkBullet.gif) no-repeat left 0.45em; padding:0 0 0 15px;}
#pageBody a.innerLink:hover{
color:#e60012; background:url(/graphic/english/common/images/localNavBulletActive.gif) no-repeat left 0.45em;}
#pageBody a.blankLink:after{
content:'別ウィンドウ'; 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 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 ul,
#pageBody ol{
margin:0 0 20px 20px;}
#pageBody ul li,
#pageBody ol li{
line-height:1.5; margin-bottom:0.5em;}

#pageBody .linkList{
margin-left:5px;}
#pageBody .linkList li{
list-style:none; margin-bottom:8px; line-height:1.3;}
.ie6 #pageBody .linkList li{
margin-bottom:0; line-height:0.8;}
#pageBody .linkList 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:#03f;}
#pageBody .linkList li a:hover{
color:#e60012; background:url(/graphic/english/common/images/localNavBulletActive.gif) no-repeat left 0.3em;}

#pageBody .anchorLinks{
background:#e5e5e5; padding:20px 20px 12px; margin-left:0;}
#pageBody .anchorLinks li{
list-style:none; margin-bottom:8px; line-height:1.3;}
.ie6 #pageBody .anchorLinks li{
margin-bottom:0; line-height:0.8;}
#pageBody .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:#03f;}
#pageBody .anchorLinks li a:hover{
color:#e60012; background:url(/graphic/english/common/images/localNavBulletActive.gif) no-repeat left 0.3em;}

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

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

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

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

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

#pageBody table.regular{
font-size:13px; line-height:1.5; width:100%; margin-bottom:20px;}
#pageBody table.regular td,
#pageBody table.regular th{
padding:8px; border:1px #1a1a1a solid; vertical-align:top;}
#pageBody table.regular th{
background:#d2d2d2;}
#pageBody table.regular thead th{
text-align:center;}
#pageBody table.regular caption{
font-size:13px; line-height:1.5; caption-side:bottom; padding:5px;}



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

/* TOP PAGE
==================================================== */
main.topPage{
width:100%;}
.topPage #mainVisual{
height:346px; margin:20px 0 30px 0; overflow:hidden;}
.topPage #mainVisual li.first img{opacity:0;}
#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:365px;}
#newsLists{
float:left;}
#infoLists{
float:right;}
#topLists section{
clear:both; margin-bottom:50px;}
#topLists dl,
#topLists ul{
padding:10px;}
#topLists dl dt{
font-size:12px; 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:12px;}
#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:35px;}
#pageBody section.catIndex figure{
margin-bottom:15px;}
#pageBody #catIndexNav{
}
#pageBody #catIndexNav a{
width:279px; background:#e5e5e5; display:block; text-decoration:none; color:#333; float:left; margin-bottom:15px; cursor:pointer; border:1px #fff solid; zoom:1;}
#pageBody #catIndexNav a:nth-child(odd){
clear:both;}
#pageBody #catIndexNav a:nth-child(even){
float:right;}
#pageBody #catIndexNav a div{
width:277px; height:auto;}
#pageBody #catIndexNav p{
padding:5px; margin-bottom:0;}

 
/* NEWS LIST
==================================================== */
#pageBody #category{
position:relative;}
#pageBody #category 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 #category 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 dl.newsList.cases dt{
border:none; font-weight:normal; font-size:12px; margin-bottom:0; padding-left:195px;}
#pageBody dl.newsList.cases dd{
margin-bottom:15px; padding-bottom:15px; border-bottom:1px #ccc dotted; padding-left:195px; min-height:120px; position:relative;}
#pageBody dl.newsList.cases dd img{
position:absolute; left:0px; top:-15px;}
#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:100%;/* force width for IE7 */}
#pageBody dl.executives dt{
float:left; width:10em; font-weight:normal; border:none; margin-bottom:0; line-height:1.5;}
#pageBody dl.executives dd{
padding-left:10em; 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;}

/* SITE MAP
==================================================== */
ul.menu{
list-style-type:disc;
padding-left: 18px;
overflow:hidden;

}
ul.menu li{
width:50%;
padding:2px 5px;
}
ul.menu li:nth-child(even){
float:left;
}
ul.menu li:nth-child(odd){
float:left;
clear:left;
}

.LeftColumn {
  float:left;
  width:50%;
  padding-left: 18px;
}
.RightColumn {
  float:left;
  width:50%;
}

.EndColumn {
  clear:left;
}

