div#content {margin-left: 0; margin-right: 0;}

div#real_ship {position: absolute; left: 10%; top: 186px;}
div#real_ship p.image img {background: url('real-ship.png') 0 0 no-repeat;}

div.caption_01 {left: -74px; top: 143px; width: 11.2em;}
div.caption_01 div.line {left: 45px; top: -92px; width: 68px; height: 97px; background-image: url('caption-line-01.png');}

div.caption_02 {left: -15px; top: 254px; width: 12em;}
div.caption_02 div.line {left: 16px; top: -49px; width: 78px; height: 54px; background-image: url('caption-line-02.png');}


div#content {margin-bottom: 3em;}

div.ship {float: left; font-family: Verdana, sans-serif; font-size: 0.7em;}
div.ship h3 {font-weight: normal; font-size: 1.2em; margin: 0 0 0.3em 0; position: relative; z-index: 2;}
div.ship p {position: relative; z-index: 2;}
div.ship p.image {position: relative; z-index: 1; margin: 0;}
div.ship p.image img {position: absolute; left: 0; top: 0;}

div#main_content {float: right; width: 45.5%; margin-right: 4%;}
div#mother_ship {float: right; width: 14%; margin-right: 9.5%;}

div#torpedo_boat {width: 14%; margin: 0 9.5% 0 11.5%;}
div#destroyer {width: 22%; margin-right: 9.5%;}
div#battleship {width: 22%;}

div#submarine {width: 19%; margin: 0 12% 0 19.5%;}
div#cruiser {width: 22%;}


div#mother_ship {margin-top: 4px;}
div#mother_ship p.image {height: 72px;}
div#mother_ship p.image img {left: -52px;}


div#torpedo_boat {margin-top: 61px;}
div#torpedo_boat p.image {height: 81px;}
div#torpedo_boat p.image img {left: -71px;}

div#destroyer {margin-top: 41px;}
div#destroyer p.image {height: 138px;}
div#destroyer p.image img {left: -89px;}

div#battleship {margin-top: -27px;}
div#battleship p.image {height: 109px;}
div#battleship p.image img {left: -118px;}


div#submarine {margin-top: -10px;}
div#submarine p.image {height: 64px;}
div#submarine p.image img {left: -86px;}

div#cruiser {margin-top: -19px;}
div#cruiser p.image {height: 105px;}
div#cruiser p.image img {left: -110px;}