@charset "utf-8";
/* globalmenu.css */

/* #menu_content
==========================*/
div#content_inner {
  position: relative;
}

div#globalmenu_area {
  position:absolute;
  overflow:hidden;
  z-index:9998;
  top:45px;
  left:0;
  width:190px;
  opacity:1;
}

/*発火 1*/
div#globalmenu_wrapper {
  margin:0;
  padding:0;
  zoom:1;
  line-height:0;
  opacity:1;
}
div#globalmenu_wrapper .globalmenu_inner {
  overflow:hidden;
  height:0;
  margin:0;
  padding:0;
}

/*発火 2*/
div#globalmenu_wrapper div#toggle {
  clear:both;
  z-index:10000;
  margin:0;
  padding:15px 0;
  display: block;
  text-align:center;
  background-repeat: repeat;
  background-color: rgba(255, 145, 0, 0.8); /*f6bf00*/
  line-height:1;
  cursor: pointer;
  zoom:1;
}
div#globalmenu_wrapper div#toggle { background-image:url(../images/common/menu_toggle_bg.png)\9;}
*:first-child+html div#globalmenu_wrapper div#toggle { background-image:url("../images/common/menu_toggle_bg.png");}


div#globalmenu_wrapper div#toggle a{
  display:block;
  font-size:12px;
  color:#FFFFFF;
  margin:0;
  padding:0;
  text-decoration:none;
  zoom:1;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  background-image: url("../images/common/menu_arrow_down.png");
  background-position: 94% 50%;
  background-repeat: no-repeat;
}
div#globalmenu_wrapper div#toggle.show a {
  background-image: url("../images/common/menu_arrow_up.png");
  background-position: 50% 50%;
  text-indent:-9999px;
}
div#globalmenu_wrapper div#toggle:hover {
  background-color:#d9d9d9;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}
div#globalmenu_wrapper div#toggle a span { display:block;}


div#globalmenu_wrapper ul#globalmenu {
  list-style-type: none;
  margin:0;
  padding:0;
}
div#globalmenu_wrapper ul#globalmenu li {}

/* .globalmenu
------------------------------*/
ul#globalmenu { line-height:0; zoom:1;}
ul#globalmenu li {
  text-align:left;
  color:#FFFFFF;
  line-height:0;
}

ul.accordion ul { display: none;}

/*open*/
ul.accordion ul.open { /*display:block;*/ display:none;}
ul.accordion .active { /*display:block;*/ display:none;}

ul.accordion a {
  overflow:hidden;
  display:block;
  font-size:12px;
  margin:0;
  padding:13px 0 13px 15px;
  color:#FFFFFF;
  text-decoration:none;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  background-color: rgba(0,0,0,0.6);
  line-height: normal;
  cursor: pointer;
  zoom:1;
}
 ul.accordion a { background-image:url(../images/common/menu_bg.png)\9;}
*:first-child+html ul.accordion a { background-image:url(../images/common/menu_bg.png);}

/*menu_arrow*/
ul.accordion li a span {
  display:block;
  margin:0;
  padding:0 25px 0 0;
  background-image:url(../images/common/menu_arrow_down.png);
  background-position:94% center;
  background-repeat:no-repeat;
  zoom:1;
}
ul.accordion li > a.active span {
  background-image:url(../images/common/menu_arrow_down.png) !important;
  background-position:94% center;
  background-repeat:no-repeat;
}
ul.accordion li > a.arrow span {
  background-image:url(../images/common/menu_arrow_down.png) !important;
  background-position:94% center;
  background-repeat:no-repeat;
}
/*
ul.accordion li > a.current span {
  background-position:94% center;
  background-repeat:no-repeat;
  background-image:url(../images/common/menu_arrow_up.png);
}
*/

/*ul.accordion li a.level1.arrow { background:#3d3d3d !important; color:#FFFFFF;}*/

ul.accordion li a:hover,
ul.accordion li a.level1.current:hover {
  color:#333 !important;
  background: #d9d9d9 !important;
}

/* level1 a */
ul.accordion li > a { /*background-color: #000000;*/}
ul.accordion li > a.active { background-color:#6b6b6b;}
/* level2 a */
ul.accordion li > ul > li > a { /*background-color: #6b6b6b;*/}
ul.accordion li > ul > li > a.active { background-color:#6b6b6b;}
/* level3 a */
ul.accordion li > ul > li > ul > li > a { /*background: #9e9e9e;*/}
ul.accordion li > ul > li > ul > li > a.active { background-color:#9e9e9e;}

/* level1 current a*/
ul.accordion li > a.current,
ul.accordion li > a.current:hover { /*background-color:#6b6b6b;*/ /*background-color:#d9d9d9; color:#000000;*/}
/* level2 current a*/
ul.accordion li > ul > li > a.current,
ul.accordion li > ul > li > a.current:hover { /*background-color: #8e8e8e;*/ /*background-color:#d9d9d9; color:#000000;*/}
/* level3 current a*/
ul.accordion li > ul > li > ul > li > a.current,
ul.accordion li > ul > li > ul > li > a.current:hover { /*background-color: #9e9e9e;*/ /*background-color:#d9d9d9; color:#000000;*/}




/*  up / normal / down
------------------------------*/
ul.accordion li a span.up,
ul.accordion li a span.normal,
ul.accordion li a span.down {
  position:absolute !important;
  top:13px !important;
  right:8px !important;
  display:block;
  width:44px;
  height:16px;
  padding:0 !important;
  margin:0 !important;
  text-align:center !important;
  background-image:none;
  font-size:11px;
  line-height:17px;
  color:#FFFFFF !important;
}
*:first-child+html  ul.accordion li a span.up,
*:first-child+html  ul.accordion li a span.normal,
*:first-child+html  ul.accordion li a span.down {
  top:16px !important;
}
ul.accordion li a span.up { background:#ff0000;}
ul.accordion li a span.normal { background:#005bac;}
ul.accordion li a span.down { background:#009944;}

/* .header_menu
------------------------------*/
div#header div.header_menu {}
div#header div.header_menu ul {
  position:absolute;
  top:6px;
  right:360px;
}
div#header div.header_menu ul li {
  position:relative;
  z-index:9999;
  float:left;
  margin:0;
  padding:0;
  height:20px;
  font-size:12px;
}
div#header div.header_menu ul li a{
  display:block;
  color:#464646;
  line-height:1;
  text-decoration:none;
  padding:10px 20px 8px 10px;
  background: url(../images/common/header_menu_arrow.png) no-repeat 94% center;
}
/* li.open */
div#header div.header_menu ul li.open a {
  color:#C3C3C3;
  background: url(../images/common/header_menu_arrow_open.png) no-repeat 94% center;
}
div#header div.header_menu ul li ul li a { color:#464646 !important; text-decoration: none;}
div#header div.header_menu ul li ul li a:hover { color:#464646; text-decoration: underline !important;}
div#header div.header_menu ul li ul li {
  height: auto;
  margin:0;
  padding:0 0 10px 15px;
  line-height:1.2;
}
/* li.js_menu_news_inner
------------------------------*/
div#header div.header_menu ul li.js_menu_news {
  position:relative;
  z-index:5000;
}
div#header div.header_menu ul li.js_menu_news a {
  width:120px;
}
div#header div.header_menu ul li span.js_menu_news_inner {
	display: none;
	position: absolute;
  top: -1px;
  left:394px;
  z-index:600;
	list-style: none;
	margin:0;
  padding:0;
	background-color: #FF6366;
}
div#header div.header_menu ul li span.js_menu_news_inner ul {
  clear:both;
  width:120px;
  margin:0;
  padding:12px 0 0 0;
  list-style:none;
  background:#fff;
  border:#ccc 1px solid;
}
div#header div.header_menu ul li span.js_menu_news_inner ul li {
  clear:both;
  *width:120px;
  zoom:1;
}
div#header div.header_menu ul li span.js_menu_news_inner a {
  clear:both;
  background:none;
}
div#header div.header_menu ul li span.js_menu_news_inner a:hover {
  clear:both;
  color:#464646;
  text-decoration: underline !important;
}
/* li.js_menu_support */
div#header div.header_menu ul li.js_menu_support {
  position:relative;
  z-index: 7000;
}
div#header div.header_menu ul li.js_menu_support a {
  width:140px;
  padding: 6px 20px 3px 10px;
}
div#header div.header_menu ul li span.js_menu_support_inner {
	display: none;
	position: absolute;
  top: -1px;
  left:405px;
  z-index:5000;
	list-style: none;
	margin:0; padding:0;
}
div#header div.header_menu ul li span.js_menu_support_inner ul {
  clear:both;
  list-style:none;
  width:155px;
  margin:0;
  padding:12px 0 0 0;
  background:#fff;
  border:#ccc 1px solid;
}
div#header div.header_menu ul li span.js_menu_support_inner ul li {
  clear:both;
  zoom:1;
  *width:150px;
}
div#header div.header_menu ul li span.js_menu_support_inner a { clear:both; background:none;}
div#header div.header_menu ul li span.js_menu_support_inner a:hover {
  clear:both;
  color:#464646;
  text-decoration: underline !important;
}
/* li.js_menu_contact */
div#header div.header_menu ul li.js_menu_contact {
  position:relative;
  z-index: 7000;
}
div#header div.header_menu ul li.js_menu_contact a {
  width:90px;
}
div#header div.header_menu ul li span.js_menu_contact_inner {
	display: none;
	position: absolute;
  top: -1px;
  left:405px;
  z-index:5000;
	list-style: none;
	margin:0; padding:0;
}
div#header div.header_menu ul li span.js_menu_contact_inner ul {
  clear:both;
  list-style:none;
  width:100px;
  margin:0;
  padding:12px 0 0 0;
  background:#fff;
  border:#ccc 1px solid;
}
div#header div.header_menu ul li span.js_menu_contact_inner ul li {
  clear:both;
  zoom:1;
  *width:150px;
}
div#header div.header_menu ul li span.js_menu_contact_inner a { clear:both; background:none;}
div#header div.header_menu ul li span.js_menu_contact_inner a:hover {
  clear:both;
  color:#464646;
  text-decoration: underline !important;
}

/* -------------------------------- */
ul.accordion li.open {
  display: block;
  padding-bottom: 0px;
  background-color: #fff;
}

#top #container #container_inner #header .header_menu li.js_menu_news,
#top #container #container_inner #header .header_menu li.js_menu_support,
#top #container #container_inner #header .header_menu li.js_menu_contact {
  border: 1px solid #fff;
  border-bottom: none;
}
#top #container #container_inner #header .header_menu li.js_menu_news:hover,
#top #container #container_inner #header .header_menu li.js_menu_support:hover,
#top #container #container_inner #header .header_menu li.js_menu_contact:hover {
  border: 1px solid #ccc;
  border-bottom: none !important;
  background-color: #fff;
  padding-bottom: 10px;
  position: relative;
  z-index: 10000;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}
#top #container #container_inner #header .header_menu li a.mainList {
  text-decoration: none !important;
  background-color: #fff;
  text-align:center;
  position: relative;
  z-index: 7000;
}

#top #container #container_inner #header .header_menu li .sub {
  top: 30px;
  z-index: 1;
  padding:5px 0 5px 0;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}
#top #container #container_inner #header .header_menu li.js_menu_news .sub {
  right: 243px;
  width: 150px;
}
#top #container #container_inner #header .header_menu li.js_menu_support .sub {
  right: 234px;
  width: 170px;
}
#top #container #container_inner #header .header_menu li.js_menu_contact .sub {
  right: 284px;
  width: 120px;
}
#top #container #container_inner #header .header_menu li .sub li {
  position: relative;
  z-index: 1;
  margin:0;
  padding:0 5px;
}
#top #container #container_inner #header .header_menu li.js_menu_news .sub li a {
  display: block;
  width:122px;
  font-size:12px;
  text-decoration: none !important;
  padding: 8px 5px 8px 13px !important;
  margin:0 !important;
  z-index: 1;
}
#top #container #container_inner #header .header_menu li.js_menu_support .sub li a {
  display: block;
  width:145px;
  font-size:12px;
  text-decoration: none !important;
  padding: 8px 5px 8px 10px !important;
  margin:0 !important;
  z-index: 1;
}
#top #container #container_inner #header .header_menu li.js_menu_contact .sub li a {
  display: block;
  width:101px;
  font-size:12px;
  text-decoration: none !important;
  padding: 8px 3px 8px 6px !important;
  margin:0 !important;
  z-index: 1;
}