@charset "UTF-8";



/**
-----------------------------------------------------
-----------------------------------------------------
*/
#BrandingArea {}
.mod-brandingArea img {}

.mod-brandingArea a:hover img {
opacity: 0.7;
}

.font__weight {
font-weight: bold;
}


/** MegadropDown Menu
-----------------------------------------------------
-----------------------------------------------------
*/
.mod-brandingArea {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 570px;
}

.mod-brandingArea .ddMenu {}

.mod-brandingArea .btnClose {
position: absolute;
top: 10px;
right: 10px;
text-indent: -9999px;

}

.mod-brandingArea .btnClose a {
display: block;
width: 13px;
height: 13px;
background: url(/image/us/index/branding_area/icon_close.png) 0 0 no-repeat;
}

.mod-brandingArea .gNav {
position: relative;
z-index: 100;
position: absolute;
top: 0;
left: 0;
height: 40px;
}

.mod-brandingArea .gNav li {
position: relative;
float: left;
font-size: 0.95em;
line-height: -.35em;
}

.mod-brandingArea .gNav li a {
display: block;
background: url(/image/us/index/branding_area/btn_mega_nav_e.png) no-repeat;
padding: 8px 30px 8px 20px;
box-sizing: border-box;
color: #000;
text-indent: -9999px;
text-decoration: none;
}

.mod-brandingArea .gNav li a:hover,
.mod-brandingArea .gNav li .is-active {
padding: 9px 0 15px;
}

.mod-brandingArea .gNav .nav01 a {
width: 200px;
background-position: 0 -48px;
}
.mod-brandingArea .gNav .nav01 a:hover,
.mod-brandingArea .gNav .nav01 .is-active {
background-position: 0 0;
}

.mod-brandingArea .gNav .nav02 a {
width: 115px;
background-position: -200px -48px;
}
.mod-brandingArea .gNav .nav02 a:hover,
.mod-brandingArea .gNav .nav02 .is-active {
background-position: -200px 0;
}

.mod-brandingArea .dropDown__group {
display: none;
position: absolute;
top: 41px;
left: 0;
width: 100%;
background: #f2f2f2;
padding-top: 20px;
background: #f2f2f2;
}

.mod-brandingArea .dropDown__group .dropdown {
display: none;
z-index: 50;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 10px 0 3px 0;
background: #f2f2f2;
}

.mod-brandingArea .dropDown__group .dropdown.notTab {
padding: 12px 0 0 0;
}

.mod-brandingArea .tab .nav {
padding: 0 15px 0;
box-sizing: border-box;
}

.mod-brandingArea .dropDown__group .nav {
width: 100%;
height: 42px;
border-bottom: 1px solid #999;
}
.mod-brandingArea .dropDown__group .nav li {
float: left;
}

.mod-brandingArea .dropDown__group .nav li a {
display: block;
margin-right: 1px;
padding: 9px 16px 8px 15px;
color: #000;
font-size: 0.85em;
text-decoration: none;
}

.mod-brandingArea .dropDown__group .nav li a:hover {
color: #ea0f20;
text-decoration: none;
}

.mod-brandingArea .dropDown__group .nav li .is-active {
display: block;
padding: 8px 16px 8px;
background: #fff;
border: solid #999;
border-width: 1px 1px 0 1px;
border-radius: 3px 3px 0 0;
box-sizing: border-box;
color: #ea0f20;
}

.mod-brandingArea .dropDown__group .content-pos.menu-list,
.mod-brandingArea .dropDown__group .content-pos.tab-content {
position: absolute;
/*top: 62px;*/
top: 89px;
left: 0;
}

.mod-brandingArea .dropDown__group .dropdown.notTab .content-pos.menu-list {
top: 52px;
}

.mod-brandingArea .dropDown__group .menu-list {
width: 100%;
padding: 10px 8px 10px 8px;
background: #fff;
box-sizing: border-box;
}

.mod-brandingArea .dropDown__group .tab-content {
display: none;
width: 100%;
padding: 9px;
background: #fff;
box-sizing: border-box;
}

.mod-brandingArea .dropDown__group .tab-content.is-active {
display: block;
}

.mod-brandingArea .dropDown__group .menu-list.menu-list__padding,
.mod-brandingArea .dropDown__group .tab-content.tab-content__padding {}

.mod-brandingArea .dropDown__group .category-link {
margin: 10px 0;
font-size: 0.85em;
}

.mod-brandingArea .dropDown__group .category-link.menu-listPos {
margin-left: 10px;
}

.mod-brandingArea .dropDown__group .category-link.menu-listPos.tabMode {
margin-bottom: 6px;
}

.mod-brandingArea .dropDown__group .category-link a {
color: #000;
text-decoration: none;
}

.mod-brandingArea .dropDown__group .category-link a:hover {
text-decoration: underline;
}


.mod-brandingArea .dropDown__group .category-link a span {
padding-right: 15px;
background: url(/image/common/jp/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}

.mod-brandingArea .dropDown__group .tab .category-link a:hover {
background-color: #fbcfd2;
text-decoration: none;
}

.mod-brandingArea .dropDown__group .clm .category-link__parent {
margin: 0 0 5px 0;
font-size: 0.8em;
}

.mod-brandingArea .dropDown__group .clm .category-link__parent .hdl,
.mod-brandingArea .dropDown__group .clm .category-link__parent a {
padding: 0 0 0 10px;
border-left: 3px solid #ea0f20;
color: #000;
text-decoration: none;
}

.mod-brandingArea .dropDown__group .clm .category-link__parent a:hover {
background-color: #fbcfd2;
text-decoration: none;
}


.mod-brandingArea .dropDown__group .clm .category-link__parent a span {
padding-right: 15px;
background: url(/image/common/jp/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}

.mod-brandingArea .dropDown__group .clm .category-link__list {
}
.mod-brandingArea .dropDown__group .clm .category-link__list.notTitle {
margin-top: 45px;
}


.mod-brandingArea .dropDown__group .clm .category-link__list li {
margin: 0 0 5px 0;
font-size: 0.8em;
}

.mod-brandingArea .dropDown__group .clm .category-link__list li a {
display: block;
width: 100%;
padding-left: 10px;
color: #000;
text-decoration: none;
box-sizing: border-box;
}

.mod-brandingArea .dropDown__group .clm .category-link__list li a span {
padding-right: 15px;
background: url(/image/common/jp/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}


.mod-brandingArea .dropDown__group .clm .category-link__list li a:hover {
background-color: #fbcfd2;
}

.mod-brandingArea .dropDown__group .clm .category-link__list li ul {
margin: 5px 0 0 0;
}

.mod-brandingArea .dropDown__group .clm .category-link__list li ul li {
font-size: 1.0em;
}

.mod-brandingArea .dropDown__group .clm .category-link__list li ul li a {
display: block;
width: 100%;
padding-left: 20px;
background: url(/image/us/index/branding_area/icon_dot.png) 10px 8px no-repeat;
box-sizing: border-box;
}

.mod-brandingArea .dropDown__group .clm .category-link__list li ul li a:hover {
background-color: #fbcfd2;
}

.mod-brandingArea .dropDown__group .clm .category-link__banner {}

.mod-brandingArea .dropDown__group .clm .category-link__banner li {
margin-bottom: 5px;
}


/** Category Box Style
-----------------------------------------------------
-----------------------------------------------------
*/

.mod-brandingArea .dropDown__group .clm .special-icon {
width: 100%;
}
.mod-brandingArea .dropDown__group .clm .category-box {
width: 100%;
min-height: 180px;
}
.mod-brandingArea .dropDown__group .clm .category-box .img {}
.mod-brandingArea .dropDown__group .clm .category-box .title {
margin: 10px 0 0 0;
font-size: 0.9em;
line-height: 1.2em;
}

.mod-brandingArea .dropDown__group .clm .category-box .title a {
display: block;
padding: 0;
color: #000;
text-decoration: none;
}

.mod-brandingArea .dropDown__group .clm .category-box .title a:hover {
text-decoration: underline;
}

.mod-brandingArea .dropDown__group .clm .category-box .title .line {
padding-left: 5px;
border-left: 3px solid #ea0f20;
}

.mod-brandingArea .dropDown__group .clm .category-box .title a .arw {
padding-right: 15px;
background: url(/image/common/jp/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}

.mod-brandingArea .dropDown__group .clm .category-box .outline {
margin:15px 0 0 10px;
font-size: 0.8em;
}




/** Megadropdown LayoutStyle
-----------------------------------------------------
-----------------------------------------------------
*/
.mod-brandingArea .dropDown__group .clm__grid-layout4 {
float: left;
width: 236.5px;
}

.mod-brandingArea .dropDown__group .clm__grid-layout2 {
float: left;
width: 460px;
}

.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid1 {
border-right: 1px solid #ccc;
}
.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid2 {
border-right: 1px solid #ccc;
}
.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid3 {}
.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid4 {
border-left: 1px solid #ccc;
}

.mod-brandingArea .dropDown__group .clm__grid-layout2.clm__grid1 {
border-right: 1px solid #ccc;
}

.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid1,
.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid2,
.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid3,
.mod-brandingArea .dropDown__group .clm__grid-layout4.clm__grid4 {
padding: 0 4px;
box-sizing: border-box;
}
.mod-brandingArea .dropDown__group .clm__grid-layout2 {
padding: 0 4px;
box-sizing: border-box;
}



.mod-brandingArea .mainVisiual {
overflow: hidden;
width: 965px;
height: 295px;
}
.mod-brandingArea .brandingBanner {
margin-top: 0;
}
.mod-brandingArea .brandingBanner ul {
margin-left: -5px;
}
.mod-brandingArea .brandingBanner ul li {
float: left;
margin-left: 5px;
}

.mod-brandingArea .brandingBanner ul li p {
margin: 5px 0 0 0;
}

#mod-blockScreen {
z-index: 3;
position: absolute;
width: 100%;
background: #999;
opacity: 0.9;
}

#mod-blockScreen.blockScreen {
display: none;
}

#mod-blockScreen.blockScreen.is-active {
}


/** Clearfix
-----------------------------------------------------
-----------------------------------------------------
*/
.brandingBanner:after,
.dropDown__group:after,
.tab:after,
.tab-content:after,
.nav:after,
.gNav:after,
.clearfix:after { /zoom : 1; }

.brandingBanner:after,
.dropDown__group:after,
.tab:after,
.tab-content:after,
.gNav:after,
.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}