/*6.html：12行目～21行目*/
html {
  touch-action: manipulation;
}
body {
				background-color: #000000;
				margin:0px;
				overflow: hidden;
				width:100%;
  				height:100vh;
				background-attachment:fixed;
			}

#info {
				position: absolute;
				top: 0px; width:100%;
				color: #ffffff;
				padding: 5px;
				font-family:Monospace;
				font-size:16px;
				font-weight: bold;
				text-align:right;
    			opacity: 0.3;
				padding-right:10px;
			}
#footer {
				position: absolute;
				top:0;
				width: 100%;
				height:31px;
				color:#FF0;
				font-family:Monospace;
				font-size:22px;
				font-weight: bold;
				text-align:center;
				background-color: #000000;
    			opacity: 0.9;
  
}
#footer1 {
				position: absolute;
				bottom: 30px;
				width: 90px;
				height:60px;
				color: #ffffff;
				font-family: Monospace;
				text-align: center;
				padding-top:4px;
				background-color:#000000;
				opacity: 0.8;
}
#footer2 {
	position: absolute;
	bottom: 42px;
	width: 100%;
	height: 69px;
	margin-left: 10px;
	color: #ffffff;
	text-align: left;
	padding-top: 3px;
	opacity: 0.8;
	left: -1px;
}
#footer3 {
				position: absolute;
				opacity: 1.0;
}

#foto {
				position: absolute;
				top: 40px; width: 240px;
				color: #ffffff;
				margin-left:10px;
				padding: 3px;
				font-family:Monospace;
				font-size:16px;
				font-weight: bold;
				text-align:left;
    			opacity: 0.8;
}

a {
	color: #ffffff;
}
#foto1 {
	position: absolute;
	bottom: 0px;
	width: 240px;
	color: #047F40;
	margin-left: 10px;
	padding-bottom: 4px;
	padding-top: 0px;
	font-family: Monospace;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #9FC;
	opacity: 0.9;
	left: 1px;
}
#yoyaku {
	position: absolute;
	bottom: 0px;
	width: 90px;
	color: #ffffff;
	margin-left: 310px;
	padding-bottom: 4px;
	padding-top: 0px;
	font-family: Monospace;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: #FFFF00;
	opacity: 0.7;
}
img.A1 { position: absolute; z-index: 1;/* 下の背景画像用 */
	}
img.A3 { position: absolute; z-index: 2; /* 上のマル画像用 */
}
#annai {
	position: absolute;	
	float:right;
	bottom	:110px; width: 170px;
	color: #ffffff;
	padding: 3px;
	margin-left:10px;
	text-align:center;
	font-family:Monospace;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	background-color: #000000;
    opacity: 0.7;
}
#annai2 {
	position: absolute;	
	float :right;
	bottom	:40px; width: 170px;
	color: #ffffff;
	padding: 3px;
	margin-right:10px;
	text-align:center;
	font-family:Monospace;
	font-size:16px;
	font-weight: bold;
	text-align:center;
	background-color: #000000;
    opacity: 0.9;
}
.btn{
	width:160px;
	font-size:18px;
}
.btn1{
	width:54px;
	font-size:13px;
}
.btn2{
	width:60px;
	font-size:14px;
}
#ipad {
	position: absolute;
	bottom: 0px;
	width: 70px;
	color: #ffffff;
	margin-left: 960px;
	padding-bottom: 4px;
	padding-top: 0px;
	font-family: Monospace;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background-color: #F30;
	opacity: 0.7;
}
#android {
	position: absolute;
	bottom: 0px;
	width: 70px;
	color: #ffffff;
	padding-bottom: 4px;
	padding-top: 0px;
	font-family: Monospace;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background-color: #F30;
	left: 1px;
}
input{
	border: 2px solid #FFF; /* 枠線 */
	border-radius: 0.3em;      /* 角丸 */
}
input:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 2px solid #2c628b;
}
input:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 2px solid skyblue;
}
.inline-block1 {
    display: inline-block;      /* インラインブロック要素にする */
    background-color:#FFF;
    padding: 1px;              /* 余白指定 */
	vertical-align:top;
	margin-bottom:1px;
}
.inl01 {
    max-width: 110px;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */
    margin: 2px 0px;
    padding: 2px;
    border: 1px solid #CCC;
    background-color: #FFFFFF;
}