@charset "utf-8";
/* =======================================

グローバルナビ用CSS

Since: 201304 
mod: 

========================================== */
#gnaviArea {
	position: relative;
	background: url(../images/common/bg_gnavi.jpg) 0 0 repeat-x;
	height: 35px;
	z-index: 50;
}
#gnaviAreaIn {
	position: relative;
	z-index: 1;
	width: 970px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 50px;
	text-align: left;
}
ul#globalnavi {
	position: relative;
	z-index:10;
	height: 35px;
	width: 611px;
	zoom: 1;
}
ul#globalnavi:after { /* for Modern Browser */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
ul#globalnavi li {
	position: relative;
	float: left;
}
ul#globalnavi li a.head {
	display: block;
	height: 35px;
	width: 120px;
	text-decoration: none;
	background: url(../images/common/btn_gnavi.jpg) 0 0 no-repeat;
	background-size:742px !important;
}
ul#globalnavi li.item03 a.head,
ul#globalnavi li.item06 a.head {
	width: 130px;
}
ul#globalnavi li a.head span {
	display: none;
}
ul#globalnavi li.item01 a.head {	background-position: 0 0;}
ul#globalnavi li.item02 a.head {	background-position: -120px 0;}
ul#globalnavi li.item03 a.head {	background-position: -240px 0;}
ul#globalnavi li.item04 a.head {	background-position: -370px 0;}
ul#globalnavi li.item05 a.head {	background-position: -491px 0; border-right: 1px solid #c5c5c5}
ul#globalnavi li.item06 a.head {	background-position: -620px 0;}

ul#globalnavi li.item01:hover a.head {	background-position: 0 -35px;}
ul#globalnavi li.item02:hover a.head {	background-position: -120px -35px;}
ul#globalnavi li.item03:hover a.head {	background-position: -240px -35px;}
ul#globalnavi li.item04:hover a.head {	background-position: -370px -35px;}
ul#globalnavi li.item05:hover a.head {	background-position: -491px -35px; border-right: 1px solid #c5c5c5}
ul#globalnavi li.item06:hover a.head {	background-position: -620px -35px;}


/* ------------------------------
ドロップダウン
------------------------------ */
.dropdown_item .cnt {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 500px;
	height: 300px;
	z-index: 10000;
	display: none;
	zoom: 1;
	
}
.dropdown_item .cntIn {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 280px;
	border: 3px solid #009fe9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow:3px 3px 3px #999999;
	-webkit-box-shadow:3px 3px 3px #999999;
	box-shadow:3px 3px 3px #999999;
	text-align: center;
	background-color: #ffffff;
}
.dropdown_item .arrow {
	position: absolute;
	width: 285px;
	height: 10px;
	top: -13px;
	left: 0px;
	
}
.dropdown_item .image {
	width: 250px;
	height: 80px;
	margin: 15px auto 10px auto;
	background-color: #cccccc;
}
.dropdown_item .oa {
	width: 250px;
	line-height: 30px;
	margin: 0 auto;
	text-align: left;
}
.dropdown_item .oa .time {
	color: #FF6600;
	font-size: 12px;
	margin-right: 5px;
}
.dropdown_item ul {
	width: 250px;
	margin: 0 auto;
	text-align: left;
}
.dropdown_item li a {
	display: block;
	width: 250px;
	line-height: 26px;
	text-indent: 20px;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	background: url(../images/common/arrow_localnavi.png) 5px 9px no-repeat;
}
.dropdown_item li a:hover {
	background-color: #FFFF99;
}

.item01 .cntIn { height: 254px;}
.item02 .cntIn { height: 254px;}
.item03 .cntIn { height: 254px;}


/* ------------------------------
サブナビ
------------------------------ */
#gnaviArea .subNavi {
	position: absolute;
	top: -5px;
	right: 0px;
}
#gnaviArea .subNavi li {
	display: inline;
	margin: 0px;
	padding: 0px;
}