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

#box{border-left: solid 45px #004080;
border-right: solid 45px #004080;
padding: 30px;
width: 70%;
word-break: break-all;}

#head, .erase, #price{display: none;}

h1{background-color: #004080;
color: white;
font-weight: bold;
font-size: 23px;
width: 70%;}

#cost_yamato{background-color: #00cc00; }

.yamato1, .sagawa1{background-color: #ffffff;}
.yamato2{background-color: #feeec2;}

#title_yamato{background-color: #00cc00;color: yellow;font-weight: bold;}

#cost_sagawa{background-color: #0000ff; }
#title_sagawa{background-color: #0000ff;color: white;font-weight: bold;}

.sagawa2{background-color: #f3f3f3;}

#cost_post, #title_post{background-color: #cc0000;}
#title_post{color: white;font-weight: bold;}
#post{background-color: white;padding-bottom: 18px;padding-top: 18px;}

#cost_yamato, #cost_sagawa, #cost_post{margin-top: 4.0em;width: 70%;}

.area{text-align: center;}
.price, #post{padding-left: 18px;padding-bottom: 8px;padding-top: 8px;}

td{font-size: 15px;}
caption{font-size: 20px;padding: 8px 0px 8px 0px;}

#right{margin-bottom: 4.0em;margin-top: 6.0em;text-align: right;}
#logo{height: auto;width: 16.2%;}


#top{
background: rgba(204,204,204,0.5);
font-size: 15px;
font-weight: bold;
width: 10%;
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; }

#close{font-size: 23px;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 ;}