body{margin-top: 0px;}

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

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

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

.logo{width: 40%;height: auto;margin-bottom: 1.0em;}

.main{border-bottom: solid 5px #004080;
border-top: solid 5px #004080;
margin-left: 0px;
padding: 20px 0px 20px 0px;
text-align: left;
width: 94%;}

h1, h2{color: #990000;
font-size: 20px;
margin: 7% 0px 7% 0px;
text-align: center;}

#time_publish, #time_modify{font-size: 10px;text-align: right;width: 96%;}
#time_publish2{background-color: black; color: white;font-weight: bold;padding: 1px 5px 1px 5px;}
#time_modify{text-align: right;}


.contents{background-color: white;
font-size: 18px;
line-height: 2.0em;
margin-left: 0px;
margin-top: 2.0em;
text-align: left;}

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

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

#replisome, .right, .erase2, #tail, .logo2{display: none;}

#center, .center, .center2{text-align: center;margin-left: 0px;}
.center, .center2{font-weight: bold;}
.center{margin-bottom: 2.0em;margin-top: 2.0em;}

#picture{width: 90%;height: auto;}

hr{margin-top: 2.0em;}


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

#top A:visited{ color: #000000; text-decoration:none; }

#close {font-size: 18px; font-weight: bold;margin-bottom: 50px;margin-top: 10px;}

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