@charset "utf-8"; /* CSS Document */ /* css index +++body +++header +++nav +++footer this is common elements styling for the all. */ /* */ html { zoom: 1 !important; } body { zoom: 1 !important; } body { font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; *font-family: "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif !important; line-height: 20px; background: #000014; } body a, body a:hover { text-decoration: none; } body .wrap { width: 960px; margin-left: auto; margin-right: auto; } #container { max-width: 2560px; margin: 0 auto; } #global { background: #000014; } /**/ #pageLoarder { position: fixed; z-index: 9999; top: 140px; left: 0; right: 0; bottom: 0; background: #000014; } #pageLoarder img { position: absolute; top: 49%; left: 50%; margin-left: -45px; } /*

*/ header #trigger { display: none; } header #hd_logo { padding: 15px 0; } header h1 { padding: 15px; } header #hd_logo, header h1 { float: left; height: 60px; } header #hd_logo, header #hd_logo img { width: 60px; height: 60px; } header h1, header h1 img { width: 158px; height: 60px; } /*

*/ nav { height: 50px; width: 100%; background: #fff; } nav ul { height: 28px; overflow: hidden; padding: 11px 0; } nav ul li { height: 28px; line-height: 14px; border-right: #b3b3b3 1px solid; text-align: center; float: left; position: relative; } nav ul li:first-child { border-left: #b3b3b3 1px solid; } nav ul li.current a:after, nav ul li a:hover:after { content: ""; display: block; width: 160px; height: 3px; background: #c00000; position: absolute; top: 36px; left: 0; } nav ul li a { display: block; color: #000; height: 14px; line-height: 14px; padding-bottom: 14px; } nav ul li.current a, nav ul li a:hover { color: #999; } nav ul li.menu01 { width: 158px; background: url(../img/base/menu01.png) no-repeat center 19px; } nav ul li.menu02 { width: 159px; background: url(../img/base/menu02.png) no-repeat center 19px; } nav ul li.menu03 { width: 159px; background: url(../img/base/menu03.png) no-repeat center 19px; } nav ul li.menu04 { width: 159px; background: url(../img/base/menu04.png) no-repeat center 19px; } nav ul li.menu05 { width: 159px; background: url(../img/base/menu05.png) no-repeat center 19px; } nav ul li.menu06 { width: 159px; background: url(../img/base/menu06.png) no-repeat center 19px; } html.ie7 nav ul li.menu01, html.ie8 nav ul li.menu01 { background: url(../img/base/menu_ie01.png) no-repeat center 19px; } html.ie7 nav ul li.menu02, html.ie8 nav ul li.menu02 { background: url(../img/base/menu_ie02.png) no-repeat center 19px; } html.ie7 nav ul li.menu03, html.ie8 nav ul li.menu03 { background: url(../img/base/menu_ie03.png) no-repeat center 19px; } html.ie7 nav ul li.menu04, html.ie8 nav ul li.menu04 { background: url(../img/base/menu_ie04.png) no-repeat center 19px; } html.ie7 nav ul li.menu05, html.ie8 nav ul li.menu05 { background: url(../img/base/menu_ie05.png) no-repeat center 19px; } html.ie7 nav ul li.menu06, html.ie8 nav ul li.menu06 { background: url(../img/base/menu_ie06.png) no-repeat center 19px; } nav ul li { background-size: 106px 15px !important; } nav ul li.menu02 { background-size: 126px 15px !important; } nav ul li.menu03 { background-size: 126px 15px !important; } /*