/* link with arrow ------------------*/ ul.link li { padding: 0 0 0 7px; margin: 0; text-indent: -7px; zoom: 1; } .link a:link, .link a:visited, #content table th.link a:link, #content table th.link a:visited, #content table td.link a:link, #content table td.link a:visited, #content .heading4 a:link, #content .heading4 a:visited, #content dl.reviewer dt a:link, #content dl.reviewer dt a:visited, #content div.read-more a:link, #content div.read-more a:visited, #content dl.heading-subinfo dd a:link, #content dl.heading-subinfo dd a:visited, #content div.info-footer a:link, #content div.info-footer a:visited, #content div.back-link a:link, #content div.back-link a:visited, #content ul.sequential-nav a:link, #content ul.sequential-nav a:visited, #content div.modified dl.edit-by a:link, #content div.modified dl.edit-by a:visited, #content div.modified div.disclaimer a:link, #content div.modified div.disclaimer a:visited, #content div.image-list div.more a:link, #content div.image-list div.more a:visited, #content ul.blog-list li dl dt a:link, #content ul.blog-list li dl dt a:visited, #content ul.date-list dl dt.link a:link, #content ul.date-list dl dt.link a:visited, #content dl.nav-local dd ul li a:link, #content dl.nav-local dd ul li a:visited { padding: 0 0 0 7px; background: url(../img/icn_link_01.gif) 0 0.43em no-repeat; *background-position: 0 0.34em; } .link a:visited, #content table th.link a:visited, #content table td.link a:visited, #content .heading4 a:visited, #content dl.reviewer dt a:visited, #content div.read-more a:visited, #content dl.heading-subinfo dd a:visited, #content div.info-footer a:visited, #content div.back-link a:visited, #content ul.sequential-nav a:visited, #content div.modified dl.edit-by a:visited, #content div.modified div.disclaimer a:visited, #content div.image-list div.more a:visited, #content ul.blog-list li dl dt a:visited, #content ul.date-list dl dt.link a:visited, #content dl.nav-local dd ul li a:visited { background-image: url(../img/icn_link_01_v.gif); } .link a:link:hover, .link a:link:active, .link a:visited:hover, .link a:visited:active, #content table th.link a:link:hover, #content table th.link a:link:active, #content table th.link a:visited:hover, #content table th.link a:visited:active, #content table td.link a:link:hover, #content table td.link a:link:active, #content table td.link a:visited:hover, #content table td.link a:visited:active, #content .heading4 a:link:hover, #content .heading4 a:link:active, #content .heading4 a:visited:hover, #content .heading4 a:visited:active, #content dl.reviewer dt a:link:hover, #content dl.reviewer dt a:link:active, #content dl.reviewer dt a:visited:hover, #content dl.reviewer dt a:visited:active, #content div.read-more a:link:hover, #content div.read-more a:link:active, #content div.read-more a:visited:hover, #content div.read-more a:visited:active, #content dl.heading-subinfo dd a:link:hover, #content dl.heading-subinfo dd a:link:active, #content dl.heading-subinfo dd a:visited:hover, #content dl.heading-subinfo dd a:visited:active, #content div.info-footer a:link:hover, #content div.info-footer a:link:active, #content div.info-footer a:visited:hover, #content div.info-footer a:visited:active, #content div.back-link a:link:hover, #content div.back-link a:link:active, #content div.back-link a:visited:hover, #content div.back-link a:visited:active, #content ul.sequential-nav a:link:hover, #content ul.sequential-nav a:link:active, #content ul.sequential-nav a:visited:hover, #content ul.sequential-nav a:visited:active, #content div.modified dl.edit-by a:link:hover, #content div.modified dl.edit-by a:link:active, #content div.modified dl.edit-by a:visited:hover, #content div.modified dl.edit-by a:visited:active, #content div.modified div.disclaimer a:link:hover, #content div.modified div.disclaimer a:link:active, #content div.modified div.disclaimer a:visited:hover, #content div.modified div.disclaimer a:visited:active, #content div.image-list div.more a:link:hover, #content div.image-list div.more a:link:active, #content div.image-list div.more a:visited:hover, #content div.image-list div.more a:visited:active, #content ul.blog-list li dl dt a:link:hover, #content ul.blog-list li dl dt a:link:active, #content ul.blog-list li dl dt a:visited:hover, #content ul.blog-list li dl dt a:visited:active, #content ul.date-list dl dt.link a:link:hover, #content ul.date-list dl dt.link a:link:active, #content ul.date-list dl dt.link a:visited:hover, #content ul.date-list dl dt.link a:visited:active, #content dl.nav-local dd ul li a:link:hover, #content dl.nav-local dd ul li a:link:active, #content dl.nav-local dd ul li a:visited:hover, #content dl.nav-local dd ul li a:visited:active { background-image: url(../img/icn_link_01_o.gif); } .link a[href]:focus, #content table th.link a[href]:focus, #content table td.link a[href]:focus, #content .heading4 a[href]:focus, #content dl.reviewer dt a[href]:focus, #content div.read-more a[href]:focus, #content dl.heading-subinfo dd a[href]:focus, #content div.info-footer a[href]:focus, #content div.back-link a[href]:focus, #content ul.sequential-nav a[href]:focus, #content div.modified dl.edit-by a[href]:focus, #content div.modified div.disclaimer a[href]:focus, #content div.image-list div.more a[href]:focus, #content ul.blog-list li dl dt a[href]:focus, #content ul.date-list dl dt.link a[href]:focus, #content dl.nav-local dd ul li a[href]:focus { background-image: url(../img/icn_link_01_o.gif); } /* link without underline ------------------*/ .link a:link, .link a:visited, #content table th.link a:link, #content table th.link a:visited, #content table th.feed a:link, #content table th.feed a:visited, #content table td.link a:link, #content table td.link a:visited, #content table td.feed a:link, #content table td.feed a:visited, #content .heading4 a:link, #content .heading4 a:visited, #content div.add-favorite a:link, #content div.add-favorite a:visited, #content dl.nav-local dd ul li a:link, #content dl.nav-local dd ul li a:visited, #content dl.reviewer dt a:link, #content dl.reviewer dt a:visited, #content div.read-more a:link, #content div.read-more a:visited, #content dl.heading-subinfo dd a:link, #content dl.heading-subinfo dd a:visited, #content div.info-footer a:link, #content div.info-footer a:visited, #content div.back-link a:link, #content div.back-link a:visited, #content ul.sequential-nav a:link, #content ul.sequential-nav a:visited, #content div.modified dl.edit-by a:link, #content div.modified dl.edit-by a:visited, #content div.modified div.disclaimer a:link, #content div.modified div.disclaimer a:visited, #content div.image-list div.more a:link, #content div.image-list div.more a:visited, #content ul.blog-list li dl dt a:link, #content ul.blog-list li dl dt a:visited, #content ul.date-list dl a:link, #content ul.date-list dl a:visited, #content ul.question-list a:link, #content ul.question-list a:visited, #content div.return a:link, #content div.return a:visited { text-decoration: none; } .link a:link:hover, .link a:link:active, .link a:visited:hover, .link a:visited:active, #content table th.link a:link:hover, #content table th.link a:link:active, #content table th.link a:visited:hover, #content table th.link a:visited:active, #content table th.feed a:link:hover, #content table th.feed a:link:active, #content table th.feed a:visited:hover, #content table th.feed a:visited:active, #content table td.link a:link:hover, #content table td.link a:link:active, #content table td.link a:visited:hover, #content table td.link a:visited:active, #content table td.feed a:link:hover, #content table td.feed a:link:active, #content table td.feed a:visited:hover, #content table td.feed a:visited:active, #content .heading4 a:link:hover, #content .heading4 a:link:active, #content .heading4 a:visited:hover, #content .heading4 a:visited:active, #content div.add-favorite a:link:hover, #content div.add-favorite a:link:active, #content div.add-favorite a:visited:hover, #content div.add-favorite a:visited:active, #content dl.nav-local dd ul li a:link:hover, #content dl.nav-local dd ul li a:link:active, #content dl.nav-local dd ul li a:visited:hover, #content dl.nav-local dd ul li a:visited:active, #content dl.reviewer dt a:link:hover, #content dl.reviewer dt a:link:active, #content dl.reviewer dt a:visited:hover, #content dl.reviewer dt a:visited:active, #content div.read-more a:link:hover, #content div.read-more a:link:active, #content div.read-more a:visited:hover, #content div.read-more a:visited:active, #content dl.heading-subinfo dd a:link:hover, #content dl.heading-subinfo dd a:link:active, #content dl.heading-subinfo dd a:visited:hover, #content dl.heading-subinfo dd a:visited:active, #content div.info-footer a:link:hover, #content div.info-footer a:link:active, #content div.info-footer a:visited:hover, #content div.info-footer a:visited:active, #content div.back-link a:link:hover, #content div.back-link a:link:active, #content div.back-link a:visited:hover, #content div.back-link a:visited:active, #content ul.sequential-nav a:link:hover, #content ul.sequential-nav a:link:active, #content ul.sequential-nav a:visited:hover, #content ul.sequential-nav a:visited:active, #content div.modified dl.edit-by a:link:hover, #content div.modified dl.edit-by a:link:active, #content div.modified dl.edit-by a:visited:hover, #content div.modified dl.edit-by a:visited:active, #content div.modified div.disclaimer a:link:hover, #content div.modified div.disclaimer a:link:active, #content div.modified div.disclaimer a:visited:hover, #content div.modified div.disclaimer a:visited:active, #content div.image-list div.more a:link:hover, #content div.image-list div.more a:link:active, #content div.image-list div.more a:visited:hover, #content div.image-list div.more a:visited:active, #content ul.blog-list li dl dt a:link:hover, #content ul.blog-list li dl dt a:link:active, #content ul.blog-list li dl dt a:visited:hover, #content ul.blog-list li dl dt a:visited:active, #content ul.date-list dl a:link:hover, #content ul.date-list dl a:link:active, #content ul.date-list dl a:visited:hover, #content ul.date-list dl a:visited:active, #content ul.question-list a:link:hover, #content ul.question-list a:link:active, #content ul.question-list a:visited:hover, #content ul.question-list a:visited:active, #content div.return a:link:hover, #content div.return a:link:active, #content div.return a:visited:hover, #content div.return a:visited:active { text-decoration: underline; } .link a[href]:focus, #content table th.link a[href]:focus, #content table td.link a[href]:focus, #content table th.feed a[href]:focus, #content table td.feed a[href]:focus, #content .heading4 a[href]:focus, #content div.add-favorite a[href]:focus, #content dl.nav-local dd ul li a[href]:focus, #content dl.reviewer dt a[href]:focus, #content div.read-more a[href]:focus, #content dl.heading-subinfo dd a[href]:focus, #content div.info-footer a[href]:focus, #content div.back-link a[href]:focus, #content ul.sequential-nav a[href]:focus, #content div.modified dl.edit-by a[href]:focus, #content div.modified div.disclaimer a[href]:focus, #content div.image-list div.more a[href]:focus, #content ul.blog-list li dl dt a[href]:focus, #content ul.date-list dl a[href]:focus, #content ul.question-list a[href]:focus, #content div.return a[href]:focus { text-decoration: underline; } /* clear-fix ------------------*/ .cf, #content div.status, #content div.status ul, #content div.status div.data, #content div.status div.data dl, #content dl.nav-local, #content dl.nav-local dd ul, #content ul.nav-local, #content ul.horizontal, #content div.comment-block, #content dl.view-date, #content div.specific-rating-block, #content div.specific-rating-block dl, #content div.comment-body div.comment, #content div.comment-block div.comment-function, #content div.comment-block ul.link, #content .heading1 span, #content dl.heading-subinfo, #content dl.keywords, #content div.info-footer, #content ul.radio-group, #content ul.checkbox-group, #content div.layout, #content ul.sequential-nav, #content ul.sequential-nav li.pages ul, #content div.modified, #content div.modified div.update, #content div.modified div.edit-gallery, #content div.image-list ul, #content div.basic-info dl.keyword, #content ol.step-list, #content ul.right, #content div.detail-info dl, #content ul.date-list dl, #content div.return, #content div.article-title, #content div.follower-list-block ul, #content div.recommend-list-block ul, #content div.myplay-list ul li, #content div.comment-complete div.code-area, #content div.schedule-list ul li, #content div.comment-list ul li, #content ul.blog-list li dl, #content div.comment-list-block form, #content div.comment-list-block div.entry, #content div.comment-list-block div.function ul { zoom: 1; } .cf:after, #content div.status:after, #content div.status ul:after, #content div.status div.data:after, #content div.status div.data dl:after, #content dl.nav-local:after, #content dl.nav-local dd ul:after, #content ul.nav-local:after, #content ul.horizontal:after, #content div.comment-block:after, #content dl.view-date:after, #content div.specific-rating-block:after, #content div.specific-rating-block dl:after, #content div.comment-body div.comment:after, #content div.comment-block div.comment-function:after, #content div.comment-block ul.link:after, #content .heading1 span:after, #content dl.heading-subinfo:after, #content dl.keywords:after, #content div.info-footer:after, #content ul.radio-group:after, #content ul.checkbox-group:after, #content div.layout:after, #content ul.sequential-nav:after, #content ul.sequential-nav li.pages ul:after, #content div.modified:after, #content div.modified div.update:after, #content div.modified div.edit-gallery:after, #content div.image-list ul:after, #content div.basic-info dl.keyword:after, #content ol.step-list:after, #content ul.right:after, #content div.detail-info dl:after, #content ul.date-list dl:after, #content div.return:after, #content div.article-title:after, #content div.follower-list-block ul:after, #content div.recommend-list-block ul:after, #content div.myplay-list ul li:after, #content div.comment-complete div.code-area:after, #content div.schedule-list ul li:after, #content div.comment-list ul li:after, #content ul.blog-list li dl:after, #content div.comment-list-block form:after, #content div.comment-list-block div.entry:after, #content div.comment-list-block div.function ul:after { content: url(../img/transparent.gif); display: block; clear: both; height: 0; } /* section ------------------*/ #content div.section { margin-bottom: 28px; } /* kind ------------------*/ .kind { margin-left: 0.64em; color: #808080; } /* kana ------------------*/ .kana { display: block; color: #808080; font-size: 10px; *font-size: 75%; font-weight: normal; line-height: 1.4; } /* title ------------------*/ .title { margin: 0.25em 0 0; display: block; font-weight: bold; } .pretitle, .subtitle { margin: 0.34em 0 0; display: block; } .cite { font-size: 10px; *font-size: 75%; color: #808080; text-align: right; } /* date ------------------*/ .date span, span.separate { color: #808080; margin: 0 2px; } #content ul.date-list { margin: 0 0 0 8px; padding: 0; list-style-type: none; _margin-top: -0.25em; _margin-bottom: -0.25em; _overflow: hidden; zoom: 1; } #content td ul.date-list { position: relative; margin-left: 0; margin-right: -8px; z-index: 2; } #content ul.date-list li { margin: 0.25em 0 0; padding: 0.5em 8px 0 0; background: url(../img/datelist_bg.gif) 0 0 repeat-x; _margin-top: -0.25em; _padding-bottom: 0.5em; } #content ul.date-list li:first-child { margin-top: 0; padding-top: 0; background-image: none; } #content ul.date-list dl { margin: 0; padding: 0; } #content ul.date-list dl dt { margin: 0; padding: 0; font-weight: normal; text-indent: 0; zoom: 1; } #content ul.date-list dl dd { margin: 0; padding: 0; zoom: 1; } #content ul.date-list dl dd span.detail { margin: 0 0 0 0.5em; color: #808080; } /* pictgram ------------------*/ #content img.pictgram { margin: 0 0.25em; vertical-align: middle; } #content img.icon { vertical-align: -0.3em; } #content img.user-icon { padding: 2px; border: 1px solid #dbdbdb; background: #ffffff; } #content h1{ color: #000; font-size: 18px; *font-size: 150%; line-height: 1.2; background: #fff url("../img/bg_articleheader_01.gif") right bottom no-repeat; border-bottom: 1px solid #e4e2e0; margin: 0; padding: 18px 12px; } /* article-header ------------------*/ #content div.article-header { border-top: 1px solid #c4b8ac; margin: 0; position: relative; } #content div.article-title { background: #fff url("../img/bg_articleheader_01.gif") left bottom no-repeat; border-bottom: 1px solid #e4e2e0; } #content div.article-title h1{ background: none; border: none; margin: 0 0 0 58px; padding-right: 65px; } #content div.article-title h1.rankin img{ position: absolute; top: 12px; left: 64px; } #content div.article-title h1 span{ display: block; margin: 0; } #content div.article-title h1.rankin span{ margin: 0 0 0 30px; } #content div.article-title img.kind{ float: left; margin: 0; padding: 0; } #content div.article-title h1 img.play-status{ position: absolute; top: -10px; left: 598px; } /* status */ #content div.status { margin: 0 0 1.07em; padding: 0; text-align: right; background: #f8f7f5; border-bottom: 1px solid #e4e2e0; } #content div.status img { vertical-align: middle; } #content div.status div.data { margin: 0; padding: 1px 0 0 0; } #content div.status ul, #content div.status ul li { float: left; margin: 0; padding: 0; font-weight: normal; line-height: 1; } #content div.status ul { color: #5e5e5e; padding: 0; margin: 0; list-style: none; width: 100%; } #content div.status ul li{ background: url(../img/article-header_bg_03.gif) left bottom no-repeat; padding-left: 1px; } #content div.status ul em{ font-weight: bold; font-style: normal; } #content div.status ul a, #content div.status ul span{ display: block; color: #5e5e5e; background: #f8f7f5; text-decoration: none; padding: 6px 10px; } #content div.status ul a:hover{ background: #fff; cursor: pointer; } #content div.status li.ranking a, #content div.status li.ranking span{ padding-left: 7px; } #content div.status li.ranking img{ margin: 0 5px 0 0; position: relative; top: -1px; } #content div.status li.favorite img{ margin: 0 5px 0 0; } #content div.status li.rating span{ padding: 5px 10px 7px; } #content div.status li.rating img.label{ margin: 0 7px 0 0; } #content div.status li.present{ float: right; } #content div.status li.present a, #content div.status li.present span{ padding-top: 4px; padding-bottom: 5px; } #content div.status li.rating span span.count{ display: inline; padding: 0 0 0 0.5em; vertical-align: middle; *position: relative; *top: 1px; } /* h1 */ #content h1 a:link, #content h1 a:visited{ color: #000; text-decoration: none; } /* nav-local ------------------*/ #content ul.nav-local { margin: 1em 0 0 0; padding: 4px 0 0 8px; list-style-type: none; background: #f7f6f4 url(../img/h1_bg_01.gif) top repeat-x; border-bottom: 1px solid #e1dbd5; } #content ul.nav-local li { float: left; margin: 0; padding: 0 6px 0 0; } #content ul.nav-local li.ticket { float: right; margin: 0; padding: 0 8px 0 0; } #content ul.nav-local li.stay { position: relative; margin-bottom: -7px; z-index: 2; } #content ul.nav-local li * { display: block; } #content dl.nav-local { margin: 4em 0 0; padding: 0; border-top: 1px solid #e1dbd5; } #content dl.nav-local dt, #content dl.nav-local dd { float: left; margin: 0; } #content dl.nav-local dt { padding: 0.34em 9px 0.25em 9px; color: #666666; width: 80px; font-weight: bold; } #content dl.nav-local dd { *display: block; padding: 0; width: 570px; background: url(../img/nav-local_bg_02.gif) 0 0 no-repeat; } #content dl.nav-local dd ul { display: table; margin: 0; padding: 0; list-style-type: none; } #content dl.nav-local dd ul li { display: table-cell; margin: 0; padding: 0.34em 12px 0.25em 12px; background: url(../img/nav-local_bg_02.gif) 100% 0 no-repeat; *display: inline-block; *float: left; zoom: 1; } #content dl.nav-local dd ul li em { font-style: normal; color: #666666; } #content dl.nav-local dd ul li a:link, #content dl.nav-local dd ul li a:visited { *position: relative; *top: -1px; *background-position: 0 0.5em; zoom: 1; } /* layout-block ------------------*/ #content div.layout { margin-right: -16px; width: 684px; _width: 685px; overflow: hidden; } #content div.col-2g1, #content div.col-3g1, #content div.col-3g2, #content div.col-4g1, #content div.col-4g2, #content div.col-4g3 { float: left; margin-right: 16px; } #content div.col-2g1:last-child, #content div.col-3g1:last-child, #content div.col-3g2:last-child, #content div.col-4g1:last-child, #content div.col-4g2:last-child, #content div.col-4g3:last-child { margin-right: 0; } #content div.col-2g1.last-child, #content div.col-3g1.last-child, #content div.col-3g2.last-child, #content div.col-4g1.last-child, #content div.col-4g2.last-child, #content div.col-4g3.last-child { margin-right: 0; } /* 2column grid of article */ #content div.col-2g1 { width: 326px; } /* 3column grid of article */ #content div.col-3g1 { width: 212px; } #content div.col-3g2 { width: 440px; } #content div.col-3g1 div.layout { width: 228px; } #content div.col-3g2 div.layout { width: 456px; } /* 4column grid of article */ #content div.col-4g1 { width: 136px; } #content div.col-4g2 { width: 364px; } #content div.col-4g3 { width: 516px; } #content div.col-4g1 div.layout { width: 152px; } #content div.col-4g2 div.layout { width: 380px; } #content div.col-4g3 div.layout { width: 532px; } /* component ------------------*/ /* heading1 */ #content .heading1 { margin: 28px 0 0; padding: 0; border-bottom: 1px solid #9e8568; background: #ae9877 url(../img/heading1_bg_02.gif) 0 100% repeat-x; color: #ffffff; font-size: 14px; *font-size: 117%; zoom: 1; position: relative; } #content .heading1 span { display: block; padding: 0.43em 10px 0.14em; background: url(../img/heading1_bg_01.gif) 0 0 no-repeat; } #content .col-4g2 .heading1 span { background-image: url(../img/heading1_bg_01_4g2.gif); } #content .heading1 span.with-icon { padding-left: 35px; min-height: 21px; _height: 21px; } #content .heading1 span.with-large-icon { padding-left: 67px; min-height: 24px; _height: 24px; } #content .heading1 span.with-icon img.icon, #content .heading1 span.with-large-icon img.icon { position: absolute; top: 0.36em; left: 7px; display: block; } #content .heading1 span.with-large-icon img.icon { top: -19px; left: 5px; } #content .heading1 span.main-info { float: left; padding: 0; background: none; } #content .heading1 span.sub-info { float: right; padding: 0; background: none; } #content .heading1 span.sort { display: table; margin-top: -0.14em; margin-right: -4px; margin-bottom: 0.14em; *display: block; *margin-top: 0; _margin-right: -2px; font-size: 10px; *font-size: 72%; } #content .heading1 span.sort span.label { display: table-cell; *display: inline-block; margin: 0; padding: 0 6px 0 0; background: none; _width: 7em; vertical-align: middle; *vertical-align: 0.2em; } #content .heading1 span.sort .sort-by { display: table-cell; *display: inline-block; padding: 0; font-size: 12px; *font-size: 120%; font-style: normal; font-weight: normal; _width: 6em; text-align: center; } #content .heading1 span.sort em.sort-by { font-weight: bold; color: #f1eed5; background: #7b542d 0 100% no-repeat; border-left: 1px solid #714d29; } #content .heading1 span.sort a.sort-by { color: #7b542d; background: #f1eed5 url(../img/bg_sort_01.gif) 100% 100% no-repeat; text-decoration: none; border-left: 1px solid #f4f2df; } #content .heading1 span.sort a.sort-by:hover, #content .heading1 span.sort a.sort-by:active { text-decoration: underline; } #content .heading1 span.sort a.sort-by:focus { text-decoration: underline; } #content .heading1 span.sort .sort-by span { display: block; padding: 0.21em 12px 0; *padding-top: 0.14em; *padding-bottom: 0.14em; background: none; } #content .heading1 span.sort a.sort-by span { cursor: pointer; } #content .heading1 span.sort em.sort-by span { display: block; padding-left: 10px; padding-right: 10px; background: url(../img/bg_sort_02_s.gif) 0 0 no-repeat; } #content .heading1 span.sort a.first-item { border-right: 1px solid #dedbc4; border-left: 0 none; background-image: url(../img/bg_sort_04.gif); background-position: 0 100%; } #content .heading1 span.sort a.first-item span { padding-right: 11px; background: url(../img/bg_sort_05.gif) 0 0 no-repeat; } #content .heading1 span.sort em.first-item { border-left: 0 none; background-image: url(../img/bg_sort_01_s.gif); } #content .heading1 span.sort em.first-item span { border-left: 0 none; background-image: url(../img/bg_sort_03_s.gif); } #content .heading1 span.sort a.last-item { background-image: url(../img/bg_sort_02.gif); } #content .heading1 span.sort a.last-item span { background: url(../img/bg_sort_03.gif) 100% 0 no-repeat; } #content .heading1 span.sort em.last-item { border-left: 1px solid #6f4c29; background-image: url(../img/bg_sort_05_s.gif); background-position: 100% 100%; } #content .heading1 span.sort em.last-item span { padding-left: 8px; border-left: 1px solid #7b542d; background: url(../img/bg_sort_04_s.gif) 100% 0 no-repeat; } /* heading2 */ #content .heading2, #goog-wm h3 { margin: 20px 0 0; padding: 0.36em 8px 0.22em; color: #897159; background: #f7f6f4; border-bottom: 1px solid #d3cac1; font-size: 14px; *font-size: 117%; } #content .heading2.question { background-color: #f8f0e8; border-bottom-color: #e1c2a3; } #content .heading2.with-icon, #content .heading2.with-large-icon { position: relative; padding-left: 32px; min-height: 22px; _height: 22px; } #content .heading2.with-large-icon { padding-left: 60px; padding-bottom: 0; min-height: 24px; _height: 24px; } #content .heading2.with-icon img.icon, #content .heading2.with-large-icon img.icon { position: absolute; top: 0.25em; left: 5px; display: block; } #content .heading2.with-large-icon img.icon { top: -11px; left: 0; } /* heading3 */ #content .heading3 { margin: 3em 0 0; padding: 0.29em 8px 0.15em; border-bottom: 1px solid #986d72; background: #eaeaea; color: #6b4d2f; font-size: 14px; *font-size: 117%; } #content .heading3.link { padding-left: 15px; text-indent: -7px; zoom: 1; } #content .heading3 span.sub-info { margin-left: 0.5em; font-weight: normal; } #content .heading3 span.sub-info em { font-style: normal; font-weight: bold; } /* heading4 */ #content .heading4 { margin: 1.67em 0 0; padding: 0.57em 8px 0.5em; font-size: 100%; background: #ededed; } #content .heading4.link { padding-left: 15px; text-indent: -7px; zoom: 1; } #content .heading4 span.sub-info { margin-left: 0.5em; font-weight: normal; } #content .heading4 span.comment-info{ margin-left: 0.5em; font-weight: normal; font-size: 75%; } #content .heading4 span.sub-info em, #content .heading4 span.comment-info em { font-style: normal; font-weight: bold; } #content .heading4 span.sub-info a{ margin-left: 3px; } /* heading-subinfo */ #content dl.heading-subinfo { margin: 0; padding: 0 8px; border-bottom: 1px solid #ede9e6; background: #fdfbf9; color: #666666; } #content dl.heading-subinfo dt, #content dl.heading-subinfo dd { float: left; margin: 0; padding: 0.25em 0 0.14em; zoom: 1; } #content dl.heading-subinfo dt { width: 84px; font-weight: bold; } #content dl.heading-subinfo dd { width: 568px; } #content dl.heading-subinfo dd.link { padding-left: 7px; width: 561px; text-indent: -7px; } #content dl.heading-subinfo dd.link { *padding-top: 0.14em; } /* paragraph */ #content p { margin: 1.25em 8px 0; } #content td p { margin-left: 0; margin-right: 0; } #content p.notice { margin: 0 8px; color: #808080; font-size: 10px; *font-size: 75%; } #content p.empty-data { margin-bottom: 1.25em; color: #808080; text-align: center; } #content div.aside form.vote-for p.error, #content p.error { color: red; } /* list */ #content ol.plain, #content ul.plain { margin: 0; padding: 0; list-style-type: none; } #content ol.plain li, #content ul.plain li { margin: 0.25em 0 0; padding: 0; } #content ol.plain li:first-child, #content ul.plain li:first-child { margin-top: 0; } #content ol.plain li.first-child, #content ul.plain li.first-child { margin-top: 0; } #content li span.marker { position: absolute; margin: 0 0 0 -2.25em; *margin-top: -0.14em; padding: 0; width: 2em; background: #ffffff; text-align: right; font-weight: bold; } #content ul.large-marker { margin-left: 3.75em; } #content ul.large-marker li span.marker { margin-left: -3.25em; width: 3em; } /* table */ #content div.has-options { overflow: hidden; } #content table { margin: 1.34em 0 0; width: 100%; border-collapse: collapse; border-bottom: 1px solid #e4e2e0; } #content th, #content td { padding: 0.64em 13px 0.57em 8px; background: url(../img/table_bg_01.gif) 100% 0 no-repeat; text-align: left; vertical-align: top; zoom: 1; } #content table tr.unentered td { color: #aaaaaa; } #content th.required, #content td.required { background-color: #f4f2ef; } #content th.required span, #content td.required span { color: #ef5c0b; font-weight: normal; font-size: 10px; *font-size: 75%; } #content th.error, #content td.error { background-color: #f6ccc1; } #content th.empty, #content td.empty { background: none; } #content td.feed img.icon { margin-right: 3px; } #content td { background-image: url(../img/table_bg_02.gif); } #content th.last-child, #content td.last-child { padding-right: 8px; background-position: 0 0; } #content th:last-child, #content td:last-child { padding-right: 8px; background-position: 0 0; } #content th .first-child, #content td .first-child { margin-top: 0; } #content th :first-child, #content td :first-child { margin-top: 0; } #content th table th, #content td table th { color: #666666; } #content th dl, #content td dl { margin-left: 0; margin-right: 0; } /* timetable */ #content div.timetable { margin: 1.25em 0 0; } #content div.timetable table { margin-top: -1px; margin-left: 1px; border: 1px solid #c7c3c1; width: 666px; *margin-left: 0; *width: 100%; } #content div.timetable img { vertical-align: middle; } #content div.timetable table th, #content div.timetable table td { padding: 0.34em 13px; border: 1px solid #d2cecb; background-image: none; vertical-align: middle; } #content div.timetable table td { border-right: 0 none; border-bottom: 0 none; } #content div.timetable table th + td { border-left: 0 none; } #content div.timetable table tr:first-child > td { border-top: 0 none; } #content div.timetable table th { background-color: #f2f2f2; border-color: #c7c3c1; } #content div.timetable table th.time, #content div.timetable table td { text-align: center; padding-right: 1px; padding-left: 1px; } #content div.timetable table th.time { text-align: center; } #content div.timetable table th.date { text-align: left; width: 143px; } #content div.timetable table th.head { color: #333333; padding-left: 13px; } #content div.timetable table tr.saturday th { background-color: #d6d9ef; } #content div.timetable table tr.sunday th, #content div.timetable table tr.holiday th { background-color: #eec9c9; } #content div.edit-schedule { margin: 12px 0 0; padding: 12px; border-top: 1px solid #e4e2e0; background-color: #f7f6f4; text-align: right; } #content div.register-schedule { margin: 12px 0 0; text-align: center; } #content div.edit-schedule *, #content div.register-schedule * { vertical-align: bottom; } /* user-data */ #content table.user-data { margin: 0; border: 0 none; } #content table.user-data th, #content table.user-data td { padding: 0.5em 8px; *padding-top: 0.34em; *padding-bottom: 0.34em; border-top: 1px solid #ede9e6; background: none; font-weight: bold; font-size: 10px; *font-size: 86%; } #content table.user-data th { color: #808080; } #content table.user-data th span.notice { display: block; font-weight: normal; *font-size: 91%; } #content table.user-data td { text-align: right; } #content table.user-data tr:first-child th, #content table.user-data tr:first-child td { border-top: 0 none; } #content table.user-data tr.first-child * { border-top: 0 none; } #content table.user-data tr:last-child th, #content table.user-data tr:last-child td { padding-bottom: 0; } #content table.user-data tr.last-child th, #content table.user-data tr.last-child td { padding-bottom: 0; } /* link */ ul.link { margin: 0.75em 0 0; padding: 0; list-style-type: none; } ul.subinfo{ margin-top: 0; } #content ul.link { margin-left: 8px; margin-right: 8px; } #content td ul.link { margin-left: 0; margin-right: 0; } #content ul.link img.icon { margin-left: 0.5em; vertical-align: -0.14em; _vertical-align: 0; _padding-top: 0.25em; } #content div.article ul.link { padding: 0; } #content ul.link.right li { float: right; clear: right; } #content ul.horizontal { margin-top: 0.25em; margin-right: 0; } #content ul.horizontal li { float: left; margin: 0.64em 8px 0 0; width: 205px; } #content td.link, #content th.link { padding-left: 15px; text-indent: -7px; } #content td.link img.icon, #content th.link img.icon { margin-left: 0.5em; vertical-align: -0.14em; } #content td.feed, #content th.feed { padding-left: 20px; text-indent: -12px; } /* anchor-link */ #content ul.anchor-link, #content div.article ul.anchor-link { margin: 0; padding: 0.5em 8px 0.94em; background: #fdfbf9; border-bottom: 1px solid #ede9e6; } #content ul.anchor-link li { margin-top: 0.5em; padding-left: 10px; text-indent: -10px; } #content ul.anchor-link a:link, #content ul.anchor-link a:visited { padding-left: 10px; background-image: url(../img/icn_link_03.gif); background-position: 0 0.5em; } #content ul.anchor-link a:link:hover, #content ul.anchor-link a:link:active, #content ul.anchor-link a:visited:hover, #content ul.anchor-link a:visited:active { background-image: url(../img/icn_link_03_o.gif); } #content ul.anchor-link a[href]:focus { background-image: url(../img/icn_link_03_o.gif); } /* return */ #content div.return { margin: 0.75em 0 0; } #content div.return a:link, #content div.return a:visited { display: block; float: right; padding: 0 0 0 16px; background: url(../img/icn_link_02.gif) 0 0.34em no-repeat; } #content div.return a:link:hover, #content div.return a:link:active, #content div.return a:visited:hover, #content div.return a:visited:active { background-image: url(../img/icn_link_02_o.gif); } #content div.return a[href]:focus { background-image: url(../img/icn_link_02_o.gif); } /* question-list */ #content ul.question-list { margin: 0; padding: 0.5em 8px 0.94em 6px; background: #fdfbf9; border-bottom: 1px solid #ede9e6; list-style-type: none; } #content ul.question-list li { margin: 0.14em 0 0; padding: 0 0 0 32px; text-indent: -32px; } #content ul.question-list li img.icon { margin: 0 5px 0 0; vertical-align: middle; } /* answer */ #content div.answer-block { position: relative; margin: 0.75em 0 0; padding: 0 16px 0.75em 60px; min-height: 16px; _height: 16px; border-bottom: 1px solid #f0e0d1; } #content div.answer-block img.answer-icon { position: absolute; top: 0; left: 30px; } #content div.answer *:first-child { margin-top: 0; } #content div.answer *.first-child { margin-top: 0; } #content div.answer *:last-child { margin-bottom: 0; } #content div.answer *.last-child { margin-bottom: 0; } #content div.answer-block p { margin-left: 0; margin-right: 0; } #content div.answer-block p.notice { margin-top: 0.8em; } /* form ------------------*/ /* error-report */ #content div.error-report { margin: 1.25em 72px 0; padding: 3px; background: #cc0000; color: #ffffff; font-weight: bold; zoom: 1; } #content div.error-report p { margin: 0; padding: 0.25em 13px 0.34em; } #content div.error-report ul { margin: 0; padding: 0.5em 13px 0.75em; background: #fcf2f2; color: #000000; list-style-type: none; } #content div.error-report ul em { color: #cc0000; font-style: normal; } /* text */ #content input.date, #content input.text, input#goog-wm-qt, #header .utility input.text, #content input.short-text, #content input.very-short-text, #content textarea { margin: 0; padding: 0.14em 0; width: 99.5%; border: 1px solid #d4d4d4; font-size: inherit; } input#goog-wm-qt, #content input.short-text { width: 67%; *width: 290px; } #content input.very-short-text { width: 6em; } #content input.tel { width: 4em; } #content input.file { margin: 0.34em 0 0; *margin-top: 0; padding: 0; width: 100%; border: 1px solid #d4d4d4; } #content input.date { width: 118px; } #content textarea { height: 6em; *margin-bottom: -1px; } #content input.tel, #content input.date, #content input.password { ime-mode: disabled; } /* radio */ #content ul.radio-group { margin: 0.25em 0 0; padding: 0; list-style-type: none; } #content ul.radio-group li { float: left; margin: 0 1.25em 0 0; padding: 0; white-space: nowrap; } #content table ul.radio-group:first-child, #content table ul.radio-group:first-child li { margin-top: 0; } #content table ul.radio-group.first-child, #content table ul.radio-group.first-child li { margin-top: 0; } #content ul.radio-group li:last-child { margin-right: 0; } #content ul.radio-group li.last-child { margin-right: 0; } #content ul.rating-list li { margin-right: 3px; } #content ul.rating-list li.bad { margin-right: 9px; } #content ul.rating-list li.good { margin-right: 0; margin-left: 9px; } #content ul.rating-list li img { vertical-align: middle; } #content ul.rating-list li.rate img { *vertical-align: -0.21em; } #content input.radio { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-left: 0; padding-bottom: 0; vertical-align: middle; _vertical-align: -0.07em; } /* checkbox */ #content ul.checkbox-group { margin: 0.14em 0 0; padding: 0; list-style-type: none; } #content ul.checkbox-group li { float: left; margin: 0.43em 0 0; width: 33%; white-space: nowrap; } #content input.checkbox { margin: 0 4px 0 0; *margin-right: 0; padding: 0; } /* form-footer */ #content div.form-footer { margin: 0 0 12px; padding: 16px; background: #f7f6f4; zoom: 1; } #content div.form-footer *:first-child { margin-top: 0 !important; } #content div.form-footer *.first-child { margin-top: 0 !important; } #content div.form-footer p.notice { margin: 0; padding: 0 136px; } #content div.form-footer div.submit { margin-top: 0.75em; } /* submit */ #content div.submit { margin: 1.75em 8px 0; text-align: center; } #content div.submit input.submit, #content div.submit button.submit { margin: 0 8px; } #content div.submit img { vertical-align: top; } /* sub-control */ #content div.sub-control { margin: 0.64em 0 0 212px; } #content div.sub-control ul.link { margin-top: 0.25em; } /* alert */ #content p.alert { margin: 1.2em 0 0; padding: 4px 4px 4px 23px; text-indent: -19px; background: #f0f0f0; color: #808080; font-size: 10px; *font-size: 75%; } #content td p.alert { margin-top: 0; } #content p.alert img.icon { margin-right: 4px; vertical-align: -0.4em; *vertical-align: -0.3em; } #content div.alert { margin: 0; padding: 0 0 4px; background: #f0f0f0; } #content div.alert p { margin: 0; padding: 4px 4px 0 23px; text-indent: -19px; color: #808080; font-size: 10px; *font-size: 75%; } #content div.alert p img.icon { margin-right: 4px; vertical-align: -0.4em; *vertical-align: -0.3em; } /* warn */ #content p.warn { margin: 0; padding: 0.5em 6px 0.5em 26px; text-indent: -20px; background: #808080; color: #ffffff; font-size: 10px; *font-size: 75%; } #content p.warn img.icon { margin-right: 5px; vertical-align: -0.4em; *vertical-align: -0.3em; } /* example */ #content .example, #content p.example { margin: 0 0 0.34em; padding: 0; color: #808080; } #content .example img.icon, #content p.example img.icon { margin-right: 5px; vertical-align: -0.3em; } /* optional */ #content tbody.optional { } #content div.use-optional { text-align: center; } #content div.use-optional img { vertical-align: bottom; } /* public/private */ #content span.public, #content span.private { padding: 2px 3px; color: #ffffff; font-size: 10px; *font-size: 75%; vertical-align: -1px; } #content span.public { background: #73a3c8; } #content span.private { background: #aeaeae; } /* info-block ------------------*/ #content div.info-block { margin-top: 1.5em; width: 668px; } #content div.pr-info-block { margin: 20px 0 0 0; } #content div.info-block .heading4 { margin-top: 0; margin-bottom: 1em; } #content div.pr-info-block div.info-block .heading4 { background: #f5eee7; position: relative; padding-left: 58px; min-height: 15px; } #content div.pr-info-block div.info-block .heading4 img{ position: absolute; top: 8px; left: 8px; } #content div.info-block cite { float: left; margin-left: 0; margin-right: 0; padding-left: 8px; padding-right: 8px; } #content form.info-block-select { margin-top: 0; } #content form.info-block-select input { vertical-align: bottom; } #content div.info-block table { margin-top: 0; border-collapse: collapse; border-top: #d3cac1 solid 1px; background: #f7f6f4; } #content div.pr div.info-block table { background: #f8f4f1; } #content div.info-block table th, #content div.info-block table td{ background: none; border-top: #e4e2e0 solid 1px; } #content div.info-block table td.description{ background: #fff; } #content div.pr-info-block div.info-block table td.description{ background: transparent; } #content div.info-block table th.rating{ background: url(../img/bg_info-block_01.gif) left center no-repeat; padding-left: 15px; } #content div.info-block div.col-4g3, #content div.info-block div.col-4g2 { margin-right: 0; } /* add-favorite */ #content div.add-favorite { margin: 0.5em 8px 0; text-align: right; font-size: 10px; *font-size: 75%; } #content div.add-favorite img.icon { margin-right: 0.25em; vertical-align: -0.15em; } /* comment-block ------------------*/ #content div.comment-block { margin: 1.25em 0 0 0; padding: 1.25em 0 0 0; border-top: 1px solid #d8d8d8; width: 668px; } #content div.comment-block div.col-3g2, #content div.comment-block div.col-4g3{ margin-right: 0; } #content div.first-comment-block { padding-top: 0; border-top: 0 none; } #content div.comment-block table { margin-top: 0; } /* image */ #content div.image img { display: block; border: 1px solid #d9d9d9; } #content div.image a:visited img { border-color: #e5e5e5; } #content div.image a:link:hover img, #content div.image a:link:active img, #content div.image a:visited:hover img, #content div.image a:visited:active img { border-color: #ca84be; } #content div.image a[href]:focus img { border-color: #ca84be; } #content div.image img.icon { border: 0 none; } #content div.info-block div.type, #content div.comment-block div.type { margin: 1px 0 0; padding: 0; } /* reviewer */ #content dl.reviewer { position: relative; margin: 0; padding: 0; min-height: 82px; _height: 82px; background: url(../img/reviewer_bg_02.gif) 0 100% no-repeat; } #content dl.reviewer dt, #content dl.reviewer dd { margin: 0; padding: 0.75em 8px 0 82px; } #content dl.reviewer dt { padding-top: 0.5em; width: 122px; font-weight: bold; background: url(../img/reviewer_bg_01.gif) 0 0 no-repeat; overflow: hidden; } #content dl.reviewer dt a:link, #content dl.reviewer dt a:visited { *background-position: 0 0.45em; } #content dl.reviewer dd { margin-top: 0.2em; padding-top: 0; padding-bottom: 0.75em; font-size: 10px; *font-size: 75%; } #content dl.reviewer img.user-icon { position: absolute; top: 8px; left: 8px; } #content dl.reviewer a:visited img.user-icon { border-color: #e5e5e5; } #content dl.reviewer a:link:hover img.user-icon, #content dl.reviewer a:link:active img.user-icon, #content dl.reviewer a:visited:hover img.user-icon, #content dl.reviewer a:visited:active img.user-icon { border-color: #ca84be; } #content dl.reviewer a[href]:focus img.user-icon { border-color: #ca84be; } /* view-date */ #content dl.view-date { margin: 0.2em 0 -1.5em; *margin: 0.3em 0 -1.6em; padding: 0 8px; font-size: 10px; *font-size: 75%; } #content dl.view-date dt { float: left; margin: 0; padding: 0; } #content dl.view-date dt img { vertical-align: -0.14em; } #content dl.view-date dd { float: right; margin: 0; padding: 0; } #content div.comment-block2 dl.view-date { margin-top: 2px; *margin-top: 3px; margin-bottom: 0; padding-bottom: 2px; *padding-bottom: 1px; } #content div.comment-block2 dl.view-date dt img { vertical-align: -0.1em; *vertical-align: 0; } #content div.comment-block2 dl.view-date dd { float: left; padding-left: 10px; } /* rating-block */ #content div.rating-block { margin: 0.75em 0 0; padding: 0 8px; } #content div.rating-block dl { margin: 4px 0 0; } #content div.rating-block dt, #content div.rating-block dd { margin: 0; padding: 0; display: inline; } #content div.rating-block dt { margin-right: 5px; } #content div.rating-block img { vertical-align: middle; } /* specific-rating-block */ #content div.specific-rating-block { margin-top: 16px; padding: 7px 0 7px 8px; background: #f0eeeb url(../img/rating_bg_02.gif) 0 100% no-repeat; } #content div.specific-rating-block img { display: block; } #content div.specific-rating-block dl { margin: 7px 0 0; padding: 0; float: left; } #content div.specific-rating-block dl.story, #content div.specific-rating-block dl.cast { margin-right: 10px; } #content div.specific-rating-block dl.total { float: none; margin: -7px 0 0 -8px; padding: 7px 8px; background: url(../img/rating_bg_01.gif) 0 0 no-repeat; } #content div.specific-rating-block dl.total dt { margin-right: 5px; } #content div.specific-rating-block dl dt, #content div.specific-rating-block dl dd { float: left; margin: 0; padding: 0; } #content div.specific-rating-block dl.story dt, #content div.specific-rating-block dl.cast dt { width: 51px; } #content div.specific-rating-block dl.rendition dt, #content div.specific-rating-block dl.music dt { width: 25px; } #content div.specific-rating-block dl dd { width: 55px; } #content div.comment-block2 div.specific-rating-block { margin-top: 0; background-image: url(../img/rating_bg_04.gif); } #content div.comment-block2 div.specific-rating-block dl.total { margin-right: 0; background-image: url(../img/rating_bg_03.gif); } #content div.comment-block2 div.specific-rating-block dl.total dt { margin-right: 5px; } #content div.comment-block2 div.specific-rating-block dl.total dd { width: auto; } #content div.comment-block2 div.specific-rating-block dl { margin-right: 15px; } #content div.comment-block2 div.specific-rating-block dl dt { margin-right: 4px; width: auto; } /* comment-body */ #content div.comment-body { position: relative; margin-top: 0.34em; background: url(../img/description_bg_02.gif) 0 0 repeat-y; } #content div.comment-body div.comment { padding: 0 0 0.75em; background: url(../img/description_bg_03.gif) 0 100% no-repeat; } #content div.comment-body div.comment div.description { padding: 0.5em 10px 0 10px; background: url(../img/description_bg_01.gif) 0 0 no-repeat; } #content div.comment-body div.comment div.description p { margin: 0.5em 0 0; padding: 0; } #content div.comment-body div.comment div.description p:first-child { margin-top: 0; } #content div.comment-body div.comment div.description p.first-child { margin-top: 0; } /* user-comment */ #content div.user div.comment-body { position: relative; z-index: 1; margin-top: 0; margin-left: -16px; width: 456px; } #content div.user div.comment-body { background-image: url(../img/description_bg_02_user.gif); } #content div.user div.comment-body div.comment { background-image: url(../img/description_bg_03_user.gif); } #content div.user div.comment-body div.comment div.description { padding-left: 26px; min-height: 50px; _height: 50px; } #content div.user div.comment-body div.comment div.description { background-image: url(../img/description_bg_01_user.gif); } #content div.user div.comment-body div.rating-block { margin-top: 0; } #content div.comment-block2 div.comment-body { margin: 0 0 -1px; width: auto; background-image: url(../img/description_bg_02_wide.gif); font-size: 14px; *font-size: 117%; line-height: 1.58; } #content div.comment-block2 div.comment-body div.comment { padding-bottom: 14px; background-image: url(../img/description_bg_03_wide.gif); } #content div.comment-block2 div.comment-body div.comment div.description { padding-top: 26px; _padding-top: 19px; padding-left: 19px; padding-right: 19px; min-height: 0; _height: auto; background-image: url(../img/description_bg_01_wide.gif); } /* read-more */ #content div.read-more { float: right; padding: 0 10px 0 22px; font-weight: bold; } /* masked-comment */ #content div.masked-comment { position: relative; height: 76px; } #content div.masked-comment div.comment { overflow: hidden; padding: 0; height: 76px; } #content div.comment-block2 div.masked-comment { height: 88px; } #content div.comment-block2 div.masked-comment div.comment { padding: 0; height: 88px; } #content div.masked-detail a.mask, #content div.masked-comment a.mask { position: absolute; top: 0; left: 0; } #content div.comment-block2 div.masked-detail a.mask, #content div.comment-block2 div.masked-comment a.mask { top: 12px; } #content div.masked-detail div.read-more, #content div.masked-comment div.read-more { float: none; position: absolute; bottom: 8px; right: 10px; margin: 0; padding: 0; } /* comment-function */ #content div.comment-block div.comment-function { padding: 0 8px; } #content div.comment-block2 div.comment-function { padding-bottom: 3px; *padding-bottom: 4px; border-bottom: 1px solid #e4e2e0; } /* comment-report */ #content div.comment-block div.comment-report { margin-top: 0.5em; *margin-top: 0.75em; float: right; font-size: 10px; *font-size: 75%; } #content div.comment-block div.comment-report a:link, #content div.comment-block div.comment-report a:visited { margin-left: 0.25em; margin-right: 0.25em; } /* comment-vote */ #content div.comment-block div.comment-vote { float: left; padding-top: 0.34em; } #content div.comment-block div.comment-vote form { display: inline; padding-right: 8px; } \* #content div.comment-block div.comment-vote form { padding-right: 0; } #content div.comment-block div.comment-vote form p { display: inline; margin: 0; padding: 0; line-height: 1.34; } #content div.comment-block div.comment-vote form p input { margin-left: 0.25em; vertical-align: middle; } #content div.comment-block div.comment-vote form p input:disabled { cursor: normal; } #content div.comment-block div.info-footer { margin-top: 0.93em; } /* link */ #content div.comment-block ul.link { margin: 0.25em 0 0; *margin-top: 0.34em; padding: 1em 8px 0; border-top: 1px solid #e4e2e0; } #content div.comment-block ul.link li { float: left; margin-right: 16px; white-space: nowrap; } #content div.comment-block ul.link li.response { margin-right: 0; padding-left: 16px; text-indent: -16px; *padding-left: 0; *text-indent: 0; } #content div.comment-block ul.link li.response a { *display: block; padding-left: 16px; background: url(../img/icn_comment_01.gif) 0 0 no-repeat; *background-position: 0 0.09em; } /* voted */ #content p.voted { display: inline; margin: 0; padding: 0; font-size: 10px; *font-size: 75%; color: #808080; } #content div.comment-function p.voted { margin-left: 0; white-space: nowrap; } #content p.voted em { font-style: normal; font-weight: bold; } /* posted */ #content p.posted { position: absolute; bottom: 100%; right: 8px; margin: 0; padding: 0; font-size: 10px; *font-size: 75%; color: #808080; } /* keywords */ #content dl.keywords { margin: 0; padding: 0 8px; width: 196px; overflow: hidden; } #content dl.keywords dt { margin: 0.64em 0 0.14em; padding: 0; } #content dl.keywords dd { float: left; margin: 0 0.5em 0 0; padding: 0; white-space: nowrap; } #content div.comment-block2 dl.keywords { border-top: 1px solid #e1dbd5; padding-top: 3px; *padding-top: 5px; width: auto; color: #808080; font-size: 10px; *font-size: 75%; line-height: 1.3; } #content div.comment-block2 dl.keywords dt { float: left; margin: 0.1em 1.5em 0 0; *margin-top: -0.1em; height: 1em; } #content div.comment-block2 dl.keywords dd { margin-right: 0.9em; } /* info-footer */ #content div.info-footer { margin: 1.25em 0 0; padding: 0.5em 8px 0.43em; background: url(../img/info-footer_bg_01.gif) 0 0 repeat-x; } #content div.info-footer a:link, #content div.info-footer a:visited { float: right; background-position: 0 0.5em; *background-position: 0 0.6em; } #content div.info-footer a:link img.icon, #content div.info-footer a:visited img.icon { margin-left: 0.25em; vertical-align: -0.25em; *vertical-align: middle; } #content div.back-link { margin: 1.25em 0 0; padding: 0.5em 8px 0.43em; } #content div.back-link a:link, #content div.back-link a:visited { float: right; background-position: 0 0.5em; *background-position: 0 0.6em; } /* sequential-nav */ #content ul.sequential-nav { position: relative; margin: 1.67em 0 0; padding: 8px 8px 0; background: url(../img/info-footer_bg_01.gif) 0 0 repeat-x; list-style-type: none; zoom: 1; } #content ul.sequential-nav li { margin: 0; border: 1px solid #e2e2e2; background: #ffffff url(../img/bg_btn_01.gif) 0 100% repeat-x; } #content ul.sequential-nav li.to-first, #content ul.sequential-nav li.to-previous, #content ul.sequential-nav li.to-next, #content ul.sequential-nav li.to-last { position: absolute; top: 8px; left: 8px; } #content ul.sequential-nav li.to-previous { left: 34px; margin-left: 3em; } #content ul.sequential-nav li.to-next { left: auto; right: 34px; margin-right: 3em; } #content ul.sequential-nav li.to-last { left: auto; right: 8px; } #content ul.sequential-nav li.to-first a:link, #content ul.sequential-nav li.to-first a:visited, #content ul.sequential-nav li.to-last a:link, #content ul.sequential-nav li.to-last a:visited { width: 3em; } #content ul.sequential-nav li.show-all { float: right; margin: 0.75em 0 0; padding: 0; border: 0 none; background: none; } #content ul.sequential-nav li.show-all a:link, #content ul.sequential-nav li.show-all a:visited { padding: 0 0 0 7px; background-position: 0 50%; } #content ul.sequential-nav li.pages { margin: 0; padding: 0; border: 0 none; background: none; } #content ul.sequential-nav li.pages ul { display: table; *display: block; margin: 0 auto; padding: 0; list-style-type: none; text-align: center; } #content ul.sequential-nav li.pages ul li { display: table-cell; margin: 0; padding: 0; border: 0 none; list-style-type: none; position: relative; *display: inline; z-index: 1; zoom: 1; } #content ul.sequential-nav li a:link, #content ul.sequential-nav li a:visited, #content ul.sequential-nav li em { display: block; padding: 0.25em 9px 0.14em 16px; background-position: 9px 50%; } #content ul.sequential-nav li.pages a:link, #content ul.sequential-nav li.pages a:visited, #content ul.sequential-nav li.pages em { padding-left: 0; padding-right: 0; min-width: 1.75em; _width: 1.75em; text-align: center; background: #ffffff url(../img/bg_btn_01.gif) 0 100% repeat-x; border: 1px solid #e2e2e2; border-left: 0 none; *border-left: 1px solid #e2e2e2; *margin-left: -1px; *display: inline-block; } #content ul.sequential-nav li.pages li:first-child a:link, #content ul.sequential-nav li.pages li:first-child a:visited, #content ul.sequential-nav li.pages li:first-child em { border-left: 1px solid #e2e2e2; } #content ul.sequential-nav li.pages a:link:hover, #content ul.sequential-nav li.pages a:link:active, #content ul.sequential-nav li.pages a:visited:hover, #content ul.sequential-nav li.pages a:visited:active { color: #ffffff; background: #d07ac2; text-decoration: none; } #content ul.sequential-nav li.pages em { font-weight: bold; font-style: normal; color: #ffffff; background: #b34fa2; } /* modified */ #content div.modified { margin: 1.75em 0 0; padding: 8px; background: #f0eeeb; } #content div.modified div.update { float: left; margin: 0; padding: 0; background: url(../img/modified_bg_01.gif) 0 0 repeat-y; } #content div.modified div.edit, #content div.modified dl.edit-by, #content div.modified dl.date, #content div.modified div.disclaimer { float: left; margin: 0 8px 0 0; padding: 0.14em 8px 0 0; border-right: 1px solid #d3cac1; width: 150px; } #content div.modified div.edit { padding-top: 0; padding-right: 12px; width: 132px; } #content div.modified div.edit-gallery { width: 339px; } #content div.modified div.edit-gallery img.label { float: left; padding: 11px 8px 0 0; } #content div.modified div.edit-gallery a { display: block; float: left; } #content div.modified div.edit img { display: block; } #content div.modified dl.edit-by dt, #content div.modified dl.date dt { margin: 0; padding: 0; color: #808080; font-size: 10px; *font-size: 75%; font-weight: normal; } #content div.modified dl.edit-by dd, #content div.modified dl.date dd { margin: 0; padding: 0; } #content div.modified dl.edit-by dd { padding-left: 7px; text-indent: -7px; zoom: 1; } #content div.modified dl.edit-by dd a:link, #content div.modified dl.edit-by dd a:visited { background-position: 0 0.43em; } #content div.modified div.disclaimer { margin-right: 0; padding-right: 0; border-right: 0 none; font-size: 10px; *font-size: 75%; } #content div.modified div.width-auto { width: auto; } #content div.modified div.disclaimer ul { margin: 0; list-style-type: none; } #content div.modified div.disclaimer ul li { padding-left: 7px; text-indent: -7px; } /* image-list-item */ #content div.image-list-block { margin-top: 24px; } #content div.first-image-list-block { margin-top: 16px; } #content div.image-list-item { position: relative; padding-top: 212px; } #content div.image-list-item ul.link { margin: 0; } #content div.image-list-item ul.link li { margin-top: 0.14em; padding-left: 15px; padding-bottom: 0.14em; border-bottom: 1px solid #ede9e6; } #content div.image-list-item img.image { position: absolute; top: 0; left: 0; display: block; border: 1px solid #d9d9d9; } #content div.image-list-item a:visited img.image { border-color: #e5e5e5; } #content div.image-list-item a:link:hover img.image, #content div.image-list-item a:link:active img.image, #content div.image-list-item a:visited:hover img.image, #content div.image-list-item a:visited:active img.image { border-color: #ca84be; } #content div.image-list-item a[href]:focus img.image { border-color: #ca84be; } #content div.image-list-item form.edit { padding: 8px; background: #f5f5f5; text-align: center; } #content div.image-list-item form.edit input { vertical-align: bottom; } /* image-list */ #content div.image-list { } #content div.image-list ul { margin: 0 -7px 0 0; padding: 0; width: 219px; height: 219px; list-style-type: none; _overflow: hidden; background: url(../img/noimage_03.gif) 0 0 repeat; } #content div.image-list p.empty-data { margin: 7px 8px 0; padding: 0; } #content div.image-list ul li { float: left; margin: 7px 7px 0 0; width: 66px; height: 66px; } #content div.image-list ul li img { display: block; border: 1px solid #d9d9d9; background: #fff; } #content div.image-list ul li a:visited img { border-color: #e5e5e5; } #content div.image-list ul li a:link:hover img, #content div.image-list ul li a:link:active img, #content div.image-list ul li a:visited:hover img, #content div.image-list ul li a:visited:active img { border-color: #ca84be; } #content div.image-list ul li a[href]:focus img { border-color: #ca84be; } #content div.image-list .user ul li img { padding: 2px; } #content div.image-list div div { height: 219px; background: url(../img/noimage_03.gif) 0 0 repeat; } #content div.image-list div div p.empty-data { margin: 0; padding: 0; visibility: hidden; } #content div.image-list div.more { margin: 7px 0 0; padding: 0.75em 4px; height: auto; background: url(../img/info-footer_bg_01.gif) 0 0 repeat-x;; text-align: right; } /* gallery */ #content div.gallery div.image { margin-top: 12px; } #content div.gallery div.movie { margin-top: 12px; padding: 8px 0; background: #eaeaea; text-align: center; } #content div.gallery div.eyevio { padding-top: 20px; padding-bottom: 20px; } #content div.gallery div.movie object, #content div.gallery div.movie iframe { margin: auto; } #content div.gallery div.movie-link { margin-top: 12px; padding: 129px 75px 133px; border: 1px solid #f0eeeb; background: #fbfbfa; } #content div.gallery div.movie-link * { display: block; } #content div.gallery div.movie div.movie-link { margin-top: -8px; margin-bottom: -8px; } #content div.gallery div.eyevio div.movie-link { margin-top: -20px; margin-bottom: -20px; } /* profile */ #content div.profile div.image { margin-top: 1.25em; } #content div.profile div.comment-body { margin-top: 1.25em; margin-left: -16px; width: 456px; background-image: url(../img/description_bg_02_user.gif); } #content div.profile div.comment-body div.comment { background-image: url(../img/description_bg_03_user.gif); } #content div.profile div.comment-body div.comment div.description { padding-left: 26px; min-height: 38px; _height: 38px; font-size: 14px; *font-size: 116%; background-image: url(../img/description_bg_04_user.gif); } #content div.profile cite { margin: 0.75em 8px 0; } #content div.profile cite img.icon { margin-left: 0.25em; vertical-align: middle; } /* detail-info */ #content div.detail-info { margin-top: 1.25em; } #content div.detail-info div.caption { padding: 0.5em 8px 0.34em; background: #eaeaea url(../img/profile_caption_bg.gif) 0 0 no-repeat; font-weight: bold; } #content div.detail-info table { border-top: 1px solid #d2cecb; border-bottom: 1px solid #e4e2e0; background: #f7f6f4; margin: 0; padding: 0; color: #808080; } #content div.detail-info table th, #content div.detail-info table td { padding: 0.34em 8px 0.34em 0; border-top: 1px solid #d2cecb; background: none; } #content div.detail-info table th:first-child { padding-right: 8px; padding-left: 8px; } #content div.detail-info table th.first-child { padding-right: 8px; padding-left: 8px; } #content div.detail-info table th.icon { padding: 3px 8px 3px 5px; } #content div.detail-info table tr.subset th, #content div.detail-info table tr.subset td { border-top: 0 none; background: url(../img/profile_cell_bg.gif) 0 0 repeat-x; } #content div.detail-info table tr.subset td:last-child { background-position: 100% 0; } #content div.detail-info table tr.subset td.last-child { background-position: 100% 0; } #content div.detail-info table tr.subset th:first-child { padding-left: 0; } #content div.detail-info table tr.subset th, #content div.detail-info table tr.subset th.first-child { padding-left: 0; } #content div.detail-info table dl { margin: 0; padding: 0; } #content div.detail-info table dl dt { font-weight: bold; } #content div.detail-info table dl dd { margin: 0; padding: 0; } /* basic-info */ #content div.basic-info div.image { margin-top: 1.25em; } #content div.basic-info dl.keyword { margin: 1.25em 0; padding: 0.5em 0; border-color: #e4e2e0; border-style: solid none; border-width: 1px; } #content div.basic-info dl.keyword dt { margin: 0 0 0.25em 0; padding: 0; } #content div.basic-info dl.keyword dt img { vertical-align: bottom; } #content div.basic-info dl.keyword dd { float: left; margin: 0; padding: 0 0.5em 0 0; white-space: nowrap; font-size: 14px; *font-size: 117%; } #content div.basic-info dl.keyword dd a{ text-decoration: none; } #content div.basic-info a.enlarge img.icon { border: 0 none; } #content div.basic-info div.specific-rating-block.with-icon { position: relative; margin-top: 20px; } #content div.basic-info div.specific-rating-block.with-icon img.icon { position: absolute; top: -16px; left: -1px; } #content div.basic-info div.specific-rating-block.with-icon dl.total { padding-left: 53px; } #content div.basic-info div.description { margin: 1.25em 0 0; padding: 0.75em 8px; background: #f7f6f4; } #content div.basic-info div.description p { margin: 0.75em 0 0; padding: 0; } #content div.basic-info div.description p:first-child { margin-top: 0; } #content div.basic-info div.description p.first-child { margin-top: 0; } /* step-list */ #content ol.step-list { margin: 0.75em -16px 0 0; padding: 0; list-style-type: none; overflow: hidden; } #content ol.step-list li { float: left; margin: 0 16px 0 -16px; padding: 0 0 0 16px; background: url(../img/step_bg_01.gif) 0 0 no-repeat; } #content ol.step-list img { display: block; } /* powered */ #content div.powered { margin: 0.4em 0 -0.4em; text-align: right; font-size: 10px; *font-size: 75%; } #content div.powered img { vertical-align: middle; } /* blog-list */ #content ul.blog-list { margin: 0; padding: 0; list-style-type: none; width: 668px; } #content ul.blog-list li { margin: 0.75em 0 0; padding: 0; background: url(../img/blog-list_bg_03.gif) 0 0 repeat-y; zoom: 1; } #content ul.blog-list li dl { margin: 0; padding: 0.75em 0 0; background: url(../img/blog-list_bg_01.gif) 0 0 no-repeat; } #content ul.blog-list li dl dt { float: left; margin: 0; padding: 0 11px 0 18px; text-indent: -7px; font-weight: bold; zoom: 1; } #content ul.blog-list li dl dt img.icon { margin: 0 0 0 5px; vertical-align: -0.14em; _vertical-align: baseline; } #content ul.blog-list li dl dd.date { float: right; margin: 0; padding: 0.2em 11px 0 0; font-size: 10px; *font-size: 75%; } #content ul.blog-list li dl dd.body { clear: both; margin: 0; padding: 0.25em 11px 0.86em; *padding-top: 0; background: url(../img/blog-list_bg_02.gif) 0 100% no-repeat; } #content p.blog-search-credit{ margin: 0.5em 0 0 0; text-align: right; } /* agreement */ #content div.agreement { position: relative; margin: 1.5em 0 0; padding: 0.75em 11px; border: 1px solid #d4d4d4; background: #fbfbfa; height: 158px; overflow: auto; } #content div.agreement *:first-child { margin-top: 0; } #content div.agreement *.first-child { margin-top: 0; } #content div.agreement span.marker { *margin-top: -0.14em; background: #fbfbfa; } #content div.agreement p { margin: 0.75em 0 0; } #content div.agreement dl, #content div.agreement dt { margin-top: 1.75em; } #content div.agreement dl { margin-bottom: 1.75em; } /*=============== Phase 1 ================*/ /* defaults ------------------*/ em { } /* form ------------------*/ #content form th p.notice { font-weight: normal; margin: 0.5em 0; } /* play-theater */ #content div.input-theaters { background: #fafafa; border: 1px solid #d4d4d4; margin: 8px 0 15px; text-align: center; } #content div.input-theaters-head { padding: 0.53em 0.67em; background: #f0f0f0; border-bottom: 1px solid #d4d4d4; margin-bottom: 15px; zoom: 1; text-align: left; } #content div.input-theaters-head:after { content: url(../img/transparent.gif); display: block; clear: both; height: 0; } #content div.input-theaters-head h2 { float: left; width: 270px; font-weight: bold; font-size: 14px; *font-size: 117%; margin: 0; padding: 0; } #content div.input-theaters-delbtn { float: right; width: 120px; } #content div.input-theaters table { margin: 0 auto; border-bottom: none; width: 396px; text-align: left; } #content div.input-theaters td, #content div.input-theaters th { background-image: url(../img/table_bg_05.gif); } #content div.input-theaters td { background-image: url(../img/table_bg_06.gif); } #content div.input-theaters td.empty{ background-image: none; } #content div.input-theaters .example { text-indent: -39px; padding-left: 43px; margin-top: 3px; } #content div.input-theaters textarea { height: 8em; } #content div.input-theaters-addbtn { text-align: right; padding: 5px; background: #f0f0f0; border: 1px solid #d4d4d4; margin-bottom: 8px; } #content div.input-theaters-ticket { background: #fafafa; border: 1px solid #d4d4d4; margin: 8px 15px 15px; text-align: center; width: 396px; } #content div.input-theaters-ticket-head { padding: 0.53em 0.67em; background: #f0f0f0; border-bottom: 1px solid #d4d4d4; margin-bottom: 15px; zoom: 1; text-align: left; } #content div.input-theaters-ticket-head:after { content: url(../img/transparent.gif); display: block; clear: both; height: 0; } #content div.input-theaters-ticket-head h2 { float: left; width: 250px; font-weight: bold; font-size: 14px; *font-size: 117%; margin: 0; padding: 0; } #content div.input-theaters-ticket-addbtn { background:none repeat scroll 0 0 #F0F0F0; border:1px solid #D4D4D4; margin:15px; padding:5px; text-align:right; } #content div.input-theaters-ticket-delbtn { float: right; width: 144px; } #content div.input-theaters-ticket table { margin: 0 auto; border-bottom: none; width: 380px; text-align: left; } #content input.time { width: 4em; margin: 0 0.3em; padding: 0.14em 0; border: 1px solid #d4d4d4; font-size: inherit; } #content td p.empty-data { text-align: left; color: #aaaaaa; } #content td.credit { zoom: 1; } #content td.credit:after { content: url(../img/transparent.gif); display: block; clear: both; height: 0; } #content td.credit p { float: left; width: 260px; } #content td.credit ul { list-style: none; width: 160px; float: right; margin: 0; padding: 0; text-align: right; } #content td.credit li { display: inline; margin: 0 0 0 16px; padding: 0; } #content .complete-message { text-align: center; margin: 39px 0 40px; } #content div.link-buttons_01 { text-align: center; margin: 40px 0 0; padding: 15px 16px; background: #f7f6f4; border-top: 1px solid #e4e2e0; } #content div.link-buttons_01 ul { list-style: none; margin: 0;} #content div.link-buttons_01 li { display: inline; margin: 8px; } #content div.link-buttons_01 li img { vertical-align: top;} #content div.link-buttons_01 div.submit { margin: 0; } #content div.link-buttons_01 form { margin:0; padding:0; display:inline; } /* search form ------------------*/ #content div.search-block_02 { border-top: 1px solid #e4e2e0; background: url(../img/search_block_bg_01.gif) repeat-y top right; margin: 0; padding: 8px 0; zoom: 1; } #content div.search-block_02:after { content: url(../img/transparent.gif); display: block; clear: both; height: 0; } #content div.search-block_02 div.keyword { width: 437px; float: left; margin: 0; padding: 0; } #content div.search-block_02 p.example { margin: 0 8px; } #content div.search-block_02 form { display: inline; margin:0; padding:0;} #content div.search-block_02 div.keyword input { margin: 5px 8px 0; width: 422px; } #content div.search-block_02 div.keyword p { text-align: left; margin-top: 2px; margin-left: 8px; } #content div.search-block_02 div.submit { width: 227px; text-align: center; float: right; margin: 0; padding: 0; } #content div.search-block_02 div.submit input { margin: 0 8px; } #content p.form-message { margin: 2em 8px; } #content p.form-message em { font-weight: bold; color: #b36619; font-style: normal; } #content p.with-notice { margin-bottom: 5px; } #content div.notice { margin: 0 8px 2em; color: #808080; font-size: 10px; *font-size: 75%; } #content div.notice p{ margin: 0; } /* For "pPl_b_010" series ---------------------------*/ #content div.search-res .sub-info { color: #808080; margin-right: 0; } #content div.search-res div.image { width: 65px; border: 1px; float: left; } #content div.search-res p.description, #content div.search-res div.content { width: 595px; float: right; margin: 0; padding: 0; } /* For "pPl_b_09" series ---------------------------*/ #content div.search-select-block { background: #f7f6f4; margin-top: 22px; padding-bottom: 15px; } #content div.search-select-header { zoom: 1; margin-bottom: 18px; } #content div.search-select-header:after { content: url(../img/transparent.gif); display: block; clear: both; height: 0; } #content p.search-select-message { width: 295px; float: left; margin-left: 12px; } #content div.search-select-link { width: 331px; border-left: 1px solid white; background: url(../img/search-select-link_bg.gif) repeat-x top; float: right; padding: 0 4px 12px; } #content search-select-link .link { } #content div.search-select-body { border: 1px solid #e1dbd5; background: #FFFFFF; margin-left: 15px; margin-right: 15px; padding: 0.5em 20px 18px; *padding-top: 1.5em; text-align: center; } #content div.search-select-body .layout { width: 595px; margin-right: auto; margin-left: auto; text-align: left; } #content div.search-res-heading { background: #f7f6f4; border-bottom: 1px solid #e1dbd5; zoom: 1; padding: 8px 10px; margin-bottom: 10px; } #content div.search-res-heading:after { content: url(../img/transparent.gif); display: block; clear: both; height: 0; } #content div.search-res-heading h2 { font-weight: bold; color: #897159; font-size: 14px; *font-size: 117%; width: 475px; float: left; margin: 0; padding: 0; } #content div.search-res-btn { width: 98px; float: right; } #content div.search-select-body p.description { width: 506px; } #content form input.with-default-message, #content form textarea.with-default-message { color: #aaa; } #content ul.edit li.disable{ text-indent: 0; padding: 0; color: #999; } #content ul.edit li.disable span { font-size: 10px; *font-size: 75%; display: block; line-height: 1.2; *line-height: 1.3; margin: -0.3em 0 0.3em; *margin: 0; } /* followers */ #content div.follower-list-block, #content div.recommend-list-block{ border-bottom: #e4e2e0 solid 1px; margin: 12px 0 0 0; } #content div.one-line{ border: none; margin-bottom: -12px; } #content div.follower-list-block ul.link, #content div.recommend-list-block ul.link{ margin: 0 -20px 0 0; width: 688px; padding: 8px 0; background: url("../img/bg_dotted_01.gif") top repeat-x; } #content div.follower-list-block ul.first, #content div.recommend-list-block ul.first{ background: none; } #content div.follower-list-block ul.link li, #content div.recommend-list-block ul.link li{ position: relative; margin: 0 20px 0 0; padding: 0 0 0 7px; width: 59px; float: left; padding-top: 68px; font-size: 75%; } #content div.follower-list-block ul.link li a, #content div.recommend-list-block ul.link li a{ overflow: hidden; } #content div.follower-list-block ul.link li.pr, #content div.recommend-list-block ul.link li.pr{ background: #f5eee7; padding-left: 10px; width: 56px; } #content div.follower-list-block ul.link li span, #content div.recommend-list-block ul.link li span{ color: #808080; } #content div.follower-list-block ul.link li a:hover, #content div.recommend-list-block ul.link li a:hover{ cursor: pointer; } #content div.follower-list-block ul.link li img{ position: absolute; top: 0; left: 0; padding: 2px; border: 1px solid #D9D9D9; } #content div.recommend-list-block ul.link li img{ position: absolute; top: 0; left: 0; padding: 0; border: 1px solid #D9D9D9; } #content div.recommend-list-block ul.link li.pr img{ border-color: #b7722d; } /* information list */ #content .information{ margin: 1em 0 0 0; } #content .information ul { margin: 0; padding: 0; list-style-type: none; border-top: #e4e2e0 solid 1px; background: #fbfbfa; } #content .information ul li { margin: 0; padding: 0.25em 8px 0.25em 15px; *text-indent: -7px; border-bottom: 1px solid #efeeed; line-height: 1.14; zoom: 1; } #content .information ul li a:link, #content .information ul li a:visited { text-decoration: none; margin-left: -7px; *margin-left: 0; padding: 0 0 0 7px; background: url(../img/icn_link_01.gif) 0 0.43em no-repeat; } #content .information ul li a:visited { background-image: url(../img/icn_link_01_v.gif); } #content .information ul li a:link:hover, #content .information ul li a:link:active, #content .information ul li a:visited:hover, #content .information ul li a:visited:active { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content .information ul li a:focus { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content .information ul li span.date { margin-left: 0.4em; font-size: 10px; *font-size: 75%; color: #666666; } /* myplay-list / userplay-list */ #content div.myplay-list ul, #content div.userplay-list ul{ margin: 1em 0 0 0; padding: 0; list-style: none; } #content div.myplay-list ul li, #content div.userplay-list ul li{ border-top: 1px solid #d3cac1; border-bottom: 1px solid #f0eeeb; width: 326px; padding: 0; margin: 0.4em 0; background: url(../img/bg_myplay-list_01.gif) repeat-y; } #content div.userplay-list ul li{ background: #f0eeeb; padding: 6px 8px; width: 310px; } #content div.myplay-list ul li span.date{ width: 84px; float: left; padding: 6px 0 6px 8px; margin: 0; } #content div.schedule-list ul li .date span, #content div.myplay-list ul li span.date span{ color: #000; } #content div.schedule-list ul li .date span.monthdate, #content div.myplay-list ul li span.date span.monthdate{ font-size: 150%; font-weight: 900; display: block; line-height: 1; } #content div.myplay-list ul li span.play{ width: 218px; float: right; min-height: 2em; padding: 6px 8px; } #content div.userplay-list ul li span.playname, #content div.myplay-list ul li span.play span.playname{ display: block; font-size: 120%; font-weight: bolder; } #content div.userplay-list ul li span.companyname, #content div.myplay-list ul li span.play span.companyname{ display: block; margin: 0 0 0 7px; } /* schedule-list */ #content div.comment-list{ margin: 1em 0; } #content div.comment-list ul, #content div.schedule-list ul{ list-style: none; margin: 0; padding: 0; } #content div.comment-list ul li, #content div.schedule-list ul li{ border-style: solid none; border-color: #d3cac1 #fff #f0eeeb #fff; border-width: 1px; margin: 0 0 8px 0; background: url(../img/bg_schedule-list_01.gif) left repeat-y; position: relative; } #content div.comment-list ul li{ background: url(../img/bg_comment-list_03.gif) left repeat-y; } #content div.schedule-list ul li div.date{ float: left; width: 141px; margin: 0; padding: 10px 0 0 0; line-height: 1; } #content div.schedule-list ul li div.date p.change{ float: right; margin: 0; padding: 0.9em 0.5em 0.1em 0.5em; } #content div.schedule-list ul li div.date a img{ vertical-align: middle; } #content div.schedule-list ul li div.date span.year, #content div.schedule-list ul li div.date span.monthdate, #content div.schedule-list ul li div.date span.monthdate a{ margin: 0 0 0 10px; } #content div.schedule-list ul li div.date p.no-date{ margin: 0 0 0 10px; color: #7f7f7f; } #content div.schedule-list ul li div.date p.write{ margin: 4px 5px; } #content div.schedule-list ul li div.status, #content div.comment-list ul li div.status{ position: absolute; top: 7px; left: 594px; width: 64px; margin: 0; padding: 0 10px 0 0; text-align: right; background: transparent; border: none; } #content div.schedule-list ul li div.status span, #content div.comment-list ul li div.status span{ border: #838383 solid 1px; background: #838383; color: #fff; font-size: 90%; } #content div.comment-list ul li div.image, #content div.schedule-list ul li div.image{ float: left; width: 76px; margin: 0; padding: 0; text-align: center; } #content div.comment-list ul li div.image img, #content div.schedule-list ul li div.image img{ border: 1px solid #d9d9d9; margin: 10px 5px; } #content div.comment-list ul li div.company-info, #content div.comment-list ul li div.play-info{ width: 591px; float: right; } #content div.schedule-list ul li div.play-info{ width: 450px; float: right; } #content div.comment-list ul li div.company-info p, #content div.comment-list ul li div.play-info p, #content div.schedule-list ul li div.play-info p{ margin: 0; text-indent: 0; } #content div.comment-list ul li div.company-info p.name, #content div.comment-list ul li div.play-info p.name, #content div.schedule-list ul li div.play-info p.name{ background: #f0eeeb; color: #000; padding: 6px 74px 6px 10px; line-height: 1.14; zoom: 1; } #content div.comment-list ul li div.company-info p.name span.companyname, #content div.comment-list ul li div.play-info p.name span.playname, #content div.schedule-list ul li div.play-info p.name span.playname{ font-weight: bolder; font-size: 133%; } #content div.comment-list ul li div.company-info p.score, #content div.comment-list ul li div.play-info p.score, #content div.schedule-list ul li div.play-info p.score{ background: #f7f6f4; padding: 5px 8px; line-height: 1; border-bottom: 1px solid #f0eeeb; } #content div.comment-list ul li div.company-info p.score span, #content div.comment-list ul li div.company-info p.score img, #content div.comment-list ul li div.play-info p.score span, #content div.comment-list ul li div.play-info p.score img, #content div.schedule-list ul li div.play-info p.score span, #content div.schedule-list ul li div.play-info p.score img{ vertical-align: middle; } #content div.comment-list ul li div.company-info p.score span.myscore, #content div.comment-list ul li div.play-info p.score span.myscore, #content div.schedule-list ul li div.play-info p.score span.myscore{ border-right: 1px solid #e1dbd5; padding-right: 10px; margin-right: 10px; } #content div.comment-list ul li div.company-info ul.link, #content div.comment-list ul li div.play-info ul.link, #content div.schedule-list ul li div.play-info ul.link{ padding: 5px 8px; } #content div.comment-list ul li div.company-info ul.link li, #content div.comment-list ul li div.play-info ul.link li, #content div.schedule-list ul li div.play-info ul.link li{ background: transparent; border: none; margin: 0; } #content div.comment-list ul li div.comment-body{ background: none; margin: 5px 7px; } #content div.comment-list ul li div.comment-body div.comment{ background: none; margin: 0; padding: 0; } #content div.comment-list ul li div.comment-body div.comment div.description{ background: none; margin: 0; padding: 0; } #content div.comment-list p.posted { top: -2.2em; font-size: 100%; color: #666666; } #content div.comment-list ul li div.masked-comment{ height: 89px; } #content div.comment-list ul li div.masked-comment div.comment { height: 89px; margin: 0; padding: 0; } #content div.comment-list ul li div.masked-comment div.comment div.description{ margin: 0; padding: 6px 10px; } #content div.schedule-list ul li.now, #content div.schedule-list ul li.after{ background: url(../img/bg_schedule-list_02.gif) left repeat-y; } #content div.schedule-list ul li.after div.play-info p.name, #content div.schedule-list ul li.now div.play-info p.name{ background: #f8eef6; } #content div.schedule-list ul li.after div.play-info p.score, #content div.schedule-list ul li.now div.play-info p.score{ background: #fbf6fa; } #content div.schedule-list ul li.now div.status span{ background-color: #e06666; border-color: #e06666; } #content div.schedule-list ul li.before div.status span{ background-color: #81acce; border-color: #81acce; } #content div.schedule-list ul li.written a{ } #content div.schedule-list ul li.written div.date span{ color: #adadad; } #content div.schedule-list ul li.written div.date p.write{ margin: 9px 10px; } #content div.schedule-list ul li.written div.play-info p.name{ background: #f9f8f7; } #content div.schedule-list ul li.written div.play-info p.score{ color: #c2c2c2; background:#fcfbfb; } #content div.schedule-list ul li.written div.status span{ background-color: #bebdbd; border-color: #bebdbd; } #content div.schedule-list ul li.written div.image img, #content div.schedule-list ul li.written div.play-info p.score img, #content div.schedule-list ul li.written p.write img{ opacity: 0.3; filter: alpha(opacity=30); } #content div.blogparts-link{ background: #f4f2ef url(../img/bg_round_04.gif) bottom left no-repeat; padding: 0 0 2px 0; width: 364px; margin: 2em auto; text-align: center; } #content div.blogparts-link p.message{ background: #f4f2ef url(../img/bg_round_03.gif) top left no-repeat; padding: 1em; margin: 0; } #content div.blogparts-link p.button{ margin: 0; padding: 0 0 1em 0; } /* comment-complete */ #content div.comment-complete p.message{ font-weight: bolder; } #content div.blogparts-info div.code-area textarea, #content div.comment-complete div.code-area textarea{ overflow: auto; width: 650px; height: 5em; margin: 1em 0 0 8px; padding: 4px; border: 1px solid #d4d4d4; background: #fff; } #content div.comment-complete div.login-info{ margin: 1em 0 0 0; padding: 0 0 8px 0; background: url(../img/bg_round_06.gif) bottom left no-repeat; } #content div.comment-complete div.login-info p{ margin: 0; padding: 8px; background: url(../img/bg_round_05.gif) top left no-repeat; } #content div.comment-complete div.login-info ul.link{ margin-top: 0; } #content div.blogparts-info div.blogpartsframe, #content div.comment-complete div.blogpartsframe{ border: 1px solid #d3cac1; padding: 1em; margin: 1em 0; text-align: center; } #content div.blogparts-info div.blogpartsframe object, #content div.comment-complete div.blogpartsframe object{ margin: auto; } /* favorite-complete */ #content div.favorite-complete p.message{ font-weight: bolder; } #content div.favorite-complete div.login-info{ margin: 1em 0 1em 0; padding: 0 0 8px 0; background: url(../img/bg_round_06.gif) bottom left no-repeat; } #content div.favorite-complete div.login-info p{ margin: 0; padding: 8px; background: url(../img/bg_round_05.gif) top left no-repeat; } #content div.favorite-complete div.login-info ul.link{ margin-top: 0; } /* information list */ #content .information{ margin: 1em 0 0 0; } #content .information ul { margin: 0; padding: 0; list-style-type: none; border-top: #e4e2e0 solid 1px; background: #fbfbfa; } #content .information ul li { margin: 0; padding: 0.25em 8px 0.25em 15px; *text-indent: -7px; border-bottom: 1px solid #efeeed; line-height: 1.14; zoom: 1; } #content .information ul li a:link, #content .information ul li a:visited { text-decoration: none; margin-left: -7px; *margin-left: 0; padding: 0 0 0 7px; background: url(../img/icn_link_01.gif) 0 0.43em no-repeat; } #content .information ul li a:visited { background-image: url(../img/icn_link_01_v.gif); } #content .information ul li a:link:hover, #content .information ul li a:link:active, #content .information ul li a:visited:hover, #content .information ul li a:visited:active { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content .information ul li a:focus { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content .information ul li span.date { margin-left: 0.4em; font-size: 10px; *font-size: 75%; color: #666666; } /* search not found - zero comment */ #content div.search-notfound{ margin: 1em 10px 1em 197px; } #content div.nav-button, #content div.zerocomment{ background: #f4f2ef url("../img/bg_zerocomment_01.gif") top no-repeat; padding: 8px 0 0 0; width: 364px; margin: 1em 154px; } #content div.nav-button div.submit, #content div.zerocomment div.submit{ margin: 0; padding: 0 0 3px 0; background: #f4f2ef url("../img/bg_zerocomment_02.gif") bottom no-repeat; } #content div.nav-button div.submit p{ margin: 0.1em 0 0.5em 0; } #content div.zerocomment div.submit p{ margin: 0.1em; } /* play status */ span.play-running, span.present-running, span.ticket-running{ font-size: 90%; color: #fff; background: #e06666; border: 1px solid #e06666; padding: 0 1px; } span.play-not-start, span.present-not-start, span.ticket-not-start{ font-size: 90%; color: #fff; background: #81acce; border: 1px solid #81acce; padding: 0 1px; } span.play-ended, span.present-ended, span.ticket-ended{ font-size: 90%; color: #fff; background: #838383; border: 1px solid #838383; padding: 0 1px; } /* favorite-confirm */ #content div.favorite-complete{ margin: 0 0 1em 0; } #content div.favorite-confirm{ margin: 0 0 1em 0; } #content div.favorite-confirm p{ margin: 0 0 1em 0; } #content div.favorite-confirm ul.link{ float: left; width: 64px; position: relative; margin: 0 13px 0 0; padding: 0 6px 0 0; padding-top: 68px; font-size: 75%; } #content div.favorite-confirm ul.link li a{ overflow: hidden; } #content div.favorite-confirm ul.link li span{ color: #808080; } #content div.favorite-confirm ul.link li a:hover{ cursor: pointer; } #content div.favorite-confirm ul.link li img{ position: absolute; top: 0; left: 0; padding: 0; border: 1px solid #D9D9D9; } /* comment-list-block */ #content div.comment-list-block { } #content div.comment-list-block .heading2 { margin-top: 30px; } #content div.comment-list-block form.add-comment { margin: 8px 0 0; padding: 7px 4px 8px 8px; border-top: 1px solid #f0eeeb; background: #fbf7f3 url(../img/bg_comment-list_02.gif) 100% 0 repeat-y; } #content div.comment-list-block form.add-comment div.comment { float: left; margin: 0; padding: 0; width: 591px; } #content div.comment-list-block form.add-comment div.comment textarea { display: block; height: 3em; } #content div.comment-list-block form.add-comment div.comment textarea.closed { overflow: hidden; height: 1em; } #content div.comment-list-block form.add-comment div.form-footer { float: right; margin: 0; padding: 0; width: 52px; background: none; } #content div.comment-list-block form.add-comment div.form-footer div.submit, #content div.comment-list-block form.add-comment div.form-footer div.submit input { margin: 0; padding: 0; } #content div.comment-list-block ul { margin: 8px 0 0; padding: 0; list-style-type: none; } #content div.comment-list-block ul.comment-list li { margin: 0; padding: 0; border-top: 1px solid #f0eeeb; } #content div.comment-list-block ul.comment-list li.first { border-top-color: #e1dbd5; } #content div.comment-list-block ul.comment-list li:hover { background-color: #fbf7f3; } #content div.comment-list-block ul.comment-list li.pseudo-hover, #content div.comment-list-block ul.comment-list li.pseudo-active { background-color: #fbf7f3; } #content div.comment-list-block ul.comment-list li div.entry { padding: 7px 8px; color: #666666; line-height: 1.5; } #content div.comment-list-block ul.comment-list li div.entry .to { padding-right: 0.75em; } #content div.comment-list-block ul.comment-list li div.entry .fn, #content div.comment-list-block ul.comment-list li div.entry .date { font-size: 10px; *font-size: 84%; color: #808080; } #content div.comment-list-block ul.comment-list li div.entry .fn { *font-size: 75%; } #content div.comment-list-block ul.comment-list li div.entry p { display: inline; margin: 0; padding: 0; line-height: 1.5em; *vertical-align: bottom; } #content div.comment-list-block ul.comment-list li div.entry a { *text-decoration: none; *border-bottom: 1px solid; } #content div.comment-list-block ul.comment-list li div.entry ul.function { display: inline; margin: 0; padding: 0 0 0 0.5em; } #content div.comment-list-block ul.comment-list li div.entry ul.function li, #content div.comment-list-block ul.comment-list li div.entry ul.function a, #content div.comment-list-block ul.comment-list li div.entry ul.function img, #content div.comment-list-block ul.comment-list li div.entry ul.function form, #content div.comment-list-block ul.comment-list li div.entry ul.function div.submit, #content div.comment-list-block ul.comment-list li div.entry ul.function input.submit { display: inline; margin: 0; padding: 0; border-top: 0 none; *border-bottom: 0 none; } #content div.comment-list-block ul.comment-list li div.entry img, #content div.comment-list-block ul.comment-list li div.entry img.pictgram, #content div.comment-list-block ul.comment-list li div.entry ul.function li input.submit { vertical-align: -0.34em; } #content div.comment-list-block div.info-footer { margin-top: 0; } #content div.comment-list-block form.response { margin: 0; padding: 7px 4px 8px 7px; border-top: 1px solid #f0eeeb; } #content div.comment-list-block form.response { margin: 0; padding: 0 4px 0 7px; border-top: 1px solid #f0eeeb; background: #fbf7f3 url(../img/bg_comment-list_02.gif) 100% 0 repeat-y; } #content div.comment-list-block form.response div.comment { float: left; margin: 0; padding: 7px 0 8px; width: 591px; } #content div.comment-list-block form.response div.comment textarea { height: 3em; } #content div.comment-list-block form.response div.form-footer { float: right; margin: 0; padding: 7px 0 8px; width: 52px; background: none; } #content div.comment-list-block form.response div.submit, #content div.comment-list-block form.response input.submit { margin: 0; padding: 0; } /* presents-page */ #content div.present-toc{ } #content div.present-toc dl{ margin: 8px 0; padding: 0; } #content div.present-toc dl dt{ position: relative; margin: 0 0 0 74px; padding: 0; font-weight: normal; } #content div.present-toc dl dt img{ position: absolute; top: 0; left: -74px; border: #d9d9d9 solid 1px; } #content div.present-toc dl dd{ margin: 0; padding: 0 0 0 74px; } #content div.present-toc dl dd p.company{ margin: 0; padding: 0; } #content div.present-toc dl dd p.company a:link, #content div.present-toc dl dd p.company a:visited { margin: 0 0 0 4px; padding: 0 0 0 6px; text-decoration: none; background: url(../img/icn_link_01.gif) 0 0.4em no-repeat; *background-position: 0 0.3em; } #content div.present-toc dl dd p.company a:visited { background-image: url(../img/icn_link_01_v.gif); } #content div.present-toc dl dd p.company a:link:hover, #content div.present-toc dl dd p.company a:link:active, #content div.present-toc dl dd p.company a:visited:hover, #content div.present-toc dl dd p.company a:visited:active { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content div.present-toc dl dd p.company a[href]:focus { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content div.present-toc ul.link{ padding: 0; margin: 12px 0; border-bottom: #f5eee7 solid 1px; } #content div.present-toc ul.link li{ border-top: #f5eee7 solid 1px; background: #fbf7f3; margin: 0; padding: 3px 16px; font-weight: bold; } #content ul.present-list{ margin: 0; padding: 0; list-style: none; } #content ul.present-list li{ margin: 32px 0 0 0; } #content ul.present-list li h3{ background: #f5ecf3; color: #6b4d2f; position: relative; margin: 0; padding: 7px 7px 7px 43px; min-height: 18px; _height: 18px; } #content ul.present-list li h3 img{ background: #f5ecf3; color: #6b4d2f; position: absolute; top: -3px; left: 0; } #content div.present-button{ margin: 10px -2px 10px 0; padding: 0; } #content ul.present-list li div.present-button, #content ul.present-list li div.present-disabled{ background: #f4f2ef; padding: 11px 0 9px 0; margin: 0; text-align: center; } #content ul.present-list li div.present-button img, #content ul.present-list li div.present-disabled img{ vertical-align: top; } #content ul.present-list li div.present-disabled{ padding: 15px 0 15px 0; } #content ul.present-list li p.present-alert em{ font-weight: bolder; font-style: normal; } #content ul.present-list li div.notice{ margin: 1em 0; padding: 0 0 0 8px; color: #808080; font-size: 10px; *font-size: 75%; line-height: 1.4; } #content ul.present-list li div.notice h4{ font-size: 100%; margin: 0; padding: 0; font-weight: normal; } span.present-running, span.present-not-start, span.present-ended{ margin-left: 0.1em; } #content div.present-complete{ text-align: center; margin: 20px 0 0 0; } #content div.present-complete p{ margin: 1em 0 0 0; } #content dl.schedule dt{ font-weight: normal; } #content dl.schedule dd{ margin: 0; } /* present-list */ div.present-list{ margin: 0 -16px 0 0; } div.present-list h2{ margin: 0; padding: 0; } div.present-list h2 img{ vertical-align: top; } div.present-list div.presents-contents{ margin: 0; padding: 10px 0 5px 0; } div.present-list div.presents-content{ margin: 0; padding: 0 16px 0 0; width: 326px; float: left; position: relative; } div.present-list div.presents-content dl{ float: left; min-height: 85px; _height: 85px; border-top: #d3cac1 solid 1px; border-bottom: #f0eeeb solid 1px; margin: 0; padding: 0; width: 326px; background: url("../img/bg_present_list_01.gif") repeat-y; } div.present-list div.presents-content dl.left0, div.present-list div.presents-content dl.left1, div.present-list div.presents-content dl.left2, div.present-list div.presents-content dl.left3{ background: url("../img/bg_present_list_02.gif") repeat-y; } div.present-list dl dt.leftdate{ width: 79px; margin: 0; padding: 72px 0 0 0; text-align: center; float: left; color: #535353; } div.present-list dl.left0 dt.leftdate, div.present-list dl.left1 dt.leftdate, div.present-list dl.left2 dt.leftdate, div.present-list dl.left3 dt.leftdate{ color: #c00; } div.present-list dl dt.play{ margin: 0 0 0 79px; padding: 0.3em 6px 0.3em 12px; text-indent: -7px; border-bottom: #f0eeeb solid 1px; } div.present-list dl dt.play img{ border: #d9d9d9 solid 1px; position: absolute; top: 7px; left: 7px; } #content div.present-list dl dt a:link, #content div.present-list dl dt a:visited { padding: 0 0 0 6px; text-decoration: none; background: url(../img/icn_link_01.gif) 0 0.35em no-repeat; *background-position: 0 0.35em; } #content div.present-list dl dt a:visited { background-image: url(../img/icn_link_01_v.gif); } #content div.present-list dl dt a:link:hover, #content div.present-list dl dt a:link:active, #content div.present-list dl dt a:visited:hover, #content div.present-list dl dt a:visited:active { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content div.present-list dl dt a[href]:focus { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content div.present-list dl dt span.company{ color: #808080; font-weight: normal; margin-left: 0.3em; font-size: 10px; *font-size: 75%; } div.present-list dl dd{ margin: 0 0 0 79px; } div.present-list dl dd ul{ margin: 0.5em 0 0.5em 18px; } /* TICKETS */ #content p.ticket-button{ margin: 0.75em 0; } #content .ticket-heading{ background: #f7f1cf; position: relative; border-bottom: none; border-top: #d4ccc4 solid 1px; margin-top: 32px; padding: 0; color: #6b4d2f; min-height: 32px; _height: 32px; } #content .ticket-heading span.with-icon{ display: block; padding: 7px 10px 3px 50px; min-height: 17px; _height: 17px; } #content .ticket-heading span.with-icon img.icon{ position: absolute; top: -8px; left: 0; display: block; } #content .ticket-heading2{ background: #f4f2ef; border-bottom-color: #e4e2e0; color: #897159; margin: 1.5em 0 0 0; } #content .ticket-heading2 .with-icon img.icon{ margin: 0 2px 0 0; vertical-align: middle; } #content .ticket-play-heading{ background: #f5eee7; position: relative; border-bottom: none; border-top: #c6bcb1 solid 1px; margin-top: 32px; padding: 3px 0 0 0; color: #000; font-size: 18px; *font-size: 150%; min-height: 32px; _height: 32px; _text-indent: 8px; } #content .ticket-play-heading .with-icon img.icon{ margin: 0 8px; _margin: 0 0 0 -8px; _top: -4px; vertical-align: middle; } #content .ticket-play-heading a:link, #content .ticket-play-heading a:visited{ color: #000; text-decoration: none; } #content .ticket-play-heading a:link:hover, #content .ticket-play-heading a:link:focus, #content .ticket-play-heading a:link:active, #content .ticket-play-heading a:visited:hover #content .ticket-play-heading a:visited:focus, #content .ticket-play-heading a:visited:active{ color: #8f3f82; text-decoration: underline; } #content div.ticket-play-group{ margin: 0 0 0 30px; } #content td.ticket-link{ background: #f4f2ef; vertical-align: middle; text-align: center; padding: 0; } #content td span.with-icon{ color: #000; } #content td span.ticket-icon img{ margin: 0 0 0 10px; vertical-align: middle; } #content div.ticket-notice{ margin: 1em 0; } #content div.ticket-notice p.notice{ margin: 0.2em 0; } #content div.ticket-notice p span.with-icon{ position: relative; display: block; padding: 2px 0 2px 64px; min-height: 16px; _height: 16px; } #content div.ticket-notice p span.with-icon img.icon{ position: absolute; top: 0; left: 0; } #content table.misc-tickets{ margin-top: 0; } #content table.misc-tickets tr.first th, #content table.misc-tickets tr.first td{ background: none; } /* google 404 */ #goog-wm ul{ margin: 1.25em 0; padding: 0; } #goog-wm li{ margin-left: 2em; } #goog-wm li.search-goog{ margin-left: 0; list-style: none; } #goog-wm li.search-goog form{ margin: 0; } #goog-wm li.search-goog form input#goog-wm-sb{ margin: 0 8px; } div.dokoiku_ad{ margin: 20px 0; } .google_adsense{ margin: 16px 0; text-align: center; } .aside .google_adsense{ padding: 6px; background: #897159; } /* pr text */ #content div.pr{ border-top: 1px solid #e4e2e0; margin: 0 0 10px 0; padding: 0; background: #fbfbfa; } #content div.pr ul { margin: 0; padding: 0; list-style-type: none; } #content div.pr ul li { margin: 0; padding: 0.25em 8px 0.25em 15px; *text-indent: -7px; border-bottom: 1px solid #efeeed; line-height: 1.14; zoom: 1; } #content div.pr ul a:link, #content div.pr ul a:visited { text-decoration: none; margin-left: -7px; *margin-left: 0; padding: 0 0 0 7px; background: url(../img/icn_link_01.gif) 0 0.43em no-repeat; } #content div.pr ul li a:visited { background-image: url(../img/icn_link_01_v.gif); } #content div.pr ul li a:link:hover, #content div.pr ul li a:link:active, #content div.pr ul li a:visited:hover, #content div.pr ul li a:visited:active { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content div.pr ul li a:focus { background-image: url(../img/icn_link_01_o.gif); text-decoration: underline; } #content div.pr ul li span.date { margin-left: 0.4em; font-size: 10px; *font-size: 75%; color: #666666; } #content div.pr ul li{ padding-left: 60px; position: relative; min-height: 15px; } #content div.pr ul li img{ position: absolute; top: 3px; left: 8px; } /* recommended-keyword */ #content div.recommended-keyword{ margin: 1em 0; } #content div.recommended-keyword ul{ margin: 0; padding: 0; line-height: 1.5; list-style: none; zoom: 1; } #content div.recommended-keyword li{ text-indent: 0; float: left; margin: 0 0.5em; white-space: pre; } #content div.recommended-keyword li a:link, #content div.recommended-keyword li a:visited{ text-decoration: none; } #content div.recommended-keyword li a:link:hover, #content div.recommended-keyword li a:link:focus, #content div.recommended-keyword li a:visited:hover, #content div.recommended-keyword li a:visited:focus{ text-decoration: underline; } #content div.recommended-keyword p.more, #content div.recommended-keyword-list p.search-result{ margin: 0; padding: 0.5em 5px 0.2em 0; clear: both; text-align: right; } #content div.recommended-keyword p.open{ padding: 0 5px 0 0; float: right; width: auto; clear: none; } #content div.recommended-keyword p.open a:link, #content div.recommended-keyword p.open a:visited{ color: #808080; text-decoration: none; } #content ul.keyword-nav{ margin: 20px 0 0 0; padding: 0; } #content ul.keyword-nav li{ display: inline; } /* overture ad */ #content .ad{ border: #e1dbd5 solid 1px; margin: 1em 0; padding: 0; } #content .ad ul{ margin: 0; padding: 0; } #content .ad ul li{ margin: 10px; padding: 0; text-indent: 0; } #content .ad ul li a{ display: block; line-height: 1; } #content .ad ul li a:link:hover, #content .ad ul li a:link:focus{ background-color: #f5ecf3; } #content .ad .title{ display: inline; font-weight: normal; } #content .ad .subinfo{ color: #ababab; margin-left: 0.5em; } #content .ad .description{ display: block; margin: 0.5em 0 0 0; text-indent: 0; color: #000; } #content .ad .about{ margin: 0; text-align: right; padding: 0.1em 0.5em; background: #e1dbd5; font-size: 60%; } #content .pc_ss_simple{ border: none; margin: 20px 0 0 0; padding: 0; } #content .pc_ss_simple ul li{ margin: 10px 0 0 0; } #content .pc_ss_simple .about{ background: none; margin: 10px 0 0 0; padding: 0; } /* shopping */ .shopping{ margin: 1em 0; } .shopping ul{ list-style: none; margin: 0 -28px 0 0; } .shopping li{ float: left; width: 148px; margin: 0 25px 0 0; padding: 148px 0 0 0; position: relative; line-height: 1.25; } .small-thumb li{ width: 78px; padding-top: 78px; margin-right: 6px; } .shopping li a{ overflow: hidden; display: block; } .shopping li a img{ vertical-align: top; position: absolute; top: 0; left: 0; padding: 0; border: 1px solid #D9D9D9; } .shopping .name{ font-weight: bolder; } .shopping .price{ white-space: pre; } .shopping a:link:hover img, .shopping a:visited:hover img, .shopping a:link:focus img, .shopping a:visited:focus img{ border-color: #ca84be; } .shopping .info-footer{ position: relative; } #content p.y-credit{ clear: both; position: absolute; top: 0; left: 0; margin: -5px; text-align: left; } #content p.y-credit a:link, #content p.y-credit a:visited, #content p.y-credit a:link:hover, #content p.y-credit a:visited:hover, #content p.y-credit a:link:focus, #content p.y-credit a:visited:focus{ background: none; padding: 0; float: none; } #content .didyoumean p{ margin: 1em 0 2em 0; background: #f7f6f4 } #content .didyoumean p img{ vertical-align: middle; margin: 0 0.2em 0 0; } #content .didyoumean p a{ margin: 0 0.2em; } /* mobile */ #content div.mobile-information{ margin-top: 20px; } #content div.mobile-information h3{ background: #f5ecf3; color: #6b4d2f; position: relative; margin: 0; padding: 6px 7px 5px 32px; min-height: 18px; _height: 18px; margin: 0 0 10px 0; } #content div.mobile-information h4.heading2{ margin: 0 0 10px 0; clear: left; } #content div.mobile-information table{ margin: 0; border: none; } #content div.mobile-information td{ background: none; } #content div.mobile-information h3 img{ background: #f5ecf3; color: #6b4d2f; position: absolute; top: -6px; left: 0; } #content div.mobile-information img.qrcode{ border: 1px solid #f0edea; float: left; margin: 0 10px 15px 0; } #content div.mobile-information img.qrcode2{ border: 1px solid #f0edea; margin-top: 10px; } #content div.mobile-information p{ margin: 0; } #content div.mobile-information img.carrier{ float: left; margin: 0 10px 10px 0; } #content div.mobile-information p.carrier_flow{ border-bottom: 1px solid #f0edea; padding-bottom: 10px; margin-top: 10px; } #content div.mobile-information p.last-child{ border: none; } #content div.mobile-information span.carrier_service{ font-weight: bold; } /* mypage */ #content div.mypage-present h2{ background: #f5ecf3; color: #6b4d2f; position: relative; padding: 7px 7px 7px 43px; min-height: 18px; _height: 18px; } #content div.mypage-present h2 img{ background: #f5ecf3; color: #6b4d2f; position: absolute; top: -3px; left: 0; } #content div.mypage-present h3{ background: #f5ecf3; color: #6b4d2f; position: relative; padding: 7px 7px 7px 43px; min-height: 18px; _height: 18px; } #content div.mypage-present h3 img{ background: #f5ecf3; color: #6b4d2f; position: absolute; top: -3px; left: 0; } #content div.mypage-present p.cancel_message{ color: #897159; font-size: 13px; *font-size: 110%; font-weight: bold; text-align: center; } #content div.mypage-present div.form-footer p.notice{ padding: 0 0 0 70px; }