@charset "utf-8";



/* summary ------------------

1.GlovalNavigation

2.NewsNavigation

-------------------------- */





#Header {
  background: #ED0000;
}

#Header img {

display:block;

}



/* GlovalNavigation ----------------- */

#Header #GlovalNavigation {

width:960px;

height:34px;

margin:0 auto;

background:url(images/header_bg_002.jpg) no-repeat left top;

text-align:left;

position:relative;

}



#Header #GlovalNavigation .HeaderMenu {

position:absolute;

top:0px;

left:0px;

}



#Header #GlovalNavigation ul {

position:absolute;

top:0px;

right:0px;

}

  #Header #GlovalNavigation ul:after {

  content: ".";

  display: block;

  visibility: hidden;

  height: 0.1px;

  font-size: 0.1em;

  line-height: 0;

  clear: both;

  }

  #Header #GlovalNavigation ul {

  display: inline-block;

  }



#Header #GlovalNavigation ul li {

float:left;

width:100px;

margin:8px 0 0 2px;

}



#Header #GlovalNavigation ul li a {

cursor:pointer;

}

#Header #GlovalNavigation ul li a span.menu,

#Header #GlovalNavigation ul li a span.active,

#Header #GlovalNavigation ul li span.no {

height:26px;

display:block;

}



#Header #GlovalNavigation ul li.menu01 a span.menu {background:url(images/global_menu/gloval_menu_001.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu01 a:hover span.menu {background:url(images/global_menu/gloval_menu_001ac.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu01 a span.active {background:url(images/global_menu/gloval_menu_001ac.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu01 span.no {background:url(images/global_menu/gloval_menu_001.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu02 a span.menu {background:url(images/global_menu/gloval_menu_002.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu02 a:hover span.menu {background:url(images/global_menu/gloval_menu_002ac.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu02 a span.active {background:url(images/global_menu/gloval_menu_002ac.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu02 span.no {background:url(images/global_menu/gloval_menu_002.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu03 a span.menu {background:url(images/global_menu/gloval_menu_003.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu03 a:hover span.menu {background:url(images/global_menu/gloval_menu_003ac.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu03 a span.active {background:url(images/global_menu/gloval_menu_003ac.gif) no-repeat left top;}

#Header #GlovalNavigation ul li.menu03 span.no {background:url(images/global_menu/gloval_menu_003.gif) no-repeat left top;}

#Header #GlovalNavigation ul li a span.text {

display:none;

}





/* HeaderMenuPR (2012/5/21) ----------------- */

#Header #GlovalNavigation .HeaderMenuPR {

position:absolute;

top:8px;

/*right:204px;*/

right:306px;

/*right:408px;*/

}



#Header #GlovalNavigation .HeaderMenuPR a {

background:url(images/global_menu/gloval_menu_004.gif) no-repeat left top;

display:block;

}



#Header #GlovalNavigation .HeaderMenuPR a:link,

#Header #GlovalNavigation .HeaderMenuPR a:visited {

background:url(images/global_menu/gloval_menu_004.gif) no-repeat left top;

}



#Header #GlovalNavigation .HeaderMenuPR a:hover,

#Header #GlovalNavigation .HeaderMenuPR a:active {

background:url(images/global_menu/gloval_menu_004ac.gif) no-repeat left top;

}



#Header #GlovalNavigation .HeaderMenuPR span {

visibility:hidden;

display:block;

width:100px;

height:26px;

}





/* NewsNavigation ----------------- */

#Header #NewsNavigation {

width:960px;

height:76px;

margin:0 auto;

background:url(images/header_bg_003.jpg) no-repeat left top;

text-align:left;

position:relative;
z-index: 9999;

}

#Header #NewsNavigation img {

display:block;

}

#Header #NewsNavigation .logo {

position:absolute;

top:29px;

left:0px;

}

cm

#Header #NewsNavigation .logoFBi {

position:absolute;

top:11px;

right:0px;

}

#Header #NewsNavigation ul {

position:absolute;

top:40px;

right:0px;

}

#Header #NewsNavigation ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#Header #NewsNavigation ul {
  display: inline-block;
}

#Header #NewsNavigation ul li {
  float:left;
  margin:0 0 0 10px;
}

#Header #NewsNavigation ul li a {
  cursor:pointer;
}

#Header #NewsNavigation ul li a span.menu,
#Header #NewsNavigation ul li a span.active {
  height: 36px;
  display: block;
}

/*企業*/
#Header #NewsNavigation ul li.menu01 {width:50px;}
#Header #NewsNavigation ul li.menu01 a span.menu {background:url(images/news_menu/news_menu_001.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu01 a:hover span.menu {background:url(images/news_menu/news_menu_001ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu01 a span.active {background:url(images/news_menu/news_menu_001ac.png) no-repeat left bottom;}

/*投資・マクロ*/
#Header #NewsNavigation ul li.menu02 {width:116px;}
#Header #NewsNavigation ul li.menu02 a span.menu {background:url(images/news_menu/news_menu_002.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu02 a:hover span.menu {background:url(images/news_menu/news_menu_002ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu02 a span.active {background:url(images/news_menu/news_menu_002ac.png) no-repeat left bottom;}

/*暮らし*/
#Header #NewsNavigation ul li.menu03 {width:64px;}
#Header #NewsNavigation ul li.menu03 a span.menu {background:url(images/news_menu/news_menu_003.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu03 a:hover span.menu {background:url(images/news_menu/news_menu_003ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu03 a span.active {background:url(images/news_menu/news_menu_003ac.png) no-repeat left bottom;}

/*社会*/
#Header #NewsNavigation ul li.menu04 {width:49px;}
#Header #NewsNavigation ul li.menu04 a span.menu {background:url(images/news_menu/news_menu_004.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu04 a:hover span.menu {background:url(images/news_menu/news_menu_004ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu04 a span.active {background:url(images/news_menu/news_menu_004ac.png) no-repeat left bottom;}

/*注目ビズ*/
#Header #NewsNavigation ul li.menu05 {width:91px;}
#Header #NewsNavigation ul li.menu05 a span.menu {background:url(images/news_menu/news_menu_005.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu05 a:hover span.menu {background:url(images/news_menu/news_menu_005ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu05 a span.active {background:url(images/news_menu/news_menu_005ac.png) no-repeat left bottom;}

/*連載・コラム*/
#Header #NewsNavigation ul li.menu06 {width:70px;}
#Header #NewsNavigation ul li.menu06 a span.menu {background:url(images/news_menu/news_menu_006.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu06 a:hover span.menu {background:url(images/news_menu/news_menu_006ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu06 a span.active {background:url(images/news_menu/news_menu_006ac.png) no-repeat left bottom;}

/*フォト特集*/
#Header #NewsNavigation ul li.menu07 {width: 61px;}
#Header #NewsNavigation ul li.menu07 a span.menu {background:url(images/news_menu/news_menu_007.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu07 a:hover span.menu {background:url(images/news_menu/news_menu_007ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu07 a span.active {background:url(images/news_menu/news_menu_007ac.png) no-repeat left bottom;}

/*ランキング*/
#Header #NewsNavigation ul li.menu08 {width:59px;}
#Header #NewsNavigation ul li.menu08 a span.menu {background:url(images/news_menu/news_menu_008.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu08 a:hover span.menu {background:url(images/news_menu/news_menu_008ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu08 a span.active {background:url(images/news_menu/news_menu_008ac.png) no-repeat left bottom;}

/*企業リリース*/
#Header #NewsNavigation ul li.menu09 {width:68px;}
#Header #NewsNavigation ul li.menu09 a span.menu {background:url(images/news_menu/news_menu_009.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu09 a:hover span.menu {background:url(images/news_menu/news_menu_009ac.png) no-repeat left bottom;}
#Header #NewsNavigation ul li.menu09 a span.active {background:url(images/news_menu/news_menu_009ac.png) no-repeat left bottom;}


#Header #NewsNavigation ul li a span.text { display:none;}
#Header #NewsNavigation .SNS-link {

position:absolute;

top:8px;

right:0px;

padding:3px;

background:#F12020;

}

  #Header #NewsNavigation .SNS-link:after {

  content: ".";

  display: block;

  visibility: hidden;

  height: 0.1px;

  font-size: 0.1em;

  line-height: 0;

  clear: both;

  }

  #Header #NewsNavigation .SNS-link {

  display: inline-block;

  }

#Header #NewsNavigation .SNS-link .title {

float:left;

margin:5px 2px 0 5px;

font-size:1.5em;

line-height:1.3;

font-weight:bold;

color:#fff;

font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;

}

#Header #NewsNavigation .SNS-link .icon {

float:left;

margin:0 0 0 3px;

}





/* NewsNavigationTop ----------------- */

#Header #NewsNavigationTop {

width:960px;

height:76px;

margin:0 auto;

background:url(images/header_bg_003.jpg) no-repeat left top;

text-align:left;

position:relative;

z-index:100;

}

#Header #NewsNavigationTop img {

display:block;

}

#Header #NewsNavigationTop .logo {

position:absolute;

top:29px;

left:0px;

}



#Header #NewsNavigationTop .logoFBi {

position:absolute;

top:11px;

right:0px;

}

#Header #NewsNavigationTop ul#nav {

position:absolute;

top:40px;

right:0px;

}

  #Header #NewsNavigationTop ul#nav:after {

  content: ".";

  display: block;

  visibility: hidden;

  height: 0.1px;

  font-size: 0.1em;

  line-height: 0;

  clear: both;

  }

  #Header #NewsNavigationTop ul#nav {

  display: inline-block;

  }



#Header #NewsNavigationTop ul#nav li {

float:left;

position:relative;

margin:0 0 0 10px;
}



#Header #NewsNavigationTop ul#nav li a {
  cursor:pointer;
}

#Header #NewsNavigationTop ul#nav li a span.menu,
#Header #NewsNavigationTop ul#nav li a span.active {
  height:36px;
  display:block;
}


/*企業*/
#Header #NewsNavigationTop ul#nav li.menu01 {width:50px;}
#Header #NewsNavigationTop ul#nav li.menu01 a span.menu {background:url(images/news_menu/news_menu_001.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu01 a:hover span.menu {background:url(images/news_menu/news_menu_001ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu01 a.current span.menu {background:url(images/news_menu/news_menu_001ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu01 a span.active {background:url(images/news_menu/news_menu_001ac.png) no-repeat left bottom;}

/*投資・マクロ*/
#Header #NewsNavigationTop ul#nav li.menu02 {width:116px;}
#Header #NewsNavigationTop ul#nav li.menu02 a span.menu {background:url(images/news_menu/news_menu_002.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu02 a:hover span.menu {background:url(images/news_menu/news_menu_002ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu02 a.current span.menu {background:url(images/news_menu/news_menu_002ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu02 a span.active {background:url(images/news_menu/news_menu_002ac.png) no-repeat left bottom;}

/*暮らし*/
#Header #NewsNavigationTop ul#nav li.menu03 {width:64px;}
#Header #NewsNavigationTop ul#nav li.menu03 a span.menu {background:url(images/news_menu/news_menu_003.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu03 a:hover span.menu {background:url(images/news_menu/news_menu_003ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu03 a.current span.menu {background:url(images/news_menu/news_menu_003ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu03 a span.active {background:url(images/news_menu/news_menu_003ac.png) no-repeat left bottom;}

/*社会*/
#Header #NewsNavigationTop ul#nav li.menu04 {width:49px;}
#Header #NewsNavigationTop ul#nav li.menu04 a span.menu {background:url(images/news_menu/news_menu_004.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu04 a:hover span.menu {background:url(images/news_menu/news_menu_004ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu04 a.current span.menu {background:url(images/news_menu/news_menu_004ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu04 a span.active {background:url(images/news_menu/news_menu_004ac.png) no-repeat left bottom;}

/*注目ビズ*/
#Header #NewsNavigationTop ul#nav li.menu05 {width:91px;}
#Header #NewsNavigationTop ul#nav li.menu05 a span.menu {background:url(images/news_menu/news_menu_005.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu05 a:hover span.menu {background:url(images/news_menu/news_menu_005ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu05 a span.active {background:url(images/news_menu/news_menu_005ac.png) no-repeat left bottom;}

/*連載・コラム*/
#Header #NewsNavigationTop ul#nav li.menu06 {width:70px;}
#Header #NewsNavigationTop ul#nav li.menu06 a span.menu {background:url(images/news_menu/news_menu_006.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu06 a:hover span.menu {background:url(images/news_menu/news_menu_006ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu06 a span.active {background:url(images/news_menu/news_menu_006ac.png) no-repeat left bottom;}

/*フォト特集*/
#Header #NewsNavigationTop ul#nav li.menu07 {width:61px;}
#Header #NewsNavigationTop ul#nav li.menu07 a span.menu {background:url(images/news_menu/news_menu_007.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu07 a:hover span.menu {background:url(images/news_menu/news_menu_007ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu07 a span.active {background:url(images/news_menu/news_menu_007ac.png) no-repeat left bottom;}

/*ランキング*/
#Header #NewsNavigationTop ul#nav li.menu08 {width:59px;}
#Header #NewsNavigationTop ul#nav li.menu08 a span.menu {background:url(images/news_menu/news_menu_008.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu08 a:hover span.menu {background:url(images/news_menu/news_menu_008ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu08 a span.active {background:url(images/news_menu/news_menu_008ac.png) no-repeat left bottom;}

/*企業リリース*/
#Header #NewsNavigationTop ul#nav li.menu09 {width:68px;}
#Header #NewsNavigationTop ul#nav li.menu09 a span.menu {background:url(images/news_menu/news_menu_009.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu09 a:hover span.menu {background:url(images/news_menu/news_menu_009ac.png) no-repeat left bottom;}
#Header #NewsNavigationTop ul#nav li.menu09 a span.active {background:url(images/news_menu/news_menu_009ac.png) no-repeat left bottom;}


#Header #NewsNavigationTop ul#nav li a span.text {
  display:none;
}



#Header #NewsNavigationTop ul#nav li ul {
  display: none;
  position:absolute;
  left:-1px;
  margin:0;
  padding:0;
  background:url(images/header_bg_001.png) ;
}





#Header #NewsNavigationTop ul#nav li ul li {
  float:none;
  position: relative;
  margin:0;
}


#Header #NewsNavigationTop ul#nav ul li a {
  display:block;
  width:115px;
  font-size:12px;
  background:url(images/arrow_001.gif) no-repeat 5px center;
  padding:10px 5px 10px 17px;
  border-bottom:1px dotted #CCC;
  border-left:1px solid #D00000;
  border-right:1px solid #D00000;
}

#Header #NewsNavigationTop ul#nav ul li.last a {

border-bottom:1px solid #D00000;

}

#Header #NewsNavigationTop ul#nav ul li a:hover {

color:#D00000;

}









#Header #NewsNavigationTop .SNS-link {

position:absolute;

top:8px;

right:0px;

padding:3px;

background:#F12020;

}

  #Header #NewsNavigationTop .SNS-link:after {

  content: ".";

  display: block;

  visibility: hidden;

  height: 0.1px;

  font-size: 0.1em;

  line-height: 0;

  clear: both;

  }

  #Header #NewsNavigationTop .SNS-link {

  display: inline-block;

  }

#Header #NewsNavigationTop .SNS-link .title {

float:left;

margin:5px 2px 0 5px;

font-size:1.5em;

line-height:1.3;

font-weight:bold;

color:#fff;

font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;

}

#Header #NewsNavigationTop .SNS-link .icon {

float:left;

margin:0 0 0 3px;

}























#HeaderEX {

background:url(images/header_bg_001_ex.gif) repeat-x left top;

}

#HeaderEX img {

display:block;

}


/* NewsNavigation ----------------- */

#HeaderEX #NewsNavigation {

width:960px;

height:86px;

margin:0 auto;

background:url(images/header_bg_003_ex.jpg) no-repeat left top;

text-align:left;

position:relative;

}

#HeaderEX #NewsNavigation img {

display:block;

}

#HeaderEX #NewsNavigation .logo {

position:absolute;

top:0px;

left:0px;

}



#HeaderEX #NewsNavigation .logoFBi {

position:absolute;

top:11px;

right:0px;

}

#HeaderEX #NewsNavigation ul {

position:absolute;

top:40px;

right:0px;

}

  #HeaderEX #NewsNavigation ul:after {

  content: ".";

  display: block;

  visibility: hidden;

  height: 0.1px;

  font-size: 0.1em;

  line-height: 0;

  clear: both;

  }

  #HeaderEX #NewsNavigation ul {

  display: inline-block;

  }



#HeaderEX #NewsNavigation ul li {

float:left;

margin:0 0 0 10px;

}



#HeaderEX #NewsNavigation ul li a {

cursor:pointer;

}

#HeaderEX #NewsNavigation ul li a span.menu,

#HeaderEX #NewsNavigation ul li a span.active {

height:36px;

display:block;

}



#HeaderEX #NewsNavigation ul li.menu01 {width:80px;}

#HeaderEX #NewsNavigation ul li.menu01 a span.menu {background:url(images/news_menu_ex/news_menu_001.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu01 a:hover span.menu {background:url(images/news_menu_ex/news_menu_001ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu01 a span.active {background:url(images/news_menu_ex/news_menu_001ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu02 {width:52px;}

#HeaderEX #NewsNavigation ul li.menu02 a span.menu {background:url(images/news_menu_ex/news_menu_002.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu02 a:hover span.menu {background:url(images/news_menu_ex/news_menu_002ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu02 a span.active {background:url(images/news_menu_ex/news_menu_002ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu03 {width:100px;}

#HeaderEX #NewsNavigation ul li.menu03 a span.menu {background:url(images/news_menu_ex/news_menu_003.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu03 a:hover span.menu {background:url(images/news_menu_ex/news_menu_003ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu03 a span.active {background:url(images/news_menu_ex/news_menu_003ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu04 {width:70px;}

#HeaderEX #NewsNavigation ul li.menu04 a span.menu {background:url(images/news_menu_ex/news_menu_004.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu04 a:hover span.menu {background:url(images/news_menu_ex/news_menu_004ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu04 a span.active {background:url(images/news_menu_ex/news_menu_004ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu05 {width:53px;}

#HeaderEX #NewsNavigation ul li.menu05 a span.menu {background:url(images/news_menu_ex/news_menu_005.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu05 a:hover span.menu {background:url(images/news_menu_ex/news_menu_005ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu05 a span.active {background:url(images/news_menu_ex/news_menu_005ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu06 {width:69px;}

#HeaderEX #NewsNavigation ul li.menu06 a span.menu {background:url(images/news_menu_ex/news_menu_006.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu06 a:hover span.menu {background:url(images/news_menu_ex/news_menu_006ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu06 a span.active {background:url(images/news_menu_ex/news_menu_006ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu07 {width:63px;}

#HeaderEX #NewsNavigation ul li.menu07 a span.menu {background:url(images/news_menu_ex/news_menu_007.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu07 a:hover span.menu {background:url(images/news_menu_ex/news_menu_007ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu07 a span.active {background:url(images/news_menu_ex/news_menu_007ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu08 {width:63px;}

#HeaderEX #NewsNavigation ul li.menu08 a span.menu {background:url(images/news_menu_ex/news_menu_008.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu08 a:hover span.menu {background:url(images/news_menu_ex/news_menu_008ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu08 a span.active {background:url(images/news_menu_ex/news_menu_008ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu09 {width:82px;}

#HeaderEX #NewsNavigation ul li.menu09 a span.menu {background:url(images/news_menu_ex/news_menu_009.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu09 a:hover span.menu {background:url(images/news_menu_ex/news_menu_009ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu09 a span.active {background:url(images/news_menu_ex/news_menu_009ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu10 {width:70px;}

#HeaderEX #NewsNavigation ul li.menu10 a span.menu {background:url(images/news_menu_ex/news_menu_010.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu10 a:hover span.menu {background:url(images/news_menu_ex/news_menu_010ac.gif) no-repeat left top;}

#HeaderEX #NewsNavigation ul li.menu10 a span.active {background:url(images/news_menu_ex/news_menu_010ac.gif) no-repeat left top;}





#HeaderEX #NewsNavigation ul li a span.text {

display:none;

}
/* ===================================
 Facebook Messanger
=================================== */
#fbMessanger {
  position: relative;
}

/*--- アイコン */
#fbMessanger .fbmIcon {
  padding:0;
  margin:0;
  background:none;
  border:0;
  font-size:0;
  line-height:0;
  overflow:visible;
  cursor:pointer;
}
#fbMessanger .fbmIcon img {
  height: 28px;
}

/*--- ポップアップ */
#fbMessanger .fbmWrapper {
  position: absolute;
  right: 0;
  text-align: center;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.97);
  width: 320px;
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#fbMessanger .fbmWrapper.close {
  animation-duration: 0.7s;
  animation-timing-function: ease;
  top: -200px;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  display: none\9;  /* for IE7/8 */
}
#fbMessanger .fbmWrapper.open {
  animation-duration: 0.7s;
  animation-timing-function: ease;
  top: 30px;
  opacity: 1;
  z-index: auto;
  visibility: visible;
  display: block\9; /* for IE7/8 */
}
@keyframes fbmOpen {
  0% {
    top: -200px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    display: none;
  }
  1% {
    top: -200px;
    opacity: 0;
    z-index: auto;
    visibility: visible;
    display: block;
  }
  100% {
    top: 30px;
    opacity: 1;
    z-index: auto;
    visibility: visible;
    display: block;
  }
}
@keyframes fbmClose {
  0% {
    top: 30px;
    opacity: 1;
    z-index: auto;
    visibility: visible;
    display: block;
  }
  99% {
    top: -200px;
    opacity: 0;
    z-index: auto;
    visibility: visible;
    display: block;
  }
  100% {
    top: -200px;
    opacity:  z-index: -1;
    visibility: hidden;
    display: none;
  }
}
#fbMessanger .fbmWrapper .siteLogo {
  margin: 20px auto 10px;
}
#fbMessanger .fbmWrapper .head {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 20px;
}
#fbMessanger .fbmWrapper .catch {
  font-size: 1.4em;
}
#fbMessanger .fbmWrapper .fbmImage {
  display: block;
  margin: 20px auto;
}
#fbMessanger .fb-send-to-messenger {
  width: 163px;
}
#fbMessanger .fb-send-to-messenger span {
  width: 238px !important;
}
#fbMessanger .fb-send-to-messenger span iframe {
  width: 238px !important;
}
#fbMessanger .fbmWrapper.close .fb-send-to-messenger {
 display: none;
}
#fbMessanger .fbmClose {
  position: absolute;
  top: 10px;
  right: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  cursor: pointer;
}
#fbMessanger .fbmClose .fbmButton {
  display: inline-block;
  position: relative;
  padding: 0;
  width: 4px;
  height: 20px;
  background: #666;
  transform: rotate(45deg);
}
#fbMessanger .fbmClose .fbmButton:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 20px;
  height: 4px;
  margin-top: -2px;
  background: #666;
}


#fbmGuide {
    padding: 10px 0 20px 0;
}

#fbmGuide a {
  font-size: 1.3em;
    display: inline-block;
    background: #f35353;
    width:163px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    box-sizing:border-box;
}

#fbmGuide a span {
  line-height:35px;
  position:relative;
  padding: 0 0 0 18px;

}

#fbmGuide a span:before {
  position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
left: 4px;
box-sizing: border-box;
width: 4px;
height: 3px;
border: 4px solid transparent;
border-left: 6px solid #fff;
}