@import url('common_styles.css');

#otomo_page_left {width: 478px; height: 407px; float: left; overflow: hidden;}
#otomo_page_right {width: 388px; height: 407px; float: right; overflow: hidden; position: relative;}

#otomo_page_left img { margin: 37px 0 0 140px;}
#otomo_page_left #flash_ctr { margin: 37px 0 0 87px;}

.head {height: 37px; padding-bottom: 15px; background: url(../i/h_line.gif) no-repeat 0 100%;}
.head h1 {background: url(../i/headers/o_tomo.png) no-repeat 0 0; width: 106px; height: 37px; text-indent: -9999px; float: right;}
#contentCtr {margin-top: 22px; height: 242px; overflow: hidden; position: relative;}
#content {position: absolute; top: 0; left: 0; width: 388px; overflow: hidden;}
#content p {margin-bottom: 22px; font: 12px/22px "Segoe UI", Arial, Helvetica, sans-serif; text-align: justify;}

#str {width: 388px; height: 7px; line-height: 7px; position: absolute; top: 340px;}
#str ul {margin: 0 auto; height: 7px; line-height: 7px; overflow: hidden;}
#str li {float: left; display: inline; width: 7px; height: 7px; margin: 0 7px; background: url(../i/strBg.gif) no-repeat 0 -7px;}
#str li.current {background-position: 0 0;}
#str li.hover {background-position: 0 -14px; cursor: pointer;}