body{
    background-color : #ffffff
    }
.container	{
		margin-top : 80px;
		margin-left : 0px;
		width : 100%;
}
.hid	{
	position : absolute;
	background-color : #ffee90;
	border-style : solid;
	border-width : 2px;
	border-color : #ff0000;
	top : 10px;
	left : 10px;
	width : 300px;
	overflow : auto;
	font-family : Sans-Serif, Helvetica, Arial, Verdana;
	font-size : 1.1em;
	color : #000000;
	display : none;
	z-index : 1
}
@media (min-width : 601px) {
img	{
	border : 0px;
	max-width : 100%
	}
.bar	{
	position : fixed;
	top : 5px;
	left : 0px;
	width : 100%;
	height : 20px;
	background-color : #707070;
	font-family : Sans-Serif, Helvetica, Verdana;
	font-size : 2.1em;
	text-align : center;
	color : #000000;
	z-index : -1
	}
.title	{
	margin-top : 5vw;
	margin-left : 25vw;
	width : 50vw;
	font-family : Sans-Serif, Helvetica, Verdana;
	font-size : 3vw;
	text-align : center
}
.link	{
	position : fixed;
	top : 10px;
	left : 5px;
	margin-right : auto;
	width : 100px;
	text-align : center
	}
.link1	{
	margin-top : 1px;
	width : 100%;
	border : solid 1px;
	font-family : Sans-Serif, Helvetica, Verdana;
	font-size : 1.1em;
	text-align : center
	}
.items1	{
	margin-top : 30px;
	margin-left : 0px;
	height : 30px;
	background-color : #ffaa50;
	font-family : Sans-Serif, Helvetica, Dialog, Verdana;
	font-size : 1.5em
	}
.items	{
	margin-top : 9px;
	margin-left : 0px;
	opacity : 1.0;
	background-color : #ffaa50;
	font-family : Sans-Serif, Helvetica, Dialog, Verdana;
	font-align : left;
	font-size : 1.1em
	}
.tut	{
	margin-top : 5px;
	margin-left : 0px;
	font-family : Sans-Serif, Helvetica, Dialog, Verdana;
	font-size : 0.9em
	}
.div1{
     width : 50px;
     }
.img	{
	width : 50px;
	height : auto
}
.div2{
     margin-top : 80px;
     margin-left : 515px;
     width : 45vw;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9vw;
     color : #ffffff;
     text-align : left
     }
.div3{
     margin-top : 80px;
     margin-left : 2px;
     width : 500px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 1em;
     color : #303030;
     text-align : left
     }
.right{
	position : absolute;
     top : 5vw;
     left : 35vw;
     width : 60vw;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 1em;
     color : #202020;
     text-align : left 
     }
.img-op	{
	max-width : 40vw;
}
.text	{
     margin-top : 10px;
     margin-left : 0px;
     width : 100%;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9vw;
     color : #202020;
     text-align : center 
     }
.left{
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	margin-top : 80px;
	margin-left : 2px;
	width : 35vw;
     font-family : Sans-serif, Helvetica, Verdana;
     }
.div4{
     margin-top : 2px;
     margin-left : 515px;
     width : 500px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 1em;
     color : #000000;
     text-align : left
     }
.txt{
    position : fixed;
    top : 10px;
    left : 0px;
    width : 100%;
    height : 25px;
    background-color : #707070;
    font-family : Sans-serif, Helvetica, Verdana;
    font-size : 2.2em;
    color : #ff9977;
    text-align : center;
    z-index : 1
    }
.iframe	{
	margin-top : 3vw;
	margin-left : 25vw;
	margin-right : auto;
	width : 50vw;
	border : none;
	font-family : Sans-serif, Helvetica, Verdana;
	align : center
     }
.clock	{
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font-family : Sans-serif, Helvetica, Verdana;
	align : center
     }
.clock-e	{
	width : 24vw;
	font-family : Sans-serif, Helvetica, Verdana;
	font-size : 8vw;
	font-weight : 400;
	border : 0.1vw solid ;
	border-color : #909090;
	box-shadow : inset 0 0 0.3vw 0.3vw;
	text-align : center
	}
.clock-text	{
	font-family : Sans-serif, Helvetica, Verdana;
	font-size : 2.0vw;
	font-weight : 400;
	text-align : center
	}
}
.capsa	{
     margin-top : 10vw;
     margin-left : 30vw;
     width : 45vw;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9vw;
     color : #000000;
     text-align : left
     }
.button	{
     margin-top : 20px;
     margin-left : 30vw;
     width : 40vw;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9vw;
     background-color : #ff0000;
     color : #000000;
     text-align : center 
     }
.buttont	{
     margin-top : 10px;
     margin-left : 45vw;
     width : 10vw;
	border : 0.1vw solid ;
	border-color : #909090;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9vw;
     color : #000000;
     text-align : center 
     }
@media (max-width : 600px) {
img	{
	max-width : 390px;
	height : auto
	}
.bar	{
	position : fixed;
	top : 5px;
	left : 0px;
	width : 100%;
	height : 15px;
	background-color : #707070;
	font-family : Sans-Serif, Helvetica, Verdana;
	font-size : 1.5em;
	text-align : center;
	color : #000000;
	z-index : -1
	}
.title	{
	margin-top : 10vw;
	margin-left : 0px;
	font-family : Sans-Serif, Helvetica, Verdana;
	font-size : 5vw;
	text-align : center;
	width : 100vw
}
.link	{
	margin-top : 30px;
	margin-left : auto;
	margin-right : auto;
	width : 100px;
	text-align : center
	}
.link1	{
	margin-top : 1px;
	width : 100%;
	border : solid 1px;
	font-family : Sans-Serif, Helvetica, Verdana;
	font-size : 0.9em;
	text-align : center
	}
.items1	{
	margin-top : 20px;
	margin-left : 0px;
	height : 30px;
	width : 100%;
	background-color : #ffaa50;
	font-family : Sans-Serif, Helvetica, Dialog, Verdana;
	font-size : 1.1em
	}
.items	{
	margin-top : 9px;
	margin-left : 0px;
	width : 100%;
	background-color : #ffaa50;
	font-family : Sans-Serif, Helvetica, Dialog, Verdana;
	font-align : left;
	font-size : 1.1em
	}
.tut	{
	margin-top : 2px;
	margin-left : 0px;
	font-family : Sans-Serif, Helvetica, Dialog, Verdana;
	font-size : 0.8em
	}
.div1{
     margin-top : 0px;
     margin-left : 0px;
     width : 70px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 1em;
     color : #ffffff;
     text-align : left;
	display : block;
	z-index : 1
     }
.div2{
     margin-top : 10px;
     margin-left : 2px;
     width : 400px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9em;
     color : #ffffff;
     text-align : left
     }
.div3{
     margin-top : 80px;
     margin-left : 2px;
     width : 400px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9em;
     color : #303030;
     text-align : left
     }
.right{
     margin-top : 10px;
     margin-left : 2px;
     width : 400px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9em;
     color : #202020;
     text-align : left
     }
.left{
     margin-top : 80px;
     margin-left : 2px;
     width : 400px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9em;
     color : #202020;
     text-align : left
     }
.div4{
     margin-top : 2px;
     margin-left : 2px;
     width : 400px;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 0.9em;
     color : #000000;
     text-align : left
     }
.txt{
    position : fixed;
    top : 10px;
    left : 0px;
    width : 100%;
    height : 15px;
    background-color : #707070;
    font-family : Sans-serif, Helvetica, Verdana;
    font-size : 1.2em;
    color : #ff9977;
    text-align : center;
    z-index : 1
    }
.iframe	{
	margin-top : 3vw;
	margin-left : 35vw;
	margin-right : auto;
	width : 30vw;
	height : 35vh;
	border : none;
	font-family : Sans-serif, Helvetica, Verdana;
	align : center
     }
.clock	{
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	margin-top : 20px;
	margin-left : auto;
	margin-right : auto;
	align-items : center;
	width : 100%;
	font-family : Sans-serif, Helvetica, Verdana;
     }
.clock-e	{
	width : 100vw;
	margin-left : 0px;
	font-family : Sans-serif, Helvetica, Verdana;
	font-size : 30vw;
	font-weight : 400;
	border : 0.1vw solid ;
	border-color : #909090;
	border : 0.5vw solid;
	box-shadow : inset 0 0 0.3vw 0.3vw;
	text-align : center
	}
.clock-text	{
	font-family : Sans-serif, Helvetica, Verdana;
	font-size : 10vw;
	font-weight : 400;
	text-align : center
	}
.capsa	{
     margin-top : 5vw;
     margin-left : 0px;
     width : 100vw;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 2.9vw;
     color : #000000;
     text-align : left
     }
.button	{
     margin-top : 10px;
     margin-left : auto;
     margin-right : auto;
     width : 70vw;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 3.9vw;
     background-color : #ff0000;
     color : #000000;
	border : 0.1vw solid ;
	border-color : #909090;
	border : 0.5vw solid;
	box-shadow : inset 0 0 0.3vw 0.3vw;
     text-align : center 
     }
.buttont	{
     margin-top : 10px;
     margin-left : 0px;
     width : 100vw;
	border : 0.1vw solid ;
	border-color : #909090;
     font-family : Sans-serif, Helvetica, Verdana;
     font-size : 2.9vw;
     color : #000000;
     text-align : center 
     }
}
a:link{
      text-decoration : none;
      color : #202020
      }
a:visited{
         text-decoration : none;
         color : #202020
         }
a:active{
        text-decoration : none;
        color : #202020
        }
a:hover{
       text-decoration : none;
       color : #ff0000
       }