body{margin-left: 0px;margin-top: 0px;width: 100%;}

img{border: none;webkit-backface-visibility: hidden;}

#replisome, .erase2, #picture2{display: none;}

hr{margin-bottom: 3.0em;margin-top: 3.0em;}

#logo{width: 40%;height: auto;margin-bottom: 0.5em;}

#box{padding: 0px 0px 10px 0px;
width: 100%;
word-break: break-all;}

#head{font-size: 12px;text-align: left;}

h1{
color: #990000;
font-weight: bold;
font-size: 23px;
line-height: 1.5em;
margin-bottom: 2.0em;
margin-top: 2.0em;
text-align: center;}



#main, #main2, #main3, .main4, #demonstration{
line-height: 2.0em;
text-align: left;
width: 96%;}

#main{border-top: solid 5px #004080;padding: 20px 0px 0px 0px;}
#main2{border-bottom: solid 5px #004080;padding: 0px 0px 20px 0px;}

#main3, #demonstration{border-bottom: solid 5px #004080;
border-top: solid 5px #004080;
line-height: 2.0em;
padding: 20px 0px 5.0em 0px;
text-align: center;}

#list{border: 1px solid blue;margin-bottom: 3.0em;margin-top: 3.0em;padding-bottom: 3.0em;width: 94%;}
#contents_list{line-height: 3.8em;margin-left: 12px;margin-top: 2.0em;text-align: left;}

.title{font-size: 17px;margin-bottom: 0.5em;}
.title1{background-color: yellow;font-weight: bold;padding: 3px 6px 3px 6px;}
.title_security{font-size: 15px;margin-left: 15px;width: ;}
.title_security{background-color: red;color: white;font-weight: bold;margin-bottom: 4.0em;padding: 3px 6px 3px 6px;}

#title_list{background-color: blue;color: white;font-weight: bold;padding: 1px 8px 3px 8px;text-align: center;}

.title_demo{background-color: #cc0000;color: white;font-weight: bold;padding: 5px 10px 5px 10px;}
.demonstration{margin-bottom: 4.0em;margin-top: 2.5em;text-align: left;}

.title_demo A:link, .title_demo A:visited {color:#ffffff ;  text-decoration:underline ;}
.title_demo A:active{color:#ff0000 ;  text-decoration:none ;}
.title_demo A:hover {color:#00ffff ;  text-decoration:none ;}

.guest{font-size: 17px;font-weight: bold;margin-top: 2.0em;}

nav{font-weight: bold;line-height: 2.5em;text-align: left;}



.contents, #begin{
font-size: 15px;
margin-left: 0px;
margin-right: 0px;text-align: left;}


.left_card{font-size: 15px;line-height: 2.0em;margin-top: 2.5em;}

.contents{margin-bottom: 2.0em;margin-top: 1.0em;text-align: left;}

.right{margin-bottom: 3.0em;text-align: right;}

.center, .left_card, #center2{margin-left: 0px;text-align: center;}

#center2{margin-bottom: 5.5em;}
#center3{margin-bottom: 5.5em;margin-left: 0px;margin-top: 1.5em;text-align: left;}

#process{text-align: center;margin-bottom: 4.0em;margin-top: 3.0em;width: 80%;}

.step1, .step2{font-size: 18px;font-weight: bold;margin-left: 0px;padding: 5px;}
.step1{background-color: black;color: white;}
.step2{background-color: #004080;color: yellow;}

.step3{font-size: 15px;padding-bottom: 15px;padding-top: 15px;text-align: left;}
.step4{color: blue;font-size: 30px;font-weight: bold;margin-bottom: 1.0em;margin-left: 0px;}

#page{border: 3px solid #990000;font-weight: bold;padding: 5px 15px 5px 15px;}

#picture1, #picture2, #picture4, #picture5, #picture6, #picture7, #picture8, #picture9, #picture10 , #picture11, #picture12, #picture13, #picture14{height: auto;width: 100%;}

#picture1{margin-top: 1.0em;}

.picture3{margin-bottom: 0.5em;width: 70%;}
#picture4{margin: 1.5em 0px 2.0em;}

#picture5, #picture6, #picture7, #picture8, #picture9, #picture10, #picture11, #picture12, #picture13, #picture14{margin-bottom: 4.0em;margin-top: 2.0em;}


.red{color: #ff0000;}
.blue{color: #0000ff;}

.back_black{background-color: black;color: white;}
.back_yellow{background-color: yellow;}
.back_black, .back_yellow{font-weight: bold;padding: 3px 5px 3px 5px;}

.space0, .space00{clear: both;}


#rule A:link, .title A:link, .contents A:link, .contents A:visited, #list A:link, #list A:visited, .right A:link, .right A:visited {color:#000000 ;  text-decoration:underline ;}
#rule A:visited, .title A:visited {color:#800000 ;  text-decoration:underline ;}
#rule A:active, .title A:active, .contents A:active, #list A:active, #right A:active{color:#ff0000 ;  text-decoration:none ;}
#rule A:hover, .title A:hover, .contents A:hover, #list A:hover, #right A:hover {color:#00ffff ;  text-decoration:none ;}

#smart{background-color: #cc0000;margin-bottom: 5.0em;margin-left: 0px;padding: 10px 5px 10px 5px;}

#smart A:link, #smart A:visited{color:#ffffff ;  text-decoration:none ;}
#smart A:active{color:#ff0000 ;  text-decoration:none ;}
#smart A:hover {color:#00ffff ;  text-decoration:none ;}


#next{background-color: #990000;font-weight: bold;margin-left: 0px;text-align: center;}
#back{background-color: #999999;font-weight: bold;margin-left: 0px;margin-bottom: 5.0em;margin-top: 5.0em;padding-right: 20px;text-align: right;}

#back A:link, #back A:visited, #next A:link, #next A:visited{color:#ffffff ;  text-decoration:none ;display: block;width: 100%;}


#close{font-size: 20px;font-weight: bold;}
#close A:link {color:#000000 ;  text-decoration:underline ;display: block;width: 100%;}
#close A:visited {color:#800000 ;  text-decoration:underline ;}
#close A:active {color:#ff0000 ;  text-decoration:none ;}
#close A:hover {color:#00ffff ;  text-decoration:none ;}

#top{
background: rgba(204,204,204,0.5);
font-size: 15px;
font-weight: bold;
width: 40%;
position: fixed;
padding: 3px;
bottom: 3%;
right: 3%;
text-align: center;
display: block;}


#top A:link { color: #000000; text-decoration:none;  display: block; width: 100%;}
#top A:visited{ color: #000000; text-decoration:none; }
#top A:hover{ color: #00ffff; text-decoration:underline; }
#top A:active{ color:#ff0000; text-decoration:underline; }