@charset "shift-jis";

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

/* Common
=======================================================*/

#globalNaviArea .globalNaviBlock a { text-decoration: none;}
#globalNaviArea .globalNaviBlock a:hover { text-decoration: underline;}



/* Navi
=======================================================*/
#globalNaviArea {
	background-color:#585858;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


#globalNaviArea ul,#globalNaviArea li{
	padding:0;
	margin:0;
	_zoom:1;
	float:left;
	z-index:1000;
}


#globalNaviArea .globalNaviBlock{
	width:980px;
	margin:0 auto;
	background:#585858;
	/*height:56px;*/
	height: 44px;
}
/*
#globalNaviArea .globalNaviBlock ul.menu{
	width:980px;
}
*/
#globalNaviArea .globalNaviBlock ul.menu{
	width:100%;
	display: table;
	*display: inline;
	*zoom: 1;
	height: 44px;
}
/*
#globalNaviArea .globalNaviBlock li.menu_r{
	float:right;
	margin-right:1px;
}
*/
#globalNaviArea .globalNaviBlock li.menu_r img {
	vertical-align: bottom;
}

/*
#globalNaviArea .globalNaviBlock li {
	float:left;
	list-style:none;
	position:relative;
}
*/
#globalNaviArea .globalNaviBlock li {
  width: calc(100% / 5);
	list-style:none;
	position:relative;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	float: none !important;
	vertical-align: middle;
	*margin-top: 5px;
}

#globalNaviArea .globalNaviBlock li p {
	margin-bottom:0;
	color:#FFF;
}

#globalNaviArea .globalNaviBlock li p a {
  display: block;
	color:#FFF;
}

#globalNaviArea .globalNaviBlock li ul.column li {
	display: list-item;
	*float: left !important;
}

/* MDD
=======================================================*/

#globalNaviArea .globalNaviBlock .menuListBlock {
  min-width: 88%;
	/*top:54px;*/
	top: 44px;
	*top: 35px;
	position: absolute;
	padding: 10px;
	border: 2px solid black;
	background-color: #FFF;
	display:none;
	-webkit-box-shadow: 0 3px 3px 0 #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: 0 3px 3px 0 #ddd; /* Firefox用 */
	box-shadow: 0 3px 3px 0 #ddd; /* CSS3 */
	white-space:nowrap;
}

#globalNaviArea .globalNaviBlock li.last .menuListBlock {
	left: 0px;
}

#globalNaviArea .globalNavi ul { height: 100%;}



/* blockArea
-------------------------------------------------------*/
/* Link */
#globalNaviArea .globalNaviBlock .blockArea p.category a:hover{
	background-color:#1c89b5;
}

/* Column
-------------------------------------------------------*/

#globalNaviArea .globalNaviBlock .column li{
	text-align:left;
	background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 0 0.5em no-repeat;
	padding-left:12px;
	float:none;
}

#globalNaviArea .globalNaviBlock .column li.noarrow {
	background:none;
}
	
#globalNaviArea.personal .globalNaviBlock .column a:hover {
	background: #1c89b5 ;
	color:#fff!important;
}

#globalNaviArea .globalNaviBlock li.globalNavi p.category{
	/*padding: 5px 13px;*/
	padding: 0 13px;
	border-right: 1px solid #3b3b3b;
	border-left: 1px solid #797979;
	/*margin: 12px 0;*/
	margin: 0;
}

#globalNaviArea .globalNaviBlock li.first p.category {
	padding-left: 20px;
	padding-right:20px;
	border-left:none;
}

#globalNaviArea .globalNaviBlock li.last p.category{
	border-right: none;
}

#globalNaviArea .globalNaviBlock li p.category {
	margin-bottom: 0;
	color: #FFF;
	font-size: 13px!important;
}

.ar01 {
	background: url(/fmv/images/menu/triangle.gif) no-repeat;
	background-position: top 50% right 15px;
	padding-right: 18px!important;
}


table.menuTable {
	margin-bottom:0;
	border-spacing:4px;
}

.menuTable td p {
	padding:0 8px;
	white-space:nowrap;
}

div.globalNaviBlock li.globalNavi p.fh { background-color:#723C3D;}
div.globalNaviBlock li.globalNavi p.wh { background-color:#C66121;}
div.globalNaviBlock li.globalNavi p.dh { background-color:#006634;}
div.globalNaviBlock li.globalNavi p.ah { background-color:#2C4278;}
div.globalNaviBlock li.globalNavi p.sh { background-color:#396459;}
div.globalNaviBlock li.globalNavi p.uh { background-color:#000;}
div.globalNaviBlock li.globalNavi p.th { background-color:#C17263;}
div.globalNaviBlock li.globalNavi p.ch { background-color:#78ABDC;}
div.globalNaviBlock li.globalNavi p.qh33 { /*background-color:#b59817;*/ background-color:#AE8C4F;}
div.globalNaviBlock li.globalNavi p.qh55 { background-color:#004e74;}
div.globalNaviBlock li.globalNavi p.gh { background-color:#9b9b79;}
div.globalNaviBlock li.globalNavi p.ah_g { background-color:#38464e;}
div.globalNaviBlock li.globalNavi p.ah_mr { background-color:#3c3147;}
div.globalNaviBlock li.globalNavi p.rh { background-color:#286f93;}
div.globalNaviBlock li.globalNavi p.lh { background-color:#00B9DE;}
div.globalNaviBlock li.globalNavi p.nh { background-color:#735948;}
div.globalNaviBlock li.globalNavi p.mh { background-color:#9FA0A0;}
div.globalNaviBlock li.globalNavi p.eh { background-color:#2E7474;}


/* #relational
=======================================================*/
#globalNaviArea .globalNaviBlock li.last .menuListBlock#relational{ left: -762px; width:970px;}
/*#globalNaviArea .globalNaviBlock li.last .menuListBlock#relational{ left: -610px; width:740px;}*/
.globalNavi .menuListBlock#relational p{ background-color:#585858; padding:5px; margin-top:20px; text-align:left; line-height:1;}
.globalNavi .menuListBlock#relational p:first-child{ margin:0;}
.globalNavi .menuListBlock#relational ul{ display:table; white-space:normal; margin-top:15px; float:none;}
.globalNavi .menuListBlock#relational ul li{ width:240px; background:none; padding:0 5px; display:table-cell !important; vertical-align:top; *padding:0;}
.globalNavi .menuListBlock#relational ul li:first-child{ padding-left:0;}
.globalNavi .menuListBlock#relational ul li a{ width:222px;}
.globalNavi .menuListBlock#relational ul li a span{ word-wrap:break-word;}
.globalNavi .menuListBlock#relational ul li.txtLink a{ background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 0 0.4em no-repeat; padding-left:12px;}

.ie7_br{ display:none; *display:inline;}

@media only screen and (max-width: 979px){
	#globalNaviArea .globalNaviBlock li.last .menuListBlock#relational{ left: -500px; width:550px;}
	/*#globalNaviArea .globalNaviBlock li.last .menuListBlock#relational{ left: -405px; width:505px;}*/
	.globalNavi .menuListBlock#relational ul{ width:550px}
	.globalNavi .menuListBlock#relational ul li{ display:inline-block !important; margin-bottom:15px;}
}


