/**
 * global_nav200810.css 日テレ内グローバルナビ表示関連CSS(Shift-JIS用)
 *
 * ○変更履歴
 * 2012.12.17 : m.kameyama  メニューに「プレゼント」を追加。「ショッピング」を「通販」に変更。検索窓の幅を縮小
 * 2013.03.26 : ykanazawa   幅等のパラメータの変更（コメント参照）。及び、 ntvID login（189行目）以降の追加。
 * 2015.03.19 : m.kameyama  メニュー「映画・アニメ」を分割。全ての画像を統合し、表示をスプライト処理に変更。
 *
 */

body {
	min-width: 980px;
	margin: 0px;
	padding: 0px;
}

#global_nav {
	text-align: center;
	background: #ffffff;
	border-bottom: 1px solid #d7e1e6;
}

#global_nav div#menu_nav {
	width: 980px;
	height: 28px;
	margin: 0px auto;
	background: #ffffff;
	padding: 0px;
}

#global_nav ul {
	overflow: hidden;
	height: 28px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#global_nav ul li {
	display: block;
	float: left;
}

#global_nav ul li a {
	display: block;
	height: 28px;
	background: url(../images/gnav.gif);
	background-repeat: no-repeat;
}

#global_nav ul li a span {
	position: absolute;
	left: -9999px;
}

/* link */

#global_nav li.ntvtop a {
	width: 50px;
	background-position: 0px 0px;
}
#global_nav li.ntvtop a:hover { background-position: 0px -28px; }

#global_nav li.nav_program a {
	width: 55px;
	background-position: -50px 0px;
}
#global_nav li.nav_program a:hover { background-position: -50px -28px; }

#global_nav li.nav_news a {
	width: 85px;
	background-position: -105px 0px;
}
#global_nav li.nav_news a:hover { background-position: -105px -28px; }

#global_nav li.nav_drama a {
	width: 50px;
	background-position: -190px 0px;
}
#global_nav li.nav_drama a:hover { background-position: -190px -28px; }

#global_nav li.nav_variety a {
	width: 95px;
	background-position: -240px 0px;
}
#global_nav li.nav_variety a:hover { background-position: -240px -28px; }

#global_nav li.nav_sports a {
	width: 60px;
	background-position: -335px 0px;
}
#global_nav li.nav_sports a:hover { background-position: -335px -28px; }

#global_nav li.nav_moviemenu a {
	width: 40px;
	background-position: -395px 0px;
}
#global_nav li.nav_moviemenu a:hover { background-position: -395px -28px; }

#global_nav li.nav_anime a {
	width: 50px;
	background-position: -435px 0px;
}
#global_nav li.nav_anime a:hover { background-position: -435px -28px; }

#global_nav li.nav_mini a {
	width: 60px;
	background-position: -485px 0px;
}

#global_nav li.nav_mini a:hover { background-position: -485px -28px; }

#global_nav li.nav_event a {
	width: 60px;
	background-position: -545px 0px;
}
#global_nav li.nav_event a:hover { background-position: -545px -28px; }

#global_nav li.nav_shop a {
	width: 40px;
	background-position: -605px 0px;
}
#global_nav li.nav_shop a:hover { background-position: -605px -28px; }

#global_nav li.nav_douga a {
	width: 40px;
	background-position: -645px 0px;
}
#global_nav li.nav_douga a:hover { background-position: -645px -28px; }

#global_nav li.nav_present a {
	width: 75px;
	background-position: -685px 0px;
}
#global_nav li.nav_present a:hover { background-position: -685px -28px; }

#global_nav li.nav_movie a {
	width: 78px;
	background-position: -1090px 0px;
}
#global_nav li.nav_movie a:hover { background-position: -1090px -28px; }

/* search */

#global_nav li.nav-search {
	width: 115px;
	height: 28px;
	margin-left: 5px;
	background: url(../images/gnav.gif) no-repeat;
	background-position: -760px 0px;
	overflow: hidden;
	_zoom: 1; /* for IE6 */
}

#global_nav li.nav-search form { width: 110px; } /* id導入に伴い150px⇒110px */

#global_nav li.nav-search .nav-window {
	width: 70px; /* id導入に伴い110px⇒70px */
	margin: 0;
	padding-top: 5px;
	float: left;
}

#global_nav li.nav-search .nav-window input {
	line-height: 18px;
	width: 68px; /* id導入に伴い108px⇒68px */
	padding: 0;
	border-style: none;
	background: none;
}

#global_nav li.nav-search .nav-btn {
	width: 35px;
	margin: 0px;
	padding-top: 6px;
	float:right;
}

#global_nav li.nav-search .nav-btn input {
	display: block;
	width: 35px;
	height: 16px;
	padding: 0;
	background: url(../images/gnav.gif) no-repeat;
	background-position: -875px 0px;
}

#global_nav li.nav-search .nav-btn input:hover { background-position: -875px -16px; }

/* ntvID login */

#global_nav li.ntvid_login a {
	width: 90px;
	margin-left: 5px;
	background: url(../images/gnav.gif) no-repeat;
	background-position: -910px 0px;
	text-indent: -9999px;
}
#global_nav li.ntvid_login a:hover { background-position: -910px -28px; }

#global_nav li.ntvid_mypage a {
	width: 90px;
	margin-left: 5px;
	background: url(../images/gnav.gif) no-repeat;
	background-position: -1000px 0px;
	text-indent: -9999px;
}
#global_nav li.ntvid_mypage a:hover { background-position: -1000px -28px; }