@charset "UTF-8";



/**
 * ------------------------------------------------------------
 * 要素別スタイル
 * ------------------------------------------------------------
 */
body { min-width:1000px; background:#fff; }



/**
 * ------------------------------------------------------------
 * コンテナー
 * ------------------------------------------------------------
 */
#container { overflow:hidden; position:relative; width:100%; }



/**
 * ------------------------------------------------------------
 * ヘッダー
 * ------------------------------------------------------------
 */
#header { position:absolute; z-index:1002; left:0; top:0; width:100%; }

#header.compact { position:fixed; }



/* ----------------------------------------
 * ブランド
 * ---------------------------------------- */

#header-brand { visibility:hidden; position:absolute; left:20px; top:25px; }



/* ----------------------------------------
 * グローバルナビ
 * ---------------------------------------- */

#gnav {}

#gnav .trigger { position:absolute; z-index:10002; right:20px; top:18px; width:67px; height:51px; background:url(../img/nav-icon.png) no-repeat; cursor:pointer; }
#gnav .menu { visibility:hidden; position:fixed; z-index:10001; width:100%; height:100%; background:rgba(8, 138, 255, 0.95); }
#gnav .menu ul { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:360px; }
#gnav .menu ul li {}
#gnav .menu ul li a { display:block; overflow:hidden; position:relative; width:100%; height:72px; }
#gnav .menu ul li a span { display:block; overflow:hidden; margin:14px auto 0; height:56px; background:url(../img/nav-menu.png) no-repeat; text-indent:200%; white-space:nowrap; }

.compact #gnav .trigger { background-position:0 -51px; }
#gnav.expanded .trigger { position:fixed; background-position:-67px 0; }

#gnav .menu ul li a:hover { background-color:rgba(28, 204, 255, 0.95); }

#gnav .menu ul .top a span { width:122px; background-position:0 0; }
#gnav .menu ul .trooop a span { width:209px; background-position:-122px 0; }
#gnav .menu ul .about a span { width:215px; background-position:-331px 0; }
#gnav .menu ul .profile a span { width:592px; background-position:-546px 0; }
#gnav .menu ul .contact a span { width:292px; background-position:-1138px 0; }

.lt-ie9 #gnav .menu { background-color:#1590ff; }
.lt-ie9 #gnav .menu ul li a:hover { background-color:#1cccff; }



/**
 * ------------------------------------------------------------
 * ボディ
 * ------------------------------------------------------------
 */
#body {}
#body:after { content:" "; display:table; clear:both; }



/**
 * ------------------------------------------------------------
 * フッター
 * ------------------------------------------------------------
 */
#footer { margin-top:10px; padding-bottom:40px; }

#footer-copyright { text-align:center; }
#footer-copyright small { font-size:12px; line-height:1.58333; letter-spacing:0.01em; }



/**
 * ------------------------------------------------------------
 * ページトップ
 * ------------------------------------------------------------
 */
#pagetop { position:fixed; z-index:1001; left:0; right:0; bottom:0; margin:0 auto; width:100%; max-width:1400px; }
#pagetop a { display:block; visibility:hidden; overflow:hidden; position:absolute; right:20px; bottom:40px; width:40px; height:20px; background:url(../img/arw.png) no-repeat -40px 0; text-indent:200%; white-space:nowrap; }



/**
 * ------------------------------------------------------------
 * スクローラー
 * ------------------------------------------------------------
 */
#scroller { visibility:hidden; position:fixed; z-index:1001; left:0; right:0; top:50%; margin:0 auto; width:100%; max-width:1400px; }

#scroller ul {}
#scroller ul li { overflow:hidden; position:absolute; right:20px; top:0; width:40px; height:20px; background:url(../img/arw.png) no-repeat; text-indent:200%; white-space:nowrap; cursor:pointer; }

#scroller ul li.prev { margin-top:-35px; background-position:-40px 0; }
#scroller ul li.next { margin-top:15px; background-position:-80px 0; }