html,body,div,span,object,iframe,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}
h1,h2,h3,h4{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
/************************* Reset CSS 2015 *******************************/


body{
	height: 100%;
 	width: 100%;
 	padding: 0;
 	margin: 0;
}

#full-screen-background-image{
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position:fixed;
  top: 0;
  left: 0;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
header{
	z-index:1;
	position:fixed;
	top:0px;
	height:100%;
	width:60px;
	background-color:#FFF;
}
#logo{
	z-index:3;
	position:relative;
	left:5px;
	top:5px;
	width:50px;
	height:50px;
}
#head1{
	z-index:3;
	position:absolute;
	left:0px;
	top:50px;
}
#head2{
	z-index:3;
	position:absolute;
	left:0px;
	top:140px;
}
#head3{
	position:absolute;
	left:0px;
	top:200px;
}
#head4{
	position:absolute;
	left:0px;
	top:330px;
}
#head5{
	position:absolute;
	left:0px;
	top:460px;
}
#head6{
	position:absolute;
	left:0px;
	top:580px;
}
	
#wrapper{
  	position:relative;
  	width: 1100px;
  	min-width:1100px;
  	height:600px;
  	top:35px;
    right:50px;
    bottom:0;
    left:30px;
    margin:auto;
  	background: rgba(255, 255,255, 0.50);
	border-radius:10px;
}
#wrapper p{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:16px;
	font-size:13px;
	
}
#wrapper h2{
	font-family:"ヒラギノ明朝 Pro W6";
}
#title{
	position:absolute;
	width:100px;
	height:300px;
	right:0px;
	top:10px;	
}
#content1{
	position:absolute;
	right:90px;
	top:40px;
	width:50px;
	height:80px;
	text-align:center;
}
#font1{
	position:absolute;
	top:70px;
	right:150px;
}
#content2{
	position:absolute;
	right:250px;
	top:40px;
	width:50px;
	height:100px;
	text-align:center;
}
#font2{
	position:absolute;
	top:70px;
	right:310px;
}
#font2 p{
	line-height:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:15px;
}
#content3{
	position:absolute;
	right:400px;
	top:40px;
	width:50px;
	height:100px;
	text-align:center;
}
#font3{
	position:absolute;
	top:70px;
	right:470px;
}
#content4{
	position:absolute;
	right:760px;
	top:40px;
	width:50px;
	height:120px;
	text-align:center;
}
#font4{
	position:absolute;
	top:70px;
	right:830px;
}
.a1{
	position:absolute;
	height:100px;
	width:30px;
	border: 1px solid black;
	padding:0px 5px 0px 50x;	
}
.a1 p{
	text-align:center;
}
.b1{
	position:absolute;
	top:100px;
	height:400px;
	width:15px;
	border: 1px solid black;	
}
.b1 p{
	text-align:left;
}
#font3 table{
	width:200px;
	height:480px;
}

#font3 table,th,td{ 
	border-collapse:collapse;
	border: 2px solid black;
	font-size:13px;
		padding:5px 5px 5px 5px;
}
#font3 th{
	text-align:left;
	height:60px;
	line-height:30px;
	width:20px;
}
#font3 tr { 
	height:100px;
}

#font3 td{
	text-align:left;
}
#font3-1{
	position:absolute;
	width:60px;
	height:70px;
	border:2px solid black;
	border-right-style:none;
}
#font3-1 p{
	text-align:left;
	line-height:60px;
	padding:5px 0px 5px 0px;
}
#font3-2{
	top:70px;
	position:absolute;
	width:60px;
	height:408px;
	border:2px solid black;
	border-right-style:none;
	border-top-style:none;
}
#font3-2 p{
	text-align:left;
	line-height:25px;
	padding:5px 5px 5px 5px;
}
#font4 table{
	width:170px;
	height:480px;
}

#font4 table,th,td{ 
	border-collapse:collapse;
	border: 2px solid black;
	font-size:13px;
	padding:5px 5px 5px 5px;
}
#font4 th{
	text-align:left;
	height:60px;
	line-height:30px;
	width:20px;
}
#font4 tr { 
  	border-bottom:1px solid #000; 
	height:100px;
}

#font4 td{
	text-align:left;
}
#font4-1{
	position:absolute;
	width:60px;
	height:70px;
	border:2px solid black;
	border-right-style:none;
}
#font4-1 p{
	text-align:left;
	line-height:60px;
	padding:5px 0px 5px 0px;
}
#font4-2{
	top:70px;
	position:absolute;
	width:60px;
	height:408px;
	border:2px solid black;
	border-right-style:none;
	border-top-style:none;
}
#font4-2 p{
	text-align:left;
	line-height:25px;
	padding:5px 5px 5px 5px;
}

.box {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
	direction:ltr;
  }
footer{
  overflow: hidden;
	height:40px;                  /* 位置(右0px) */
    width: 100%;  
	bottom:0px;
	position:fixed; 
}
.font{
	text-align:center;
	position:absolute;
	top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
	width:1100px;
	height:20px;
}