/* 画面サイズを変化させた時に、
ページ全体（横幅980px）がセンタリングされ、上部メニュー帯もセンタリングされる筈だったが、
FireFoxでのみ、上部メニューが、ページ表示時に一瞬左端に寄ってからセンタリングされる現象が出た。
その解決のために、上部メニューを含むdiv7をfixedにし、それを囲う上位div5をrelativeにした。 */
#area5 {
position:relative;
}
#area7 {
    z-index: 9999;
    position: fixed !important;
    position: absolute;
    width: 980px;
    left: auto;
}


/* ↓この内容だと、一瞬左に寄ってからセンタリングされた。 */
/*
#area5, #area7 {
    z-index: 9999;
    position: fixed !important;
    position: absolute;
    width: 980px;
    left: auto;
}
*/


/* **************************************************************** */
/* IE7での不具合対策 */
/* 製品ページで、少しスクロールした時に、TabJメニューが上部で止まっている状態で、 */
/* 最上部のメガメニューをプルダウンすると、TabJメニューが上になってしまう不具合   */
/* IE7では、z-indexの上下関係が、該当DIVへの指定だけではダメで、 */
/* 上にしたいDIVの上位を総て上にしないとダメらしい。 */
/* 参考情報：http://www.komacchi.com/blogs/2009/08/cssie7z-index.php */
#area5,#area7 {
      z-index: 9999;
}



@media only print
{
    #menu { display: none !important; }
}


/* カルーセル部分の文字列に対して */
.navigator-content h4 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.navigator-content span {
	line-height: 16px;
}