@charset "utf-8";

/* **************************************************

Name: portalmodule.css

Description: Main CSS

Create: 2014.06.17
Update: 2014.09.08

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

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] Eemphasis
[c18] Contents Navigation System
[c19] Linear Navigation System
[c20] Internal Link
[c21] Page Top Link
[c22] Image Heading
[c23] Image Box
[c24] Banner Area

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

===================================================== */



/* [c2] Heading
=========================================================================================== */

h2.TopStyle1 {
margin: 0;
padding: 0;
border-top: none;
background: none;
}
h2.TopStyle1 span {
border: none;
padding: 0;
background-color: #FFFFFF;
background: none;
}
h2.TopStyle1 span a {
background: none;
}



.addHeading3Style1 a:link,.addHeading3Style1 a:visited,
.addHeading3Style1 a:hover,.addHeading3Style1 a:active {
background: none;
}


/* [c3] Text
=========================================================================================== */
p.TextStyle1 em {
none;
}



/* [c8] Numbered List
=========================================================================================== */
/* ---[c8-1-1] Numbered List--- */
ol.ListStyle1 ul.ListStyle1 {
font-size: 100%;
}


/* [c11] Link List
=========================================================================================== */
ul.ListStyle1 li ul.LinkListStyle1 li {
padding-left: 0;
background: none;
}
ul.ListStyle1 li ul li ul.LinkListStyle1 li {
padding-left: 0;
background: none;
}


ul.ListStyle5 {
font-size: 90%;
margin: 0 0 15px;
padding: 0 0 1px;
}
ul.ListStyle5 li {

float: left;
line-height: 1.35;
margin: 0 10px 4px 0;
padding: 1px 0 1px 17px;
white-space: nowrap;
}
ul.ListStyle5 li a {
line-height: 1.35;
}


ol.ListStyle1 li img {
margin: 4px auto;
}

/* top
=========================================================================================== */


.menu_list {
width: 170px;
margin: 0px 0px 0px 17px;
background: none repeat scroll 0% 0% #EFEFEF;
border: 1px solid #CCC;
outline: medium none;
}

.menu_body {
display: none;
}

.menu_head {
background: url('/image/h1_en/icon/down_arrow.gif') no-repeat scroll right 0.4em transparent;
padding: 0px 16px;
cursor: pointer;
position: relative;
margin: 4px 19px 10px 1px;
font-weight: bold;
font-size: 90%;
color: #E60128;
text-decoration: none;
outline: medium none;
}

.menu_head a {
color: #CC0022!important;
text-decoration: none!important;
outline: medium none;
display: block;
background: none!important;
padding-right: 0px!important;
}

.menu_head a:hover{
color: #B1000E!important;
text-decoration: underline!important;
}

.menu_body a{
display:block;
color: #CC0022!important;
font-weight:normal;
text-decoration: none!important;
margin: 0px 0 5px 0px;
padding: 0px 0 0 20px;
*padding: 5px 0 3px 20px;
font-size:80%;
border-top:1px solid #ccc;
outline:none;
}
.menu_body a:hover{
color: #B1000E!important;
text-decoration: underline!important;
outline:none;
}

.menu_body a:visited{
color: #a94657!important;
}


/* [XX] Mega Menu
=========================================================================================== */
.mega_menu {
position: relative;
max-width: 965px;
margin:0 auto;
}
.mm {
position: absolute; 
z-index: 999; 
top: 0px; 
padding: 0 0 5px 0;
overflow: hidden;
}
.mm div.Section{
width:230px; 
padding: 15px 0 0 0;
background-color: #333;
}
#mm6.mm div.Section{
width:200px; 

}
.mm .ColumnSet{
width: 230px; 
background-color: #333;
}
.mm .ColumnSet div.Column1 {
margin-left: 0px;
}
.mm .ColumnSet div.FirstItem {
margin-left: 0;
}
.mm .ColumnSet div.LastItem {
margin-left: 18px;
}

.mm .ColumnSet a{ color: #ffffff;} 
.mm .ColumnSet .LinkListStyle2 {
padding: 0 5px 0 15px;

}
.mm .ColumnSet .LinkListStyle2 ul.ListStyle2{
margin: 0 0 0 1em;
padding: 0;
font-size: 100%;
}
.mm .ColumnSet .LinkListStyle2 ul.ListStyle2 li {
margin: 0;
padding: 5px 0 0 0;
background-image: none;
}

#megaanchor1{width:190px; text-align:center;}
#megaanchor2{width:90px; text-align:center;}
#megaanchor3{width:120px; text-align:center;}
#megaanchor4{width:110px; text-align:center;}
#megaanchor5{width:120px; text-align:center;}
#megaanchor6{width:80px; text-align:center;}

#mm2{margin-left:190px;}
#mm3{margin-left:280px;}
#mm4{margin-left:400px;}
#mm5{margin-left:510px;}
#mm6{margin-left:630px;}



/*#mm2{margin-left:185px;}
#mm3{margin-left:293px;}
#mm4{margin-left:446px;}
#mm5{margin-left:559px;}*/


/*#mm1{margin-left:192px;}
#mm2{margin-left:377px;}
#mm3{margin-left:485px;}
#mm4{margin-left:638px;}
#mm5{margin-left:751px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#mm2{margin-left:380px;}
#mm3{margin-left:489px;}
#mm4{margin-left:645px;}
#mm5{margin-left:760px;}

::i-block-chrome,#mm2 {margin-left:377px;}
::i-block-chrome,#mm3 {margin-left:485px;}
::i-block-chrome,#mm4 {margin-left:638px;}
::i-block-chrome,#mm5 {margin-left:751px;}
}

:root #mm2{margin-left:380px\0; }
:root #mm3{margin-left:489px\0; }
:root #mm4{margin-left:648px\0; }
:root #mm5{margin-left:764px\0; }*/

#GlobalNaviTop li.mmenabled a {
background-color: #333333;
color: #fff;
}
#GlobalNaviTop li.mmenabled a strong {
background: none;
background-color: #333333;
color: #fff;
}
#GlobalNaviTop li.Current.mmenabled a em {
background: none;
color: #fff;
}
#GlobalNaviTop li.mmenabled a:hover em {
background: none;
color: #fff;
}

/*
#GlobalNavi ul#HorizontalLocalNavi { overflow:hidden;}
#GlobalNavi #HorizontalLocalNavi { display:none;} 
*/



.zoom {
display:inline-block;
position: relative;
}

/* magnifying glass icon */
.zoom:after {
content:'';
display:block; 
width:33px; 
height:33px; 
position:absolute; 
top:0;
right:0;

}

.zoom img {
display: block;
}

.zoom img::selection { background-color: transparent; }


.black-frame{width:218px; display:block;}
.black-frame ul{margin:0; padding:0;width:218px; height:45px;}	
.black-frame ul li{float:left; list-style:none;margin:-45px 0 0 0; position:relative;}
.black-frame ul li a{ opacity:0.8;color:#fff; float:left; font-size:83%; font-weight:bold;text-align:left; height:45px;width:218px;background:#747474; text-decoration:none; padding:0 17px 0 20px; line-height:40px;}
.black-frame ul li a:hover{opacity:0.8;background:#dc1a25 ; height:45px;width:218px;text-align:left; padding:0 20px 0 20px;}

.black-framen1{width:475px; display:block;}
.black-framen1 ul{margin:0; padding:0;width:475px; height:45px;}	
.black-framen1 ul li{float:left; list-style:none;margin:-45px 0 0 0; position:relative;}
.black-framen1 ul li a{ opacity:0.8;color:#fff; float:left; font-size:83%; font-weight:bold;text-align:left; height:45px;width:475px;background:#747474; text-decoration:none; padding:0 17px 0 20px; line-height:40px;}
.black-framen1 ul li a:hover{opacity:0.8;background:#dc1a25; height:45px;width:475px;text-align:left; padding:0 20px 0 20px;}

.black-framen2{width:218px; display:block;}
.black-framen2 ul{margin:0; padding:0;width:218px; height:45px;}	
.black-framen2 ul li{float:left; list-style:none;margin:-45px 0 0 0; position:relative;}
.black-framen2 ul li a{ opacity:0.8;color:#fff; float:left; font-size:83%; font-weight:bold;text-align:left; height:45px;width:218px;background:#747474; text-decoration:none; padding:0 17px 0 20px; line-height:20px;}
.black-framen2 ul li a:hover{opacity:0.8;background:#dc1a25; height:45px;width:218px;text-align:left; padding:0 20px 0 20px;}

.black-framen3{width:218px; display:block;}
.black-framen3 ul{margin:0; padding:0;width:218px; height:45px;}	
.black-framen3 ul li{float:left; list-style:none;margin:-45px 0 0 0; position:relative;}
.black-framen3 ul li a{ opacity:0.8;color:#fff; float:left; font-size:83%; font-weight:bold;text-align:left; height:45px;width:218px;background:#747474; text-decoration:none; padding:0 17px 0 20px; line-height:20px;}
.black-framen3 ul li a:hover{opacity:0.8;background:#dc1a25; height:45px;width:218px;text-align:left; padding:0 20px 0 20px;}

.black-framen4{width:218px; display:block;}
.black-framen4 ul{margin:0; padding:0;width:218px; height:45px;}	
.black-framen4 ul li{float:left; list-style:none;margin:-45px 0 0 0; position:relative;}
.black-framen4 ul li a{ opacity:0.8;color:#fff; float:left; font-size:83%; font-weight:bold;text-align:left; height:45px;width:218px;background:#747474; text-decoration:none; padding:0 17px 0 20px; line-height:40px;}
.black-framen4 ul li a:hover{opacity:0.8;background:#dc1a25; height:45px;width:218px;text-align:left; padding:0 20px 0 20px;}

.black-framen5{width:218px; display:block;}
.black-framen5 ul{margin:0; padding:0;width:218px; height:45px;}	
.black-framen5 ul li{float:left; list-style:none;margin:-45px 0 0 0; position:relative;}
.black-framen5 ul li a{ opacity:0.8;color:#fff; float:left; font-size:83%; font-weight:bold;text-align:left; height:45px;width:218px;background:#747474; text-decoration:none; padding:0 17px 0 20px; line-height:40px;}
.black-framen5 ul li a:hover{opacity:0.8;background:#dc1a25; height:45px;width:218px;text-align:left; padding:0 20px 0 20px;}

.viewn1 {
width: 475px!important;
height: 200px;
overflow: hidden;
position: relative;
text-align: center;
float:left;
}

.view1{margin:0 0 15px 15px;}
.view .mask,.view .content {
width: 230px;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view a.info {
display: inline-block;
text-decoration: none;
color: #fff;
opacity:1;
}
.view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}


/* [-] New Css 2015
=========================================================================================== */
.FatMenu1{ width:100%; background-color:#f2f2f2;}
.FatMenu, .FatMenuWide1 {background-color: #f2f2f2;width: 965px;margin:0 auto;}
.FMTitleLinkStyle2{ padding-left:15px; width:100%;}
.FMFirstItem1{margin-top:44px;}
.FMFirstItem2{margin-top:78px;}
.FMLinkListStyle .NewWin a {background-image: url(../../../image/en/r1/icon/icon_new_window.gif) !important;}

.hidden { display: none; }