@charset "utf-8";

/*----------------------------------------------------
	リセット
----------------------------------------------------*/

/*--- reset */

html, body { overflow: hidden; width:100%; height:100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

object, embed { vertical-align: top; }

hr, legend { display: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img, abbr, acronym, fieldset { border: 0; }

li { list-style-type: none; }

/*--- default */

body { color: #333; font-size: small; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; line-height: 1.5; background-color: #000; }

* html body {	/* for IF6 */ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

body { }

a:link { }

a:visited { }

a:hover { text-decoration: none; }

a:active { }

/* clearfix */

.cf:after, .box:after, .txt:after, .box04:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.cf, .box, .txt, .box04 { min-height: 1px; }

* html .cf, * html .box, * html .txt, * html .box04 { height: 1px; }

/*----------------------------------------------------
	背景
----------------------------------------------------*/
#topBody .bgimg { display:none; }

#topBody .loader { position:absolute; z-index:9999; width:39px; height:39px; top:49%; left:49% }

/* -----------------------------------------------------------
	各パーツ位置
----------------------------------------------------------- */

#topBody #head { position:absolute; top:10px; right:20px; }

#topBody #foot { position:absolute; right:20px; bottom:50px; color:#FFF; font-size:12px; margin-right:10px; text-align:right; }

#topBody #foot p { margin-bottom:10px;}

#topBody #copy { position:absolute; right:20px; bottom:8px; }

#topBody #side { position:absolute; top:0; left:20px; height:100%; background-image: url(../img/side_bg.png); background-repeat: repeat-y; width: 38px; }

/* -----------------------------------------------------------
	サイドメニュー
----------------------------------------------------------- */

#topBody #side ul { padding-left:11px; padding-top:20px; }

#topBody #side ul li { margin-top:20px; }

/* -----------------------------------------------------------
	下層ページ
----------------------------------------------------------- */

#subpage { width: 700px; height: 80%; background-color:#000; overflow:hidden; position:relative; padding: 20px; margin-right:auto; margin-left:auto; margin-top:20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

#subpage h1 { margin-bottom:40px; }

#subpage .box { padding-left:15px; margin-bottom:50px; }

#subpage .left { float:left; width:235px; text-align:right; }

#subpage .right { float:right; width:390px; }

#subpage .photo li { float:left; line-height:0; padding-left:10px; padding-bottom:10px; }

.txt { color: #fff; clear: both; padding-left: 10px; }

/* -----------------------------------------------------------
	スクロール
----------------------------------------------------------- */

#subpage .viewport { position: relative; height:100%; overflow:hidden; }

#subpage .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:100%; }

#subpage .scrollbar { position: absolute; top:20px; right:20px; width: 10px; background-color: transparent; }

#subpage .track { height: 100%; width:10px; position: relative; background-color: #333333; }

#subpage .thumb { height: 40px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background-color: #FFF; }

#subpage .thumb .end { overflow: hidden; height: 5px; width: 25px; }

#subpage .disable { display: none; }