@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

body {
    font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}

ul,
ol,
li {
    list-style: none;
}

img {
    vertical-align: bottom;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr,
legend {
    display: none;
}

hr.line-01 {
    display: block;
    border-style: solid none none none;
    border-width: 1px;
    border-color: #a3a3a3;
    margin: 1.5em;
}

pre {
    font-family: monospace, sans-serif;
    white-space: pre-wrap;
}

input,
select {
    vertical-align: middle;
}

body {
    color: #333333;
    font-size: 100%;
    line-height: 1.625;
}

a {
    color: #33498e;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #905ada;
}

div.header * {
    margin: 0;
    padding: 0;
}

p.content-end {
    clear: both;
    text-align: right;
}

div.footer {
    clear: both;
    background-color: #FFF;
    border-top-width: 6px;
    border-top-style: solid;
    padding-bottom: 20px;
    position: relative;
    z-index: 100;
}

div.footer * {
    margin: 0;
    padding: 0;
}

div.footer div.inner {
    position: relative;
    padding: 0 10px;
}

div.footer .content-end {
    position: absolute;
    top: -60px;
    right: 10px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

div.footer .viewmode {
    padding: 8px 0;
    line-height: 1.2;
    border-bottom: 1px solid #cccccc;
    text-align: center;
}

div.footer .viewmode * {
    display: inline-block;
}

div.footer .viewmode dd {
    color: #595959;
}

div.footer .viewmode dd li {
    padding: 1px 0 1px 5px;
}

div.footer .viewmode dd li:first-child {
    padding-left: 0;
    padding-right: 8px;
    border-right: 1px solid #999;
}

div.footer ul.nav-footer {
    padding-top: 10px;
    font-size: 75%;
    margin-bottom: 13px;
}

div.footer ul.nav-footer li {
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
    padding-left: 11px;
    background: url("/img/common/p01/arrow/bullet_01.png") no-repeat 0 45%;
}

div.footer div.terms {
    border: 1px solid #ccc;
    font-size: 68.75%;
    padding: 5px 10px;
    line-height: 1.4;
    margin-bottom: 20px;
}

div.footer p.copyright {
    text-align: center;
    color: #999;
    font-size: 75%;
}

div.footer p.copyright img {
    vertical-align: middle;
    margin: 0 15px;
}

.clearfix,
div.header,
div.sub div.sub-section div.tab ul.tab-index,
div.extra div.extra-section ul.link li,
div.footer ul.nav-footer,
ul.list-01.twitter>li,
ul.list-02 li.item ul.list-label,
ul.nav-01,
div.nav-04 ul.linear,
ul.nav-03 {
    zoom: 1;
}

.clearfix:after,
div.header:after,
div.sub div.sub-section div.tab ul.tab-index:after,
div.extra div.extra-section ul.link li:after,
div.footer ul.nav-footer:after,
ul.list-01.twitter>li:after,
ul.list-02 li.item ul.list-label:after,
ul.nav-01:after,
div.nav-04 ul.linear:after,
ul.nav-03:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

div.null,
div.clear {
    float: none;
    clear: both;
}

div.null {
    height: 1.6em;
}

#page-contents {
    margin: 0 0 20px 0;
    padding: 0;
}

.main-contents,
.author-info,
.extra-info {
    margin-bottom: 10px;
}

div.social-bookmark {
    margin-bottom: 10px;
}

.announce-block {
    font-size: 14px;
    background-color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

.announce-block>p {
    background-color: #2d2d2d;
    color: #fff;
    border-bottom: 1px solid #cbc121;
}

.announce-block>p>span {
    display: inline-block;
    padding: 5px 0 4px 10px;
    margin: 0 0 0 5px;
    border-left: 1px solid #cbc121;
}

.announce-block>ul {}

.announce-block>ul>li {
    padding: 20px 20px;
    border-bottom: 1px solid #e8e8e8;
}

ul.viewmode {}

ul.viewmode>li {
    width: 100%;
    margin: 0 2px 0 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #b5bdd6;
    border-radius: 4px;
}

.list-2col {
    background-color: #fff;
    padding: 23px 0 34px;
    margin: 0 0 5px 0;
}

.list-2col>p {
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
    border-left: 5px solid #333;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    height: 20px;
}

.list-2col>ul {
    margin: 25px 40px 0;
    font-size: 14px;
    color: #33498e;
}

.list-2col>ul>li {
    display: inline-block;
    width: 265px;
    position: relative;
    margin: 0 0 5px 25px;
    vertical-align: top;
}

.list-2col>ul>li>a {
    margin-left: 10px;
    display: block;
}

.list-2col>ul>li:before {
    content: '▲';
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    left: -15px;
    font-size: 12px;
}

body {
    background-color: #e8e8e8;
    box-sizing: border-box;
    position: relative;
    padding: 0;
    margin: 0;
}

body * {
    box-sizing: border-box;
}

header {
    z-index: 99;
    position: relative;
}

header * {
    box-sizing: border-box;
}

header>nav>div {
    width: 980px;
    margin: 0 auto;
    border: none 0px transparent;
    z-index: 99;
    position: relative;
}

#page-wrap {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    border: none 0px transparent;
    position: relative;
    z-index: 1;
    min-height: 800px;
}

#page {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    border: none 0px transparent;
    position: relative;
    background-color: #e8e8e8;
    z-index: 2;
}

#extra {
    width: 315px;
    margin: 0 auto;
    margin: 0;
    padding: 0 5px 0 9px;
    border: none 0px transparent;
    float: right;
}

#main {
    width: 665px;
    border: none 0px transparent;
    float: left;
    padding-left: 5px;
    overflow-x: hidden;
}

footer {
    background-color: #fff;
    z-index: 2;
}

footer>* {
    width: 980px;
    margin: 0 auto 10px;
    padding: 0 5px;
    background-color: #fff;
    position: relative;
    z-index: 3;
    font-size: 12px;
    color: #33498e;
}

footer>*:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
}

footer>#group-sites {
    padding-top: 30px;
}

footer>ul.nav {
    width: auto;
}

footer a,
footer a:visited {
    color: #33498e;
}

footer>nav {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9b9b9b;
}

footer>nav>h2 {
    color: #9b9b9b;
    margin-bottom: 10px;
}

footer>nav>ul.group-sites>li.column {
    width: 20%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

footer>nav>ul.group-sites>li.column.c1 {
    width: 23%;
}

footer>nav>ul.group-sites>li.column.c4 {
    width: 23%;
}

footer>nav>ul.group-sites>li.column.c5 {
    width: 14%;
}

footer>nav ul.sites>li {
    display: inline-block;
    display: block;
    margin: 0 0 12px 5px;
    position: relative;
    line-height: 18px;
}

footer>nav>ul>li>label {
    display: block;
    margin-left: -10px;
    font-weight: bold;
    height: 25px;
}

footer>nav ul.sites>li:before {
    display: inline-block;
    content: '▲';
    color: #33498e;
    transform: rotate(90deg);
    position: absolute;
    left: -15px;
}

footer>ul.nav {
    display: table;
    margin: 20px auto;
}

footer>ul.nav>li {
    display: table-cell;
    padding: 0 10px;
    border-right: 1px solid #9b9b9b;
}

footer>ul.nav>li:last-child {
    border-right: none;
}

footer>.rights {
    margin-top: 10px;
    padding-top: 40px;
    background: transparent url('/img/watch/parts/logo/ipc.w63h33.gif') no-repeat 50% top;
}

footer>.rights>p {
    text-align: center;
    color: #9b9b9b;
}

footer>.rights .rights {
    margin-left: 0.5em;
}

nav#group-sites>ul {
    padding-left: 10px;
}

nav#group-sites>ul a {
    padding-left: 5px;
}

#global-nav {
    height: 71px;
    background-color: #ccc;
    overflow: hidden;
    font-size: 12px;
}

#global-nav>div {
    display: table;
    width: 970px;
    margin: 0 auto;
}

#global-nav>div>h1 {
    display: table-cell;
    width: 89px;
    height: 71px;
    vertical-align: middle;
    text-align: left;
    border-right: 1px solid #ddd;
    cursor: pointer;
}

#global-nav>div>div {
    display: table-cell;
    height: 71px;
    max-height: 71px;
    vertical-align: top;
    margin-left: 5px;
}

#global-nav ul.inline {
    width: 882px;
}

#global-nav ul.row1 {
    height: 35px;
    border-bottom: 1px solid #ddd;
}

#global-nav ul.inline>li {
    width: 63px;
    height: 35px;
    float: left;
    text-align: center;
    border-right: 1px solid #ddd;
}

#global-nav ul.inline>li a {
    display: block;
    width: 63px;
    height: 35px;
    margin: 0;
    padding: 0;
    line-height: 35px;
}

#global-nav ul>li:last-child {
    border: none 0px transparent;
}

#global-nav ul>li a:hover {
    background-color: #032e9d;
}

#global-nav ul>li.fs {
    line-height: 13px;
}

#global-nav ul>li>a {
    display: table-cell;
    width: 64px;
    height: 35px;
    vertical-align: middle;
}

#global-nav a,
#global-nav a:visited {
    color: #fff;
    text-decoration: none!important;
}

#global-list svg,
#global-list svg * {
    fill: #333;
    stroke: #333;
    stroke-width: 0.7;
}

#category-nav {
    width: 980px;
    padding: 0 5px;
    margin: 0 auto;
    height: 56px;
    background-color: #e8e8e8;
    overflow: hidden;
    position: relative;
    z-index: 99;
    position: relative;
}

#category-nav a,
#category-nav a:visited {
    color: #333;
}

#category-nav>div.list {
    display: table;
    width: 910px;
    padding-right: 75px;
    position: relative;
}

#category-nav>div.list>* {
    display: table-cell;
}

#category-logo {
    height: 56px;
    width: 88px;
    border-left: 5px solid #e8e8e8;
    vertical-align: middle;
    text-align: left;
    display: none!important;
    cursor: pointer;
}

#category-list {
    padding-left: 5px;
    position: relative;
}

#category-list>ul {
    float: left;
}

#category-jump {
    position: absolute;
    top: 0;
    right: -65px;
    right: -70px;
    width: 70px;
    height: 56px;
}

#category-jump>a {
    width: 70px;
    height: 56px;
    display: inline-block;
    background: url(/img/watch/parts/icon/category.svg);
    background-repeat: no-repeat;
    background-position: 21px 10px;
    text-align: center;
    font-size: 12px;
    line-height: 90px;
    cursor: pointer;
    color: #33498e;
}

#category-jump>a:visited {
    color: #33498e;
}

#category-jump>a:hover {
    text-decoration: none;
}

#category-nav ul {
    height: 56px;
    overflow: hidden;
}

#category-nav ul>li {
    float: left;
    font-size: 75%;
    padding: 6px 5px 0 5px;
}

#category-nav ul>li:after {
    content: '|';
    padding: 0 5px 0 10px;
    color: #8a8a8a;
}

#category-nav>#search-area {
    width: 895px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 900px;
    left: 905px;
    background-color: #e8e8e8;
}

#category-nav>#search-area>* {
    float: left;
    height: 56px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#category-nav>#search-area>p {
    width: 70px;
    height: 56px;
    overflow: hidden;
}

#category-nav>#search-area>form {
    width: 745px;
    height: 56px;
    font-size: 14px;
    padding-top: 4px;
    display: none;
}

#category-nav.open>#search-area>form {
    display: block;
}

#category-nav>#search-area>form>* {
    display: inline-block;
}

#category-nav>#search-area>form>label {
    margin: 12px 15px 0 0;
}

#category-nav>#search-area>form>input.query {
    line-height: 26px;
    padding: 0 2px;
    width: 570px;
    background: #fff url('http://www.google.com/cse/intl/ja/images/google_custom_search_watermark.gif') no-repeat center left;
    font-size: 14px;
    min-height: 30px;
}

#category-nav>#search-area>form>input.query.hastext {
    background: #fff;
}

#category-nav>#search-area>form>input.btn {
    background-color: #414347;
    color: #fff;
    border: none;
    width: 70px;
    height: 32px;
    font-size: 14px;
}

#category-nav>#search-area>p.open {
    background: url(/img/watch/parts/icon/search.svg);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-align: center;
    font-size: 12px;
    line-height: 90px;
    cursor: pointer;
    color: #33498e;
    position: relative;
}

#category-nav.open>#search-area>p.open {
    color: transparent;
    background-position: 13px 15px;
}

#category-nav>#search-area>p.open:before {
    background-color: #ababab;
    width: 1px;
    height: 40px;
    content: '.';
    color: transparent;
    position: absolute;
    top: 8px;
    left: 0;
}

#category-nav>#search-area>p.close {
    background: url(/img/watch/parts/icon/search-close.svg);
    background-repeat: no-repeat;
    background-position: 24px 13px;
    text-align: center;
    font-size: 12px;
    line-height: 90px;
    cursor: pointer;
    color: #33498e;
    position: relative;
}

#category-nav.open>#search-area {
    animation-name: animation_search_slidein;
    animation-duration: 0.2s;
    left: 85px;
}

@keyframes animation_search_slidein {
    0% {
        left: 900px;
    }
    100% {
        left: 85px;
    }
}

#category-nav.close>#search-area {
    animation-name: animation_search_slideout;
    animation-duration: 0.2s;
    left: 900px;
}

@keyframes animation_search_slideout {
    0% {
        left: 85px;
    }
    100% {
        left: 900px;
    }
}

#main>aside.ad {
    margin: 0 0 10px 0;
}

aside.ad.background {
    width: 1600px;
    position: absolute;
    left: 50%;
    top: -56px;
    z-index: 0;
    margin: 0;
}

aside.ad.billboard {
    width: 980px;
    margin: 10px auto;
    background-color: #e8e8e8;
    margin: 0 auto;
    padding: 10px 0 0;
    padding: 0;
    text-align: center;
    line-height: 0;
}

aside.ad.billboard>div {
    display: inline-block;
}

aside.ad.billboard>div>div {
    padding-top: 10px;
}

body.gnav-hide header {
    padding-bottom: 56px;
}

body.gnav-hide #category-nav {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 0;
}

body.gnav-hide #category-logo {
    display: table-cell!important;
    animation-name: animation_logo_slidein;
    animation-duration: 0.15s;
}

@keyframes animation_logo_slidein {
    0% {
        width: 0;
    }
    100% {}
}

.ad.haikei {
    width: 1600px;
    position: absolute;
    top: -56px;
    left: 50%;
    margin-left: -800px;
    z-index: -1;
    text-align: center;
}

.ad.r-premium {
    text-align: center;
}

.ad.r-premium iframe {
    display: inline-block;
}

div.ad.under {
    margin: 0 0 10px 0;
}

body.gnav-hide aside.ad.haikei {
    position: fixed;
    top: 0;
}

body.gnav-hide.disp-ft aside.ad.haikei {
    position: absolute;
    bottom: 0px;
    top: auto;
}

#extra>.ad.right>div {
    margin-bottom: 10px;
}

body #ad-trace {
    position: relative;
}

body.ad-trace #ad-trace {
    position: fixed;
    top: 56px;
    ;
    bottom: auto;
}

body.ad-trace.ad-trace-btm #ad-trace {
    position: absolute;
    top: auto;
    bottom: 0px;
    border-bottom: 1px solid #333;
}

footer>ul.navigation>li {
    float: left;
    text-align: center;
    font-size: 14px;
}

footer>ul.navigation>li:last-child:after {
    content: '.';
    float: none;
    display: block;
    text-indent: -9999px;
}

footer>h3 {
    float: none;
    clear: both;
}

footer>ul.links.group>li {
    float: left;
    width: 33%;
}

footer>p.copyright {
    float: none;
    clear: both;
}

#breadcrumb {
    background-color: #e8e8e8;
}

nav#breadcrumb {
    height: 24px;
    margin-bottom: 10px;
}

nav#breadcrumb>ul>li {
    float: left;
    font-size: 12px;
    line-height: 24px;
    margin: 0 5px 0 0;
    padding-right: 13px;
    background: transparent url('/img/watch/parts/arrow/breadcrumb.svg') no-repeat top right;
    background-size: 8px 24px;
}

nav#breadcrumb>ul>li:last-child {
    background-image: none;
}

nav#breadcrumb>ul>li>a:visited,
nav#breadcrumb>ul>li>a {
    color: #3349e8;
}

nav#breadcrumb>ul:after {
    content: ' ';
    float: none;
    clear: both;
}

#extra>aside.ad>aside {
    margin: 0 0 10px 0;
}

#extra .social {
    background-color: #fff;
    padding: 20px 0;
    margin: 0 0 10px 0;
    width: 300px;
}

#extra .social>p {
    display: block;
    width: 260px;
    height: 30px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto 20px;
    border-bottom: 2px solid #4a4a4a;
}

#extra .social>ul {
    width: 220px;
    height: 36px;
    margin: 0 auto;
    display: table;
}

#extra .social>ul>li {
    display: table-cell;
}

#extra .social>ul>li>a {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
}

#extra .social>ul>li.twitter>a {
    background: url('/img/watch/parts/icon/twitter.svg') 0 0 no-repeat;
}

#extra .social>ul>li.facebook>a {
    background: url('/img/watch/parts/icon/facebook.svg') 0 0 no-repeat;
}

#extra .social>ul>li.rss>a {
    background: url('/img/watch/parts/icon/rss.svg') 0 0 no-repeat;
}

#extra .list {
    width: 300px;
    margin: 0 0 10px 0;
    overflow: hidden;
    background-color: #fff;
    padding: 15px 10px;
}

#extra .list>p {
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    border-left: 5px solid #333;
    padding-left: 10px;
    margin: 0 0 15px 0;
}

#extra .list ul.list-02 {
    background-color: #fff;
    padding: 0;
    margin: 0;
}

#extra .list ul.list-02 li.item {
    border-bottom: 1px solid #d8d8d8;
    width: 280px;
}

#extra .list ul.list-02 li.item {
    padding: 0;
}

#extra .list ul.list-02 li.item .body {
    width: 280px;
}

#extra .list ul.list-02 li.item:last-child {
    border-bottom: 0px none transparent;
    margin-bottom: 0;
}

#extra .list ul.list-02 li.item div.body div.image {
    width: 80px;
    margin: 0;
}

#extra .list ul.list-02 li.item div.body div.image img {
    max-width: 80px;
    min-width: auto;
}

#extra .list ul.list-02 li.item div.body div.text {
    margin: 0;
    padding-left: 12px;
}

#extra .list ul.list-02 li.item div.body div.image + div.text {
    padding-left: 12px;
}

#extra .list ul.list-02 li.item div.body div.text p.title {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}

#extra .list ul.list-02 li.item div.body div.image + div.text p.title {
    width: 184px;
}

#extra .list.horizontal ul.list-02 li.item div.body div.image + div.text p.title {
    width: 280px;
    margin-bottom: 5px;
}

#extra .list.horizontal ul.list-02 li.item {
    margin-bottom: 10px;
}

#extra .list.horizontal ul.list-02 li.item:last-child {
    margin-bottom: 0;
}

#extra .list.horizontal ul.list-02 li.item div.body {
    display: block;
}

#extra .list.horizontal ul.list-02 li.item div.body div {
    display: block;
    width: auto;
}

#extra .list.horizontal ul.list-02 li.item div.body div.image>p {
    width: 280px;
    text-align: center;
}

#extra .list.horizontal ul.list-02 li.item div.body div.image img {
    max-width: 280px;
}

#extra .list.horizontal ul.list-02 li.item div.body div.text {
    padding-left: 1px;
}

#extra .list.horizontal ul.list-02 li.item div.body div.text p.title {
    margin: 10px 0 0;
    width: 280px;
    font-size: 16px;
    padding: 0;
}

#extra .list.horizontal ul.list-02 li.item div.body div.text p.title + p.outline {
    margin-top: 0;
}

#extra .topics {
    padding: 0 0 15px 0;
}

#extra .list.topics>ul.list-02 {
    padding: 10px 10px 0 10px;
}

#extra .topics,
#extra .topics ul.list-02 li.item,
#extra .topics ul.list-02 {
    background-color: #fbf9e1;
}

#extra .topics>p {
    height: 40px;
    background-color: #242424;
    border-left: 0px none transparent;
    position: relative;
    border-bottom: 4px solid #cbc121;
}

#extra .topics>p>label {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 38px;
    border-left: 1px solid #cbc121;
    height: 40px;
    line-height: 40px;
    color: #fff;
    position: relative;
}

#extra .topics>p>label:before {
    display: block;
    width: 20px;
    height: 19px;
    position: absolute;
    top: 9px;
    left: 10px;
    background: url('/img/watch/parts/icon/star.svg') 0 0 no-repeat transparent;
    color: transparent;
    content: ' ';
}

#extra .topics.special>p>span {
    text-indent: -9999px;
    display: block;
    width: 28px;
    height: 14px;
    background: url('/img/watch/parts/icon/pr.svg') 0 0 no-repeat transparent;
    position: absolute;
    top: 12px;
    right: 15px;
}

#extra .topics.ranking>p>label:before {
    background: url('/img/watch/parts/icon/crown.svg') 0 3px no-repeat transparent;
}

#extra .ranking>ul {
    background-color: #fbf9e1;
    padding: 0 10px;
}

#extra .ranking>ul>li {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    position: relative;
}

#extra .ranking>ul>li:last-child {
    border-bottom: 0 none transparent;
    padding: 0;
    margin: 0;
}

#extra .ranking>ul>li>label {
    display: none;
}

#extra .ranking>ul>li>span {
    display: block;
    margin-left: 32px;
    font-size: 16px;
}

#extra .ranking>ul>li:before {
    position: absolute;
    top: 2px;
    ;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    color: transparent;
    content: '.';
}

#extra .ranking>ul>li.rank-1:before {
    background: url('/img/watch/parts/icon/rank1.svg') 0 0 no-repeat transparent;
}

#extra .ranking>ul>li.rank-2:before {
    background: url('/img/watch/parts/icon/rank2.svg') 0 0 no-repeat transparent;
}

#extra .ranking>ul>li.rank-3:before {
    background: url('/img/watch/parts/icon/rank3.svg') 0 0 no-repeat transparent;
}

#extra .ranking>ul>li.rank-4:before {
    background: url('/img/watch/parts/icon/rank4.svg') 0 0 no-repeat transparent;
}

#extra .ranking>ul>li.rank-5:before {
    background: url('/img/watch/parts/icon/rank5.svg') 0 0 no-repeat transparent;
}

#extra .topics.recommend>p>label:before {
    background: url('/img/watch/parts/icon/recommend.svg') 3px 3px no-repeat transparent;
}

#extra .announce-block li {
    word-wrap: break-word;
}

#extra .announce-block>p>span {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    padding: 0 0 0 14px;
}

*.bdr-solid-top {
    margin-top: 25px !important;
    padding-top: 25px !important;
    border-top: 1px solid #cccccc !important;
}

*.bdr-dotted-top {
    margin-top: 25px !important;
    padding-top: 25px !important;
    border-top: 1px dotted #cccccc !important;
}

*.bdr-dashed-top {
    margin-top: 25px !important;
    padding-top: 25px !important;
    border-top: 1px dashed #cccccc !important;
}

*.bdr-solid-right {
    margin-right: 25px !important;
    padding-right: 25px !important;
    border-right: 1px solid #cccccc !important;
}

*.bdr-dotted-right {
    margin-right: 25px !important;
    padding-right: 25px !important;
    border-right: 1px dotted #cccccc !important;
}

*.bdr-dashed-right {
    margin-right: 25px !important;
    padding-right: 25px !important;
    border-right: 1px dashed #cccccc !important;
}

*.bdr-solid-bottom {
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #cccccc !important;
}

*.bdr-dotted-bottom {
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px dotted #cccccc !important;
}

*.bdr-dashed-bottom {
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px dashed #cccccc !important;
}

*.bdr-solid-left {
    margin-left: 25px !important;
    padding-left: 25px !important;
    border-left: 1px solid #cccccc !important;
}

*.bdr-dotted-left {
    margin-left: 25px !important;
    padding-left: 25px !important;
    border-left: 1px dotted #cccccc !important;
}

*.bdr-dashed-left {
    margin-left: 25px !important;
    padding-left: 25px !important;
    border-left: 1px dashed #cccccc !important;
}

*.bdr-none {
    border: 0 !important;
}

*.fnt-50 {
    font-size: 50% !important;
}

*.fnt-55 {
    font-size: 55% !important;
}

*.fnt-60 {
    font-size: 60% !important;
}

*.fnt-65 {
    font-size: 65% !important;
}

*.fnt-70 {
    font-size: 70% !important;
}

*.fnt-75 {
    font-size: 75% !important;
}

*.fnt-80 {
    font-size: 80% !important;
}

*.fnt-85 {
    font-size: 85% !important;
}

*.fnt-90 {
    font-size: 90% !important;
}

*.fnt-95 {
    font-size: 95% !important;
}

*.fnt-100 {
    font-size: 100% !important;
}

*.fnt-105 {
    font-size: 105% !important;
}

*.fnt-110 {
    font-size: 110% !important;
}

*.fnt-115 {
    font-size: 115% !important;
}

*.fnt-120 {
    font-size: 120% !important;
}

*.larger-xx {
    font-size: 125% !important;
}

*.larger-x {
    font-size: 112.5% !important;
}

*.smaller-x {
    font-size: 87.5% !important;
}

*.smaller-xx {
    font-size: 75% !important;
}

*.smaller-xxx {
    font-size: 68.75% !important;
}

*.smaller-xxxx {
    font-size: 62.5% !important;
}

*.lh0 {
    line-height: 0;
}

*.mt0 {
    margin-top: 0px !important;
}

*.mr0 {
    margin-right: 0px !important;
}

*.mb0 {
    margin-bottom: 0px !important;
}

*.ml0 {
    margin-left: 0px !important;
}

*.mh0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

*.mv0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

*.pt0 {
    padding-top: 0px !important;
}

*.pr0 {
    padding-right: 0px !important;
}

*.pb0 {
    padding-bottom: 0px !important;
}

*.pl0 {
    padding-left: 0px !important;
}

*.ph0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

*.pv0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

*.mt5 {
    margin-top: 5px !important;
}

*.mr5 {
    margin-right: 5px !important;
}

*.mb5 {
    margin-bottom: 5px !important;
}

*.ml5 {
    margin-left: 5px !important;
}

*.mh5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

*.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

*.pt5 {
    padding-top: 5px !important;
}

*.pr5 {
    padding-right: 5px !important;
}

*.pb5 {
    padding-bottom: 5px !important;
}

*.pl5 {
    padding-left: 5px !important;
}

*.ph5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

*.pv5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

*.mt10 {
    margin-top: 10px !important;
}

*.mr10 {
    margin-right: 10px !important;
}

*.mb10 {
    margin-bottom: 10px !important;
}

*.ml10 {
    margin-left: 10px !important;
}

*.mh10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

*.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

*.pt10 {
    padding-top: 10px !important;
}

*.pr10 {
    padding-right: 10px !important;
}

*.pb10 {
    padding-bottom: 10px !important;
}

*.pl10 {
    padding-left: 10px !important;
}

*.ph10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

*.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

*.mt15 {
    margin-top: 15px !important;
}

*.mr15 {
    margin-right: 15px !important;
}

*.mb15 {
    margin-bottom: 15px !important;
}

*.ml15 {
    margin-left: 15px !important;
}

*.mh15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

*.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

*.pt15 {
    padding-top: 15px !important;
}

*.pr15 {
    padding-right: 15px !important;
}

*.pb15 {
    padding-bottom: 15px !important;
}

*.pl15 {
    padding-left: 15px !important;
}

*.ph15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

*.pv15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

*.mt20 {
    margin-top: 20px !important;
}

*.mr20 {
    margin-right: 20px !important;
}

*.mb20 {
    margin-bottom: 20px !important;
}

*.ml20 {
    margin-left: 20px !important;
}

*.mh20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

*.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

*.pt20 {
    padding-top: 20px !important;
}

*.pr20 {
    padding-right: 20px !important;
}

*.pb20 {
    padding-bottom: 20px !important;
}

*.pl20 {
    padding-left: 20px !important;
}

*.ph20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

*.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

*.mt25 {
    margin-top: 25px !important;
}

*.mr25 {
    margin-right: 25px !important;
}

*.mb25 {
    margin-bottom: 25px !important;
}

*.ml25 {
    margin-left: 25px !important;
}

*.mh25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}

*.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

*.pt25 {
    padding-top: 25px !important;
}

*.pr25 {
    padding-right: 25px !important;
}

*.pb25 {
    padding-bottom: 25px !important;
}

*.pl25 {
    padding-left: 25px !important;
}

*.ph25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

*.pv25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

*.mt30 {
    margin-top: 30px !important;
}

*.mr30 {
    margin-right: 30px !important;
}

*.mb30 {
    margin-bottom: 30px !important;
}

*.ml30 {
    margin-left: 30px !important;
}

*.mh30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

*.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

*.pt30 {
    padding-top: 30px !important;
}

*.pr30 {
    padding-right: 30px !important;
}

*.pb30 {
    padding-bottom: 30px !important;
}

*.pl30 {
    padding-left: 30px !important;
}

*.ph30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

*.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

*.mt35 {
    margin-top: 35px !important;
}

*.mr35 {
    margin-right: 35px !important;
}

*.mb35 {
    margin-bottom: 35px !important;
}

*.ml35 {
    margin-left: 35px !important;
}

*.mh35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
}

*.mv35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

*.pt35 {
    padding-top: 35px !important;
}

*.pr35 {
    padding-right: 35px !important;
}

*.pb35 {
    padding-bottom: 35px !important;
}

*.pl35 {
    padding-left: 35px !important;
}

*.ph35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
}

*.pv35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

*.mt40 {
    margin-top: 40px !important;
}

*.mr40 {
    margin-right: 40px !important;
}

*.mb40 {
    margin-bottom: 40px !important;
}

*.ml40 {
    margin-left: 40px !important;
}

*.mh40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

*.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

*.pt40 {
    padding-top: 40px !important;
}

*.pr40 {
    padding-right: 40px !important;
}

*.pb40 {
    padding-bottom: 40px !important;
}

*.pl40 {
    padding-left: 40px !important;
}

*.ph40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

*.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

*.mt45 {
    margin-top: 45px !important;
}

*.mr45 {
    margin-right: 45px !important;
}

*.mb45 {
    margin-bottom: 45px !important;
}

*.ml45 {
    margin-left: 45px !important;
}

*.mh45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
}

*.mv45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

*.pt45 {
    padding-top: 45px !important;
}

*.pr45 {
    padding-right: 45px !important;
}

*.pb45 {
    padding-bottom: 45px !important;
}

*.pl45 {
    padding-left: 45px !important;
}

*.ph45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
}

*.pv45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

*.mt50 {
    margin-top: 50px !important;
}

*.mr50 {
    margin-right: 50px !important;
}

*.mb50 {
    margin-bottom: 50px !important;
}

*.ml50 {
    margin-left: 50px !important;
}

*.mh50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

*.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

*.pt50 {
    padding-top: 50px !important;
}

*.pr50 {
    padding-right: 50px !important;
}

*.pb50 {
    padding-bottom: 50px !important;
}

*.pl50 {
    padding-left: 50px !important;
}

*.ph50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

*.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

*.mr75 {
    margin-right: 75px !important;
}

*.ml75 {
    margin-left: 75px !important;
}

*.mh75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
}

*.mr100 {
    margin-right: 100px !important;
}

*.ml100 {
    margin-left: 100px !important;
}

*.mh100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
}

*.mr150 {
    margin-right: 150px !important;
}

*.ml150 {
    margin-left: 150px !important;
}

*.mh150 {
    margin-right: 150px !important;
    margin-left: 150px !important;
}

*.mr200 {
    margin-right: 200px !important;
}

*.ml200 {
    margin-left: 200px !important;
}

*.mh200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
}

*.mr250 {
    margin-right: 250px !important;
}

*.ml250 {
    margin-left: 250px !important;
}

*.mr300 {
    margin-right: 300px !important;
}

*.ml300 {
    margin-left: 300px !important;
}

*.mr350 {
    margin-right: 350px !important;
}

*.ml350 {
    margin-left: 350px !important;
}

*.mr400 {
    margin-right: 400px !important;
}

*.ml400 {
    margin-left: 400px !important;
}

*.m0 {
    margin: 0 !important;
}

*.p0 {
    padding: 0 !important;
}

*.wp0 {
    width: inherit !important;
}

*.wp5 {
    width: 5% !important;
}

*.wp10 {
    width: 10% !important;
}

*.wp15 {
    width: 15% !important;
}

*.wp20 {
    width: 20% !important;
}

*.wp25 {
    width: 25% !important;
}

*.wp30 {
    width: 30% !important;
}

*.wp35 {
    width: 35% !important;
}

*.wp40 {
    width: 40% !important;
}

*.wp45 {
    width: 45% !important;
}

*.wp50 {
    width: 50% !important;
}

*.wp55 {
    width: 55% !important;
}

*.wp60 {
    width: 60% !important;
}

*.wp65 {
    width: 65% !important;
}

*.wp70 {
    width: 70% !important;
}

*.wp75 {
    width: 75% !important;
}

*.wp80 {
    width: 80% !important;
}

*.wp85 {
    width: 85% !important;
}

*.wp90 {
    width: 90% !important;
}

*.wp95 {
    width: 95% !important;
}

*.wp100 {
    width: 100% !important;
}

*.hcenter {
    margin-right: auto !important;
    margin-left: auto !important;
}

*.acenter {
    text-align: center !important;
}

*.acenter-all * {
    text-align: center !important;
}

*.aleft {
    text-align: left !important;
}

*.aright {
    text-align: right !important;
}

*.vtop {
    vertical-align: top !important;
}

*.vmiddle {
    vertical-align: middle !important;
}

*.vbottom {
    vertical-align: bottom !important;
}

*.float.right {
    float: right !important;
}

*.float.left {
    float: left !important;
}

*.disp.block {
    display: block;
}

*.disp.inline-block {
    display: inline-block;
}

*.disp.inline {
    display: inline;
}

*.rot90 {
    transform: matrix(0, -1, 1, 0, 0, 0) !important;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3) !important;
}

*.rot180 {
    transform: matrix(-1, 0, 0, -1, 0, 0) !important;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2) !important;
}

*.rot270 {
    transform: matrix(0, 1, -1, 0, 0, 0) !important;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1) !important;
}

*.rot45 {
    transform: matrix(0.707, -0.707, 0.707, 0.707, 0, 0) !important;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11=0.707, M12=0.707, M21=-0.707, M22=0.707, Dx=-2, Dy=8) !important;
}

*.lhn,
*.lh-n {
    line-height: 1.3em!important;
}

*.nowrap {
    white-space: nowrap;
}

*.product {
    font-weight: bold;
}

body.product {
    font-weight: normal;
}

*.strong {
    font-weight: bold !important;
}

*.normal {
    font-weight: normal!important;
}

*.italic {
    font-style: italic;
}

.color-site-headline {
    color: #fff !important;
    background-color: #0d3b91 !important;
}

.color-site-clw {
    color: #333 !important;
    background-color: #a0d9f6 !important;
}

.color-site-pcw {
    color: #fff !important;
    background-color: #36f !important;
}

.color-site-dcw {
    color: #fff !important;
    background-color: #2e6162 !important;
}

.color-site-ah {
    color: #333 !important;
    background-color: #ffa824 !important;
}

.color-site-avw {
    color: #fff !important;
    background-color: #5e5858 !important;
}

.color-site-gmw {
    color: #fff !important;
    background-color: #0c6 !important;
}

.color-site-ktw {
    color: #333 !important;
    background-color: #ffacb7 !important;
}

.color-site-iw {
    color: #333 !important;
    background-color: #ffde00 !important;
}

.color-site-wf {
    color: #fff !important;
    background-color: #390 !important;
}

.color-site-kdw {
    color: #333 !important;
    background-color: #f4edff !important;
}

.color-site-car {
    color: #fff !important;
    background-color: #e30121 !important;
}

.color-site-trw {
    color: #fff !important;
    background-color: #00ada6 !important;
}

.color-site-video {
    color: #fff !important;
    background-color: #0c3b91 !important;
}

*.color.red {
    color: #f00 !important;
}

*.color.green {
    color: #0f0 !important;
}

*.color.blue {
    color: #00f !important;
}

*.color.yellow {
    color: #ff0 !important;
}

*.color.cyan {
    color: #0ff !important;
}

*.color.purple {
    color: #f0f !important;
}

*.color.white {
    color: #fff !important;
}

*.color.black {
    color: #000 !important;
}

*.color.gray {
    color: #808080 !important;
}

span.label {
    padding: 2px 4px;
    background-color: #ddd;
    font-size: 12px;
    white-space: nowrap;
}

span.label ~ span {
    margin-left: 4px;
}

span.label ~ span.label {
    margin-left: 2px;
}

.hdg-05 {
    position: relative;
    float: none;
    clear: both;
    margin: 0 0 25px;
    padding: 0 0 8px 8px;
    border-bottom: 1px solid #a9a9a9;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
    font-size: 150%;
    line-height: 1.4;
}

.hdg-05:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ececec;
    content: "";
}

.hdg-05:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 144px;
    height: 4px;
    background-color: #999;
    content: "";
}

.hdg-05 span.date {
    display: inline;
    position: relative;
    top: 4px;
    float: right;
    padding: 0;
    background: none;
    font-size: 70%;
    font-weight: normal;
}

.hdg-05 span.date strong.em-03 {
    font-size: 128.571%;
    font-weight: bold;
}

p + .hdg-05,
pre + .hdg-05,
ul + .hdg-05,
table + .hdg-05,
div + .hdg-05 {
    margin-top: 40px;
}

.hdg-05 .hdg-05-sub {
    position: absolute;
    bottom: 10px;
    right: 4px;
    font-size: 60%;
}

.hdg-09 {
    position: relative;
    margin: 0 0 8px;
    padding: 3px 10px 4px 16px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 97.5%;
    font-weight: bold;
    line-height: 1.2;
}

.hdg-09:before {
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 7px;
    height: 7px;
    content: "";
}

.hdg-16:before {
    content: '\25a0';
}

.hdg-17:before {
    content: '\25cf';
}

.btn-pc-01 {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding: 9px 5px 8px;
    border: 1px solid #333333;
    border-radius: 3px;
    background: linear-gradient(#666666, #333333);
    background-color: #333333;
    box-sizing: border-box;
    font-size: 100%;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

a.btn-pc-01:visited {
    color: #fff;
}

p.link-button {
    margin: 0;
    text-align: right;
    font-size: 87.5%;
}

p.link-button a {
    display: inline-block;
    position: relative;
    padding: 2px 15px 0 30px;
    margin-left: 10px;
    border-radius: 4px;
    background: url("/img/common/p01/button/bg_arrow.png") no-repeat 0 50%;
    background-color: #333;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    color: #fff;
}

p.link-button a:hover {
    text-decoration: none;
}

strong.em-01 {
    font-weight: bold;
    color: #f00;
}

strong.em-02 {
    font-weight: normal;
    color: #f00;
}

strong.em-03 {
    font-weight: bold;
}

span.dem-01 {
    font-size: 75%;
    vertical-align: baseline;
    font-weight: normal;
}

div.note {
    margin: 16px 0;
    font-weight: bold;
}

.bcolor.white {
    background-color: #fff !important;
}

a {
    color: #33498e;
}

.ad.textlink {
    margin-bottom: 3px;
}

.ad.over-footer ul {
    display: table;
    width: 100%;
}

.ad.over-footer ul>li {
    display: table-cell;
    text-align: center;
}

#last-update {
    background-color: #777;
    border-left: 5px solid #555;
    color: #fff;
    height: 40px;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    line-height: 40px;
}

#last-update>label {
    display: inline-block;
    height: 40px;
    padding-left: 45px;
    border-left: 1px solid #cbc121;
    background: transparent url('/img/watch/parts/icon/clock.svg') 15px 10px no-repeat;
}

.recommend,
.top-news {
    margin: 0 0 10px 0;
}

.recommend>p,
.top-news>p {
    background-color: #2d2d2d;
    padding: 0 0 0 5px;
    margin: 0;
    border-bottom: 2px solid #ded22a;
}

.recommend>p>label,
.top-news>p>label {
    display: inline-block;
    height: 40px;
    border-left: 1px solid #cbc121;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 45px;
    background: transparent url('/img/watch/parts/icon/topnews.svg') 15px 11px no-repeat;
    background-size: 24px auto;
}

.top-news>div {
    background-color: #414347;
}

.top-news>div a,
.top-news>div a:visited {
    color: #fff;
}

.top-news>div>ul {
    width: 100%;
    position: relative;
    padding-bottom: 1px;
}

.top-news>div>ul>li {
    width: 330px;
    height: 124px;
    font-size: 13px;
    border-top: 1px solid #9b9b9b;
}

.top-news>div>ul>li.index-1 {
    height: 248px;
    font-size: 16px;
    border-right: 1px solid #9b9b9b;
}

.top-news>div>ul>li.index-2 {
    position: absolute;
    top: 0;
    right: 0;
}

.top-news>div>ul>li.index-3 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.top-news>div>ul>li div.image {
    width: 165px;
    height: 123px;
    text-align: center;
    overflow: hidden;
}

.top-news>div>ul>li.index-2 div.image>p,
.top-news>div>ul>li.index-3 div.image>p {
    width: 165px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.top-news>div>ul>li.index-2:before,
.top-news>div>ul>li.index-3:before {
    position: absolute;
    top: 122px;
    left: 0;
    content: ' ';
    line-height: 0;
    display: block;
    width: 165px;
    height: 1px;
    background-color: #414347;
    opacity: 0.7;
    z-index: 99;
}

.top-news>div>ul>li div.image img {
    max-width: 165px;
}

.top-news>div>ul>li.index-1 div.image img {
    max-width: 330px;
    max-height: 247px;
}

.top-news>div>ul>li.index-1 div.body {
    position: relative;
    height: 248px;
}

.top-news>div>ul>li.index-1 div.image {
    width: 330px;
    height: 248px;
    overflow: hidden;
}

.top-news>div>ul>li.index-1 div.image {
    max-width: 330px;
}

.top-news>div>ul>li div.body {
    position: relative;
}

.top-news>div>ul>li div.body>div.text {
    padding: 12px 14px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 165px;
    height: 120px;
}

.top-news>div>ul>li.index-1 div.body>div.text {
    margin-top: -248px;
    width: 329px;
    height: 248px;
    padding: 0;
    position: relative;
    pointer-events: none;
}

.top-news>div>ul>li.index-1 div.body>div.text p {
    position: absolute;
    bottom: 0;
    background-color: #414347;
    opacity: 0.89;
    padding: 12px 14px;
    width: 329px;
    word-break: break-all;
}

.recommend {
    margin-top: 10px;
}

.recommend>p>label {
    background: transparent url('/img/watch/parts/icon/recommend.svg') 15px 11px no-repeat;
    background-size: 12px auto;
}

.recommend>ul.list-02 {
    position: relative;
    background-color: #fbf6e1;
    overflow: hidden;
    padding: 5px;
}

.recommend>ul.list-02 li.item {
    background-color: transparent;
    margin: 0 0 -16px 0;
    padding: 5px 0;
    width: 655px;
}

.recommend>ul.list-02 li.item:last-child {
    margin-bottom: 0;
}

.recommend>ul.list-02 li.item div.body div.image {
    float: none;
    position: absolute;
    top: 21px;
    left: 14px;
    width: 220px;
    height: 234px;
    text-align: center;
    z-index: 1;
    display: none;
}

.recommend>ul.list-02 li.item div.body div.image p {
    width: 200px;
    height: 150px;
}

.recommend>ul.list-02 li.item p.outline {
    position: absolute;
    top: 180px;
    left: 14px;
    font-size: 13px;
    display: block;
    width: 219px;
    height: 60px;
    margin: 0;
    display: none;
}

.recommend>ul.list-02 li.item.selected div.body div.image,
.recommend>ul.list-02 li.selected p.outline {
    display: block;
}

.recommend>ul.list-02 li.item div.body div.text {
    width: 435px;
    margin: 0 0 0 219px;
    padding: 0 15px 0 0;
    display: block;
    z-index: 2;
}

.recommend>ul.list-02 li.item:first-child div.body div.text {
    margin-top: 5px;
}

.recommend>ul.list-02 li.item div.body div.text>p.title {
    margin-left: 48px;
    display: table-cell;
    position: relative;
}

.recommend>ul.list-02 li.item p.title:before {
    content: ' ';
    position: absolute;
    top: 5px;
    left: 10px;
    display: block;
    width: 1px;
    height: 100%;
    border-left: 1px solid #4a4a4a;
}

.recommend>ul.list-02 li.item.selected p.title:before {
    border-left: 0 none transparent;
}

.recommend>ul.list-02 li.item p.title a:before {
    content: '▲';
    position: absolute;
    top: 10px;
    left: 24px;
    transform: rotate(90deg);
    color: #c99100;
}

.recommend>ul.list-02 li.item div.body div.text p.title {
    font-size: 16px;
    line-height: 22px;
    padding: 9px 5px 9px 57px;
    font-weight: normal;
    width: 420px;
}

.recommend>ul.list-02 li.item.selected div.body div.text p.title {
    font-weight: bold;
    background-color: #f5ec7d;
    opacity: 1;
}

.recommend a:hover {
    text-decoration: none;
}

.latest-backnumber {
    margin-top: 10px;
}

ul.box-2block {
    margin: 0 0 10px 0;
}

ul.box-2block>li {
    width: 328px;
    margin: 0 2px 0 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #b5bdd6;
    border-radius: 4px;
}

ul.box-2block>li:last-child {
    margin: 0 0 0 2px;
}

ul.box-2block>li>a {
    position: relative;
}

ul.box-2block>li>a:before {
    content: '▲';
    transform: rotate(90deg);
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    top: 3px;
    ;
    left: -20px;
    color: #33498e;
}

ul.box-2block>li>a:visited:before {
    color: #33498e;
}

.list-2col.from-editors {
    margin-bottom: 10px;
}

.nav.listing {
    margin-top: 10px;
}

.box-01 {
    margin: 0 0 20px;
    padding: 10px 10px 1px;
    border: 1px solid #dadada;
    font-size: 87.5%;
}

.box-01 .hdg {
    margin: -10px -10px 8px;
    padding: 2px 6px;
    border-bottom: 1px solid #dadada;
    background: #dadada;
    font-size: 114.286%;
}

.box-01 .hdg>span.label:last-child {
    margin-right: 5px;
}

.box-01 .hdg2 {
    margin: 0 0 8px;
    padding: 4px 6px 2px;
    border-top: 1px solid #dadada;
    font-weight: bold;
}

.box-01 .hdg + .hdg2 {
    border-top: 0;
}

.box-01 p,
.box-01 ul {
    margin-bottom: 10px;
}

.box-01 ul.list-01 li:before {
    top: 7px;
}

.box-02 {
    margin: 0 0 20px;
    padding: 10px 10px 1px;
    border: 1px solid #ccc;
    background-color: #efefef;
    font-size: 87.5%;
}

.box-02 p,
.box-02 ul {
    margin-bottom: 10px;
}

.box-02 ul.list-01 li:before {
    top: 7px;
}

.box-02 p.footer {
    margin: 0 -10px -1px;
    padding: 2px 8px;
    background-color: #d9d9d9;
    font-weight: bold;
    text-align: right;
}

.box-03 {
    margin: 0 0 17px;
    padding: 10px 15px 3px;
    border: 1px solid #ccc;
}

.box-03>.hdg {
    margin: -10px -15px 10px;
    padding: 6px 12px;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
    font-size: 87.5%;
}

.box-03 ul.list-01 {
    margin: 0;
}

.box-03 strong.em-01 {
    font-size: 62.5%;
    font-weight: bold;
    color: #c34040;
}

.box-04 {
    margin: 0 0 17px;
    padding: 10px 15px 3px;
    border: 1px solid #ccc;
}

.box-04 ul.list-01 {
    margin: 0;
}

.box-04 ul.list-01 li {
    border-bottom: 1px dotted #cecece;
    padding-bottom: 6px;
}

.box-04 strong.em-01 {
    font-size: 62.5%;
    font-weight: bold;
    color: #c34040;
}

ul.list-01 {
    margin: 0 0 20px;
    line-height: 1.5;
}

ul.list-01>li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 1em;
    background: url("/img/common/p01/bullet_square_01.png") no-repeat 2px 0.6em;
}

ul.list-01>li>ul.list-01 {
    margin: 4px 0 0;
}

ul.list-01>li>ul.list-01>li {
    margin-bottom: 4px;
}

ul.list-01>li p.float.right {
    float: right;
    margin: 0 0 0 8px;
    text-align: right;
}

ul.list-01>li p.float.left {
    float: left;
    margin: 0 8px 0 0;
}

ul.list-01>li p.float img {
    margin-bottom: 10px;
}

ul.list-01>li p {
    margin: 6px 0 0;
    font-size: 87.5%;
}

ul.list-01>li span.pdate {
    margin-left: 10px;
}

ul.list-01>li span.date {
    display: block;
    text-align: right;
    font-size: 87.5%;
}

ul.list-01 li.item div.body {
    display: table;
    width: 100%;
}

ul.list-01 li.item div.body div.text {
    overflow: hidden;
}

ul.list-01 li.item div.body div.text p.date {
    float: right;
    margin: 0 0 5px;
    font-size: 87.5%;
}

ul.list-01 li.item div.body div.text p.title {
    font-size: 100%;
    margin: 0;
}

ul.list-01.twitter {
    margin-top: 40px;
}

ul.list-01.twitter>li {
    margin-bottom: 1em;
}

ul.list-01.twitter>li img {
    float: right;
    margin-left: 10px;
}

ul.list-01.twitter>li span.rt {
    color: #888;
    font-size: 75%;
}

ul.list-01.itemize>li.item {
    position: relative;
    margin-left: 25px;
    padding-left: 0;
    background: none;
}

ul.list-01.itemize>li.item:before {
    display: block;
    position: absolute;
    top: 7px;
    left: -20px;
    width: 10px;
    height: 10px;
    content: "";
}

ul.list-02 {
    margin: 0 0 20px;
}

ul.list-02 li .date {
    display: block;
    float: right;
    margin: 6px 0 8px 5px;
    font-size: 11px;
    line-height: 17px;
}

ul.list-02 li .site {
    display: block;
    float: left;
    margin-bottom: 0;
    margin-left: 5px;
    font-size: 87.5%;
    font-size: 70%;
}

ul.list-02>li.group {
    padding: 13px 0 14px;
    margin: 10px 0 5px;
}

ul.list-02>li.group.type-1,
ul.list-02>li.group.type-4,
ul.list-02>li.group.type-5,
ul.list-02>li.group.type-7 {
    padding: 15px 10px 10px;
    margin-top: 5px;
}

ul.list-02>li.group ul.outline li.item {
    margin: 0 0 0 1em;
    padding: 0;
}

ul.list-02>li.group ul.list-02 {
    margin-bottom: 0;
}

ul.list-02>li.group ul.list-02.nb li.item {
    margin-bottom: 0;
}

ul.list-02>li.group .hdg-03 {
    margin: 0 0 5px 23px;
    padding-left: 16px;
    height: 24px;
    border-left: 4px solid #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
}

ul.list-02>li.group.type-1>p,
ul.list-02>li.group.type-4>p,
ul.list-02>li.group.type-5>p,
ul.list-02>li.group.type-7>p {
    font-weight: bold;
    font-size: 18px;
    height: 20px;
    line-height: 22px;
    margin-bottom: 18px;
    padding-left: 15px;
    border-left: 5px solid #333;
}

li.group.type-7 ul.type-7 li,
li.group.type-5 ul.type-5 li {
    background-color: #fff;
    margin: 0 0 5px;
    padding: 5px;
    font-weight: bold;
    line-height: 26px;
    font-size: 18px;
}

ul.list-02 li.item {
    margin: 0 0 5px 0;
    padding: 5px;
    background-color: #fff;
}

ul.list-02 li.item.ad {
    padding: 0;
}

ul.list-02 li.item.ad iframe {
    padding: 5px;
}

ul.list-02 li.item span.label {
    font-size: 11px;
    line-height: 17px;
    padding: 1px 7px 0;
}

ul.list-02 li.item span.label-after {
    font-size: 13px;
    line-height: 20px;
    color: #333;
}

ul.list-02 li.item ul.list-label {
    margin: 0 0 3px;
    font-size: 87.5%;
}

ul.list-02 li.item ul.list-label li {
    float: left;
    margin: 0 4px 0 0;
}

ul.list-02 li.item ul.breadcrumb {
    margin: 0 0 4px 0;
    padding: 0 0 0 25px;
    background: url('/img/watch/parts/list/breadcrumb.l.png') left 50% / 20px no-repeat;
}

ul.list-02 li.item ul.breadcrumb>li {
    font-size: 11px;
    line-height: 17px;
    color: #9b9b9b;
}

ul.list-02 li.item ul.breadcrumb>li {
    display: none;
}

ul.list-02 li.item ul.breadcrumb>li:nth-child(2) {
    display: inherit;
}

ul.list-02 li.item div.body {
    display: table;
    width: 100%;
}

ul.list-02 li.item div.body>div {
    display: table-cell;
    vertical-align: top;
}

ul.list-02 li.item div.body div.image {
    float: left;
    margin-right: 20px;
    width: 200px;
    overflow: hidden;
    text-align: center;
}

ul.list-02 li.item div.body div.image p {
    margin: 0;
}

ul.list-02 li.item div.body div.image.right {
    float: right;
    padding-right: 0;
    padding-left: 12px;
}

ul.list-02 li.item div.body div.image img {
    max-width: 200px;
    max-height: 150px;
}

ul.list-02 li.item div.body div.text {
    width: 100%;
    margin-top: 14px;
    overflow: hidden;
}

ul.list-02 li.item div.body div.text:first-child {
    margin-left: 14px;
}

ul.list-02 li.item div.body div.text.oflow {
    overflow: inherit;
}

ul.list-02 li.item div.body div.text p.company {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

ul.list-02 li.item div.body div.text p.category {
    margin: 0 0 6px;
    font-size: 13px;
}

ul.list-02 li.item div.body div.text p.category span.label {
    margin-right: 4px !important;
}

ul.list-02 li.item div.body div.text {
    padding-right: 15px;
}

ul.list-02 li.item div.body div.text p.title {
    margin: 0 0 5px;
    font-weight: bold;
    line-height: 26px;
    font-size: 18px;
}

ul.list-02 li.item div.body div.text p.title a {
    color: #33498E;
}

ul.list-02 li.item div.body div.text p.ps {
    margin: 0 0 3px;
    font-size: 80%;
    line-height: 1.5;
}

ul.list-02 li.item div.body div.text p.outline {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 20px;
    color: #4a4a4a;
}

ul.list-02 li.item div.body div.text p.outline + p.ps {
    margin: -3px 0 3px;
    font-size: 87.5%;
    line-height: 1.5;
}

ul.list-02 li.item div.body div.text p.movieplay {
    margin: 0 0 3px;
}

ul.list-02 li.item div.body div.text ul.list-01 {
    margin: 0 0 8px;
}

ul.list-02 li.item div.body div.text ul.list-label {
    margin: 0;
}

ul.list-02 li.item div.body div.text p.link-button {
    margin: 7px 0 3px;
}

ul.list-02 li.item div.under {
    font-size: 87.5%;
}

ul.list-02 li.item p.ps {
    color: red;
}

ul.list-02.itemize li.item {
    position: relative;
    margin-left: 25px;
}

ul.list-02.itemize li.item:before {
    display: block;
    position: absolute;
    top: 7px;
    left: -20px;
    width: 10px;
    height: 10px;
    content: "";
}

ul.list-02>li.group .latest-release {
    font-size: 85%;
}

ul.list-03 {
    margin: 0 0 20px;
}

li ul.list-03 {
    margin: 0;
}

ul.list-03>li {}

ul.list-03>li:before {
    margin-right: 5px;
}

ul.list-03.bbox>li:before {
    content: '■';
}

ul.list-03.wbox>li:before {
    content: '□';
}

ul.list-03.bball>li:before {
    content: '●';
}

ul.list-03.wball>li:before {
    content: '○';
}

ul.list-03>li>ul.list-01 {
    margin-left: 15px;
    margin-bottom: 0;
}

ul.list-03>li>ul.list-01>li {
    margin-bottom: 0;
}

dl.list-01 {
    margin: 0 0 20px;
}

dl.list-01 dt {
    margin: 0;
    line-height: 1.4;
}

dl.list-01 dt:before {
    padding-right: 4px;
    font-size: 50%;
    font-weight: bold;
    vertical-align: 25%;
    color: #666;
    content: "■";
}

dl.list-01 dd {
    margin: 0 0 5px 1.5em;
}

dl.list-01 dd>span.date {
    display: block;
    font-size: 87.5%;
    text-align: right;
}

dl.list-02 {
    margin: 0 0 20px;
}

dl.list-02 dt {
    margin: 0;
    line-height: 1.4;
}

dl.list-02 dd {
    margin: 0 0 5px 0;
}

dl.list-02 dd:before {
    content: "　";
}

dl.list-02 dd + dd {
    margin-top: -5px;
}

dl.list-03 {
    margin: 0 0 20px;
}

dl.list-03 dt {
    float: left;
    margin: 0;
    margin-right: 0.5em;
    line-height: 1.4;
}

dl.list-03 dd {
    padding-left: 4em;
    margin: 0 0 5px 0;
    line-height: 1.4;
}

dl.list-03.m10 dd {
    margin-left: 10px !important;
}

dl.list-03.m20 dd {
    margin-left: 20px !important;
}

dl.list-03.m30 dd {
    margin-left: 30px !important;
}

dl.list-03.m40 dd {
    margin-left: 40px !important;
}

dl.list-03.m50 dd {
    margin-left: 50px !important;
}

dl.list-03.m64 dd {
    margin-left: 64px !important;
}

dl.list-03.m100 dd {
    margin-left: 100px !important;
}

dl.list-03.m128 dd {
    margin-left: 128px !important;
}

dl.list-03.m150 dd {
    margin-left: 150px !important;
}

dl.list-03.m200 dd {
    margin-left: 200px !important;
}

dl.list-04 {
    margin: 0 0 25px;
}

dl.list-04>dd {
    margin-bottom: 8px;
    line-height: 1.2em;
}

dl.list-04>dt>dd:first-child {
    margin-top: 0;
}

dl.list-04.bbox>dt:before {
    margin-right: 4px;
    content: '■';
}

dl.list-04.wbox>dt:before {
    margin-right: 4px;
    content: '□';
}

dl.list-04.bball>dt:before {
    margin-right: 4px;
    content: '●';
}

dl.list-04.wball>dt:before {
    margin-right: 4px;
    content: '○';
}

dl.list-04.m10>dd {
    margin-left: 10px;
}

dl.list-04.m20>dd {
    margin-left: 20px;
}

ol.list-01 {
    margin: 0 20px 20px;
    line-height: 1.5;
}

ol.list-01>li {
    position: relative;
    margin-bottom: 8px;
    list-style-type: decimal;
}

ul.outline {
    font-size: 85%;
}

ul.outline>li {
    position: relative;
    margin-left: 15px;
}

ul.outline>li:before {
    display: block;
    position: absolute;
    top: 8px;
    left: -12px;
    width: 5px;
    height: 5px;
    background-color: #777;
    content: "";
}

ul.list-02 {
    margin: 0;
}

.history ul.list-02 li.item div.body div.image {
    width: 150px;
}

.history ul.list-02 li.item div.body div.image img {
    max-width: 150px;
}

#global-nav {
    background-color: #0d3b91;
}

#global-list svg,
#global-list svg * {
    fill: #fff;
    stroke: #fff;
}

#global-list svg:hover * {
    fill: #333;
    stroke: #333;
}

#global-nav ul.row1 {
    border-bottom: 1px solid #708090;
}

#global-nav>div>h1,
#global-nav ul.inline>li {
    border-right: 1px solid #708090;
}

#global-nav ul>li a:hover {
    background-color: #c7e6f2;
}

aside.latest-backnumber,
ul.list-02>li.group {
    background-color: #c9e5ed;
}

.hdg-article h1,
.hdg-article h2.title {
    color: #333;
}

div.sub div.box-nav li,
div.sub div.box-nav a {
    color: #fff;
}

div.sub div.box-nav span.category {
    color: #dedede;
}

header>div.inner,
.logo,
div.watch-color,
.lyt-top div.sub,
.hdg-04:before,
.hdg-05:after,
.hdg-09:before,
ul.outline>li:before {
    background-color: #0d3b91;
}

table.table-data tr.y1,
table.table-data th.x1,
.hdg-02,
div.hdg-article p.corner-title,
#blog-list-box .blog-page:before,
div.box-tab-01 ul.tab-index a.selected,
div.sub div.sub-section div.tab ul.tab-index a.selected,
table.table-data-01 th,
dl.box-qa-01 p.answer:before,
div.list-ranking-03 span.rank {
    color: #fff;
    background-color: #0d3b91;
}

ul.nav-03 a,
ul.nav-06>li>a {
    color: #fff;
    background-color: #0d3b91;
    border-color: #0d3b91;
}

div.sub div.sub-section>.hdg,
div.sub div.box-nav .hdg {
    color: #333333;
    background-color: #c7ebf2;
}

footer,
.hdg-07,
.hdg-01 span,
div.footer {
    border-top-color: #0d3b91;
}

ul.nav-03 span,
ul.nav-06>li>div,
.nav-06-wrap,
div.sub div.sub-section div.tab ul.tab-index {
    border-color: #0d3b91;
}

.hdg-03 span {
    border-left-color: #0d3b91;
}

div.box-tab-01 ul.tab-index {
    border-bottom-color: #0d3b91;
}

table.table-data-01 .color-01 {
    background-color: #869dc8;
}

table.table-data-01 .color-02 {
    background-color: #ffeae9;
}

table.table-data-01 .color-03 {
    background-color: #fff0db;
}

table.table-data-01 .color-04 {
    background-color: #eee;
}

ul.list-02>li.group {
    background-color: #ecfeec;
}

table.table-data tr.y1 a {
    color: #ccf;
}

table.row1td tr.y1 {
    background-color: inherit;
    color: inherit;
}

table.col-1-gray th.x1,
table.col-1-gray td.x1 {
    background-color: #eee;
    color: #333;
}

table.col-1-bg td.x1,
table.col-1-bg th.x1,
table.col-2-bg td.x2,
table.col-3-bg td.x3,
table.col-4-bg td.x4,
table.col-5-bg td.x5,
table.col-6-bg td.x6,
table.col-7-bg td.x7,
table.col-8-bg td.x8,
table.col-9-bg td.x9,
table.col-end-bg td.td_end,
table.row-1-bg tr.y1,
table.row-2-bg tr.y2,
table.row-3-bg tr.y3,
table.row-4-bg tr.y4,
table.row-5-bg tr.y5,
table.row-6-bg tr.y6,
table.row-7-bg tr.y7,
table.row-8-bg tr.y8,
table.row-9-bg tr.y9,
table.row-end-bg tr.tr_end,
table.row-each-bg tr.odd {
    background-color: #869dc8;
}

table.row-each-bg tr.odd.y1 {
    background-color: #0d3b91;
}

table.row-1-gray tr.y1,
table.row-1-gray th.y1.x1 {
    background-color: #eee;
    color: #333;
}

#site-logo {
    background: url('/img/watch/parts/logo/headline.svg') 0 center no-repeat;
    background-size: 88px auto;
    text-indent: -9999px;
}

#category-logo {
    background: #0d3b91 url('/img/watch/parts/logo/headline-h.svg') 0 center no-repeat;
    background-size: 83px auto;
}

#last-update {
    background-color: #0d3b91;
    border-left: 5px solid #c7e6f2;
}

.top-news .list-label {
    display: none;
}

.top-news>div>ul>li.index-3 {
    top: 124px;
}

.top-news>div>ul>li.index-4,
.top-news>div>ul>li.index-5,
.top-news>div>ul>li.index-6 {
    width: 220px;
    height: 165px;
    display: inline-block;
    vertical-align: top;
}

.top-news>div>ul>li.index-4,
.top-news>div>ul>li.index-5 {
    border-right: 1px solid #9b9b9b;
}

.top-news>div>ul>li.index-4 div.body>div.text,
.top-news>div>ul>li.index-5 div.body>div.text,
.top-news>div>ul>li.index-6 div.body>div.text {
    position: absolute;
    display: block;
    width: 220px;
    height: 76px;
    top: 89px;
    left: 0px;
    background-color: #414347;
    opacity: 0.89;
}

.top-news>div>ul>li.index-4 div.image,
.top-news>div>ul>li.index-5 div.image,
.top-news>div>ul>li.index-6 div.image {
    width: inherit;
    height: inherit;
}

.top-news>div>ul>li.index-4 div.image img,
.top-news>div>ul>li.index-5 div.image img,
.top-news>div>ul>li.index-6 div.image img {
    max-width: 220px;
    max-height: 165px;
}

.heading {
    margin: 0 0 10px 0;
}

.heading>p {
    background-color: #2d2d2d;
    padding: 0 0 0 5px;
    margin: 0;
    border-bottom: 2px solid #ded22a;
    color: #fff;
}

.heading>p>label {
    display: inline-block;
    height: 40px;
    border-left: 1px solid #cbc121;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 5px;
}

.ranking>p>label {
    padding-left: 45px;
    background: transparent url('/img/watch/parts/icon/crown.svg') 15px 11px no-repeat;
    background-size: 24px auto;
}

.topics.ranking>p>label:before {
    background: url('/img/watch/parts/icon/crown.svg') 0 3px no-repeat transparent;
}

.ranking>ul {
    background-color: #fbf9e1;
    padding: 10px;
}

.ranking>ul>li {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    position: relative;
}

.ranking>ul>li:last-child {
    border-bottom: 0 none transparent;
    padding: 0;
    margin: 0;
}

.ranking>ul>li>label {
    float: left;
    border-radius: 1px;
    background-color: #9b9b9b;
    border: 2px solid #9b9b9b;
    color: #fff;
    line-height: 1.0;
    margin-right: 3px;
    padding: 2px 4px 0 4px;
}

.ranking>ul>li>span {
    display: block;
    margin-left: 32px;
    font-size: 16px;
}

.ranking>ul>li.rank-1>label {
    background-color: #d65b4a;
    border: 2px solid #d65b4a;
    color: #333;
}

.ranking>ul>li.rank-2>label {
    background-color: #d29a3d;
    border: 2px solid #d29a3d;
    color: #fff;
}

.ranking>ul>li.rank-3>label {
    background-color: #80be84;
    border: 2px solid #80be84;
    color: #fff;
}

.tiled_article {
    position: relative;
    display: table-row;
    width: 100%;
}

.tiled_article .item {
    display: table-cell;
}

.tiled_article.tile_h3 .item {
    width: 33%;
}

html* .tiled_article.tile_h3 .item.rank2 {
    position: absolute;
    top: 0;
    left: 156px;
}

html* .tiled_article.tile_h3 .item.rank3 {
    position: absolute;
    top: 0;
    left: 312px;
}

.tiled_article.tile_h3 .item,
.tiled_article.tile_h3 .item .body,
.tiled_article.tile_h3 .item .body .image {
    max-width: 220px;
}

.tiled_article .item .body {
    border: 1px solid #ccc;
    line-height: 1.2;
    font-size: 80%;
    padding: 3px 7px 7px;
    height: 184px;
    overflow: hidden;
    margin-left: 9px;
    background-color: #fff;
}

.tiled_article .item.rank1 .body {
    margin-left: 0;
}

#social_topics .tiled_article .item .num {
    background: url("/include/common/p01/images/list-tweet-01_num_bg.png") no-repeat top left;
    width: 42px;
    height: 21px;
    padding-top: 2px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

#social_topics .tiled_article .item.rank1 .num {
    background-image: url("/include/common/p01/images/list-tweet-01_num_first_bg.png");
    color: #333;
}

.tiled_article .item .image {
    height: 100px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 3px;
}

.tiled_article .item .image img {
    max-width: 150px;
    max-height: 100px
}

.tiled_article .item .text {
    margin-top: 3px;
}

.news-headline-block ul>li {
    border-bottom: 1px dotted #aaaaaa;
    font-size: 81%;
    font-weight: bold;
}

.hdg-headline {
    margin: 0 0 6px;
    line-height: 1.3;
}

.hdg-headline a {
    display: block;
    border-top-width: 5px;
    border-top-style: solid;
    color: #333;
    padding: 3px 10px 3px 30px;
    font-size: 100%;
    background-repeat: no-repeat;
    background-position: 2% 50%;
    position: relative;
}

.hdg-headline a:hover {
    text-decoration: none;
}

.hdg-headline a span {
    display: block;
    float: right;
    font-size: 69%;
    font-weight: normal;
    position: absolute;
    right: 5px;
    top: 30%;
}

.hdg-headline.clw {
    background-color: #e5f1f6;
}

.hdg-headline.clw a {
    border-color: #0076a8;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_clw16.png");
}

.hdg-headline.pcw {
    background-color: #eaefff;
}

.hdg-headline.pcw a {
    border-color: #3366ff;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_pcw16.png");
}

.hdg-headline.dcw {
    background-color: #eaefef;
}

.hdg-headline.dcw a {
    border-color: #2e6162;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_dcw16.png");
}

.hdg-headline.ah {
    background-color: #fff6e9;
}

.hdg-headline.ah a {
    border-color: #ffa824;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_ah16.png");
}

.hdg-headline.avw {
    background-color: #eeeeee;
}

.hdg-headline.avw a {
    border-color: #5e5858;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_avw16.png");
}

.hdg-headline.gmw {
    background-color: #e5f9ef;
}

.hdg-headline.gmw a {
    border-color: #00cc66;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_gmw16.png");
}

.hdg-headline.ktw {
    background-color: #fff6f7;
}

.hdg-headline.ktw a {
    border-color: #ffacb7;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_ktw16.png");
}

.hdg-headline.iw {
    background-color: #fffbe5;
}

.hdg-headline.iw a {
    border-color: #ffde00;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_iw16.png");
}

.hdg-headline.wf {
    background-color: #eaf4e5;
}

.hdg-headline.wf a {
    border-color: #339900;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_wf16.png");
}

.hdg-headline.kdw {
    background-color: #ecf7ff;
}

.hdg-headline.kdw a {
    border-color: #42b6ff;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_kdw16.png");
}

.hdg-headline.car {
    background-color: #fce5e8;
}

.hdg-headline.car a {
    border-color: #e30121;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_car16.png");
}

.hdg-headline.trw {
    background-color: #e8fff6;
}

.hdg-headline.trw a {
    border-color: #00ada6;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_trw16.png");
}

.hdg-headline.video {
    background-color: #e6ebf4;
}

.hdg-headline.video a {
    border-color: #0c3b91;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_video16.png");
}

.hdg-headline.prwire {
    background-color: #e8e5ff;
}

.hdg-headline.prwire a {
    border-color: #2b00ff;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_kpr16.png");
    background-repeat: no-repeat;
    background-position: 2% 50%;
}

.hdg-headline.prwire {
    background-image: url("/include/common/p01/images/headline/prwire/prw_kyodonews.png");
    background-repeat: no-repeat;
    background-position: right 5px top 30px;
}

.hdg-headline.seminar_event {
    background-color: #E5E7F3;
}

.hdg-headline.seminar_event a {
    border-color: #515DA7;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_se16.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 2% 50%;
}

.hdg-headline.book_magazine {
    background-color: #FEEAE9;
}

.hdg-headline.book_magazine a {
    border-color: #ED3221;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_bmg16.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 2% 50%;
}

.hdg-headline.smartgrid {
    background-color: #dfeef9;
}

.hdg-headline.smartgrid a {
    border-color: #0077cc;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_sgf16.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 2% 50%;
}

.hdg-headline.itleaders {
    background-color: #ddd;
}

.hdg-headline.itleaders a {
    border-color: #333;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_itl16.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 2% 50%;
}

.hdg-headline.pet-happy {
    background-color: #e2f2da;
}

.hdg-headline.pet-happy a {
    border-color: #6fbd47;
    background-image: url("/include/common/p01/images/headline/arrow/hdg_pth16.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 2% 50%;
}

.news-headline-block {
    width: 50%;
    background-color: #fff;
    padding: 5px;
    display: inline-block;
}

.news-headline-block li {
    display: table;
}

h3.hdg-headline {
    position: relative;
    height: 53px;
    background-color: #fff;
}

h3.hdg-headline span {
    position: absolute;
    top: 22px;
    left: 30px;
    overflow: hidden;
}

.news-headline-block img,
.news-headline-block p.date,
.news-headline-block p.category,
.news-headline-block p.outline,
.news-headline-block ul.list-label {
    display: none;
}

.news-headline,
.news-headline2 {
    background-color: #fff;
}