@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;
}

@charset "utf-8";
footer,
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;
    border-width: 0px;
    font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
}

a:focus {
    outline: thin dotted;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

abbr[title] {
    border-bottom: 1px dotted;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
em {
    font-weight: bold;
}

blockquote {
    margin: 0;
    padding: 0;
}

dfn,
em {
    font-style: normal;
}

mark {
    background: #ff0;
    color: #000;
}

address {
    font-style: normal;
}

pre,
code,
kbd,
samp {
    margin: 0;
    padding: 0;
    font-family: monospace, serif;
    font-size: 100%;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 57.143%;
}

sub,
sup {
    position: relative;
    font-size: 57.143%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

menu,
ul,
ol,
dl {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

dd {
    margin: 0;
}

img {
    border: 0;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid #c0c0c0;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    box-sizing: border-box;
}

input[type="password"],
input[type="search"] {
    appearance: none;
    box-sizing: content-box;
}

input[type="password"]::-webkit-search-decoration,
input[type="password"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    display: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

select {
    line-height: normal;
    vertical-align: middle;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: inherit;
}

body {
    position: relative;
    background-color: #fff;
    font-size: 87.5%;
    line-height: 1.231;
    letter-spacing: -0.001em;
    text-size-adjust: none;
    color: #333;
    box-sizing: border-box;
    font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
}

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

a:visited {
    color: #905ada;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="password"],
textarea {
    padding: 4px;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    box-shadow: inset 1px 1px 1px 1px rgba(50, 50, 50, 0.1);
    box-sizing: border-box;
    background-clip: padding-box;
    font-size: 114.286%;
}

input[type="submit"],
input[type="reset"] {
    display: inline-block;
    margin: 0 0 1.0em;
    padding: 5px;
    border: 1px solid #333;
    border-radius: 3px;
    box-sizing: border-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666), color-stop(100%, #333));
    background: -moz-linear-gradient(#666666 30%, #333333);
    background-color: #333;
    color: white;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    font-size: 100%;
}

input[type="submit"] {
    padding-right: 1.0em;
    padding-left: 1.0em;
}

input[type="file"] {
    display: inline-block;
    padding: 4px;
    border-radius: 3px;
    box-sizing: border-box;
    background-clip: padding-box;
    font-size: 114.286%;
}

textarea {
    width: 100%;
    height: 5em;
}

input::-webkit-input-placeholder {
    padding-top: 2px;
    font-size: 85.714%;
    color: #666666;
}

input[type="number"] {
    margin: 0 10px;
}

select {
    margin: 0 0 5px;
    height: 32px;
    font-size: 114.286%;
}

input:placeholder {
    font-size: 85.714%;
    color: #666666;
}

.content {
    padding: 10px 10px 0;
}

.content .ad {
    margin: 0 -10px!important;
}

.content .main {
    padding-bottom: 20px;
    word-wrap: break-word;
}

.content .main>*:last-child {
    margin-bottom: 0;
}

.sub>ul {
    margin: 0 -10px 15px;
    padding: 0 0 9px;
    background-color: #f2f2f2;
    box-shadow: 0 3px 3px #d1d1d1;
}

.sub>ul>li {
    font-weight: bold;
    font-size: 114.286%;
}

.sub>ul>li>a {
    position: relative;
    z-index: 999;
    display: block;
    padding: 10px 10px 10px 50px;
    border-bottom: 1px solid #b3b3b3;
    background-color: #ccc;
    text-decoration: none;
    color: #333;
}

.sub>ul>li>a>span {
    position: relative;
    z-index: -1;
}

.sub>ul>li>a:before {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 29px;
    height: 29px;
    overflow: hidden;
    content: "";
}

.sub>ul>li>a:before {
    border: 1px solid #333;
    border-radius: 3px;
    background: url(/img/common/m01/icon/icon_toggle.png) -20px 50% no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #333333));
    background: url(/img/common/m01/icon/icon_toggle.png) -20px 50% no-repeat, -webkit-linear-gradient(#666666, #333333);
    background: url(/img/common/m01/icon/icon_toggle.png) -20px 50% no-repeat, -moz-linear-gradient(#666666, #333333);
    background: url(/img/common/m01/icon/icon_toggle.png) -20px 50% no-repeat, -o-linear-gradient(#666666, #333333);
    background: url(/img/common/m01/icon/icon_toggle.png) -20px 50% no-repeat, -ms-linear-gradient(#666666, #333333);
    background: url(/img/common/m01/icon/icon_toggle.png) -20px 50% no-repeat, linear-gradient(#666666, #333333);
    background-color: #333;
    box-sizing: border-box;
}

@media only screen and (min-device-pixel-ratio:1.5) {
    .sub>ul>li>a:before {
        background: url(/img/common/m01/icon/icon_toggle-high.png) -20px 50% no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #333333));
        background: url(/img/common/m01/icon/icon_toggle-high.png) -20px 50% no-repeat, -webkit-linear-gradient(#666666, #333333);
        background: url(/img/common/m01/icon/icon_toggle-high.png) -20px 50% no-repeat, -moz-linear-gradient(#666666, #333333);
        background: url(/img/common/m01/icon/icon_toggle-high.png) -20px 50% no-repeat, -o-linear-gradient(#666666, #333333);
        background: url(/img/common/m01/icon/icon_toggle-high.png) -20px 50% no-repeat, -ms-linear-gradient(#666666, #333333);
        background: url(/img/common/m01/icon/icon_toggle-high.png) -20px 50% no-repeat, linear-gradient(#666666, #333333);
        background-size: 43px 19px, 100% 100%;
    }
}

.sub>ul>li.active>a:before {
    background-position: 4px 50%;
}

.sub>ul>li:first-child>a {
    border-top: 1px solid #a7a28d;
}

.sub>ul>li>ul {
    border-top: 1px solid #fff;
    background-color: #fff;
}

.sub>ul>li>ul>li {
    font-weight: bold;
    font-size: 87.5%;
}

.sub>ul>li>ul>li>span.current,
.sub>ul>li>ul>li>a {
    display: block;
    position: relative;
    padding: 10px 28px 10px 12px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    text-decoration: none;
    color: #333;
}

.sub>ul>li>ul>li>span.current {
    color: #777;
}

.sub>ul>li>ul>li>a:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 6px;
    height: 6px;
    margin-top: -2.8px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(-45deg);
    content: "";
}

.sub>ul>li>ul>li>a:before {
    width: 9px;
    height: 9px;
    margin-top: -5px;
}

.sub>ul>li>ul>li:first-child>a {
    border-top: 0;
}

.sub>ul>li>ul>li.current>a:before {
    background-position: 0 -13px;
}

footer {
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

footer a:hover,
footer a {
    text-decoration: none;
}

footer>ul.nav {
    margin: 0;
}

footer>ul.nav>li {
    display: inline-block;
    width: 50%;
    height: 50px;
    margin: 0 -1px -1px;
    font-size: 10px;
    line-height: 50px;
    border: 1px solid #d8d8d8;
    background-color: #f5f5f5;
}

footer>ul.nav>li a,
footer>ul.nav>li a:visited {
    color: #4a4a4a;
}

footer,
footer>#mode-pc a,
footer>#mode-pc a:visited {
    color: #454c5c;
}

footer>#mode-pc {
    margin: 20px 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

footer>#mode-pc a {
    display: block;
    width: 100%;
    height: 40px;
}

footer>.rights .rights {
    display: block;
}

footer>.rights {
    background: transparent url('/img/watch/parts/logo/ipc.w63h33.gif') no-repeat 50% top;
    padding: 50px 0 35px;
    text-align: center;
}

.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-03:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: "";
}

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

div.null {
    float: none;
    clear: both;
    height: 1.6em;
}

*.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;
}

*.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;
}

*.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;
}

*.float.right.sp_center,
*.float.left.sp_center {
    float: none !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;
}

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

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

*.italic {
    font-style: italic;
}

p {
    margin: 0 0 20px;
    word-break: break-all;
}

.main p:not([class]) {
    margin: 0 0 20px;
    font-size: 100%;
    line-height: 1.45;
}

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

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

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

[class^="label"] {
    padding: 2px 3px;
    font-size: 71.429%;
}

.hdg-03 {
    float: none;
    clear: both;
    margin: 0 0 7px;
    padding: 0 5px 7px 0;
    border-bottom: 1px solid #dadada;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4;
}

.hdg-03 span {
    display: block;
    padding: 1px 0 2px 9px;
    border-style: solid;
    border-left-width: 5px;
}

.hdg-03 span span {
    display: inline;
    border: 0;
}

.hdg-03 span span:first-child {
    padding-left: 0;
}

.hdg-03 span span.label {
    display: inline;
    margin-right: 5px;
    padding: 2px 4px !important;
    border: 0;
    font-weight: normal;
}

.hdg-03 span span.label ~ span {
    margin-left: 0;
    padding-left: 0;
}

p + .hdg-03,
ul + .hdg-03,
dl + .hdg-03,
table + .hdg-03,
div.clear + .hdg-03 {
    margin-top: 30px;
}

.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 {
    width: 50%;
    font-size: 60%;
}

body:not(#top) .hdg-05 span {
    display: table-cell;
    vertical-align: bottom;
}

.hdg-09 {
    position: relative;
    z-index: -9;
    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: "";
}

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;
}

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

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

ul.list-02 li.item ul.list-label {
    font-size: 100%;
}

ul.list-02 li.item ul.list-label:after {
    display: block;
    clear: both;
    content: "";
}

ul.list-02 li.item div.body div.image {
    position: relative;
    z-index: 1;
}

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

ul.list-02 li.item div.body div.text p.category {
    font-size: 100%;
    line-height: 1.2;
}

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

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

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

ul.list-02 li.item div.body div.image + div.text ul.outline {
    overflow: hidden;
}

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

ul.list-02 li.item div.body div.text * {
    word-break: break-all;
}

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

dl.list-03 {
    overflow: hidden;
}

ul.outline>li:before {
    top: 5px;
}

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

p.link-button>a {
    display: inline-block;
    position: relative;
    margin: 0 0 20px;
    padding: 9px 1em 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;
}

p.link-button>a:before {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 0px;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    background: url("/img/common/m01/arrow/bullet_01.png") 0 50% no-repeat;
    content: "";
}

@media only screen and (min-device-pixel-ratio:1.5) {
    .link-button>a:before {
        background-image: url("/img/common/m01/arrow/bullet_01-high.png");
        background-size: 57px 16px;
    }
}

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

ul.nav-03 {
    display: table;
    margin: 0 0 20px;
    font-size: 87.5%;
    line-height: 1.4;
}

ul.nav-03 li {
    float: left;
    height: 100%;
    margin-bottom: 5px;
    padding-right: 5px;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

ul.nav-03 li a {
    display: table-cell;
    height: 100%;
    padding: 3px 6px;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
}

ul.nav-03 li span {
    display: table-cell;
    height: 100%;
    padding: 3px 6px;
    border-width: 1px;
    border-style: solid;
    background-color: #FFF;
    vertical-align: middle;
}

.nav-03-wrap.sp.tile {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

ul.nav-03.sp.tile {
    width: 100%;
}

ul.nav-03.sp.tile:after {
    display: block;
    clear: both;
    content: "";
}

ul.nav-03.sp.tile li {
    margin-top: 5px;
    margin-bottom: 0;
    padding-right: 0;
    white-space: normal;
}

ul.nav-03.sp.tile li a,
ul.nav-03.sp.tile li span {
    display: block;
    margin: 0 2px;
    text-align: center;
    vertical-align: middle;
}

.btn-01.fold {
    margin-top: -5px;
}

.tab-wrap {
    margin-bottom: 20px;
}

div.nav-04 {
    margin: 0 0 20px;
}

div.nav-04 ul.linear:after {
    display: block;
    clear: both;
    content: "";
}

div.nav-04 ul.linear>li {
    font-size: 85.714%;
    width: 49%;
}

div.nav-04 ul.linear>li>a {
    display: inline-block;
    position: relative;
    margin: 0 0 5px;
    padding: 5px 15px;
    border: 1px solid #999;
    border-radius: 3px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(#ffffff, #e5e5e5);
    background: -moz-linear-gradient(#ffffff, #e5e5e5);
    background: -o-linear-gradient(#ffffff, #e5e5e5);
    background: -ms-linear-gradient(#ffffff, #e5e5e5);
    background: linear-gradient(#ffffff, #e5e5e5);
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

div.nav-04 ul.linear>li>a:before {
    display: block;
    position: absolute;
    top: 7px;
    width: 10px;
    height: 11px;
    background-repeat: no-repeat;
    background-image: url("/img/common/m01/arrow/bullet_01-high.png");
    background-size: 57px 16px;
    content: "";
}

div.nav-04 ul.linear>li>a:after {
    display: block;
    position: absolute;
    top: 3px;
    width: 1px;
    height: 19px;
    background-color: #999;
    content: "";
}

div.nav-04 ul.linear>li.prev {
    float: left;
}

div.nav-04 ul.linear>li.prev>a {
    padding-left: 38px;
}

div.nav-04 ul.linear>li.prev>a:before {
    left: 6px;
    background-position: -20px 50%;
}

div.nav-04 ul.linear>li.prev>a:after {
    left: 25px;
}

div.nav-04 ul.linear>li.next {
    float: right;
    text-align: right;
}

div.nav-04 ul.linear>li.next>a {
    padding-right: 38px;
}

div.nav-04 ul.linear>li.next>a:before {
    right: 6px;
    background-position: -36px 50%;
}

div.nav-04 ul.linear>li.next>a:after {
    right: 25px;
}

div.nav-04 ul.linear>li>p {
    margin: 2px 0 0;
}

div.nav-04 ul.number {
    margin-top: 15px;
    text-align: center;
}

div.nav-04 ul.number li {
    display: inline-block;
    margin: 0 1px;
    font-size: 100%;
    font-weight: bold;
}

div.nav-04 ul.number li a {
    display: block;
    padding: 2px 4px;
    border: 1px solid #999;
}

div.nav-04 ul.number li a.current {
    background-color: #d9d9d9;
    color: #666;
}

div.nav-04>p {
    padding: 15px 0 0;
    font-size: 85.714%;
    text-align: center;
}

div.nav-04 div.nav-04-center {
    text-align: center;
}

ul.nav-05 {
    list-style: none;
    margin: 0 0 20px;
}

ul.nav-05 li {
    float: left;
    margin: 0 0 0 5px;
}

ul.nav-05 li:before {
    content: "/ ";
}

ul.nav-05 li:first-child {
    margin-left: 0;
}

ul.nav-05 li:first-child:before {
    content: "";
}

ul.nav-05:after,
ul.nav-05 li:last-child:after {
    clear: both !important;
    float: none !important;
}

.nav-06-wrap {
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
    border-bottom: 2px solid #aaa;
}

.nav-06 {
    margin: 0 0 -2px 0;
    padding: 0;
}

.nav-06>li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.nav-06.n2>li {
    width: 47%;
}

.nav-06.n3>li {
    width: 31%;
}

.nav-06.n4>li {
    width: 23%;
}

.nav-06>li>a,
.nav-06>li>div {
    display: block;
    margin: 0 3px 0 0;
    padding: 4px;
    border: 2px solid #aaa;
    border-bottom: 0;
    font-weight: bold;
}

.nav-06>li>div {
    margin: 0 1px 0 0;
}

.nav-06>li>div {
    background-color: #fff;
}

.nav-06>li>a {
    background-color: #efefef;
    text-decoration: none;
}

.nav-06>li>a:hover {
    color: #3366CC;
}

.nav-06>li span {
    display: block;
    margin: 0 0 5px 10px;
    padding: 0;
    font-size: 85%;
    font-weight: normal;
    line-height: 1.2em;
}

.nav-06:after {
    display: block;
    clear: both;
    float: none;
    content: '';
}

ul.nav-fold li {
    position: relative;
    padding-right: 12px;
}

ul.nav-fold li .arrow {
    position: absolute;
    top: 0;
    right: 0;
}

ul.nav-fold li li {
    padding-right: 0;
}

ul.nav-fold li li.selected {
    padding-right: 0;
    font-weight: bold;
}

ul.nav-fold li ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

ul.nav-fold li ul li:last-child:after {
    background-color: transparent;
}

ul.nav-year li {
    font-weight: bold;
}

ul.nav-year li a {
    font-weight: normal;
}

ul.shadow>li.even {
    background-color: #efefef;
}

ul.shadow>li {
    padding: 6px;
}

table.table-data-01 {
    width: 100%;
    margin: 0 0 20px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ccc;
}

table.table-data-01.auto {
    width: auto;
}

table.table-data-01 caption {
    margin-bottom: 3px;
    margin-left: 2px;
    text-align: left;
    font-weight: bold;
}

table.table-data-01 caption span {
    font-weight: normal;
}

table.table-data-01 th,
table.table-data-01 td {
    padding: 6px 8px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ccc;
    line-height: 1.5;
    text-align: left;
}

table.table-data-01 thead th {
    font-weight: bold;
    white-space: nowrap;
}

table.table-data-01 tbody th {
    font-weight: bold;
    white-space: nowrap;
}

table.table-data-01 td span.label {
    margin-left: 0;
    margin-right: 4px;
}

.bcolor.white,
tr.bcolor.white th,
tr.bcolor.white td {
    background-color: #fff !important;
}

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

.box-01 .hdg {
    margin: -10px -10px 5px;
    padding: 4px 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: 10px 6px 0;
    border-top: 1px solid #dadada;
    font-weight: bold;
}

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

.main .box-01 p,
.main .box-01 ul,
.main .box-01 dl {
    margin-bottom: 5px;
    line-height: 1.4;
}

.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%;
}

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

.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.tab-contents>li,
ul.tab-contents>li.not-selected {
    display: none;
}

ul.tab-contents>li.selected {
    display: block;
}

ul.tab-contents>li>div.info {
    position: relative;
    margin-bottom: 10px;
    padding: bottom: 5px;
    border-bottom: 1px dotted #aaa;
    font-size: 80%;
}

ul.tab-contents>li>div.info>.date {
    position: absolute;
    right: 0;
    font-size: 90%;
}

.date {
    display: block;
    text-align: right;
}

.btn-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;
}

.btn-01.movie {
    position: relative;
    padding: 8px 0 9px 12px;
}

.btn-01.movie:before {
    display: inline-block;
    position: relative;
    top: 3px;
    left: -12px;
    width: 16px;
    height: 16px;
    background: url("/img/common/m01/arrow/bullet_01.png") 0 50% no-repeat;
    content: "";
}

@media only screen and (min-device-pixel-ratio:1.5) {
    .btn-01.movie:before {
        background-image: url("/img/common/m01/arrow/bullet_01-high.png");
        background-size: 57px 16px;
    }
}

.body {
    display: table;
    margin: 0;
}

.body>* {
    box-sizing: border-box;
    vertical-align: top;
}

.body .text {
    line-height: 1.4;
}

.body .text p.title {
    padding: 0 0 3px;
    font-weight: normal;
}

.body .text .label {
    font-size: 71.429%;
}

.body .image {
    padding: 0 10px 0 0;
}

ul.tab-contents>li,
ul.tab-contents>li.not-selected {
    display: none;
}

ul.tab-contents>li.selected {
    display: block;
}

.img-side.left>.image-wrap {
    float: left;
    margin-right: 10px;
    margin-bottom: 2px;
}

.img-side:after {
    display: block;
    float: none;
    clear: both;
    content: '';
}

.img-side>.image-wrap>.inner {
    margin-bottom: 0;
}

.img-side.left>.side {
    float: left;
}

.img-side.right>.image-wrap {
    float: right;
    margin-left: 10px;
}

.page-navi table td {
    white-space: normal;
}

.content aside.ad {
    margin: 0 -10px;
    overflow: hidden;
    text-align: center;
}

.content aside.ad img {}

.of-hid {
    overflow: hidden;
}

.table-wrap {
    display: block;
    overflow-y: scroll;
}

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

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

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

header div.inner form input[name="q"] {
    background: #fff url('http://www.google.com/cse/intl/ja/images/google_custom_search_watermark.gif') no-repeat center left;
}

header div.inner form input[name="q"]:focus,
header div.inner form input.hastext[name="q"] {
    background-image: none !important;
}

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

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

.announce-block>p {
    height: 40px;
}

.announce-block>p>span {
    line-height: 30px;
}

aside.ad.rect iframe {
    display: block;
    margin: 10px auto;
}

body {
    width: 100%;
    word-wrap: break-word;
    padding: 65px 0 0 0;
    background-color: #e8e8e8;
}

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

header {
    position: fixed;
    top: 0;
    background-color: #ddd;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1;
    z-index: 999;
}

header a,
header a:hover,
header a:visited,
header a:active {
    text-decoration: none;
    color: #33498e;
}

header div {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
}

header div>ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
}

header div>ul>li {
    display: block;
    width: 110px;
}

header div>ul>li#site-logo {
    width: 74px;
    margin: auto;
}

header div>ul>li#site-logo>a {
    display: block;
    margin-top: 12px;
    height: 42px;
    width: 74px;
}

header div>ul>li.button {
    height: 60px;
    position: absolute;
    top: 0;
    text-align: center;
    color: #fff;
}

header div>ul>li.button>p>label {
    position: absolute;
    left: 0;
    bottom: 5px;
    ;
}

header div>ul>li.button>p>svg {
    width: 22px;
    height: auto;
    margin: 15px auto 2px;
    ;
}

header div>ul>li#btn-category>p>svg {
    margin-bottom: 5px;
}

header div>ul>li#btn-category>p>svg.open {
    margin-bottom: 10px;
}

header div>ul>li.button>p>label {
    display: block;
    width: 110px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
}

header div>ul>li#btn-category {
    left: 0;
}

header div>ul>li#btn-watch {
    right: 0;
}

header div>ul>li.button>section {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 60px;
    left: 0;
    display: none;
    padding-bottom: 60px;
}

header div>ul>li.button svg.open {
    display: inherit;
}

header div>ul>li.button svg.close {
    display: none;
}

header div>ul>li.button.open svg.open {
    display: none;
}

header div>ul>li.button.open svg.close {
    display: inherit;
}

header div>ul>li.button>section>* {
    position: relative;
}

header div>ul>li.button.open>section {
    display: block;
    background-color: #ededed;
    overflow-y: scroll;
}

header #search-area {
    width: 100%;
    height: 65px;
    background-color: #919191;
    padding: 14px 0;
}

header #search-area>form {
    display: table;
    width: 100%;
    height: 36px;
    padding: 0 10px;
}

header #search-area>form>input {
    height: 36px;
    display: table-cell;
}

header #search-area>form>input.query {
    min-width: 70%;
}

header #search-area>form>input.btn {
    width: 53px;
}

header div#category-lv1-wrap,
header ul#category-lv2 {
    width: 50%;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

header ul#category-lv1 {
    width: 100%;
}

header ul#category-lv2 {
    background-color: #fff;
}

header ul#category-lv1,
header ul#category-lv2>li {}

header ul#category-lv1>li,
header ul#category-lv2>li>ul>li {
    height: 48px;
    width: 100%;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
}

header ul#category-lv2>li>ul>li {
    background: url('/img/watch/parts/arrow/sp.svg') right 15px top 50% no-repeat;
    background-size: 14px 14px;
    padding: 0 30px 0 0;
}

header ul#category-lv1 li a,
header ul#category-lv2 ul li a {
    display: table-cell;
    height: 48px;
    line-height: 20px;
    width: 999px;
    padding: 0 5px 0 15px;
    vertical-align: middle;
}

header ul#category-lv2>li {
    display: none;
}

header ul#category-lv1>li.show {
    background-color: #fff;
}

header ul#category-lv2>li.show {
    display: block;
    overflow-y: scroll;
}

header div#category-lv1-wrap {
    overflow-y: scroll;
}

#page-wrap {
    padding: 0 0 10px;
    background-color: #e8e8e8;
    z-index: 0;
}

article {
    width: 100%;
    overflow: hidden;
}

aside.topics.ranking a {
    color: #333;
}

.topics.ranking a:visited {
    color: #905ada;
}

.topics.ranking>p>label {
    background: url('/img/watch/parts/icon/crown.svg') 10px 12px no-repeat transparent;
    background-size: 20px auto;
}

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

.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 {
    display: none;
}

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

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

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

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

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

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

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

aside.topics {
    padding: 0;
    margin: 0 0 20px 0;
}

aside.topics>p {
    width: 100%;
    height: 40px;
    background-color: #2d2d2d;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 0 0 5px;
    border-bottom: 2px solid #cbc121;
}

aside.topics.top-news>p {
    background: #2d2d2d url('/img/watch/parts/icon/topnews.svg') 18px 14px no-repeat;
}

aside.topics.recommend>p {
    background: #2d2d2d url('/img/watch/parts/icon/recommend.svg') 21px 11px no-repeat;
}

aside.topics.special>p {
    background: #2d2d2d url('/img/watch/parts/icon/star.svg') 16px 10px no-repeat;
}

aside.topics.special>p>span {
    float: right;
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    background: url('/img/watch/parts/icon/pr.svg') top 12px right 10px no-repeat;
}

aside.topics a,
aside.topics a:visited {
    color: #fff;
    font-size: 14px;
}

aside.topics>p>label {
    height: 40px;
    display: inline-block;
    padding-left: 42px;
    border-left: 1px solid #cbc121;
}

aside.social {
    background-color: #fff;
    padding: 20px 0;
    margin: 10px 0 20px;
    width: 100%;
}

aside.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;
}

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

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

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

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

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

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

ul.site-icons {
    padding: 20px 0;
}

ul.site-icons>li {
    float: left;
    width: 25%;
    height: 100px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
    overflow: hidden;
}

ul.site-icons a {
    display: block;
    width: 62px;
    margin: 0 auto;
}

ul.site-icons a>span {
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto 5px;
    border-radius: 4px;
}

ul.site-icons>li.headline>a>span {
    background: url('/img/watch/parts/logo/headline.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.clw>a>span {
    background: url('/img/watch/parts/logo/clw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.pcw>a>span {
    background: url('/img/watch/parts/logo/pcw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.dcw>a>span {
    background: url('/img/watch/parts/logo/dcw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.ah>a>span {
    background: url('/img/watch/parts/logo/ah.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.avw>a>span {
    background: url('/img/watch/parts/logo/avw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.gmw>a>span {
    background: url('/img/watch/parts/logo/gmw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.ktw>a>span {
    background: url('/img/watch/parts/logo/ktw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.iw>a>span {
    background: url('/img/watch/parts/logo/iw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.wf>a>span {
    background: url('/img/watch/parts/logo/wf.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.kdw>a>span {
    background: url('/img/watch/parts/logo/kdw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
    border: 1px solid rgba(100, 100, 100, 0.3);
    ;
}

ul.site-icons>li.car>a>span {
    background: url('/img/watch/parts/logo/car.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.trw>a>span {
    background: url('/img/watch/parts/logo/trw.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.video>a>span {
    background: url('/img/watch/parts/logo/video.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.ntp>a>span {
    background: url('/img/watch/parts/logo/ntp.svg') 0 0 no-repeat;
    background-size: 62px 62px;
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, 0.3);
    ;
}

ul.site-icons>li.sng>a>span {
    background: url('/img/watch/parts/logo/sng.svg') 0 0 no-repeat;
    background-size: 62px 62px;
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, 0.3);
    ;
}

ul.site-icons>li.dkr>a>span {
    background: url('/img/watch/parts/logo/dkr.svg') 0 0 no-repeat;
    background-size: 62px 62px;
    background-color: #f7f7ef;
    border: 1px solid rgba(100, 100, 100, 0.3);
    ;
}

ul.site-icons>li.grf>a>span {
    background: url('/img/watch/parts/logo/grf.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.qfr>a>span {
    background: url('/img/watch/parts/logo/qfr.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

ul.site-icons>li.pth>a>span {
    background: url('/img/watch/parts/logo/pth.svg') 0 0 no-repeat;
    background-size: 62px 62px;
}

#breadcrumb {
    width: 100%;
    position: relative;
    height: 35px;
}

#breadcrumb div.scroll {
    overflow: hidden;
    overflow-x: scroll;
    height: 35px;
}

#breadcrumb ul.breadcrumb {
    height: 35px;
    width: 9999px;
    margin-bottom: 5px;
}

#breadcrumb div.first,
#breadcrumb ul.breadcrumb>li {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 15px 0 5px;
    background-color: #ededed;
    background: #ededed url('/img/watch/parts/arrow/breadcrumb.svg') right 2px top 50% no-repeat;
}

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

#breadcrumb div.first {
    position: absolute;
    top: 0;
    left: 0;
}

aside.ad {
    text-align: center;
}

aside.ad iframe,
.ad-inline iframe {
    display: inline-block;
    margin-bottom: 20px;
}

*.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;
}

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 li.item {
    margin: 0 10px 5px;
}

ul.list-02 ul.group.type-4 li.item,
ul.list-02 ul.group.type-5 li.item,
ul.list-02 ul.group.type-7 li.item,
ul.list-02 ul.group.type-1 li.item {
    margin: 0 0 5px;
}

ul.list-02 li.item div.body div.image {
    width: 120px;
    margin: 0 10px 0 0;
}

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

ul.list-02 li.item div.body div.image img {
    max-width: 120px;
    max-height: auto;
    text-align: center;
}

.history ul.list-02 li.item div.body div.image img {
    max-width: 100px;
    max-height: inherit;
    text-align: center;
}

ul.list-02 li.item div.body div.text p {
    font-size: 12px;
}

li.group.type-5 ul.type-5 li,
li.group.type-5 ul.type-7 li,
ul.list-02 li.item div.body div.text p.title {
    font-size: 14px;
    line-height: 21px;
}

ul.list-02 li.item div.body div.text {
    padding-right: 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;
}

p {
    padding: 0;
    margin: 0;
}

#last-update {
    font-size: 14px;
    color: #042791;
    display: block;
    height: 30px;
    width: 100%;
    padding-left: 37px;
    line-height: 32px;
    background: url('/img/watch/parts/icon/clock-sp.svg') 7px 7px no-repeat;
    margin-bottom: 5px;
}

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

aside.latest-backnumber {
    padding: 40px 0 10px;
    margin-bottom: 10px;
    position: relative;
}

aside.latest-backnumber>p {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
    font-size: 18px;
    height: 20px;
    line-height: 22px;
    margin-bottom: 18px;
    padding-left: 15px;
    border-left: 5px solid #333;
}

aside.toggle {
    margin: 0;
    padding: 0;
}

aside.toggle ul {
    display: none;
}

aside.toggle p.open+ul {
    display: block;
}

aside.toggle>p {
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #4a4a4a;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.1) inset;
    padding-left: 20px;
    background: #fff url('/img/watch/parts/icon/plus.svg') right 23px top 50% no-repeat;
}

aside.toggle>p.open {
    background: #fff url('/img/watch/parts/icon/minus.svg') right 23px top 50% no-repeat;
}

aside.toggle li {
    min-height: 50px;
    line-height: 50px;
    line-height: 24px;
    font-size: 14px;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 20px;
    padding: 12px 50px 5px 20px;
    background: url('/img/watch/parts/arrow/sp.svg') right 23px top 50% no-repeat;
    background-size: auto 14px;
    vertical-align: middle;
}

aside.toggle li:last-child {
    box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.1) inset;
}

div.carousel-wrap,
div.carousel,
div.carousel div.body,
div.carousel .body .image {
    width: 100%;
    height: 196px;
    position: relative;
    text-align: center;
    padding: 0;
}

div.carousel-wrap {
    height: 226px;
}

div.carousel .body .image img {
    height: 196px!important;
    width: auto!important;
    max-width: 100%!important;
    margin: 0!important;
}

div.carousel .body .image a {
    display: block;
}

div.carousel .body>.text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: #414347;
    opacity: 0.75;
    padding: 10px 45px;
    text-align: left;
}

div.carousel .body>.text>p.outline {
    display: none;
}

div.carousel-wrap>a {
    position: absolute;
    top: 0;
    display: block;
    width: 40px;
    height: 193px;
    content: ' ';
}

div.carousel-wrap>a.left {
    left: 0;
    background: rgba(0, 0, 0, 0.5) url('/img/watch/parts/arrow/slide-l.svg') 12px 66px no-repeat;
}

div.carousel-wrap>a.right {
    right: 0;
    background: rgba(0, 0, 0, 0.5) url('/img/watch/parts/arrow/slide-r.svg') 12px 66px no-repeat;
}

div.carousel-wrap>ul {
    display: table;
    margin: 10px auto 0;
}

div.carousel-wrap>ul>li {
    display: table-cell;
    padding: 0 5px;
    color: #bbb;
}

div.carousel-wrap>ul>li.show {
    color: #cbc121;
}

#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;
}

header {
    background-color: #0d3b91;
}

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

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

.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;
}

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

.ranking>ul>li.rank-1:before {
    all: initial;
}

.ranking>ul>li.rank-2:before {
    all: initial;
}

.ranking>ul>li.rank-3:before {
    all: initial;
}

.ranking>ul>li.rank-4:before {
    all: initial;
}

.ranking>ul>li.rank-5:before {
    all: initial;
}

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

.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;
}

.bb-block .tiled_article {
    padding-bottom: 10px;
}

.tiled_article li.clear {
    float: none;
    clear: both;
}

.tiled_article .item .body {
    line-height: 1.2;
    font-size: 14px;
    padding: 3px 7px 7px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#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: 25px;
    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: 130px;
    max-height: 100px
}

.tiled_article .item .text {
    text-align: left;
    margin-top: 10px;
}

.tiled_article.tile_h3 .item,
.tiled_article.tile_h3 .item .body,
.tiled_article.tile_h3 .item .body .image {}

.tiled_article.tile_h3 .item {
    margin: 0 10px 5px;
    float: none;
    background-color: #fff;
}

.tiled_article .item .image {
    height: auto;
    padding: 0;
}

.tiled_article.tile_h3 .item .body .text p.title {
    margin: 0 10px 0 10px;
    ;
    padding: 0;
    text-align: center;
}

.tiled_article.tile_h3 .item .num {
    margin: 4px 0 0 5px;
}

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

.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: 100%;
    background-color: #fff;
    padding: 5px;
    display: inline-block;
}

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

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 .image,
.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;
}