body {
        
    -webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-size: 20px;
	background-color: #000000;

	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;

}

table { border-collapse : collapse ; }

td{
	text-align : left;
	border-style : solid;
	border-width : 1px;
	border-color : #aaaaaa;

	color : #ffffff;
}


a:link { color: #b78211; }
a:visited { color: #b78211; }
a:hover { color: #777777; }
a:active { color: #123285; }

a { text-decoration: none;}
a:hover { text-decoration: underline;}


#wrapper {
	position: relative;
	width: 1200px;
	height: 12000px;
	margin: 0 auto;
	padding: 0;
}


#app {
	position: relative;
	width: 1200px;
	height: 4500px;
	margin: 0 auto;
	padding: 0;
}

.content_300 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 300px;
}

.content_400 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 400px;
}

.content_500 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 500px;
}
  
.content_700 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 700px;
}

.content_release {
	position: relative;
	margin: 0px auto;
	padding: 0;
	height: 780px;
}

.content_spec {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 1900px;
}

.content_spec_s {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 1000px;
}

.content_1000 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 1000px;
}

.content_1200 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 1200px;
}

.content_1300 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 1300px;
}

.content_bar {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 1200px;
}

.content_caution {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 50px;
}

.info_box {
	width : 900px;
	height : 250px;

	background-color: #dddddd;

	color : #000000;
}


#contents { 
  background-color : #eeeeee;
}


#contact { 
  background-color : #000000;
}

#caution { 
  background-color : #000000;
}


#foot { 
  background-color : #000000;
}



 
/* div#top */
.title {
	position: fixed;
	top: 50px;
	padding-left: 50px;

	/*z-index: 10;*/
}

#top .catch {
	position: absolute;
	top: 520px;
	left: 500px;
	width: 400px;
	
	color : #ffffff;

    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}


#line {
        margin-top: 50px;
	margin-left: 0px;
	padding-left : 150px;
	padding-right : 0px;
	width: 1050px; 
	border-bottom: dotted 1px #777777;
}

/*  div#press_release  */
 
#press_release .words {
	position: absolute;
	top: 50px;
	left: 0px;
	padding-left : 120px;
	padding-right : 120px;
	width: 960px; 
}


#contents .words {
	position: absolute;
	top: 50px;
	left: 0px;
	padding-left : 140px;
	padding-right : 140px;
	width: 920px; 
}

#contact .words {
	position: absolute;
	top: 40px;
	left: 0px;
	padding-left : 100px;
	padding-right : 100px;
	width: 1000px; 

	color : #ffffff;
}

#bar .words {
	position: absolute;
	top: 50px;
	left: 0px;
	padding-left : 125px;
	padding-right : 125px;
	width: 950px; 

	color : #ffffff;
}

#caution {

	text-align : right;

	color : #ffffff;
}


#about {
	margin-top: 50px;
	margin-left: 0px;
	padding-left : 50px;
	padding-right : 0px;
	width: 1150px; 

	color : #ffffff;
	font-size : 25px;
}

#menu {
	margin-top: 50px;
	margin-left: 0px;
	padding-left : 75px;
	padding-right : 0px;
	width: 1125px; 

	color : #00ddff;
	font-size : 25px;
}

#menuitem {
        padding-left : 80px;
        font-size : 20px;
        text-decoration: underline;
}

#menuitem a {
	color : #ffffff;
}

#item {
	margin-top: 50px;
	margin-left: 0px;
	padding-left : 150px;
	padding-right : 0px;
	width: 1050px; 

	color : #00ddff;
	font-size : 25px;
}

#detail {
	margin-top: 15px;
	margin-left: 100px;
	padding-left : 150px;
	padding-right : 150px;
	width: 900px; 

	color : #ffffff;
}

#goto {
	text-align: right;
        text-decoration: underline;
}

#goto a {
	color : #00ddff;
}
 
/*  div#foot  */
 
#foot .end {
	position: absolute;
	top: 400px;
	left: 0px;
	padding-left : 200px;
	padding-right : 200px;
	width: 800px; 
	
	color : #ffffff;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.inner {
	opacity : 0.5;
	transform : translate(0px, 200px);
	transition : all 1000ms;
	}
.inner.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}