@charset "utf-8"; /*------------------------------------------------------------ デフォルトスタイル ------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; } body { font-size: 62.5%; } body, table, input, textarea, select, option { font-family: "MS ゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } a:link { color: #0296c9; text-decoration: none; } a:visited { color: #0296c9; text-decoration: none; } a:hover { color: #0296c9; text-decoration: underline; } a:active { color: #0296c9; text-decoration: underline; } /*------------------------------------------------------------ レイアウト ------------------------------------------------------------*/ body { color: #00b0ec; line-height: 1.5; text-align:center; } #container{ text-align: left; } #main { clear: both; margin: 0 auto; width: 840px; } * html #main { zoom: 1; } *+html #main { zoom: 1; } #main:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /*------------------------------------------------------------ ヘッダー ------------------------------------------------------------*/ #header { margin: 0 auto; padding: 148px 0 150px 48px; width: 672px; } #header h1 { margin: 0 0 72px 15px; } .headerBox { background: url(../../img/irico/g_navi_bg.png) repeat-x left bottom; } #header02 { display: none; margin: 0 auto; padding: 30px 0 0 9px; width: 849px; } #header02 h1 { float: left; } /*------------------------------------------------------------ グローバルナビ ------------------------------------------------------------*/ #gNavi li { float: left; padding-right: 34px; } #gNavi li a, #gNavi li img { display: block; } #gNavi li a:hover img { filter: alpha(opacity=70); opacity: 0.7; } #gNavi02 { float: right; padding-top: 15px; } #gNavi02 li { float: left; padding-left: 14px; } #gNavi02 li img { display: block; } /*------------------------------------------------------------ フッター ------------------------------------------------------------*/ #footer { margin: 0 auto; padding-bottom: 30px; width: 840px; } #footer div { border-bottom: 1px solid #9ED8F6; border-top: 1px solid #9ED8F6; margin-bottom: 14px; padding: 11px 0 13px; } #footer div ul { float: left; padding-top: 3px; } #footer div li { float: left; padding-right: 24px; } #footer div li img { display: block; } #footer div .linkUl { float: right; padding-top: 0; } #footer div .linkUl li { padding: 0 0 0 8px; } #footer .listUl { border-bottom: 1px solid #9ED8F6; clear: both; margin-bottom: 18px; padding-bottom: 10px; } #footer p { clear: both; text-align: center; } #footer li a:hover img { filter: alpha(opacity=70); opacity: 0.7; }