@charset "utf-8";

/* cbwin
 -------------------------------------------------- */
#mainArea .txt { text-shadow: 2px 2px 6px #fff; -moz-text-shadow: 2px 2px 6px #fff; -webkit-text-shadow: 2px 2px 6px #fff;}

.cbwin h3 { padding-bottom: 12px; font-size: 114%; line-height: 1.2; font-weight: bold;}
.cbwin .relative { margin: 15px 0 0 -2px; margin-left: auto; margin-right: auto;}
.cbwin .relative li { float: left; display: inline; margin-left: 4px;}
.cbwin .relative a,
.cbwin .relative li.crt a { overflow: hidden; float: left; height: 34px}
.cbwin .relative a:hover,
.cbwin .relative li.crt a { border: 3px solid #0da7ff; height: 28px;}
.cbwin .relative a:hover img,
.cbwin .relative li.crt a img { margin: -3px;}
.cbwin .relative li a img { width: 60px; position: relative; top:0;}

.cbwin .movieWrap { display: none;}
.cbwin .movieWrap.crt { display: block;}
.cbwin .movie { width: 640px; height: 360px; margin: auto;}

/* pageOsushiIndex
 ============================================================ */
.pageOsushiIndex #contentArea { min-width: 1016px;}
.pageOsushiIndex #mainArea .grid0201 { position: relative;}
.pageOsushiIndex #mainArea h2 { padding: 16px 0 15px; border-bottom: 2px dotted #000;}
.pageOsushiIndex #mainArea .lead { /*padding: 34px 0 67px;*/padding: 34px 0 13px;}
.pageOsushiIndex #mainArea .mainmovie { position: absolute; top: 72px; left: 238px; width: 418px; height: 229px; padding: 60px 0 0 88px; background: url(../../niconico/osushi/img/index_bg_mainmov.png) no-repeat 0 0;}

.pageOsushiIndex #mainArea .othermovie h3{ padding-left: 1px;}
.pageOsushiIndex #mainArea .othermovie ul{ height: 161px; padding-top: 15px; padding-left:2px; }
.pageOsushiIndex #mainArea .othermovie li{ float: left; padding-right: 6px; }
.pageOsushiIndex #mainArea .othermovie li.wide{padding-right: 7px; }
.pageOsushiIndex #mainArea .othermovie li.last{ padding-right: 0px; }

.pageOsushiIndex #mainArea .date { position: relative; border-top: 2px dotted #000;}
.pageOsushiIndex #mainArea .date h3 { padding: 36px 0 7px;}
.pageOsushiIndex #mainArea .date .txt { padding-left: 3px;}
.pageOsushiIndex #mainArea .date .form { margin: 6px 0 0 -2px;}
.pageOsushiIndex #mainArea .date .howto { position: absolute; bottom: 0; left: 398px;}
.pageOsushiIndex #mainArea .movielist { margin-top: 38px; padding-top: 38px; border-top: 2px dotted #000;}
.pageOsushiIndex #mainArea .movielist .fig02 { /*margin: 8px 0 0 -26px;*/margin: 5px 0 0 1px; }
.pageOsushiIndex #mainArea .movielist .fig02 ul {width: 690px; height: 180px; background: url(../../niconico/osushi/img/index_bg_special.png) no-repeat 0 0;}
.pageOsushiIndex #mainArea .movielist .fig02 li { float: left; margin-left: 125px; padding-top: 23px; }
.pageOsushiIndex #mainArea .movielist .fig02 li.last { margin-left: 29px; padding-top: 24px; }
.pageOsushiIndex #mainArea .toukou { display: none; position: relative; margin-top: 17px; padding-top: 30px; border-top: 2px dotted #000;}
.pageOsushiIndex #mainArea .toukou h3 { z-index: 5; position: relative; margin-left: -4px;}
.pageOsushiIndex #mainArea .toukou .menutab { z-index: 10; position: relative; margin: -48px 0 0 151px;}
.pageOsushiIndex #mainArea .toukou .menutab li { float: left; display: inline; margin-right: 9px;}
.pageOsushiIndex #mainArea .toukou .menutab li a { display: block; width: 189px; height: 48px;}
.pageOsushiIndex #mainArea .toukou .menutab li.tab01 a { background: url(../../niconico/osushi/img/index_tab_toukou01_ov.png) no-repeat 0 0;}
.pageOsushiIndex #mainArea .toukou .menutab li.tab02 a { background: url(../../niconico/osushi/img/index_tab_toukou02_ov.png) no-repeat 0 0;}
.pageOsushiIndex #mainArea .toukou .menutab li a img { visibility: visible;}
.pageOsushiIndex #mainArea .toukou .menutab li a.off:hover img { visibility: hidden;}
.pageOsushiIndex #mainArea .toukou .tabcontent { z-index: 5; position: relative; margin-top: -2px; padding: 27px 0 0 27px; background: #fff; border: 2px solid #000; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 8px; -moz-border-radius: 6px; -ms-border-radius: 6px;}
.pageOsushiIndex #mainArea .toukou .tabcontent li { float: left; display: inline; width: 196px; margin-right: 20px; padding-bottom: 30px;}
.pageOsushiIndex #mainArea .toukou .tabcontent li h4 { margin: 5px 0 0 3px; font-size: 92.9%; font-weight: bold;}
.pageOsushiIndex #mainArea .toukou .tabcontent li p { margin: 7px 0 0 3px; font-size: 92.9%;}

/* pageOsushiHowto
 ============================================================ */
.pageOsushiHowto #mainArea h2 { padding: 15px 0;}
.pageOsushiHowto #mainArea .grid0201 h3 { padding-top: 17px; border-top: 2px dotted #000;}
.pageOsushiHowto #mainArea .grid0201 .txt { padding-left: 40px; line-height: 1.7;}
.pageOsushiHowto #mainArea .grid0201 .note { font-size: 100%;}

.pageOsushiHowto #step01 .first { margin-top: 4px; padding-bottom: 34px;}
.pageOsushiHowto #step01 .number { padding: 7px 0 18px 47px; font-size: 114%; font-weight: bold;}
.pageOsushiHowto #step01 .num01 { background: url(../../niconico/osushi/img/howto_num_01.png) no-repeat 0 0;}
.pageOsushiHowto #step01 .num02 { background: url(../../niconico/osushi/img/howto_num_02.png) no-repeat 0 0;}
.pageOsushiHowto #step01 .box { margin: 17px 40px 0 0; padding: 10px 3px 14px 14px; background: #fff; border: 2px solid #000; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 8px; -moz-border-radius: 6px; -ms-border-radius: 6px;}
.pageOsushiHowto #step01 .box .btn { margin: 2px 0 16px;}
.pageOsushiHowto #step01 .box .btn li { float: left; display: inline; margin: 10px 10px 0 0;}
.pageOsushiHowto #step01 .box .note { font-size: 86%; line-height: 1.6;}

.pageOsushiHowto #step02 { margin-top: 40px;}
.pageOsushiHowto #step02 .txt { margin-top: 10px;}

.pageOsushiHowto #step03 { margin-top: 35px;}
.pageOsushiHowto #step03 .lead { margin-top: 10px; padding-bottom: 19px;}
.pageOsushiHowto #step03 .first p.note { margin-top: 9px;}
.pageOsushiHowto #step03 .first .btn { margin: 14px 0 0 -3px;}
.pageOsushiHowto #step03 .txt h4 { margin-top: 20px; padding-bottom: 10px; font-size: 114%; font-weight: bold;}
.pageOsushiHowto #step03 .txt h4.first { margin-top: 24px;}
.pageOsushiHowto #step03 ul.disclist { zoom: normal; padding: 0 0 0 15px;}
.pageOsushiHowto #step03 ul.disclist li { zoom: normal; list-style: disc; line-height: 1.7;}
.pageOsushiHowto #step03 ul.disclist li ul li { list-style: none;}
.pageOsushiHowto #step03 ul.note li { padding-left: 1em; text-indent: -1em; line-height: 1.7;}

/* clear
 ============================================================ */
.cbwin .relative { zoom: 1;}
.cbwin .relative:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}