@import url('common_styles.css');

.head {height: 37px; padding-bottom: 15px;}
.head h1 {height: 37px; text-indent: -9999px; float: right; background: url(../i/headers/o_sushi.png) no-repeat 100% 0; width: 95px;}

.menu_nav, .content {background: url(../i/h_line.gif) no-repeat 0 0; float: left; display: inline;}
.middle_col, .right_col {background: url(../i/h_line.gif) no-repeat 0 0; float: left; display: inline; height: 335px;}

.menu_nav {width: 160px;}
.content {width: 698px; height: 355px; margin-left: 50px; overflow: hidden;}
.content .c0, .content .c1 {float: left; display: inline;}
.content .c0 {width: 378px;}
.content .c1 {width: 288px; margin-left: 32px; position: relative;}
.middle_col {width: 270px; margin-left: 50px; position: relative; padding-top: 2px;}
.right_col {width: 388px; margin-left: 40px; position: relative; padding-top: 20px;}
.right_col #contentCtr {height: 242px; overflow: hidden; position: relative;}
.right_col #contentCtr .contentTxt {position: absolute; top: 0; left: 0; width: 388px; overflow: hidden;}
.right_col #contentCtr .contentTxt p {margin-bottom: 22px; font: 12px/22px "Segoe UI", Arial, Helvetica, sans-serif; text-align: justify; color: #fff;}

.menu_nav ul {margin-top: 20px;}
.menu_nav li {font: 12px/22px "Segoe UI", Arial, Helvetica, sans-serif; text-align: right;}
.menu_nav li span {font-weight: bold; color: #f4de9b;}

.content p {margin-top: 20px; font: 12px/22px "Segoe UI", Arial, Helvetica, sans-serif; text-align: justify; color: #fff;}
.content #flash_ctr {padding-top: 20px;}
.content .c1 ul {margin-top: 8px; overflow: hidden;}
.content .c1 li {float: left; display: inline; width: 96px; height: 96px; margin-bottom: 12px; position: relative; cursor: pointer;}
.content .c1 li span {font: 12px/15px "Segoe UI", Arial, Helvetica, sans-serif; display: block; color: #f4de9b; text-align: center; position: absolute; bottom: 0; width: 96px;}
.content .c1 li.e1 {background: url(../i/nigri.gif) no-repeat 0 0;}
.content .c1 li.e2 {background: url(../i/maki.gif) no-repeat 0 0;}
.content .c1 li.e3 {background: url(../i/temaki.gif) no-repeat 0 0;}
.content .c1 li.e4 {background: url(../i/gunkanmaki.gif) no-repeat 0 0; height: 101px;}
.content .c1 li.e5 {background: url(../i/chirashi_zushi.gif) no-repeat 0 0; height: 101px;}

.content .c1 .tips {position: absolute; top: 0; left: 0;}
.content .c1 .tips div {display: none; position: absolute; width: 288px;}
.content .c1 .tips .tip_e1, .content .c1 .tips .tip_e2, .content .c1 .tips .tip_e3 {top: 158px; left: 0; padding-top: 6px;}
.content .c1 .tips .tip_e4, .content .c1 .tips .tip_e5 {top: 54px; left: 0; padding-bottom: 6px;}
.content .c1 .tips div div {border:0; display: block; width: 13px; height: 7px; position: absolute;}
.content .c1 .tips .tipUp {background: url(../i/tipUp.gif) no-repeat 0 0; top: 0;}
.content .c1 .tips .tipDown {background: url(../i/tipDown.gif) no-repeat 0 0; bottom: 0;}
.content .c1 .tips .tip_e1 .tipUp {left: 42px;}
.content .c1 .tips .tip_e2 .tipUp {left: 138px;}
.content .c1 .tips .tip_e3 .tipUp {left: 234px;}
.content .c1 .tips .tip_e4 .tipDown {left: 42px;}
.content .c1 .tips .tip_e5 .tipDown {left: 138px;}
.content .c1 .tips p {font: 12px/20px "Segoe UI", Arial, Helvetica, sans-serif; margin: 0; padding: 6px 8px 8px; color: #fff; border: 1px solid #2e2e2e; background: #000;}
.content .c1 .tips .tip_e4 p, .content .c1 .tips .tip_e5 p {height: 81px;}

.right_col #str {width: 388px; height: 7px; line-height: 7px; position: absolute; top: 290px;}
#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;}