@charset "utf-8";

/* ------------------------------------------------ */
/* サイトナビのレイアウト                           */
/* ------------------------------------------------ */

/* ▼ナビ大枠 */
#navi-menu{
	margin:0px;
	padding:0px;
	background-color:#fff;
	background-position:left 15px;
	background-repeat:repeat-x;
}

/* ▼メインメニュー部の定義▼ */
#sitenavi-menu{
	float:left;
	width:640px;
	margin:0px;
	padding:0px 0px 0px 5px;
	font-size:14px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#bdd7d6;
}
#navi-menu{
	position:static;
}
#sitenavi-menu * .normal,#sitenavi-menu * .reverse{
	margin:0px 5px;
	padding:0px;
	width:36px;
	height:36px;
	cursor:pointer;
	color:#ffffff;
	background-color:#ffffff;
	position:relative;
	/* z-index:5; */
}

#sitenavi-menu1.normal{
	background-position:-5px -5px;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-repeat:no-repeat;
	width:36px;
	height:36px;
}
#sitenavi-menu1.reverse{
	background-position:-6px -49px;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-repeat:no-repeat;
	width:36px;
	height:36px;
}
* html .reverse span#sitenavi-title1 {
	display:block;
	width:36px;
	height:36px;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-position:-5px -48px;
}
* html span#sitenavi-title1-current {
	display:block;
	width:36px;
	height:36px;
	background-image:url(/common/images/v1/navi/navi.jpg);
}

#sitenavi-menu2.normal{
	background-position:-48px -5px;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-repeat:no-repeat;
	width:36px;
	height:36px;
}
#sitenavi-menu2.reverse{
	background-position:-49px -49px;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-repeat:no-repeat;
	width:36px;
	height:36px;
}
* html .reverse span#sitenavi-title2 {
	display:block;
	width:100%;
	height:100%;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-position:-49px -49px;
}
span#sitenavi-title2-current {
	display:block;
	width:100%;
	height:100%;
	background-image:url(/common/images/v1/navi/navi.jpg)!important;
}

#sitenavi-menu3.normal{
	background-position:-91px -5px;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-repeat:no-repeat;
	width:36px;
	height:36px;
}
#sitenavi-menu3.reverse{
	background-position:-91px -49px;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-repeat:no-repeat;
	width:36px;
	height:36px;
}
* html .reverse span#sitenavi-title3 {
	display:block;
	width:100%;
	height:100%;
	background-image:url(/common/images/v1/navi/navi.jpg);
	background-position:-91px -49px;
}
span#sitenavi-title3-current {
	display:block;
	width:100%;
	height:100%;
	background-image:url(/common/images/v1/navi/navi.jpg)!important;
	background-position:-91px -49px;
}
#sitenavi-menu ul li{
	position:relative;/* サイトメニューのabsolute指定の基点とする */
	margin:0px;
	padding:0px;
	clear:none;
	float:left;
	border:0px;
	list-style:none;
}
#sitenavi-menu a{
	display:block;
	height:29px;
	margin:0px;
	padding:0px;
	text-indent:-1000em;
	text-decoration:none;
}
/* ▲メインメニュー部の定義▲ */

/* ▼サブメニュー部の定義▼ */
#sitenavi-menu * .box{
  display: none;
	clear:left;
	width:635px;
	height:20px;
	margin:0px;
  padding:0px 5px 0px 0px;
  background-color:#efefef;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:#ccc;
  /* z-index: 3; */
  font-size:1.0em;
}
* html #sitenavi-menu * .box{
	width:640px;
}
#sitenavi-menu1-box{
	display:block;
}
#sitenavi-menu * .box ul li{
	display:block;
	clear:none;
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	height:17px;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#ccc;
	vertical-align:top;
}
#sitenavi-menu * .box ul li.first{
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#ccc;
}
#sitenavi-menu * .box a{
	display:block;
	margin:0px;
	padding:0px 7px 0px 7px;
	height:20px;
	text-indent:0em;
	color:#666666;
	font-size:0.9em;
}
* html #sitenavi-menu * .box a{
	display:inline;
	padding-top:3px;
}
* html #sitenavi-menu * .box ul li#iesst a span{
	position:relative;
	top:-2px;
}
#sitenavi-menu1-box * a.current{
	color:#fff;
	background-color:#cc99cc;
}
#sitenavi-menu2-box * a.current{
	color:#fff;
	background-color:#99cc99;
}
#sitenavi-menu3-box * a.current{
	color:#fff;
	background-color:#9999cc;
}
#sitenavi-menu * .box a:hover{
	color:#666;
	background-color:#dcdcdc;
}

/* 上から何番目か、によって表示位置やビジュアルを変えることもできる */
#sitenavi-menu1-box,#sitenavi-menu2-box,#sitenavi-menu3-box{ /*共通部分*/
	width:300px;
	position:absolute;/* 親要素のliがabsoluteの基点となる */
	top:43px;
}
#sitenavi-menu1-box{
	left:-5px;
}
#sitenavi-menu2-box{
	left:-51px;
}
#sitenavi-menu3-box{
	left:-97px;
}
* html #sitenavi-menu1-box,* html #sitenavi-menu2-box,* html #sitenavi-menu3-box{ /*共通部分(IE6)*/
	width:300px;
	top:45px;
}
/* ▲サブメニュー部の定義▲ */

/* ▼ ナビ中のキャプション ▼ */
#navi-caption{
	width:490px;
	float:right;
	margin:18px 4px 0px 0px;
	padding:0px;
	clear:none;
	font-size:13px;
	color:#fff;
}
* html #navi-caption{
	margin-right:2px;
	padding:0px;
}
#navi-link{
	clear:none;
	float:right;
	margin-right:5px;
	font-size:13px;
	color:#fff;
}
#navi-link a{
	display:inline;
	text-indent:0em;
	color:#fff;
}
* html #navi-link a{
	height:1em;
}
/* ▲ ナビ中のキャプション ▲ */