/* Theme Name: videonews Theme URI: http://www.videonews.com/ Author: videonews Author URI: http://www.videonews.com/ Description: Version: 0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: videonews */ @charset "utf-8"; /* ======== table of content. =============== summary:Wireframe ========================================== */ /*---------------------------------------- link ------------------------------------------*/ a { color:#3366cc; text-decoration:none; font-weight:bold; } a:hover { color:#3366cc; text-decoration:underline; } /*---------------------------------------- html ------------------------------------------*/ html { } /*---------------------------------------- body ------------------------------------------*/ body { margin-top:24px; background:#fbfbfb url("./global/images/bg.png") repeat-x; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /*---------------------------------------- wrapper ------------------------------------------*/ #wrapper { padding-top:117px; width:100%; z-index:3; } #wrapper_inner { position:relative; margin:0 auto; width:1000px; } #wrapper_innerjs { position:relative; margin:0 auto; width:1000px; overflow:hidden; } /* Main */ #main { width:656px; float:left; } #mainjs { width:656px; } /* Player */ /* tsu #player { margin-top:24px; width:656px; height:409px; } */ #bg_head { height:0; margin:24px 0 0 0; padding-top:1px; } #player { margin:0; width:640px; min-height:409px; padding:8px 8px 0 8px; } .preview_bg { background:#000 url("./global/images/preview_bg.gif") left bottom no-repeat; padding:0 0 24px 0; } .free_bg { background:#000 url("./global/images/free_bg.gif") left bottom no-repeat; padding:0 0 24px 0; } .onair_bg { background:#000 url("./global/images/onair_bg.gif") left bottom no-repeat; padding:0 0 24px 0; } .backnumber_bg { background:#000 url("./global/images/backnumber_bg.gif") left bottom no-repeat; padding-bottom:0 0 24px 0; } #player2 { padding:8px 8px 0 8px; width:640px; height:360px; overflow:hidden; } #player2 iframe { position: relative; left: -8px; top: -8px; } /* tsu */ #jquery-ui-tabs { border:none; background:none; margin:0; padding:0; height:392px; } .jquery-ui-tabs-bottom { position:relative; border:none; background:none; marign:0; padding:0; } .jquery-ui-tabs-bottom .ui-tabs-panel { padding:0; overflow: hidden; } .jquery-ui-tabs-bottom .ui-tabs-nav { position:absolute !important; left:3px; bottom:0; background:none; border:none; padding:0 0 0 5px; } .ui-tabs-panel { padding: 0 !important; } .ui-tabs-anchor { font-size: 10px; } /*wmv*/ #playerex { padding:100px 0 0 180px; background-color:#dedede; height:260px; } #wmv1 { margin:0 30px 0 0; width:128px; float:left; } #wmv1 p.part { padding:0 0 15px 0; text-align:center; width:128px; } #wmv1 div.wmvbtn { padding:18px 0 0 0; background:#fff url("./global/images/wmvbutton.gif") left top no-repeat; width:128px; height:40px; text-align:center; } #wmv1 div.audiobtn { padding:18px 0 0 0; background:#fff url("./global/images/wmvbutton.gif") left top no-repeat; width:128px; height:40px; text-align:center; } #wmv2 { width:128px;float:left; } #wmv2 p.part { padding:0 0 15px 0; text-align:center; width:128px; } #wmv2 div.wmvbtn { padding:18px 0 0 0; background:#fff url("./global/images/wmvbutton.gif") left top no-repeat; width:128px; height:40px; text-align:center; } #wmv2 div.audiobtn { padding:18px 0 0 0; background:#fff url("./global/images/wmvbutton.gif") left top no-repeat; width:128px; height:40px; text-align:center; } /* Detail */ #pre_detail { margin-top:49px; padding-bottom: 3px; width:100%; height:23px; } #p_date { position:relative; left:25px; width:150px; margin-top:4px; font-size:10px; float:left; } #social2 { width:500px; float:right; display:inline; } .wp_social_bookmarking_light div { display:inline; margin:0; float:right; } #detail_wrap { padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } #detail { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } #detail #detail_head { position:relative; width:656px; padding-top:23px; left:-1px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; } #detail #detail_head ul#useful { position:absolute; top:7px; right:7px; } #detail #detail_head ul#useful li { padding-top:6px; font-size:10px; height:18px; float:left; } #detail #detail_head ul#useful li a { font-weight:normal; } #detail #detail_head ul#useful li.on { font-weight:bold; color:#000; } #detail #detail_head ul#useful li.scale { margin-left:1px; padding-left:8px; width:17px; color:#3366cc; background:transparent url("./global/images/scale.gif") left top no-repeat; display:block; cursor:pointer; } #detail #detail_head ul#useful li.active { font-weight:bold; color:#000; } #detail #detail_head ul#useful li.print { margin-left:5px; padding-left:26px; width:29px; background:transparent url("./global/images/print.gif") left top no-repeat; display:block; } #detail #detail_head ul#useful li.forforum { margin-top:-6px; margin-left:5px; width:78px; display:block; } #detail h2 { margin:0 0 20px 0; font-size:20px; font-weight:bold; } #detail h2.preview { padding:10px 0 10px 20px; border-left:solid 4px #368200; } #detail h2.free { padding:10px 0 10px 20px; border-left:solid 4px #d14836; } #detail h2.onair { padding:10px 0 10px 20px; border-left:solid 4px #1b81c8; } #detail h2.backnumber { padding:10px 0 10px 20px; border-left:solid 4px #368200; } /* tsu */ #detail h1 { margin:12px 0 20px 0; font-size:20px; font-weight:bold; } #detail h1.preview_bg { padding:10px 0 10px 20px; border-left:solid 4px #368200; background:none; } #detail h1.free_bg { padding:10px 0 10px 20px; border-left:solid 4px #d14836; background:none; } #detail h1.onair_bg { padding:10px 0 10px 20px; border-left:solid 4px #1b81c8; background:none; } #detail h1.backnumber_bg { padding:10px 0 10px 20px; border-left:solid 4px #368200; background:none; } #detail h1 span.title_lead { font-size:16px; } /* tsu */ #detail dl#guest { } #detail dl#guest dt { margin:0 5px 0 24px; float:left; } #detail dl#guest dd { font-size:14px; font-weight:bold; float:left; } #detail dl#program {} #detail dl#program dt { margin:0 5px 0 24px; float:left; } #detail dl#program dd { float:left; } #detail #article { padding:24px 24px 0 24px; margin-top:24px; border-top:solid 1px #e2e2e2;} /* tsu #detail #article p { margin-bottom:24px; text-indent:1em; line-height:1.8em; } */ #detail #article p { margin-bottom:24px; line-height:1.8em; } #detail #profile { margin:24px -24px 0 -24px; padding:65px 0 0 0; border-top:solid 1px #e2e2e2; background:transparent url("./global/images/article_profile.gif") left 24px no-repeat; } #detail #profile h3 { margin-bottom:12px; font-size:14px; font-weight:bold; } #detail #profile h3 span { font-size:12px; } #detail #profile p { margin-bottom:24px; line-height:1.8em; } #detail #profile p.book { margin-left:12px; float:right; } /* tsu */ #article table { margin: 8px 0; } #article td { vertical-align: top; padding: 0 5px; } /* tsu */ #detail #related { padding:65px 24px 0 24px; border-top:solid 1px #e2e2e2; background:transparent url("./global/images/article_related.gif") left 24px no-repeat; } #detail #related #relatedvideo { margin-bottom:24px; float:left; } #detail #related #relatedvideo p.date { margin:0; width:296px; font-size:10px; text-align:right; display:block; } #detail #related #relatedvideo #video { margin:0; width:296px; height:210px; background:transparent url("./global/images/video_bg.gif") left top no-repeat; } #detail #related #relatedvideo #video h3 { margin:0 0 0 8px; padding-top:13px; font-size:12px; font-weight:bold; color:#fff; height:29px; } #detail #related #relatedvideo #video h3 span { font-size:10px; } #detail #related #relatedvideo #video h3.marugeki-talk { padding-left:30px; background:transparent url("./global/images/icon_marugeki.png") left center no-repeat; } #detail #related #relatedvideo #video h3.commentary { padding-left:30px; background:transparent url("./global/images/icon_news.png") left center no-repeat; } #detail #related #relatedvideo #video h3.press-club { padding-left:30px; background:transparent url("./global/images/icon_pressclub.png") left center no-repeat; } #detail #related #relatedvideo #video h3.fukushima { padding-left:30px; background:transparent url("./global/images/icon_fukushima.png") left center no-repeat; } #detail #related #relatedvideo #video h3.line2 { margin:0 0 0 8px; padding-top:6px; font-size:12px; font-weight:bold; color:#fff; height:36px; } #detail #related #relatedvideo #video p.photo { padding:0 0 8px 8px; width:279px; height:158px; } #detail #related #relatedvideo h2 { margin:10px 0; font-size:16px; } #detail #casting { padding:65px 24px 0 24px; border-top:solid 1px #e2e2e2; background:transparent url("./global/images/article_casting.gif") left 24px no-repeat; } #detail #casting ul#castname { padding-bottom:24px; } #detail #casting ul#castname li { margin-right:12px; float:left; } #detail #tag { padding:65px 24px 0 24px; border-top:solid 1px #e2e2e2; background:transparent url("./global/images/tag.gif") left 24px no-repeat; } #detail #tag ul#tagname { padding-bottom:24px; } #detail #tag ul#tagname li { margin-right:12px; float:left; } #detail #commentary { margin:0 -24px; padding:65px 0 0 0; border-top:solid 1px #e2e2e2; background:transparent url("./global/images/commentary.gif") left 24px no-repeat; } #detail #commentary ul#commentlist { padding-bottom:24px; } #detail #commentary ul#commentlist li { line-height:1.5em; } #nextback { margin:20px 0 0 0; font-size:12px; } #nextback #next { margin-bottom:5px; padding:7px 0 0 60px; height:21px; background:transparent url("./global/images/next.gif") left center no-repeat; } #nextback #back { padding:7px 0 0 60px; height:21px; background:transparent url("./global/images/back.gif") left center no-repeat; } /* Channel */ h2#pagettl { margin:26px 0; } .channel_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } .channel { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } .channel .channel_head { position:relative; padding-top:10px; width:656px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; left:-1px; } .channel .channel_head h1.channel_ttl { margin:0 0 0 10px; width:636px; height:33px; } /* tsu */ .channel .channel_head h3.channel_ttl { margin:0 0 0 10px; width:636px; height:33px; } .channel .channel_head h3.channel_tag { margin:0 0 0 10px; width:636px; height:33px; font-size:16px; font-weight:bold; padding: 5px 0 0 15px; color:#fff; background:transparent url("./global/images/bar_ttl.gif") left top no-repeat; } .channel .channel_head h1.channel_tag { margin:0 0 0 10px; width:636px; height:33px; font-size:16px; font-weight:bold; padding: 5px 0 0 15px; color:#fff; background:transparent url("./global/images/bar_ttl.gif") left top no-repeat; } /* tsu */ .channel p.channel_txt { margin:15px 20px 0 20px; } .channel p.channel_txt img.channel_img { padding:0 0 0 15px; width:232px; float:right; } .channel p.channel_btn { margin:-33px 0 0 303px; padding-bottom:15px; } .channel p.channel_btn2 { margin:0 0 0 557px; padding-bottom:15px; } .channel #related { padding:24px 20px 0 20px; } .channel #related #relatedvideo { margin-bottom:12px; float:left; } .channel #related #relatedvideo p.date { margin:0; width:296px; font-size:10px; text-align:right; display:block; } .channel #related #relatedvideo p.status { margin:0; width:105px; height:26px; display:block; margin-top:150px; margin-bottom: -176px; float: right; position: relative; } .channel #related #relatedvideo #video { margin:0; width:296px; height:176px; background:transparent url("./global/images/video_bg2.gif") left top no-repeat; } .channel #related #relatedvideo #video p.photo { padding:9px 0 8px 8px; width:279px; height:176px; } .channel #related #relatedvideo h2 { margin:10px 0; font-size:16px; } /* Forum */ h2#pagettl { margin:26px 0; } #forumis { margin:-58px 0 26px 0; text-align:right; width:656px; height:32px; } .forum_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } .forum { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } .forum .forum_head { position:relative; padding-top:10px; width:656px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; left:-1px; } .forum .forum_head h3.forum_ttl { margin:0 0 0 10px; width:636px; height:33px; } .forum dl.forum_txt { margin:15px 20px 0 20px; padding-bottom:15px; border-bottom:solid 1px #e2e2e2; } .forum dl.forum_txt dt { margin:0 10px 0 0; width:64px; float:left; } .forum dl.forum_txt dd { margin:0; width:532px; float:left; } .forum dl.forum_txt dd span { margin:0; font-size:10px; } .forum dl.forum_txt dd em { margin:0; font-size:11px; font-style:normal; font-weight:bold; } .forum p.forum_btn { margin:0 15px 0 0; padding-bottom:15px; float:right; } .forum dl.forum_detail { margin:15px 20px 0 20px; padding-bottom:15px; } .forum dl.forum_detail dt { margin:0 10px 0 0; width:279px; float:left; } .forum dl.forum_detail dd { margin:0; width:317px; font-size:20px; font-weight:bold; float:left; } .forum dl.forum_detail dd span { margin:0; font-size:10px; font-style:normal; } .forum dl.forum_detail dd em { margin:0; font-size:11px; font-style:normal; font-weight:normal; } .forum h4.forum_ttl2 { margin:0 0 0 20px; width:614px; height:22px; } .forum p.forum_comments { margin:20px 35px 10px 35px; } .forum p.forum_commentprof { margin:0 35px 0 35px; padding-bottom:20px; font-size:10px; color:#e2e2e2; text-align:right; border-bottom:solid 1px #e2e2e2; } .forum dl.forum_form { margin:20px 35px 0 35px; padding-bottom:35px; } .forum dl.forum_form dt { margin-bottom:8px; width:100px; float:left; } .forum dl.forum_form dd { margin-bottom:8px; float:left; } .forum dl.forum_form dd input.size430 { padding:5px; width:470px; } .forum dl.forum_form dd textarea { padding:5px; width:470px; height:100px; } .wp-pagenavi { float:right; } .wp-pagenavi a { color:#525252; } .wp-pagenavi .first { margin:0 1px; width:55px; height:28px; font-size:10px; font-weight:bold; line-height:3; text-align:center; background:transparent url("./global/images/base.gif") left top no-repeat; float:left; display:block; } .wp-pagenavi .previouspostslink { margin:0 16px 0 0; width:55px; height:28px; font-size:10px; font-weight:bold; line-height:3; text-align:center; background:transparent url("./global/images/base.gif") left top no-repeat; float:left; display:block; } .wp-pagenavi .page { margin:0 1px; width:28px; height:28px; font-size:10px; font-weight:bold; line-height:3; text-align:center; background:transparent url("./global/images/pagination_btn.gif") left top no-repeat; float:left; display:block; } .wp-pagenavi span { margin:0 1px; width:28px; height:28px; font-size:10px; font-weight:bold; line-height:3; text-align:center; background:transparent url("./global/images/pagination_btn.gif") left top no-repeat; float:left; display:block; } .wp-pagenavi .current { margin:0 1px; width:28px; height:28px; font-size:10px; font-weight:bold; background:transparent url("./global/images/pagination_btn.gif") left -28px no-repeat; float:left; } .wp-pagenavi .nextpostslink { margin:0 0 0 16px; width:55px; height:28px; font-size:10px; font-weight:bold; line-height:3; text-align:center; background:transparent url("./global/images/base.gif") left top no-repeat; float:left; display:block; } .wp-pagenavi .last { margin:0 1px; width:55px; height:28px; font-size:10px; font-weight:bold; line-height:3; text-align:center; background:transparent url("./global/images/base.gif") left top no-repeat; float:left; display:block; } /* Guide */ h2#pagettl { margin:26px 0; } h1#pagettl { margin:26px 0; } /* tsu */ .guide_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } .guide { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } .guide .guide_head { position:relative; padding-top:10px; width:656px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; left:-1px; } .guide h3 { margin:15px 20px 0 0; padding-left:16px; font-weight:bold; font-size:14px; border-left:solid 4px #262626; } .guide p.guide_txt { margin:15px 20px 0 20px; padding-bottom:15px; } #arrow { margin:20px 0 0 0; padding:6px 0 0 33px; font-size:12px; height:22px; background:transparent url("./global/images/arrow.gif") left center no-repeat; } /* Cast */ h2#pagettl { margin:26px 0; } h1#pagettl { margin:26px 0; } /* tsu */ .cast1_wrap { margin-bottom:20px; padding-bottom:3px; width:318px; background:#fff url("./global/images/cast_btm.gif") left bottom no-repeat; float:left; } .cast1 { width:316px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; } .cast1 .cast1_head { position:relative; padding:10px 10px 20px 10px; width:298px; background:transparent url("./global/images/cast_cap.gif") left top no-repeat; left:-1px; } .cast1 h3 { margin:0 0 10px 20px; font-size:9px; font-weight:bold; } .cast1 h3 strong { font-size:20px; font-weight:bold; } .cast1 h3 em { font-size:12px; font-weight:bold; } .cast1 p.cast1_txt { margin:0 20px 0 20px; font-size:12px; } .cast1 p.continue_btn { padding:5px 0 10px 221px; } .cast2 {} .cast_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } .cast { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } .cast .cast_head { position:relative; padding:17px 0 0 20px; width:656px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; left:-1px; } .cast h3 { margin:-120px 0 0 335px; font-size:9px; font-weight:bold; height:120px; } .cast h3 strong { font-size:20px; font-weight:bold; } .cast h3 em { font-size:12px; font-weight:bold; } .cast p.cast_txt { margin:15px 20px 0 20px; padding-bottom:20px; } .cast .books { margin:0 0 0 20px; padding-bottom:20px; } .cast .books .ph { width:136px; float:left; } .cast .books .ddl { margin-left:14px; width:450px; font-size:12px; float:left; } .cast .books .ddl h4 { margin-bottom:18px; font-weight:bold; } .cast .books .ddl dl { font-size:10px; } .cast .books .ddl dt { margin-right:10px; width:60px; float:left; } .cast .books .ddl dd { width:380px; float:left; } /* Store */ h2#pagettl { margin:26px 0; } .store_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } .store { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } .store .store_head { position:relative; padding-top:10px; width:656px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; left:-1px; } .store .store_head h3.store_ttl { margin:0 0 0 10px; width:636px; height:33px; } .store p.store_txt { margin:15px 20px 0 20px; } .store p.store_txt img.store_img { padding:0 15px 0 0; width:232px; float:left; } .store p.store_btn { margin:-33px 0 0 555px; padding-bottom:15px; } .store .books { margin:20px 20px 0 20px; padding:20px 0; border-top:solid 1px #e2e2e2; } .store .books .ph { width:136px; text-align:center; float:left; } .store .books .ddl { margin-left:14px; width:450px; font-size:12px; float:left; } .store .books .ddl h3 { margin-bottom:18px; font-weight:bold; } .store .books .ddl dl { font-size:10px; margin-bottom:20px; } .store .books .ddl dt { margin:0 0 5px 0; width:60px; float:left; } .store .books .ddl dd { margin:0 0 5px 0; width:380px; float:left; } .store .books .ddl p.fordtl { font-size:10px; } .store .books .ddl p.buy_btn { margin:0 0 0 371px; } .store .booksdtl { margin:20px 20px 0 20px; padding:20px 0; } .store .booksdtl .ph { width:136px; text-align:center; float:left; } .store .booksdtl .ddl2 { margin-left:14px; width:450px; font-size:12px; float:left; } .store .booksdtl .ddl2 h3 { margin-bottom:18px; font-weight:bold; } .store .booksdtl .ddl2 dl { font-size:10px; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #e2e2e2; } .store .booksdtl .ddl2 dt { margin:0 0 5px 0; width:60px; float:left; } .store .booksdtl .ddl2 dd { margin:0 0 5px 0; width:380px; float:left; } .store .booksdtl .ddl2 p.bookdtl { font-size:12px; } .store .booksdtl .ddl2 p.buy_btn { margin:0 0 0 371px; } .store .dvd { margin:20px 20px 0; padding-top:20px; border-top:solid 1px #e2e2e2; width:616px; } .store .dvd .vol { margin:0 20px 0 0; width:94px; float:left; } .store .dvd .vol h4 { margin:0 0 10px 0; padding:0; font-size:20px; font-weight:bold; } .store .dvd .vol h4 span { font-size:14px; } .store .dvd dl.number { width:502px; float:left; } .store .dvd dl.number dt { margin-bottom:10px; padding-left:36px; background:transparent url("./global/images/arrow_dvd_off.gif") left top no-repeat; cursor:pointer; } .store .dvd dl.number dt.over { background:transparent url("./global/images/arrow_dvd_off.gif") left top no-repeat; } .store .dvd dl.number dt.selected { background:transparent url("./global/images/arrow_dvd_on.gif") left top no-repeat; } .store .dvd dl.number dt h3 { margin:0; padding:0; font-size:12px; color:#3366cc; } .store .dvd dl.number dt em { font-size:10px; font-variant:normal; } .store .dvd dl.number dd { padding:0 0 10px 36px; font-size:10px; } .store .dvd dl.number dd p.only_btn { margin:0 0 0 295px; } /* Cart */ h2#pagettl { margin:26px 0; } .cart_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url(./global/images/detail_btm.gif) left bottom no-repeat; } .cart { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } .cart .cart_head { position:relative; padding-top:10px; width:656px; background:transparent url(./global/images/detail_head.gif) left top no-repeat; left:-1px; } .cart .cart_head h3.cart_ttl { margin:0 0 0 10px; width:626px; height:33px; } .cart .dvd { margin:20px 20px 0; width:616px; } .cart .dvd .vol { margin:0 20px 0 0; width:94px; float:left; } .cart .dvd .vol h4 { margin:0 0 10px 0; padding:0; font-size:20px; font-weight:bold; } .cart .dvd .vol h4 span { font-size:14px; } .cart .dvd div.recorded { width:502px; float:left; } .cart .dvd div.recorded p.recorded_ttl { margin:0 0 10px 0; padding:0; font-size:16px; font-weight:bold; } .cart .dvd div.recorded ul.recorded_number { margin-bottom:30px; padding-bottom:15px; border-bottom:solid 1px #e2e2e2; } .cart .dvd div.recorded ul.recorded_number li { margin:0 0 10px 0; padding:0; font-size:12px; } .cart .dvd div.recorded ul.recorded_number li em { font-size:10px; font-variant:normal; font-weight:normal; } .cart .dvd table.cartbox { margin-bottom:40px; border:none; } .cart .dvd table.cartbox tr { } .cart .dvd table.cartbox td { padding-bottom:5px; padding-right:10px; } .cart .dvd table.cartbox td.price { font-size:16px; font-weight:bold; } .cart .dvd table.cartbox td.pd15 { padding-top:15px; } .cart div.cart_title { margin:20px 0 20px 20px; font-size:16px; font-weight:bold; } .cart p.changenum { margin:0 0 20px 20px; } .cart p.error { margin:20px; color:#dd4b39; } .cart table.cartlist { margin:0 0 0 20px; width:611px; } .cart table.cartlist tr.gray { background-color:#d9d9d9; } .cart table.cartlist tr.white { background-color:#fff; border-bottom:solid 1px #d9d9d9; } .cart table.cartlist tr.blue { background-color:#bcdcf0; border-top:double 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; font-size:14px; font-weight:bold; } .cart table.cartlist tr.white2 { background-color:#fff; height:100px; text-align:right; } .cart table.cartlist td { padding:5px; border:#d9d9d9; } .cart .cart_head h3.cart_ttl { margin:0 0 0 10px; padding:7px 0 0 17px; height:26px; font-size:14px; font-weight:bold; color:#fff; background:#fff url("./global/images/ttlbar.gif") left top no-repeat; } .cart .dvd #itempage { width:611px; } .cart .dvd #itempage h3 { margin:0 0 10px 0; padding:0; font-size:16px; font-weight:bold; } .cart .dvd #itempage .exp { width:611px; } .cart .dvd #itempage .exp .field { width:611px; } .cart .dvd #itempage .exp .field_name { padding-top:10px; width:202px; height:25px; border-bottom:solid 1px #d9d9d9; float:left; clear:both; } .cart .dvd #itempage .exp .field_name em.tax {} .cart .dvd #itempage .exp .field_cprice { padding-top:10px; width:409px; height:25px; text-align:right; border-bottom:solid 1px #d9d9d9; float:left; } .cart .dvd #itempage .exp .field_price { padding-top:10px; width:409px; height:25px; text-align:right; font-size:16px; font-weight:bold; border-bottom:solid 1px #d9d9d9; float:left; } .cart .dvd #itempage .field { padding-top:10px; width:611px; height:25px; clear:both; } .cart .dvd #itempage .skuform { padding-bottom:30px; } .cart .cart_head h3.cart_ttlbar { margin:0 0 0 10px; } .cart #inside-cart .usccart_navi ol.ucart li.ucart { display:none; } .cart #inside-cart .usccart_navi ol.ucart li.usccart {} .cart #inside-cart .usccart_navi ol.ucart li.usccart_cart { display:block !important; margin:20px 0 20px 20px; font-size:16px; font-weight:bold; } .cart #customer-info .usccart_navi ol.ucart li.ucart { display:none; } .cart #customer-info .usccart_navi ol.ucart li.usccustomer {} .cart #customer-info .usccart_navi ol.ucart li.usccart_customer { display:block !important; margin:20px 0 20px 20px; font-size:16px; font-weight:bold; } .cart #delivery-info .usccart_navi ol.ucart li.ucart { display:none; } .cart #delivery-info .usccart_navi ol.ucart li.uscdelivery {} .cart #delivery-info .usccart_navi ol.ucart li.usccart_delivery { display:block !important; margin:20px 0 20px 20px; font-size:16px; font-weight:bold; } .cart #info-confirm .usccart_navi ol.ucart li.ucart { display:none; } .cart #info-confirm .usccart_navi ol.ucart li.uscconfirm {} .cart #info-confirm .usccart_navi ol.ucart li.usccart_confirm { display:block !important; margin:20px 0 20px 20px; font-size:16px; font-weight:bold; } .cart #cart .upbutton{ margin:0 0 20px 20px; } .cart #cart table#cart_table { margin:0 0 0 20px; width:611px; } .cart #cart table#cart_table thead {} .cart #cart table#cart_table thead tr { background-color:#d9d9d9; } .cart #cart table#cart_table thead th { padding:5px; border:#d9d9d9; } .cart #cart table#cart_table tbody {} .cart #cart table#cart_table tbody tr { background-color:#fff; border-bottom:solid 1px #d9d9d9; } .cart #cart table#cart_table tbody td { padding:5px; border:#d9d9d9; } .cart #cart table#cart_table tbody td.aright { text-align:right; } .cart #cart table#cart_table tfoot tr { background-color:#bcdcf0; border-top:double 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; font-size:14px; font-weight:bold; } .cart #cart table#cart_table tfoot th { padding:5px; border:#d9d9d9; } .cart #cart table#cart_table tfoot td { padding:5px; border:#d9d9d9; background-color:#f0f8ff; } .cart #cart .currency_code { display:none; } .cart .send { padding:40px 25px 40px 0; background-color:#fff; text-align:right; } .cart #inside-cart .no_cart{ margin:0 0 20px 20px; } .cart #customer-info h5 { margin:0 0 0 20px; padding:5px; background-color:#d9d9d9; width:611px; border:#d9d9d9; } .cart #customer-info table.customer_form { margin:0 0 0 20px; width:611px; } .cart #customer-info table.customer_form tr { background-color:#fff; border-bottom:solid 1px #d9d9d9; } .cart #customer-info table.customer_form th { padding:5px; border:#d9d9d9; } .cart #customer-info table.customer_form td { padding:5px; border:#d9d9d9; } .cart #customer-info .error_message{ margin:0 0 20px 20px; color:#ff0000; } .cart #delivery-info table.customer_form { margin:0 0 0 20px; width:611px; } .cart #delivery-info table.customer_form tr { background-color:#fff; border-bottom:solid 1px #d9d9d9; } .cart #delivery-info table.customer_form th { padding:5px; border:#d9d9d9; } .cart #delivery-info table.customer_form td { padding:5px; border:#d9d9d9; } .cart #cart table#point_table { display:none; } .cart #info-confirm table#confirm_table { margin:0 0 0 20px; width:611px; } .cart #info-confirm table#confirm_table tr.ttl { background-color:#fff; border-bottom:solid 1px #d9d9d9; } .cart #info-confirm table#confirm_table tr.ttl h3 { margin:40px 0 10px 0; padding:0; font-size:16px; font-weight:bold; } .cart #info-confirm table#confirm_table tr.ttl td { padding:0; } .cart #info-confirm table#confirm_table tr { background-color:#fff; border-bottom:solid 1px #d9d9d9; } .cart #info-confirm table#confirm_table td { padding:5px; border:#d9d9d9; } .cart #info-confirm table#confirm_table h3 { margin:10px 0 10px 0; padding:0; font-size:12px; font-weight:bold; } .cart h3 { margin:20px 0 10px 20px; padding:0; font-size:16px; font-weight:bold; } .cart .header_explanation p { margin:20px 0 0 20px; } #storelink { margin:0 0 20px 0; width:656px; height:52px; background:transparent url("./global/images/store_bg.gif") left center no-repeat; } #storelink ul#storenavi { padding:10px 0 0 0; } #storelink ul#storenavi li { margin:0 0 0 10px; list-style:none; float:left; } /* Special */ h2#specilalttl { margin:0 0 10px 0; } #special_player { width:656px; height:409px; } #special { margin:0; width:656px; } #special p.spacialttl { margin:7px 0 7px 0; font-size:20px; font-weight:normal; } #special p.spacialguest { padding:0 0 0 70px; font-size:14px; background:transparent url("./home/images/slider_guest.gif") left center no-repeat; } #special p.spacialprogram { padding:0 0 0 70px; font-size:12px; background:transparent url("./home/images/slider_program.gif") left center no-repeat; } #special p.spaciallead { margin:8px 0 0 0; padding:8px 0 0 0; font-size:12px; border-top:solid 1px #e2e2e2; } #sp_features { margin:24px 0 0 0; } #sp_featuresTtl { margin:0 0 17px 0; } #sp_features ul#boxes { margin:0; width:656px; } #sp_features ul#boxes li { margin:0; width:318px; height:363px; display:block; float:left; } #sp_features ul#boxes li a { margin:0; text-decoration:none; font-weight:normal; color:#000; } #sp_features ul#boxes li #video { margin:11px 11px 0 11px; width:296px; height:210px; background:transparent url("./global/images/video_bg.gif") left top no-repeat; } #sp_features ul#boxes li #video h3 { margin:0 0 0 8px; padding-top:13px; font-size:12px; font-weight:bold; color:#fff; height:29px; } #sp_features ul#boxes li #video h3 span { font-size:10px; } #sp_features ul#boxes li #video h3.marugeki { padding-left:30px; background:transparent url("./global/images/icon_marugeki.png") left center no-repeat; } #sp_features ul#boxes li #video h3.news { padding-left:30px; background:transparent url("./global/images/icon_news.png") left center no-repeat; } #sp_features ul#boxes li #video h3.fukushima { padding-left:30px; background:transparent url("./global/images/icon_fukushima.png") left center no-repeat; } #sp_features ul#boxes li #video h3.interviews { padding-left:30px; background:transparent url("./global/images/icon_interviews.png") left center no-repeat; } #sp_features ul#boxes li #video h3.pressclub { padding-left:30px; background:transparent url("./global/images/icon_pressclub.png") left center no-repeat; } #sp_features ul#boxes li #video h3.line2 { margin:0 0 0 8px; padding-top:6px; font-size:12px; font-weight:bold; color:#fff; height:36px; } #sp_features ul#boxes li #video p.photo { padding:0 0 8px 8px; width:279px; height:158px; } #sp_features ul#boxes li h2 { margin:0; padding:27px 0 0 8px; font-size:16px; color:#3366cc; font-weight:bold; height:43px; } #sp_features ul#boxes li h2.line2 { margin:0; padding:14px 0 0 8px; font-size:16px; color:#3366cc; font-weight:bold; height:56px; } #sp_features ul#boxes li p.guest { margin:0 0 0 8px; padding:7px 0 0 61px; font-size:12px; height:45px; background:transparent url("./global/images/guest.gif") left top no-repeat; } #sp_features ul#boxes li p.line2 { margin:0 0 0 8px; padding:0 0 0 61px; font-size:12px; height:52px; background:transparent url("./global/images/guest.gif") left top no-repeat; } #sp_features ul#boxes li p.date { padding:0 0 0 4px; height:20px; font-size:9px; } #sp_features ul#boxes li p.status { margin:-25px 0 0 201px; } #sp_features ul#boxes .boxLink { background:transparent url("./global/images/video_box.gif") left top no-repeat; } #sp_features ul#boxes .boxLink:hover { background:transparent url("./global/images/video_boxov.gif") left top no-repeat; } #sp_features ul#boxes .hover { cursor:pointer; } /* Result */ h2#resultttl { margin:0 0 26px 0; } .result_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } .result { width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } .result .result_head { position:relative; padding-top:10px; width:656px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; left:-1px; } .result h3 { margin:15px 20px 10px 20px; font-weight:bold; font-size:14px; border-bottom:solid 1px #e2e2e2; } .result p.result_txt { margin:10px 20px 0 20px; padding-bottom:20px; } .result p.result_txt img.resultimg { padding-right:10px; float:left; } /* Column */ #column { width:308px; float:right; } #column #bnr1 { margin-bottom:10px; width:308px; } #column #bnr1 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } #column #bnr2 { margin-bottom:10px; width:308px; } #column #bnr2 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } #column #bnr3 { margin-bottom:10px; width:308px; } #column #bnr3 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } #column-widget { margin-bottom:10px; width:308px; } #column-widget a:hover img { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } #column #search { position:relative; margin:19px 0 50px 0; width:308px; height:36px; background:url("./global/images/search.gif") left top no-repeat; display:block; } #column #search #keywords { position:absolute; width:244px; top:10px; left:14px; color:#fff; background-color:#383938; border:none; font-size:12px; } #column #search #searchbtn { position:absolute; top:1px; left:271px; } #column div#freemail { position:relative; margin:0 0 30px 0; background:url("./global/images/freemail.gif") left top no-repeat; width:308px; height:90px; } #column div#freemail input#fm_address { position:absolute; top:35px; left:90px; width:195px; height:15px; font-size:10px; padding:0; margin:0; } #column div#freemail ul#fm_radio { position:absolute; top:60px; left:90px; } #column div#freemail ul#fm_radio li { margin-right:10px; font-size:12px; color:#fff; float:left; } #column h3#columnTtl1 { margin:0; } #column ul#columnList1 { margin:10px 0 10px 0; } #column ul#columnList1 li { margin:0 0 10px 0; } #column ul#columnList1 li dl#columnDtl1 { margin:0; padding:0; width:308px; } /* tsu #column ul#columnList1 li dl#columnDtl1 dt { width:64px; border:solid 1px #c6c6c6; float:left; } */ #column ul#columnList1 li dl#columnDtl1 dt { width:64px; height:48px; border:solid 1px #c6c6c6; float:left; } #column ul#columnList1 li dl#columnDtl1 dd { margin-left:6px; width:236px; font-size:12px; float:left; } #column ul#columnList1 li dl#columnDtl1 dd span { font-size:9px; } #column ul#columnList1 li dl#columnDtl1 dd em { font-size:10px; font-style:normal; } #column ul#columnList1 li#columnbtn { width:308px; text-align:right; } #column h3#columnTtl2 { margin:0; } #column ul#columnList2 { margin:10px 0 0 0; } #column ul#columnList2 li { margin:0 0 10px 0; } #column ul#columnList2 dl#columnDtl2 { margin:0; padding:0; } #column ul#columnList2 dl#columnDtl2 dt { width:64px; border:solid 1px #c6c6c6; float:left; } #column ul#columnList2 dl#columnDtl2 dd { margin-left:6px; width:236px; font-size:12px; float:left; } #column ul#columnList2 dl#columnDtl2 dd span { font-size:9px; } #column ul#columnList2 li#columnbtn { width:308px; text-align:right; } /* Columnjs */ #columnjs { position:absolute; margin-left:692px; width:308px; top:0; } #columnjs #bnr1 { margin-bottom:10px; width:308px; } #columnjs #bnr1 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } #columnjs #bnr2 { margin-bottom:10px; width:308px; } #columnjs #bnr2 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } #columnjs #bnr3 { margin-bottom:10px; width:308px; } #columnjs #bnr3 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } #columnjs #search { position:relative; margin:19px 0 50px 0; width:308px; height:36px; background:url("./global/images/search.gif") left top no-repeat; display:block; } #columnjs #search #keywords { position:absolute; width:244px; top:10px; left:14px; color:#fff; background-color:#383938; border:none; font-size:12px; } #columnjs #search #searchbtn { position:absolute; top:1px; left:271px; } #columnjs div#freemail { position:relative; margin:0 0 30px 0; background:url("./global/images/freemail.gif") left top no-repeat; width:308px; height:90px; } #columnjs div#freemail input#fm_address { position:absolute; top:35px; left:90px; width:195px; height:15px; font-size:10px; padding:0; margin:0; } #columnjs div#freemail ul#fm_radio { position:absolute; top:60px; left:90px; } #columnjs div#freemail ul#fm_radio li { margin-right:10px; font-size:12px; color:#fff; float:left; } #columnjs h3#columnTtl1 { margin:0; } #columnjs ul#columnList1 { margin:10px 0 10px 0; } #columnjs ul#columnList1 li { margin:0 0 10px 0; } #columnjs ul#columnList1 li dl#columnDtl1 { margin:0; padding:0; width:308px; } #columnjs ul#columnList1 li dl#columnDtl1 dt { width:64px; border:solid 1px #c6c6c6; float:left; } #columnjs ul#columnList1 li dl#columnDtl1 dd { margin-left:6px; width:236px; font-size:12px; float:left; } #columnjs ul#columnList1 li dl#columnDtl1 dd span { font-size:9px; } #columnjs ul#columnList1 li#columnbtn { width:308px; text-align:right; } #columnjs h3#columnTtl2 { margin:0; } #columnjs ul#columnList2 { margin:10px 0 0 0; } #columnjs ul#columnList2 li { margin:0 0 10px 0; } #columnjs ul#columnList2 dl#columnDtl2 { margin:0; padding:0; } #columnjs ul#columnList2 dl#columnDtl2 dt { width:64px; border:solid 1px #c6c6c6; float:left; } #columnjs ul#columnList2 dl#columnDtl2 dd { margin-left:6px; width:236px; font-size:12px; float:left; } #columnjs ul#columnList2 dl#columnDtl2 dd span { font-size:9px; } #columnjs ul#columnList2 li#columnbtn { width:308px; text-align:right; } /* Static */ #static { margin:0 0 0 172px; width:656px; } #static h2#pagettl { margin:0 0 26px; } #static .inner_wrap { margin-bottom:20px; padding-bottom:3px; background:#fff url("./global/images/detail_btm.gif") left bottom no-repeat; } #static .inner { padding-bottom:24px; width:654px; border-right:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; font-size:12px; } #static .inner .inner_head { position:relative; width:656px; padding-top:3px; background:transparent url("./global/images/detail_head.gif") left top no-repeat; left:-1px; } #static .inner p.inner_txt { margin:15px 20px 0 20px; } #static .inner p.inner_txtttl { margin:15px 20px 0 0; padding-left:15px; border-left:solid 5px #262626; font-size:14px; font-weight:bold; } #static .inner div.wrapped{ margin:15px 20px; padding:20px; border:solid 1px #e2e2e2; background:#e2e2e2; } #static .inner dl.company { margin:15px 20px; padding-bottom:15px; border-bottom:solid 1px #e2e2e2; } #static .inner dl.company dt.companyttl { width:180px; float:left; } #static .inner dl.company dd.companytxt { width:434px; float:left; } #static .inner span.eng { color:#9f9f9f; } #static .inner #contact { } #static .inner #contact dl.contactform { margin:15px 20px; padding-bottom:5px; } #static .inner #contact dl.contactform dt { width:180px; float:left; } #static .inner #contact dl.contactform dd { width:434px; float:left; } @charset "utf-8"; /* ======== table of content. =============== summary:Home ========================================== */ /*---------------------------------------- Upper ------------------------------------------*/ .home { background:transparent url("./home/images/bg.gif") top left repeat-x; } #panel { width:656px; } /* Headline */ dl#headline { width:656px; height:25px; background:transparent url("./home/images/headline_bg.gif") top left no-repeat; } dl#headline dt { padding:2px; width:81px; float:left; } dl#headline dd { width:571px; float:left; } dl#headline dd ul.ticker { height:25px; width:571px; overflow:hidden; line-height: 2; line-height:2.8\9; *line-height:1.7; _line-height: 2; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { dl#headline dd ul.ticker { line-height:2.8 /* IE10 */ }} dl#headline dd ul.ticker li { position:relative; top:-4px; height:25px; padding:0 8px; } dl#headline dd ul.ticker li a { color:#3366cc; text-decoration:none; font-weight:normal; font-size:12px; } dl#headline dd ul.ticker li a:hover { color:#6f9bdb; text-decoration:none; } /* Slider */ #slider { margin:13px 0 0 0; width:656px; height:421px; } #slider p.slideimg { margin:0; } #slider p.slidedate { margin-top:5px; font-size:9px; text-align:right; } #slider p.slidettl { margin:-7px 0 7px 0; font-size:20px; font-weight:normal; } #slider p.slideguest { padding:0 0 0 70px; font-size:14px; background:transparent url("./home/images/slider_guest.gif") left center no-repeat; } #slider p.slideprogram { padding:0 0 0 70px; font-size:12px; background:transparent url("./home/images/slider_program.gif") left center no-repeat; } #slider p.slidelead { margin:8px 0 0 0; padding:8px 0 0 0; font-size:12px; border-top:solid 1px #e2e2e2; } .jquery-slider { overflow:hidden; position:relative; } .jquery-slider-element { overflow:hidden; display:none; position:absolute; left:0; top:0; width:100%; height:100%; } .jquery-slider-control { overflow:hidden; position:absolute; text-align:center; width:24px; height:24px; line-height:24px; font-size:16px;font-weight:bold; padding:0; margin:0; border:1px solid #666; background:#fff; opacity:0.33; cursor:pointer; border-radius:12px; box-shadow:#666 0 0 2px; text-shadow:#fff 0 0 1px; } .jquery-slider-control:hover { opacity:1; } .jquery-slider-control-prev { left:8px; top:8px; } .jquery-slider-control-next { right:8px; top:8px; } /*---------------------------------------- Features ------------------------------------------*/ #features { margin:50px 0 0 0; } #featuresTtl { margin:0; } #features ul#boxes { margin:0; width:656px; } #features ul#boxes li a { margin:0; text-decoration:none; font-weight:normal; color:#000; } #features ul#boxes li { margin:0; width:318px; height:363px; display:block; float:left; } /* position:absoluteをつけた↓ */ #features ul#boxes li #video { position:absolute; margin:11px 11px 0 11px; width:296px; height:210px; background:transparent url("./global/images/video_bg.gif") left top no-repeat; } #features ul#boxes li #video p.photo { padding:0 0 8px 8px; width:279px; height:158px; } #features ul#boxes li #video h3 { position:relative; margin:0 0 0 8px; padding-top:4px; font-size:12px; font-weight:bold; color:#fff; height:38px; width:296px; display: table-cell; vertical-align: middle; } #features ul#boxes li #video h3.line2 { margin:0 0 0 8px; padding-top:6px; font-size:12px; font-weight:bold; color:#fff; height:36px; } .video_top { position: absolute; } .video_top_thumb { position: relative; width: 296px; height: 206px; margin: 11px 0 0 11px; background:transparent url("./global/images/video_bg.gif") left top no-repeat; } .video_top_header { position: relative; width: 100%; height: 38px; margin: 0; display: inline; } .video_top_header p { margin: 6px; float: left; } .video_related_thumb { position: relative; width: 296px; height: 206px; background:transparent url("./global/images/video_bg.gif") left top no-repeat; } .video_top_header .marugeki-talk { background:transparent url("./global/images/icon_marugeki.png") left center no-repeat; width:25px; height: 25px; display: inline-block; } .video_top_header .commentary { background:transparent url("./global/images/icon_news.png") left center no-repeat; width:20px; height: 22px; display: inline-block; } .video_top_header .press-club { background:transparent url("./global/images/icon_pressclub.png") left center no-repeat; width:20px; height: 22px; display: inline-block; } .video_top_header .fukushima { background:transparent url("./global/images/icon_fukushima.png") left center no-repeat; width:20px; height: 22px; display: inline-block; } .video_top_header .interviews { background:transparent url("./global/images/icon_interviews.png") left center no-repeat; width:20px; height: 22px; display: inline-block; } .video_top_header h3 { position: relative; margin: 0; padding: 4px 4px 4px 0; height: 30px; width: 253px; line-height: 115%; font-size: 12px; font-weight: bold; color: #fff; display: table-cell; vertical-align: middle; } .video_top_thumb_photo { position: absolute; top: 40px; padding:0 0 8px 8px; width:279px; height:158px; } .video_top_body { position: relative; margin: 0 11px; width: 296px; height: 118px; } .video_top_body h4 { position: relative; padding: 10px 8px 0 8px; font-size:16px; color:#3366cc; font-weight:bold; width: 280px; height:56px; display: table-cell; vertical-align: middle; } .video_top_body h4 span.title_lead { font-size:12px; } .video_top_body_guest { position: relative; width: 100%; height: 38px; margin: 0; display: inline; } .guest_label { width: 56px; height: 35px; margin-left: 8px; background:transparent url("./global/images/guest.gif") left top no-repeat; float: left; } .guest_value { padding-left: 5px; height: 38px; width: 227px; font-size:12px; display: table-cell; vertical-align: middle; } .video_top_footer { position: absolute; top: 341px; right: 0px; height: 26px; } #features ul#boxes li #video h3 span { font-size:10px; } #features ul#boxes li #video h3.marugeki { padding-left:30px; background:transparent url("./global/images/icon_marugeki.png") left center no-repeat; } #features ul#boxes li #video h3.news { padding-left:20px; background:transparent url("./global/images/icon_news.png") left center no-repeat; } #features ul#boxes li #video h3.fukushima { padding-left:20px; background:transparent url("./global/images/icon_fukushima.png") left center no-repeat; } #features ul#boxes li #video h3.interviews { padding-left:20px; background:transparent url("./global/images/icon_interviews.png") left center no-repeat; } #features ul#boxes li #video h3.pressclub { padding-left:20px; background:transparent url("./global/images/icon_pressclub.png") left center no-repeat; } /* tsu */ #features ul#boxes li #video h3.marugeki-talk { padding-left:30px; background:transparent url("./global/images/icon_marugeki.png") left center no-repeat;--> } #features ul#boxes li #video h3.commentary { padding-left:20px; background:transparent url("./global/images/icon_news.png") left center no-repeat; } #features ul#boxes li #video h3.press-club { padding-left:20px; background:transparent url("./global/images/icon_pressclub.png") left center no-repeat; } #features ul#boxes li #video h3.fukushima { padding-left:20px; background:transparent url("./global/images/icon_fukushima.png") left center no-repeat; } /* //tsu */ #features ul#boxes li h2 { margin:0; padding:14px 0 0 8px; font-size:16px; color:#3366cc; font-weight:bold; height:56px; display: table-cell; vertical-align: middle; } #features ul#boxes li h2.line2 { margin:0; padding:14px 0 0 8px; font-size:16px; color:#3366cc; font-weight:bold; height:56px; } #features ul#boxes li p.guest { margin:0 0 0 8px; padding:7px 0 0 61px; font-size:12px; height:45px; background:transparent url("./global/images/guest.gif") left top no-repeat; } #features ul#boxes li p.line2 { margin:0 0 0 8px; padding:0 0 0 61px; font-size:12px; height:52px; background:transparent url("./global/images/guest.gif") left top no-repeat; } #features ul#boxes li p.date { padding:0 0 0 4px; height:20px; font-size:9px; } #features ul#boxes li p.status { margin:-25px 0 0 201px; } /* boxLink */ .boxLink { background:transparent url("./global/images/video_box.gif") left top no-repeat; } .boxLink:hover { background:transparent url("./global/images/video_boxov.gif") left top no-repeat; } .hover { cursor:pointer; } /* ======== table of content. =============== summary:Navigation ========================================== */ /*---------------------------------------- Header ------------------------------------------*/ #header { position:fixed !important; top:0; left:0; width:100%; background:transparent url("./global/images/bg.png") left top repeat-x; height:117px; z-index:1; } /* Logout */ #header #header_logout { position:relative; margin:0 auto; width:1000px; } #header #header_logout h1 { position:absolute; left:174px; top:21px; font-size:11px; font-weight:bold; } #header #header_logout h1 a { color:#000; text-decoration:none; } #header #header_logout h1 a:hover { color:#777; text-decoration:none; } /* tsu */ #header #header_logout h3 { position:absolute; left:174px; top:21px; font-size:11px; font-weight:bold; } #header #header_logout h3 a { color:#000; text-decoration:none; } #header #header_logout h3 a:hover { color:#777; text-decoration:none; } /* //tsu */ #header #header_logout h2 { position:absolute; left:0; top:14px; } #header #header_logout div#logo { position:absolute; left:0; top:14px; } #header #header_logout ul#toplevel { position:absolute; right:0; top:13px; } #header #header_logout ul#toplevel li.register { position:absolute; right:0; top:0;} #header #header_logout ul#toplevel li.loginbtn { position:absolute; right:102px; top:0;} #header #header_logout ul#toplevel li.beginner { position:absolute; right:317px; top:7px;} #header #header_logout ul#toplevel li.mymenubtn { position:absolute; right:217px; top:7px;} #header #header_logout ul#globalmenu { position:absolute; left:0; top:69px; } #header #header_logout ul#globalmenu li { float:left; } /* Login */ #header #header_login { position:relative; margin:0 auto; width:1000px; } #header #header_login h1 { position:absolute; left:174px; top:21px; font-size:11px; font-weight:bold; } #header #header_login h1 a { color:#000; text-decoration:none; } #header #header_login h1 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } /* tsu */ #header #header_login h3 { position:absolute; left:174px; top:21px; font-size:11px; font-weight:bold; } #header #header_login h3 a { color:#000; text-decoration:none; } #header #header_login h3 a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; } /* //tsu */ #header #header_login h2 { position:absolute; left:0; top:14px; } #header #header_login div#logo { position:absolute; left:0; top:14px; } #header #header_login ul#toplevel { position:absolute; right:0; top:13px; } #header #header_login ul#toplevel li.logoutbtn { position:absolute; right:0; top:0;} #header #header_login ul#toplevel li.status { position:absolute; right:102px; top:0;} #header #header_login ul#toplevel li.howto { position:absolute; right:217px; top:7px;} #header #header_login ul#toplevel li.trouble { position:absolute; right:304px; top:7px;} #header #header_login ul#globalmenu { position:absolute; left:0; top:69px; } #header #header_login ul#globalmenu li { float:left; } /*---------------------------------------- Breadcrumbs ------------------------------------------*/ ul#breadcrumbs { width:656px; background:transparent url("./global/images/breadcrumbs.gif") left top no-repeat; } ul#breadcrumbs li { padding-left:10px; font-size:10px; line-height:2.7em; float:left; } ul#breadcrumbs li a { padding-right:20px; height:25px; color:#000; font-weight:normal; background:transparent url("./global/images/breadcrumbs_arrow.gif") right top no-repeat; display:block; } ul#breadcrumbs li a:hover { text-decoration:none; color:#777; display:block; } /*---------------------------------------- Footer ------------------------------------------*/ #footer { margin-top:36px; background-color:#fff; width:100%; border-top:solid 1px #e2e2e2; clear:both; } #footer #footer_common { margin:0 auto; width:1000px; position:relative; } #footer #footer_common ul#submenu { margin:33px 0 7px 0; } #footer #footer_common ul#submenu li { margin:0 3px 0 0; float:left; } #footer #footer_common p#ftxt { margin-bottom:7px; font-size:10px; } #footer #footer_common p#priv { padding-bottom:28px; font-size:9px; } #footer #footer_common #gomobile { position:absolute; right:0; top:0; width:105px; height:98px; background:transparent url("./global/images/gomobile.gif") left top no-repeat; } #footer #footer_common #gomobile a { padding:42px 0 0 17px; width:88px; height:56px; font-size:14px; font-weight:normal; color:black; display:block; } #footer #footer_common #gomobile a:hover { text-decoration:none; } /* ======== table of content. =============== summary:clearfix - ie以外 - ie ========================================== */ /*---------------------------------------- ie以外 ------------------------------------------*/ .clearfix:after, #globalMenu:after, #content:after, .switch_lang:after, #globalnavigation:after, #content:after, #promotion:after, #latestTopics:after, .title:after, #information #news li:after, .info_section:after, .pager:after { content:"."; display:block; height:0; clear:both; font-size:0; line-height:0; visibility:hidden; } /*---------------------------------------- For IE 6/7 (trigger hasLayout) ------------------------------------------*/ .clearfix, #globalMenu, #content, .switch_lang, #globalnavigation, #content, #promotion, #latestTopics, .title, #information #news li, .info_section, .pager { zoom:1; } .jquery-slider { overflow: hidden; position: relative; } .jquery-slider-element { overflow: hidden; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .jquery-slider-control { overflow: hidden; position: absolute; text-align: center; width: 24px; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; padding: 0; margin: 0; border: 1px solid #666; background: #fff; opacity: 0.33; cursor: pointer; border-radius: 12px; box-shadow: #666 0 0 2px; text-shadow: #fff 0 0 1px; } .jquery-slider-control:hover { opacity: 1; } .jquery-slider-control-prev { left: 5px; top: 5px; } .jquery-slider-control-next { right: 5px; top: 5px; } .jquery-slider-pages { overflow: visible; position: absolute; left: 5px; bottom: 5px; height: 20px; right: 5px; } .jquery-slider-page { overflow: hidden; position: relative; display: block; float: right; width: 12px; height: 12px; padding: 0; margin: 0; background: #999; cursor: pointer; opacity: 0.33; margin: 3px; border-radius: 6px; box-shadow: #333 0 0 2px; visibility: hidden; } .jquery-slider-page:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); } .jquery-slider-page-current { opacity: 1; } /* ======== table of content. =============== summary:汎用要素設定 - *utility class - align( horizontal ) - align( vertical ) - bg - box - color - flow-chart - image - link - list - table - text - 見出し - ウェイト - spacing - width ========================================== */ /*---------------------------------------- *utility class ------------------------------------------*/ /* nonvisual */ .nonvisual { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; line-height:1px; font-size:1px; } /* btReplaced */ .btReplaced, .replaced a, .replaced span, #siteLogo a, #siteLogo span, .siteCopy span, #header_util a, .switch a, #fontS a, #fontM a, #fontL a, #globalMenu a, .rss a, .privacypolicy a, .copyright span, #twitterArea .title h3 span { display:block; float:left; height:0; background-repeat:no-repeat; background-position:0 0; overflow:hidden; } .ReplacedArea li { /* tsu display:inline;*/ /* _vertical-align:bottom; */ } /*---------------------------------------- align( horizontal ) ------------------------------------------*/ .alignleft { text-align:left !important; } .aligncenter { text-align:center !important;} .alignright { text-align:right !important; } .alignauto { margin-left:auto !important; margin-right:auto !important; } /*---------------------------------------- align( vertical ) ------------------------------------------*/ .vab { vertical-align:bottom; } /*---------------------------------------- bg ------------------------------------------*/ /*---------------------------------------- box ------------------------------------------*/ /*---------------------------------------- color ------------------------------------------*/ /*---------------------------------------- float ------------------------------------------*/ .fl { float:left; } .fr { float:right; } .clear { clear:both; } /*---------------------------------------- image ------------------------------------------*/ /*---------------------------------------- list ------------------------------------------*/ /*---------------------------------------- link ------------------------------------------*/ .arrow a { padding-left:12px; background:url("./global/images/icon_arrow.gif") no-repeat 0 2px; } .arrow a:hover { background-image:url("./global/images/icon_arrow_hover.gif"); } /*---------------------------------------- table ------------------------------------------*/ /*---------------------------------------- text ------------------------------------------*/ /* フォントサイズ */ /* font-size: body要素に65%指定のため、 px換算に1.53をかけたものを指定する。 10px = 65% x 1.53 = 100% 11px = 70% x 1.53 = 107% 12px = 75% x 1.53 = 115% 13px = 84% x 1.53 = 128% 14px = 90% x 1.53 = 138% 15px = 94% x 1.53 = 144% 16px = 100% x 1.53 = 153% 18px = 115% x 1.53 = 178% 20px = 125% x 1.53 = 191% 22px = 138% x 1.53 = 211% 24px = 150% x 1.53 = 229% 26px = 163% x 1.53 = 249% 28px = 175% x 1.53 = 267% */ /*----------------------------------- 見出し -------------------------------------*/ /*---------------------------------------- spacing ------------------------------------------*/ /*---------------------------------------- margin ------------------------------------------*/ /* MARGIN-TOP */ .mt_minus06 { margin-top:-6px!important; } .mt_minus12 { margin-top:-12px!important; } .mt_minus18 { margin-top:-18px!important; } .mt_minus24 { margin-top:-24px!important; } .mt_minus32 { margin-top:-32px!important; } .mt_minus36 { margin-top:-36px!important; } .mt_minus48 { margin-top:-48px!important; } .mt_minus60 { margin-top:-60px!important; } .mt_minus72 { margin-top:-72px!important; } .mt00 { margin-top:0px!important; } .mt03 { margin-top:3px!important; } .mt06 { margin-top:6px!important; } .mt12 { margin-top:12px!important; } .mt17 { margin-top:17px!important; } .mt20 { margin-top:24px!important; } .mt24 { margin-top:24px!important; } .mt36 { margin-top:36px!important; } .mt48 { margin-top:48px!important; } .mt60 { margin-top:60px!important; } .mt72 { margin-top:72px!important; } .mt90 { margin-top:90px!important; } .mt100 { margin-top:100px!important; } .mt125 { margin-top:125px!important; } .mt150 { margin-top:150px!important; } /* MARGIN-RIGHT */ .mr00 { margin-right:0px!important; } .mr06 { margin-right:6px!important; } .mr12 { margin-right:12px!important; } .mr15 { margin-right:15px!important; } .mr18 { margin-right:18px!important; } .mr20 { margin-right:20px!important; } .mr24 { margin-right:24px!important; } .mr36 { margin-right:36px!important; } .mr48 { margin-right:48px!important; } .mr60 { margin-right:60px!important; } .mr72 { margin-right:72px!important; } /* MARGIN-BOTTOM */ .mb_minus02 { margin-bottom:-2px!important; } .mb_minus06 { margin-bottom:-6px!important; } .mb_minus12 { margin-bottom:-12px!important; } .mb_minus24 { margin-bottom:-24px!important; } .mb_minus36 { margin-bottom:-36px!important; } .mb_minus48 { margin-bottom:-48px!important; } .mb_minus60 { margin-bottom:-60px!important; } .mb_minus72 { margin-bottom:-72px!important; } .mb00 { margin-bottom:0!important; } .mb04 { margin-bottom:4px!important; } .mb06 { margin-bottom:6px!important; } .mb07 { margin-bottom:7px!important; } .mb08 { margin-bottom:8px!important; } .mb10 { margin-bottom:10px!important; } .mb12 { margin-bottom:12px!important; } .mb20 { margin-bottom:20px!important; } .mb24 { margin-bottom:24px!important; } .mb30 { margin-bottom:30px!important; } .mb36 { margin-bottom:36px!important; } .mb40 { margin-bottom:40px!important; } .mb48 { margin-bottom:48px!important; } .mb55 { margin-bottom:55px!important; } .mb60 { margin-bottom:60px!important; } .mb72 { margin-bottom:72px!important; } .mb80 { margin-bottom:80px!important; } .mb90 { margin-bottom:90px!important; } .mb100 { margin-bottom:100px!important; } .mb125 { margin-bottom:125px!important; } .mb150 { margin-bottom:150px!important; } /* MARGIN-LEFT */ .ml00 { margin-left:0px!important; } .ml06 { margin-left:6px!important; } .ml10 { margin-left:10px!important; } .ml12 { margin-left:12px!important; } .ml20 { margin-left:20px!important; } .ml24 { margin-left:24px!important; } .ml30 { margin-left:30px!important; } .ml36 { margin-left:36px!important; } .ml40 { margin-left:40px!important; } .ml48 { margin-left:48px!important; } .ml60 { margin-left:60px!important; } .ml72 { margin-left:72px!important; } /* MARGIN-TOP & MARGIN-BOTTOM */ .mtb06 { margin-top:6px!important; margin-bottom:6px!important; } .mtb12 { margin-top:12px!important; margin-bottom:12px!important; } .mtb24 { margin-top:24px!important; margin-bottom:24px!important; } .mtb36 { margin-top:36px!important; margin-bottom:36px!important; } .mtb48 { margin-top:48px!important; margin-bottom:48px!important; } .mtb60 { margin-top:60px!important; margin-bottom:60px!important; } .mtb72 { margin-top:72px!important; margin-bottom:72px!important; } /* MARGIN-LEFT & MARGIN-RIGHT */ .mlr06 { margin-left:6px!important; margin-right:6px!important; } .mlr12 { margin-left:12px!important; margin-right:12px!important; } .mlr24 { margin-left:24px!important; margin-right:24px!important; } .mlr36 { margin-left:36px!important; margin-right:36px!important; } .mlr48 { margin-left:48px!important; margin-right:48px!important; } .mlr150 { margin-left:150px!important; margin-right:150px!important; } /* MARGIN-ALL */ .ma06 { margin:6px!important; } .ma12 { margin:12px!important; } .ma20 { margin:20px!important; } .ma24 { margin:24px!important; } .ma36 { margin:36px!important; } .ma48 { margin:48px!important; } .ma60 { margin:60px!important; } .ma72 { margin:72px!important; } /*---------------------------------------- padding ------------------------------------------*/ /* PADDING-TOP */ .pt00 { padding-top:0!important; } .pt06 { padding-top:6px!important; } .pt12 { padding-top:12px!important; } .pt24 { padding-top:24px!important; } .pt36 { padding-top:36px!important; } .pt48 { padding-top:48px!important; } .pt60 { padding-top:60px!important; } .pt72 { padding-top:72px!important; } /* PADDING-BOTTOM */ .pb00 { padding-bottom:0!important; } .pb06 { padding-bottom:6px!important; } .pb12 { padding-bottom:12px!important; } .pb24 { padding-bottom:24px!important; } .pb36 { padding-bottom:36px!important; } .pb48 { padding-bottom:48px!important; } .pb60 { padding-bottom:60px!important; } .pb72 { padding-bottom:72px!important; } /* PADDING-LEFT */ .pl06 { padding-left:6px!important; } .pl12 { padding-left:12px!important; } .pl24 { padding-left:24px!important; } .pl36 { padding-left:36px!important; } .pl48 { padding-left:48px!important; } .pl60 { padding-left:60px!important; } .pl72 { padding-left:72px!important; } .pl160 { padding-left:160px!important; } /* PADDING-RIGHT */ .pr06 { padding-right:6px!important; } .pr12 { padding-right:12px!important; } .pr24 { padding-right:24px!important; } .pr36 { padding-right:36px!important; } .pr48 { padding-right:48px!important; } .pr60 { padding-right:60px!important; } .pr72 { padding-right:72px!important; } .pr160 { padding-right:160px!important; } /* PADDING-TOP & PADDING-BOTTOM */ .ptb06 { padding-top:6px!important; padding-bottom:6px!important; } .ptb12 { padding-top:12px!important; padding-bottom:12px!important; } .ptb24 { padding-top:24px!important; padding-bottom:24px!important; } .ptb36 { padding-top:36px!important; padding-bottom:36px!important; } .ptb48 { padding-top:48px!important; padding-bottom:48px!important; } .ptb60 { padding-top:60px!important; padding-bottom:60px!important; } .ptb72 { padding-top:72px!important; padding-bottom:72px!important; } /* PADDING-LEFT & PADDING-RIGHT */ .plr06 { padding-left:6px!important; padding-right:6px!important; } .plr12 { padding-left:12px!important; padding-right:12px!important; } .plr24 { padding-left:24px!important; padding-right:24px!important; } .plr36 { padding-left:36px!important; padding-right:36px!important; } .plr48 { padding-left:48px!important; padding-right:48px!important; } /* PADDING-ALL */ .pa00 { padding:0!important; } .pa01 { padding:1px!important; } .pa02 { padding:2px!important; } .pa06 { padding:6px!important; } .pa12 { padding:12px!important; } .pa24 { padding:24px!important; } .pa36 { padding:36px!important; } .pa48 { padding:48px!important; } .pa60 { padding:60px!important; } .pa72 { padding:72px!important; } /*---------------------------------------- width ------------------------------------------*/ .w50 { width:50px!important; } .w100 { width:100px!important; } .w110 { width:110px!important; } .w135 { width:135px!important; } .w150 { width:150px!important; } .w170 { width:170px!important; } .w190 { width:190px!important; } .w200 { width:200px!important; } .w210 { width:210px!important; } .w225 { width:225px!important; } .w250 { width:250px!important; } .w275 { width:275px!important; } .w300 { width:300px!important; } .w307 { width:307px!important; } .w325 { width:350px!important; } .w350 { width:350px!important; } .w375 { width:375px!important; } .w400 { width:400px!important; } .w425 { width:425px!important; } .w445 { width:445px!important; } .w450 { width:450px!important; } .w475 { width:475px!important; } .w500 { width:500px!important; } .w525 { width:525px!important; } .w540 { width:540px!important; } .w600 { width:600px!important; } .w630 { width:630px!important; } .w645 { width:650px!important; } .w650 { width:650px!important; } .w700 { width:700px!important; }