@charset "UTF-8";

/* //////////////////////////////////////////////////
NORMALIZE
////////////////////////////////////////////////// */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
  padding: 0;
}

.aboutTopBg { background: url("../img/aboutTopBg.png") repeat-x ; width: 100%; height: 15px;}

body {
	width: 100%;
	height: 100%;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0 auto;
}

/* //////////////////////////////////////////////////
COMMON
////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////
HEADER
////////////////////////////////////////////////// */

header { text-align: center;}

#logoArea { height: 85px;}

.logo { margin: 50px 0 0 0;}

nav { margin: 5px 0 0 0; display: block; height: 40px; position: relative;}

nav ul { padding:0; position:relative; left:50%; float:left;}
nav li { position:relative; left:-50%; float:left;}

.gnavi li { margin: 0 55px 0 0; float: left;}

.nav01 a,
.nav02 a,
.nav03 a,
.nav04 a,
.nav05 a,
.nav06 a { height: 20px; overflow: hidden;display: block;text-indent: -9999px;}

.nav01 a { width: 26px; background: url("../img/about_nav01.png") no-repeat 0 -20px;}
.nav02 a { width: 46px; background: url("../img/about_nav02.png") no-repeat 0 -20px;}
.nav03 a { width: 38px; background: url("../img/about_nav03.png") no-repeat 0 -20px;}
.nav04 a { width: 84px; background: url("../img/about_nav04.png") no-repeat 0 -20px;}
.nav05 a { width: 68px; background: url("../img/about_nav05.png") no-repeat 0 -20px;}
.nav06 a { width: 81px;background: url("../img/about_nav06.png") no-repeat 0 -20px;}

.nav01 a:hover,
.nav02 a:hover,
.nav03 a:hover,
.nav04 a:hover,
.nav05 a:hover,
.nav06 a:hover { background-position: 0 0;}

.current01 a { background: url("../img/about_nav01.png") no-repeat!important;}
.current02 a { background: url("../img/about_nav02.png") no-repeat!important;}
.current03 a { background: url("../img/about_nav03.png") no-repeat!important;}
.current04 a { background: url("../img/about_nav04.png") no-repeat!important;}
.current05 a { background: url("../img/about_nav05.png") no-repeat!important;}
.current06 a { background: url("../img/nav06.png") no-repeat!important;}

/* //////////////////////////////////////////////////
ABOUT
////////////////////////////////////////////////// */

#about #container { position: relative; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -ms-touch-action: none;}
#bg-ghost-area {position: relative; width: 100%; height: 100%;}

#container .jscroll-content-wrap {position: relative; height: auto; width: 100%; visibility: hidden;}
#container .jscroll-scrollbar {position: absolute; background: none; display: none; cursor: pointer; z-index: 65;} 
#container .jscroll-scrollbar.vertical {width: 10px; height: 98%; top: 1%; left: 100%; margin-left: -15px; margin-top: 0px;}
#container .jscroll-handler { background: #231815; position: absolute; top: 0; left: 0;}
#container .jscroll-scrollbar.vertical .jscroll-handler { width: 10px; height: 50px;}
#containerTop { position:relative; width:100%; height:100%;}
#cont { position:relative; min-height:100%; }
#offscroll { width:100%; height:100%; position:absolute; top:0; left:0; display:none; z-index:1000;}
#slider { position:fixed;top:0;left:0;overflow:hidden;}

#containerIn { height: 100%; position: relative; text-align: center;line-height: 2.2;border-top: 15px solid #231815; background-color: rgba(255,255,255, 0.7); opacity:1; z-index: 60; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#containerIn .about_text { width:477px; height: 421px;position:absolute;}

.aboutCntrBtn {
	width:32px;
	height:55px;
	display:block;
	background: url(../img/aboutBtn.png) no-repeat top center;
	position: absolute;
	right: 20px;
	text-indent: -9999px;
	z-index:100;
	overflow:hidden;
	outline:none;
}

.aboutCntrBtn.viewed {background-position:center -55px;}