@charset "utf-8";

/* ------------------------------------------------------------------------------

Global Navi

------------------------------------------------------------------------------ */
div#globalNaviBg{
	width:100%;	
	height: 68px;
	margin: 0;
	text-align:center;
	background: url(../img/globalnavi_bg.jpg) repeat-x;
}
div#globalNaviBgTop{
	width:100%;	
	height: 68px;
	margin: 0;
	text-align:center;
	background: url(../img/globalnavi_bg_top.jpg) repeat-x;
}
#globalNavi{
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 2;/*bxslider=1*/
}
/*------------------------
1段目
------------------------*/
#globalNavi ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#globalNavi ul:after {
	display:block;
	height:0px;
	visibility:hidden;
	clear:both;
	content:".";
}
#globalNavi li{
	float: left;
}
/*------------------------
2段目
------------------------*/
#globalNavi ul#gnavi li ul.subnavi{/*下層メニューを非表示*/
	display: none;
	position: absolute;
}
#globalNavi li li{
	clear: left;
	position: relative;
	width: 100%;
}

/*------------------------
1段目-画像設定
------------------------*/
div#globalNavi ul#gnavi li a{
	height: 59px;
	display: block;
	background: url(../img/globalnavi_01.jpg) no-repeat;
	overflow: hidden;/*IE6用*/
}
/*初期表示*/
div#globalNavi ul#gnavi li.gnavi01 a {
	width: 196px;
	background-position: 0px 0px;
}
div#globalNavi ul#gnavi li.gnavi02 a {
	width: 196px;
	background-position: -196px 0px;
}
div#globalNavi ul#gnavi li.gnavi03 a {
	width: 196px;
	background-position: -392px 0px;
}
div#globalNavi ul#gnavi li.gnavi04 a {
	width: 196px;
	background-position: -588px 0px;
}
div#globalNavi ul#gnavi li.gnavi05 a {
	width: 196px;
	background-position: -784px 0px;
}

/*マウスオーバー＆カレントページ*/

div#globalNavi ul#gnavi li.gnavi01:hover a,
div#globalNavi ul#gnavi li#current.gnavi01 a {
	width: 196px;
	background-position: 0px -59px;
}
div#globalNavi ul#gnavi li.gnavi02:hover a,
div#globalNavi ul#gnavi li#current.gnavi02 a  {
	width: 196px;
	background-position: -196px -59px;
}
div#globalNavi ul#gnavi li.gnavi03:hover a,
div#globalNavi ul#gnavi li#current.gnavi03 a {
	width: 196px;
	background-position: -392px -59px;
}
div#globalNavi ul#gnavi li.gnavi04:hover a,
div#globalNavi ul#gnavi li#current.gnavi04 a {
	width: 196px;
	background-position: -588px -59px;
}
div#globalNavi ul#gnavi li.gnavi05:hover a,
div#globalNavi ul#gnavi li#current.gnavi05 a {
	width: 196px;
	background-position: -784px -59px;
}

/*-------------------------------------
2段目-装飾設定
-------------------------------------*/


#globalNavi ul#gnavi li ul.subnavi li a:link,
#globalNavi ul#gnavi li ul.subnavi li a:visited{
	display: block;
	width: 161px!important;
	height: 1%;
	background: #537697 url(../img/globalnavi_icon.gif) no-repeat 11px center;
	border-top: 1px solid #6d8aa6;
	padding: 10px 10px 10px 25px;
	vertical-align: center;
	text-decoration: none;
	text-align: left;
	color:#ffffff;
}
#globalNavi ul#gnavi li ul.subnavi li a:hover,
#globalNavi ul#gnavi li ul.subnavi li a:active{
	display: block;
	width: 161px!important;
	height: 1%;
	background: #4a6a88 url(../img/globalnavi_icon.gif) no-repeat 11px center;
	border-top: 1px solid #6d8aa6;
	padding: 10px 10px 10px 25px;
	vertical-align: center;
	text-align: left;
	text-decoration: none;
}


/*1階層はテキストを非表示*/
div#globalNavi span {
	visibility: hidden;
}
/*ドロップダウンはテキストを表示*/
#globalNavi ul#gnavi ul.subnavi li span{
	visibility: visible;
}




/* ------------------------------------------------------------------------------

Local Navi

------------------------------------------------------------------------------ */
.localNavi{
	background-color: #e8e8e8;
	padding: 6px;
	margin: 0;
}
.localNavi dl{
	margin: 0;
	padding: 0;
	width: 198px;
}
.localNavi dl dt a{
	margin: 0;
	padding: 34px 0;
	display: block;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url(../img/localnavi_heading.gif) no-repeat left top;
	width: 198px;
}
.localNavi dl dd{
	margin: 0;
	padding: 0;
}
.localNavi dl dd a{
	margin: 0;
	padding: 10px 10px 10px 24px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e4;
	background: #f4f4f4 url(../img/icon_link02.gif) no-repeat 12px center;
	width: 164px;
	_width: 198px;
}
.localNavi dl dd.current a{
	margin: 0;
	padding: 10px 10px 10px 24px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #e4e4e4;
	background: #e9f0f7 url(../img/icon_link02.gif) no-repeat 12px center;
	width: 164px;
	_width: 198px;
}
.localNavi dl a:hover{/*テキストリンク用*/
	display: block;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
.localNavi dd.head{
	padding: 6px 2px;
}
.localNavi2w{
	background-color: #e8e8e8;
	padding: 6px;
	margin: 0;
}
.localNavi2w dl{
	margin: 0;
	padding: 0;
	width: 198px;
}
.localNavi2w dl dt a{
	margin: 0;
	padding: 14px 0;
	display: block;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url(../img/localnavi_heading.gif) no-repeat left top;
	width: 198px;
}
.localNavi2w dl dd{
	margin: 0;
	padding: 0;
}
.localNavi2w dl dd a{
	margin: 0;
	padding: 10px 10px 10px 24px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e4;
	background: #f4f4f4 url(../img/icon_link02.gif) no-repeat 12px center;
	width: 164px;
	_width: 198px;
}
.localNavi2w dl dd.current a{
	margin: 0;
	padding: 10px 10px 10px 24px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #e4e4e4;
	background: #e9f0f7 url(../img/icon_link02.gif) no-repeat 12px center;
	width: 164px;
	_width: 198px;
}
.localNavi2w dl a:hover{/*テキストリンク用*/
	display: block;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}

/* ------------------------------------------------------------------------------

Bread Crum List

------------------------------------------------------------------------------ */

#crumList{
	width:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background-color: #e8e8e8;
	border-bottom: 1px solid #dfdfdf;
}
#crumList p{
	width: 980px;
	margin: 0 auto;
	padding: 1px 0 8px;
	text-align:left;
	color: #547697;
}
#crumList p a{
	color: #547697;
}



