@charset "UTF-8";
/* CSS Document */

*  { padding : 0px ; 
    margin : 0px ; } 
        
.fixed{position:fixed;top:0px;}
    
@media (min-width: 1024px) {
  


body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


a {color:#CCCCCC;text-decoration:none; }
a:visited {color:#CCCCCC}
a:hover {color:#006699;}

.resizeimage1 img {width: 1px;
height: 755px; }


#wrapper {
position: absolute;

border:dashed 0px #999;
margin:0px auto;
top: 0px;
left: 0px;
z-index: 70;
}



#header {
position:fixed;
top:40px;
left:110px;
width:40px;
height:400px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;
}


#header9 {
position:fixed;
top:755px;
left:85px;
width:20px;
height:150px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}



#header10 {
position:fixed;
top:425px;
left:85px;
width:20px;
height:150px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}

#header11 {
position:fixed;
top:490px;
left:85px;
width:20px;
height:150px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}


#header12 {
position:fixed;
top:589px;
left:85px;
width:20px;
height:150px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}

#header13 {
position:fixed;
top:659px;
left:85px;
width:20px;
height:150px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}



#header16 {
position:fixed;
top:40px;
left:115px;
width:1px;
height:850px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;
}


#apDiv01 {
	position:absolute;
	top:180px;
        left:410px;
	width:400px;
	height:70px;
	letter-spacing:3px;
	z-index:1;
	border:dashed 0px #999;

}

#apDiv02 {
	position:absolute;
	top:270px;
        left:410px;
	width:400px;
	height:70px;
	letter-spacing:3px;
	z-index:1;
	border:dashed 0px #999;

}



.style9 {font-family: "ＭＳ Ｐ明朝",細明朝体,serif, serif;font-size: 16px;color:#a9a9a9}

p4{font-size: 16px;}
p4{color:#a9a9a9} 
p4{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p4{padding: 0px;
margin:0px 0px 0px 0px;} 



p6{font-size: 16px;}
p6{color:#CC9900} 
p6{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p6{padding: 0px;
margin:0px 0px 0px 0px;} 
 



p5{font-size: 26px;}
p5{color:#CCCCCC} 
p5{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p5{padding: 3px;
margin:5px 0px 5px 0px;} 
p5{letter-spacing:15px;} 

p01{font-size: 13px;}
p01{color:#AAAAAA;}
01{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
01{padding: 0px;
margin:0px 0px 0px 0px;} 
p01{letter-spacing: 1px;} 

p1{font-size: 12px;}
p1{color:#AAAAAA;}
p1{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p1{padding: 0px;
margin:0px 0px 0px 0px;} 
p1{letter-spacing: 2px;} 



p2{font-size: 14px;}
p2{color:#EEEEEE} 
p2{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p2{padding: 0px;
margin:0px 0px 0px 0px;} 
p2{letter-spacing: 1px;} 



p3{font-size: 10px;}
p3{color:#CC9900} 
p3{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p3{padding: 0px;
margin:0px 0px 0px 0px;} 
p3{letter-spacing: 0px;} 

}

@media (max-width: 1023px) {



body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


a {color:#CCCCCC;text-decoration:none; }

a:visited {color:#CCCCCC}

a:hover {color:#006699;}


.resizeimage1 img {width: 1px;
height: 580px; }




#wrapper {
position: absolute;

border:dashed 0px #999;
margin:0px auto;
top: 0px;
left: 0px;
z-index: 70;
}



#header {
position:fixed;
top:40px;
left:110px;
width:40px;
height:400px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;
}

#header9 {
position:fixed;
top:575px;
left:85px;
width:20px;
height:50px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}



#header10 {
position:fixed;
top:245px;
left:85px;
width:20px;
height:40px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}

#header11 {
position:fixed;
top:310px;
left:85px;
width:20px;
height:70px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}


#header12 {
position:fixed;
top:405px;
left:85px;
width:20px;
height:50px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}

#header13 {
position:fixed;
top:479px;
left:85px;
width:20px;
height:70px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}


#header14 {
position:fixed;
top:580px;
left:111px;
width:20px;
height:200px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}





#header16 {
position:fixed;
top:40px;
left:115px;
width:1px;
height:850px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;
}



#apDiv01 {
	position:absolute;
	top:180px;
        left:410px;
	width:400px;
	height:70px;
	letter-spacing:3px;
	z-index:1;
	border:dashed 0px #999;

}

#apDiv02 {
	position:absolute;
	top:270px;
        left:410px;
	width:400px;
	height:70px;
	letter-spacing:3px;
	z-index:1;
	border:dashed 0px #999;

}



.style9 {font-family: "ＭＳ Ｐ明朝",細明朝体,serif, serif;font-size: 16px;color:#a9a9a9}

p4{font-size: 16px;}
p4{color:#a9a9a9} 
p4{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p4{padding: 0px;
margin:0px 0px 0px 0px;} 



p6{font-size: 16px;}
p6{color:#CC9900} 
p6{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p6{padding: 0px;
margin:0px 0px 0px 0px;} 
 



p5{font-size: 26px;}
p5{color:#CCCCCC} 
p5{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p5{padding: 3px;
margin:5px 0px 5px 0px;} 
p5{letter-spacing:15px;} 

p01{font-size: 13px;}
p01{color:#AAAAAA;}
01{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
01{padding: 0px;
margin:0px 0px 0px 0px;} 
p01{letter-spacing: 1px;} 

p1{font-size: 12px;}
p1{color:#AAAAAA;}
p1{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p1{padding: 0px;
margin:0px 0px 0px 0px;} 
p1{letter-spacing: 2px;} 



p2{font-size: 14px;}
p2{color:#EEEEEE} 
p2{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p2{padding: 0px;
margin:0px 0px 0px 0px;} 
p2{letter-spacing: 1px;} 



p3{font-size: 10px;}
p3{color:#CC9900} 
p3{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p3{padding: 0px;
margin:0px 0px 0px 0px;} 
p3{letter-spacing: 0px;} 

}



@media (max-width: 640px) {


body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


a {
color:#CCCCCC;
text-decoration:none; 
}

a:visited { /*アクセスしたことのあるリンク*/
color:#CCCCCC;　
}

a:hover {/*マウスが上に乗っている状態*/
color:#006699;

}


.resizeimage1 img {width: 1px;
height: 680px; }


#wrapper {
position: absolute;
top:0px;
left:0px;
width:480px;
height:800px;
border:dashed 0px #999;
margin:0px auto;
top: 0px;
left: 0px;
z-index: 70;
}




#header {
position:fixed;
top:20px;
left:8px;
width:40px;
height:230px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;
}



#header9 {
position:absolute;
top:650px;
left:23px;
width:20px;
height:60px;
border:dashed 0px #999;
padding: 0px ;
margin:0px 0px 0px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}

#header10 {
position:fixed;
visibility:  hidden;
pointer-events: none;
top:0px;
left:0px;
width:120px;
height:20px;
border:dashed 0px #999;
padding: 5px ;
margin:0px 0px 10px 0px;
z-index: 70;
}

#header11 {
position:absolute;

top:350px;
left:23px;
width:20px;
height:100px;
border:dashed 0px #999;
padding: 0px ;
margin:0px 0px 0px 0px;
z-index: 70;

-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;
}


#header12 {
position:absolute;
top:460px;
left:23px;
width:20px;
height:60px;
border:dashed 0px #999;
padding: 0px ;
margin:0px 0px 0px 0px;
z-index: 70;
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;
}

#header13 {
position:absolute;
top:535px;
left:23px;
width:20px;
height:100px;
border:dashed 0px #999;
padding: 0px ;
margin:0px 0px 10px 0px;
z-index: 70;
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   -webkit-writing-mode: vertical-rl;
   -webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright;

}





#header16 {
position:fixed;
top:20px;
left:50px;
width:1px;
height:850px;
border:dashed 0px #999;
padding: 0px ;
margin:0px 0px 0px 0px;
z-index: 20;
}



#apDiv01 {
	position:fixed;
	top:80px;
        left:120px;
	width:380px;
	height:70px;
	letter-spacing:3px;
	z-index:1;
	border:dashed 0px #999;

}

#apDiv02 {
	position:fixed;
	top:170px;
        left:120px;
	width:380px;
	height:70px;
	letter-spacing:3px;
	z-index:1;
	border:dashed 0px #999;

}




p4{font-size: 16px;}
p4{color:#a9a9a9} 
p4{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p4{padding: 0px;
margin:0px 0px 0px 0px;} 



p6{font-size: 16px;}
p6{color:#CC9900} 
p6{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p6{padding: 0px;
margin:0px 0px 0px 0px;} 
 



p5{font-size: 26px;}
p5{color:#CCCCCC} 
p5{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p5{padding: 3px;
margin:5px 0px 5px 0px;} 
p5{letter-spacing:15px;} 


p{font-size: 52px;}
p{color:#CCCCCC} 
p{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p{padding: 0px;
margin:0px 0px 0px 0px;} 
p{letter-spacing:15px;} 

p01{font-size: 13px;}
p01{color:#CCCCCC}
p01{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p01{padding: 0px;
margin:0px 0px 0px 0px;} 
p01{letter-spacing: 1px;} 

p1{font-size: 18px;}
p1{color:#AAAAAA;}
p1{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p1{padding: 0px;
margin:0px 0px 0px 0px;} 
p1{letter-spacing: 2px;} 



p2{font-size: 14px;}
p2{color:#EEEEEE} 
p2{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p2{padding: 0px;
margin:0px 0px 0px 0px;} 
p2{letter-spacing: 1px;} 



p3{font-size: 15px;}
p3{color:#CC9900} 
p3{font-family: "ＭＳ Ｐ明朝",細明朝体,serif } 
p3{padding: 0px;
margin:0px 0px 0px 0px;} 
p3{letter-spacing: -2px;} 

}