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

img{border: none;}

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

#box{width: 100%;word-break: break-all;}

.erase2{display: none;}

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

h1, h2{
color: #990000;
font-weight: bold;
font-size: 18px;
margin-bottom: 40px;
margin-top: 40px;
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;}


.main, #main1, #main4{
line-height: 1.8em;
margin-left: 0px;
padding: 30px 0px 30px 0px;
text-align: left;
width: 94%;
word-break: break-all;}

#main1{border-top: solid 5px #004080;}
#main4{border-bottom: solid 5px #004080;}

.guest{font-size: 17px;font-weight: bold;}

.title{font-size: 17px;
margin: 50px 0px 10px 15px;}

.title2{color: #cc0000;font-size: 14px;font-weight: bold;margin-left: 0px;margin-top: 2.4em;}

.contents, .contents2, .right{margin-left: 0px;font-size: 14px;}

.right{text-align: right;margin-left: 0px;margin-top: 4%;}

.center{margin-left: 0px;
text-align: center;}


#picture1, #picture2, #picture3, #picture4, #picture5, #picture6, #picture7, #picture8, #picture9, #picture10 {width: 96%;height: auto;}

#picture1, #picture2{margin-top: 6%;}
#picture4, #picture5{margin-top: 6%;}
#picture6{margin-bottom: 3.0em;}
#picture7, #picture8{margin: 2.0em 0px 2.0em 0px;}
#picture9, #picture10{margin: 4.0em 0px 0px 0px;}


#left{margin-left: 0px;margin-top: 8%;width: 96%;}
#right{margin-left: 0px;margin-top: 8%;padding-top: 6%;text-align: center;width: 96%;}

.space0{clear: both;}

.margin_hr, #close{margin-bottom: 50px;
margin-top: 50px;}

.picture100top{margin-top: 100px;}

.font12{font-size: 12px;}
.font20{font-size: 20px;}

.brown{color: #cc0000;}
.blue{background-color: #004080;padding: 2px 4px 2px 4px;}
.yellow{background-color: yellow;padding: 3px;}
.sky{background-color: #00ffff;padding: 3px;}

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


#close{font-size: 23px;font-weight: bold;}
#close A:link {color:#000000 ;  text-decoration:underline ;display: block; width: 100%;}
#close A:visited {color:#000000 ;  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: 33%;
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; }