@charset "utf-8";

/* ------------------------------------------------ */
/* グローバルナビのレイアウト                       */
/* ------------------------------------------------ */

/* ▼メインメニュー部の定義（大枠）▼ */

#g-navi{
width:1000px;
height:26px;
overflow:hidden;
/*v4*/
margin:0px auto 0 auto;
padding-top: 7px;
background-color:#00006e;
}

/* ▼メインメニュー部のサイト名▼ */

#g-navi .sitename{
float:left;
width:181px;
background-color: #000066;
}

/* ▼メインメニュー部のナビ部分▼ */
#g-navi .tab-menu{
	float:left;
	width:815px;
	height:26px;
	margin-left:4px;
/*background-image: url("/common/images/v3/common/gnavi.jpg");*/
	background-position: 0 0;
	background-repeat: no-repeat;
}

#g-navi .tab-menu ul{
	margin:0;
	padding:0;
}

#g-navi .tab-menu ul li{
	float:left;
	margin:0 0 0 5px;
	padding:0;
}
#g-navi .tab-menu ul li a{
	background-image:url(/common/images/v4/sitenavi/gnavi-v2.jpg);
	background-repeat:no-repeat;
	display:block; text-indent:-1000em;
	height:26px; width:77px;
}
#g-navi .tab-menu ul li#sp-shukatsu,
#g-navi .tab-menu ul li#sp-seminar{margin:0;}

#g-navi .tab-menu ul li#diamond a{background-position:0 0;}
#g-navi .tab-menu ul li#dhbr a{background-position:-80px 0;}
#g-navi .tab-menu ul li#zai a{background-position:-162px 0;}
#g-navi .tab-menu ul li#books a{background-position:-244px 0;}
#g-navi .tab-menu ul li#itbiz a{background-position:-326px 0;}
#g-navi .tab-menu ul li#sp-menshealth a{background-position:-410px 0;}
#g-navi .tab-menu ul li#golf a{background-position:-497px 0; width:58px;}
#g-navi .tab-menu ul li#sp-shukatsu a{background-position:-555px 0; width:97px;}
#g-navi .tab-menu ul li#sp-seminar a{background-position:-652px 0; width:76px;}
#g-navi .tab-menu ul li#magazine a{background-position:-736px 0; width:79px;}


/* -- マウスオーバー時 -- */
#g-navi .tab-menu ul li#diamond a:hover{background-position:0 -26px;}
#g-navi .tab-menu ul li#dhbr a:hover{background-position:-80px -26px;}
#g-navi .tab-menu ul li#zai a:hover{background-position:-162px -26px;}
#g-navi .tab-menu ul li#books a:hover{background-position:-244px -26px;}
#g-navi .tab-menu ul li#itbiz a:hover,
#g-navi .tab-menu ul li#itbiz.current a{background-position:-326px -26px;}
#g-navi .tab-menu ul li#sp-menshealth a:hover{background-position:-410px -26px;}
#g-navi .tab-menu ul li#golf a:hover{background-position:-497px -26px;}
#g-navi .tab-menu ul li#sp-shukatsu a:hover{background-position:-555px -26px;}
#g-navi .tab-menu ul li#sp-seminar a:hover{background-position:-652px -26px;}
#g-navi .tab-menu ul li#magazine a:hover{background-position:-736px -26px;}


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

/* ▼メインメニュー部の定義（大枠）▼ */
#sitenavi-menu{
/*float:left;*/
width:998px;
height:58px;
overflow:hidden;
margin:0px;
padding:0px 0px 0px 0px;
font-size:15px;
color:#000;
background-color:transparent;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#7d7137;
}
* html #sitenavi-menu{
height:58px;
}

/* ▼動的なメインナビ大枠(内側) */
#navi-menu{
position:static;
float:left;
margin:0px 0px;
padding:0px;
width:764px;
/* width:806px; */
}

#sitenavi-menu ul{
margin:0px;
padding:0px;
}

#sitenavi-menu ul li{
position:relative;/* サイトメニューのabsolute指定の基点とする */
margin-top:0px;
padding:0px;
clear:none;
float:left;
border:0px;
text-indent:-1000em;
}

/* メインメニューはaで表現する */
#sitenavi-menu * a{
display:block;
}

/* 標準のメインメニューの形状 */

#sitenavi-menu1,#sitenavi-menu2,#sitenavi-menu3,#sitenavi-menu4,#sitenavi-menu5,#sitenavi-menu6,#sitenavi-menu7,#sitenavi-menu8,#sitenavi-menu9{
	background-image:url(/common/images/v4/sitenavi/navi.jpg);
	background-repeat:no-repeat;
	height:35px;
}

#sitenavi-menu1{width:46px;}
#sitenavi-menu2{width:86px;}
#sitenavi-menu3{width:81px;}
#sitenavi-menu4{width:83px;}
#sitenavi-menu5{width:87px;}
#sitenavi-menu6{width:92px;}
#sitenavi-menu7{width:106px;}
#sitenavi-menu8{width:93px;}
#sitenavi-menu9{width:90px;}

/* IE6通常のメインメニューの形状 */

* html #sitenavi-menu1{background-position:0 0;}
* html #sitenavi-menu2{background-position:-46px 0;}
* html #sitenavi-menu3{background-position:-132px 0;}
* html #sitenavi-menu4{background-position:-213px 0;}
* html #sitenavi-menu5{background-position:-296px 0;}
* html #sitenavi-menu6{background-position:-383px 0;}
* html #sitenavi-menu7{background-position:-475px 0;}
* html #sitenavi-menu8{background-position:-581px 0;}
* html #sitenavi-menu9{background-position:-674px 0;}

/* 現在地メインメニューの形状 */

#sitenavi-menu1.current{background-position:0 -70px!important;}
#sitenavi-menu2.current{background-position:-46px -70px!important;}
#sitenavi-menu3.current{background-position:-132px -70px!important;}
#sitenavi-menu4.current{background-position:-213px -70px!important;}
#sitenavi-menu5.current{background-position:-296px -70px!important;}
#sitenavi-menu6.current{background-position:-383px -70px!important;}
#sitenavi-menu7.current{background-position:-475px -70px!important;}
#sitenavi-menu8.current{background-position:-581px -70px!important;}
#sitenavi-menu9.current{background-position:-674px -70px!important;}

/* 通常のメインメニューの形状 */

#sitenavi-menu1.normal{background-position:0 0;}
#sitenavi-menu2.normal{background-position:-46px 0;}
#sitenavi-menu3.normal{background-position:-132px 0;}
#sitenavi-menu4.normal{background-position:-213px 0;}
#sitenavi-menu5.normal{background-position:-296px 0;}
#sitenavi-menu6.normal{background-position:-383px 0;}
#sitenavi-menu7.normal{background-position:-475px 0;}
#sitenavi-menu8.normal{background-position:-581px 0;}
#sitenavi-menu9.normal{background-position:-674px 0;}

/* マウスオーバー時のメインメニューの形状 */

#sitenavi-menu1.reverse{background-position:0 -35px;}
#sitenavi-menu2.reverse{background-position:-46px -35px;}
#sitenavi-menu3.reverse{background-position:-132px -35px;}
#sitenavi-menu4.reverse{background-position:-213px -35px;}
#sitenavi-menu5.reverse{background-position:-296px -35px;}
#sitenavi-menu6.reverse{background-position:-383px -35px;}
#sitenavi-menu7.reverse{background-position:-475px -35px;}
#sitenavi-menu8.reverse{background-position:-581px -35px;}
#sitenavi-menu9.reverse{background-position:-674px -35px;}

/* IE6では、マウスオーバーはa:hoverで表現 */

* html #sitenavi-menu * a:hover#sitenavi-menu1{background-position:0 -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu2{background-position:-46px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu3{background-position:-132px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu4{background-position:-213px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu5{background-position:-296px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu6{background-position:-383px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu7{background-position:-475px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu8{background-position:-581px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu9{background-position:-674px -35px;}

/* ▲メインメニュー部の定義▲ */

/* ▼サブメニュー部の定義▼ */
#sitenavi-menu * .box{
display: none;
clear:both;
width:998px;
height:23px;
margin:0;
padding:0;
background:url(/common/images/v4/sitenavi/subcategory-bg.jpg) repeat-x top #7d7137;
}
* html #sitenavi-menu * .box{
width:1000px;
height:23px;
}
#sitenavi-menu1-box{
display:block;
}
#sitenavi-menu * .box ul li{
display:block;
clear:none;
margin:0;
padding:3px 0 2px 0;
font-size:12px;
line-height:12px;
color:#000;
}
#sitenavi-menu * .box a{
display:block;
margin:0px;
padding:2px 14px 0px 14px;
text-indent:0em;
color:#fff;
font-size:12px;
}

#sitenavi-menu4-box.box a{
display:block;
margin:0px;
padding:2px 8px 0px 8px !important;
text-indent:0em;
color:#fff;
font-size:12px;
}

#sitenavi-menu * .box a:hover{
color:#000;
}

/* 上から何番目か、によって表示位置やビジュアルを変えることもできる */
#sitenavi-menu1-box,#sitenavi-menu2-box,#sitenavi-menu3-box,#sitenavi-menu4-box,#sitenavi-menu5-box,#sitenavi-menu6-box,#sitenavi-menu7-box,#sitenavi-menu8-box,#sitenavi-menu9-box{ /*共通部分*/
/* width:100%; */
position:absolute;/* 親要素のliがabsoluteの基点となる */
top:35px;
}
* html #sitenavi-menu1-box,* html #sitenavi-menu2-box,* html #sitenavi-menu3-box,* html #sitenavi-menu4-box,* html #sitenavi-menu5-box,* html #sitenavi-menu6-box,* html #sitenavi-menu7-box,* html #sitenavi-menu8-box,* html #sitenavi-menu9-box{ /*共通部分(IE6)*/
/* width:100%; */
top:35px;
}
#sitenavi-menu1-box{
left:-0px;
}
#sitenavi-menu2-box{
left:-46px;
}
#sitenavi-menu3-box{
left:-132px;
}
#sitenavi-menu4-box{
left:-212px;
}
#sitenavi-menu5-box{
left:-296px;
}
#sitenavi-menu6-box{
left:-383px;
}
#sitenavi-menu7-box{
left:-475px;
}
#sitenavi-menu8-box{
left:-581px;
}
#sitenavi-menu9-box{
left:-674px;
}
/* ▲サブメニュー部の定義▲ */

/* ▼ 静的なサブナビ ▼ */
#navi-static{
position:relative;/* サイトメニューのabsolute指定の基点とする */
clear:none;
float:right;
margin:0px 0px 0px 0px;
padding:0px;
width:234px;
/* width:190px; */
height:35px;
font-size:10px;
color:#fff;
background-color:#7d7137;
border:0px;
}
#navi-static ul{
margin:0px;
padding:0px;
background-color:#7d7137;
}
#navi-static ul li{
clear:none;
float:left;
margin:0px;
padding:0px;
height:35px;
font-size:10px;
color:#fff;
text-align:left;
}
#sitenavi-menu #navi-static ul li a{
display:block;
height:35px;
margin:0px;
padding:0px;
background-color:#7d7137;
border-width:0px 0px 0px 0px;
border-style:solid;
border-color: #7d7137;
text-indent:-1000em;
}

#sitenavi-menu #navi-static ul li a#ns1{
width:117px;
background-image:url(/common/images/v4/sitenavi/navi.jpg);
background-repeat:no-repeat;
background-position:-764px 0;
}

#sitenavi-menu #navi-static ul li a#ns2{
width:115px;
background-image:url(/common/images/v4/sitenavi/navi.jpg);
background-repeat:no-repeat;
background-position:-882px 0;
}
#sitenavi-menu #navi-static ul li a:hover#ns1{
background-position:-764px -35px;
}

#sitenavi-menu #navi-static ul li a:hover#ns2{
background-position:-882px -35px;
}

#sitenavi-menu #navi-static ul li a#ns1.current{
background-position:-764px -70px;
}

#sitenavi-menu #navi-static ul li a#ns2.current{
background-position:-882px -70px;
}

#sitenavi-menu #navi-static ul#navi-static-sp li a{
	background-image: url(/common/images/v4/special-navi.jpg);
	background-repeat:no-repeat;
}
#sitenavi-menu #navi-static ul#navi-static-sp li a#sp01{
	background-position:0 0;
	width:119px;
}
#sitenavi-menu #navi-static ul#navi-static-sp li a#sp02{
	background-position:-119px 0;
	width:115px;
}
#sitenavi-menu #navi-static ul#navi-static-sp li a#sp01:hover{background-position:0 -35px;}
#sitenavi-menu #navi-static ul#navi-static-sp li a#sp02:hover{background-position:-119px -35px;}

/* ▲ 静的なサブナビ ▲ */