@charset "utf-8";

figure {
    margin: 0;
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/

/* /styles/yui/reset.css?20150428 */

html {
    color: rgba(0,0,0,0.87);
    background: #f5f5f5;
}

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p, blockquote,
nav, article, header, footer,
th, td {
    margin: 0;
    padding: 0;
    zoom: 1;
}

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

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

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

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-size: inherit;
    font-weight: inherit;
}

legend {
    color: #000;
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/

/* Alternated for Tetsudo.com. */

body {
    font: 14px/1.331 "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", Helvetica, Arial, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: -.025rem;
}

table {
    font-size: inherit;
    font: 100%;
}

input, textarea, select, option, button {
    font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", Helvetica, Arial, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}



/* General Setting
=======================================*/

div.pc-only-box {
display:none;
}


div.main-box {
margin: 0 0 20px;
border: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
background-color: #fff;
position: relative;
}

div.main-box:hover {
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25);
}

div.main-box-microblog {
background: none;
}

div.main-box:after {
content: "";
display: block;
clear: both;
}

div.main-box-not-continue {
padding-bottom: 5px;
}

div.common-right-div div.main-box {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

div.index-left-div div.main-box {
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}


div.main-box div.main-box-header {
background: rgba(70, 70, 70, 0.7);
padding: 6px 5px 4px;
border-bottom: 3px solid #FFBF00;
clear: both;
}

div.main-box div.main-box-header:after {
content: "";
display: block;
clear: both;
}

div.main-box div.main-box-header-mytool {
background: #DFFF00;
border-bottom: none;
}

/*
div.main-box div.main-box-header-paid {
background: #955E00;
}
*/
div.main-box div.main-box-header-feature {
background: #FF00FF;
border-bottom: none;
}

div.main-box div.main-box-header-social {
background: #00DFFF;
}

div.main-box div.main-box-header-blogrank {
background: #FFFF00;
border-bottom: none;
}


div.main-box div.main-box-header h2,
div.main-box div.main-box-header h3,
div.main-box div.main-box-header h4 {
font-size: 108%;
letter-spacing: 0.05em;
color: white;
float: left;
}

div.main-box div.main-box-header p {
float: right;
color: white;
font-size: 93%;
}

div.main-box div.main-box-header a:link,
div.main-box div.main-box-header a:visited {
text-decoration: none;
color: white;
}

div.main-box div.main-box-header a:hover,
div.main-box div.main-box-header a:active {
color: white;
}

/*
div.main-box div.main-box-header-paid h2,
div.main-box div.main-box-header-paid h3,
*/
div.main-box div.main-box-header-mytool h2,
div.main-box div.main-box-header-mytool h3,
div.main-box div.main-box-header-social h2,
div.main-box div.main-box-header-social h3,
/*
div.main-box div.main-box-header-paid a:link,
div.main-box div.main-box-header-paid a:visited,
*/
div.main-box div.main-box-header-blogrank h2,
div.main-box div.main-box-header-blogrank h3,
div.main-box div.main-box-header-blogrank a:link,
div.main-box div.main-box-header-blogrank a:visited,
div.main-box div.main-box-header-social a:link,
div.main-box div.main-box-header-social a:visited/*,
/*
div.main-box div.main-box-header-paid p*/ {
color: #333;
}

/*
div.main-box div.main-box-header-paid a:hover,
div.main-box div.main-box-header-paid a:active,
*/
div.main-box div.main-box-header-blogrank a:hover,
div.main-box div.main-box-header-blogrank a:active,
div.main-box div.main-box-header-social a:hover,
div.main-box div.main-box-header-social a:active {
color: #FFA98C;
}

div.main-content-header p span.link-outernal-info ,
div.main-box div.main-box-header p span.link-outernal-info {
color: #CCC;
}

div.main-content-header p span.link-outernal-info:before,
div.main-box div.main-box-header p span.link-outernal-info:before {
font-family: "Font Awesome 5 Solid";
content: "\f35d";
margin-right: 0.3em;
display: none;
}

div.main-content-header p span.link-outernal-info {
font-size: 93%;
margin-top: 5px;
}

div.main-box h2.main-title,
div.main-box h3.main-title {
padding: 7px 5px 5px;
letter-spacing: 0.05em;
background: #FFBF00;
color: white;
}

div.main-box h2.blogrank-main-title,
div.main-box h3.blogrank-main-title {
padding: 7px 5px 5px;
letter-spacing: 0.05em;
background: #FFFF00;
color: white;
}

div.main-box h2.main-title span,
div.main-box h3.main-title span,
div.microblog-box h2.main-title span {
position: absolute;
right: 10px;
}

/*
div.common-left-div > div.main-box-header h2,
div.common-left-div > div.main-box-header h3 {
font-size: 108%;
}
*/
div.main-box div.submain-box {
position: relative;
}

div.main-box div.submain-box:nth-child(n+3) {
border-top: 1px solid #CCC;
/*margin-top: 3px;*/
padding-top: 3px;
}

div.main-box div.submain-box h3.submain-title,
div.main-box div.submain-box h4.submain-title {
font-weight: bold;
margin: 10px 10px 7px;
color: #333;
font-size: 108%;
}

div.main-box ul.main-list {
}

div.main-box ul.main-list > li {
padding: 3px 3px 3px 10px;
}

div.main-box ul.main-list > li:first-child {
padding-top: 10px;
}

div.main-box ul.main-list > li:last-child {
padding-bottom: 10px;
}

div.main-box ul.main-list li.current {
color:#cc3300;
}

div.common-right-div > div.main-box ul.main-list li {
font-size: 93%;
}

div.main-box div.slide-wrap {
border-top: 1px solid #ccc;
padding-top: 10px;
overflow-y: hidden;
overflow-x: scroll;
margin: 0 auto;
display: flex;
-webkit-overflow-scrolling: touch;
/*overflow-scrolling: touch;*/
}

div.main-box div.slide-wrap div.side-box {
/*  flex: 0 0 88%;*/
padding: 0 8px;
width: 250px;
}

div.main-box div.slide-wrap div.side-box .inner {
background: #fff;
overflow: hidden;
width: 250px;
height: 140px;
position: relative;
}

div.main-box div.slide-wrap div.side-box .inner img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}

div.main-box div.slide-wrap div.side-box dd.caption {
padding: 8px 5px 2px;
font-size: 108%;
text-align: center;
color: rgba(0,0,0,0.87);
}

div.main-box div.slide-wrap div.side-box dd.copyright {
padding: 2px 5px 5px;
font-size: 93%;
}



ul.main-anchor,
ul.main-anchor-prevnext {
clear: both;
/*padding: 5px 5px 5px 5px;*/
text-align: center;
border-top: 1px solid #DDD;
}

ul.main-anchor li,
ul.main-anchor-prevnext li {
/*width:100%;*/
text-align: center;
display:inline-block;
float: right;
/*margin: 0 15px 10px 0;*/
margin: 0;
}

ul.main-anchor li:last-child {
margin: 0;
}

ul.main-anchor li a {
letter-spacing: 0.05em;
padding: 0 1em;
/*
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-webkit-tap-highlight-color: transparent;
*/
}

/*
ul.main-anchor li a i.fa {
margin-right: 0.3em;
}

ul.main-anchor li:first-child a::after {
font-family: "Font Awesome 5 Solid";
content:"\f054";
}
*/

ul.main-anchor li i.fas::after,
ul.main-anchor li i.far::after,
ul.main-anchor li i.fab::after,
ul.main-anchor li i.fal::after {
width: 3em;
content: " ";
display: inline-block;
}

ul.main-anchor li i.fas,
ul.main-anchor li i.far,
ul.main-anchor li i.fab,
ul.main-anchor li i.fal,
ul.main-anchor li .svg-inline--fa {
margin-left: 0.3em;
width: 1em;
}

ul.main-anchor li a:link,
ul.main-anchor li a:visited,
ul.main-anchor-prevnext li a:link,
ul.main-anchor-prevnext li a:visited {
padding: 7px 0.4em 7px 1em;
text-decoration:none;
color:#0066FF;
display:block;
}

ul.main-anchor li a:hover,
ul.main-anchor li a:active,
ul.main-anchor-prevnext li a:hover,
ul.main-anchor-prevnext li a:active {
background-color: #E0E0E0;
}

ul.main-anchor:after,
ul.main-anchor-prevnext:after {
content: "";
display: block;
clear: both;
}

ul.main-anchor-prevnext li {
letter-spacing: 0.05em;
width:auto;
}

ul.main-anchor-prevnext li.prev {
float: left;
padding:0 1px 0 0;
}

ul.main-anchor-prevnext li.next {
float: right;
padding:0 0 0 1px;
}

ul.main-anchor-prevnext li.next a,
ul.main-anchor-prevnext li.prev a {
padding: 7px 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


ul.main-anchor-prevnext li.prev a::before {
font-family: "Font Awesome 5 Solid";
content: "\f053";
display: none;
}

ul.main-anchor-prevnext li.prev .svg-inline--fa {
margin-right: 0.8em;
}

ul.main-anchor-prevnext li.next a::after {
font-family: "Font Awesome 5 Solid";
content: "\f054";
display: none;
}

ul.main-anchor-prevnext li.next .svg-inline--fa {
margin-left: 0.8em;
}

div.main-box .main-list-counter {
counter-reset:number;
list-style:none;
/*padding-left:1.7em;*/
}

div.main-box .main-list-counter .main-list-counter-show {
padding-left: 40px;
}

div.main-box .main-list-counter .main-list-counter-show:before {
/*counter-increment: number; */
content: counter(number);
background: #A8DF00;
/*background: #70DF00;*/
display: inline-block;
width: 1.3em;
height: 1.3em;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
color: #333;
margin-left: -2em;
padding:0.1em;
font-size:93%;
margin-right: 0.4em;
position: absolute;
z-index: 9;
}

div.main-box ol.main-list-counter .main-list-counter-show:before{
counter-increment: number;
}

div.main-box .main-list-counter-pattern-b .main-list-counter-show:before {
background: #00DFDF;
}

div.main-box .main-list-counter .main-list-counter-rank1:before{
color:#DF1A4B;
}

div.main-box .main-list-counter .main-list-counter-rank2:before{
color:#002B80;
}

div.main-box .main-list-counter .main-list-counter-rank3:before{
color:#238010;
}

div.main-box .main-list-counter .main-list-counter-rank1:before,
div.main-box .main-list-counter .main-list-counter-rank2:before,
div.main-box .main-list-counter .main-list-counter-rank3:before,
div.main-box .main-list-counter .main-list-counter-rank4:before,
div.main-box .main-list-counter .main-list-counter-rank5:before,
div.main-box .main-list-counter .main-list-counter-rank6:before,
div.main-box .main-list-counter .main-list-counter-rank7:before,
div.main-box .main-list-counter .main-list-counter-rank8:before,
div.main-box .main-list-counter .main-list-counter-rank9:before,
div.main-box .main-list-counter .main-list-counter-rank10:before {
font-weight: bold;
}

div.main-box i.fas,
div.main-box i.fab,
div.main-box i.far,
div.main-box i.fal {
display:  inline-block;
width: 1em;
}

div.main-box i.fas,
div.main-box i.fab,
div.main-box i.far,
div.main-box i.fal,
div.main-box .svg-inline--fa {
margin-right: 0.3em;
}

div.main-box div.main-box table.main-table {
width: 100%;
}

div.main-box table.main-table tr {
height: 2.2em;
border-bottom: 1px solid #DDD;
}

div.main-box table.main-table tr:hover {
background-color: #efefef;
}

/*
div.main-box table.main-table tr td.pictgram a {
padding: 5px 6px 4px;
color: #fff;
text-decoration: none;
font-size: 93%;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-family: FontAwesome;
}
*/

div.main-box table.main-table tr td a.main-table-button {
padding: 4px;
color:rgba(0,0,0,0.7);
/*color:#fff;*/
text-decoration: none;
font-size: 93%;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
/*font-family: "Font Awesome 5 Solid";*/
/*background: rgba(22,195,166,0.9);*/
background: rgba(0,150,0,0.35);
display:block;
text-align:center;
}

div.main-box table.main-table tr td a.main-table-button:hover {
background: rgba(0,150,0,0.45);
}

div.main-box table.main-table tr td a.main-table-button-alert {
/*background: rgba(217,0,54,0.9);*/
background: rgba(255,0,0,0.8);
color:#fff;
}

div.main-box table.main-table tr td a.main-table-button-alert:hover {
background: rgba(255,0,0,1.00);
}

div.main-box table.main-table tr td a.main-table-button-info {
/*background: rgba(92,92,92,0.8);*/
background: rgba(135,0,255,0.60);
color: #fff;
}

div.main-box table.main-table tr td a.main-table-button-info:hover {
/*background: rgba(92,92,92,0.9);*/
background: rgba(135,0,255,0.70);
}

div.main-box table.main-table tr td a.main-table-button-unknown {
background: rgba(92,92,92,0.3);
}

div.main-box table.main-table tr td a.main-table-button-unknown:hover {
background: rgba(92,92,92,0.4);
}

div.main-box table.main-table tr td a.main-table-button-caution {
background: rgba(255,95,0,0.8);
color:#fff;
}

div.main-box table.main-table tr td a.main-table-button-caution:hover {
background: rgba(255,95,0,1.0);
}


div.main-box table.main-table tr td a.main-table-button-light {
background: white;
border: 2px solid rgba(0,150,0,0.3);
color: rgba(0,0,0,0.5);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

div.main-box table.main-table tr td a.main-table-button-light:hover {
background: rgba(0,0,0,0.1);
}

div.main-box table.main-table tr td a.main-table-button-light-alert {
background: white;
border: 2px solid rgba(255,0,0,0.8);
color: rgba(255,0,0,0.7);
font-weight: bold;
}

div.main-box table.main-table tr td a.main-table-button-light-caution {
background: white;
border: 2px solid rgba(255,95,0,0.8);
color: rgba(255,125,0,0.9);
font-weight: bold;
}





/*
div.main-box table.main-table tr td a.main-table-button-icon:before {
margin-right: 0.3em;
font-size:120%;
}

div.main-box table.main-table tr td a.main-table-button-icon-circle:before {
content: "\f10c";
}

div.main-box table.main-table tr td a.main-table-button-icon-triangle:before {
content: "\f071";
}

div.main-box table.main-table tr td a.main-table-button-icon-times:before {
content: "\f00d";
}

div.main-box table.main-table tr td a.main-table-button-icon-info:before {
content: "\f129";
}

div.main-box table.main-table tr td a.main-table-button-icon-question:before {
content: "\f128";
}

div.main-box table.main-table tr td a.main-table-button-icon-dots:before {
content: "\f141";
}
*/


div.main-content-header {
margin: 5px 10px 10px 5px;
}

div.main-content-header h1 {
font-weight: bold;
font-size: 138.5%;
float: left;
}

div.main-content-header p {
margin-top: 2px;
float: right;
}

div.main-content-header:after {
content: "";
display: block;
clear: both;
}


h1.main-text {
margin: 10px;
font-weight: bold;
font-size: 138.5%;
}

h2.main-text {
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

h3.main-text {
margin: 20px 10px 10px 10px;
padding-left: 5px;
border-left: 5px solid #002B80;
font-weight: bold;
font-size: 108%;
}

h4.main-text {
margin: 20px 10px 10px 10px;
font-weight: bold;
font-size: 108%;
}

p.main-text {
padding-bottom: 10px;
padding-top: 10px;
margin-right: 10px;
margin-left: 10px;
font-size: 108%;
line-height: 1.6;
text-indent: 1em;
}

p.content-text {
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
font-size: 117%;
line-height: 1.6;
text-indent: 1em;
}

.main-text + p.main-text,
.main-text+ p.content-text,
.main-content-header + p.main-text,
.main-content-header + p.content-text {
padding-top: 0;
}

p.reverse-anchor {
margin: 10px;
font-size: 108%;
line-height: 1.6;
text-align: center;
}

p.error-message {
margin: 10px;
font-weight: bold;
font-size: 108%;
text-align: center;
color: #FF0000;
}

p.thanks-message {
margin: 10px;
font-weight: bold;
font-size: 108%;
text-align: center;
}

ul.inner-resource-list,
ul.inner-resource-condiiton,
ul.inner-resource-related,
ul.outer-resource-list,
ul.outer-resource-related {
margin: 10px;
}

ul.inner-resource-list li,
ul.inner-resource-condiiton li,
ul.inner-resource-related li,
ul.outer-resource-list li,
ul.outer-resource-related li {
margin: 6px 0;
padding-left: 18px;
font-size: 108%;
}

ul.inner-resource-list li {
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-ffaa00.png) no-repeat 0 3px;
}

ul.inner-resource-condiiton li {
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-d88bdf.png) no-repeat 0 3px;
}

ul.inner-resource-related li {
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-dfcd00.png) no-repeat 0 3px;
}

ul.outer-resource-list li {
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-80aaff.png) no-repeat 0 3px;
}

ul.outer-resource-related li {
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-83bg30.png) no-repeat 0 3px;
}

li.main-text {
margin: 10px;
font-size: 108%;
line-height: 1.6;
}

li.add-number {
margin-left: 30px;
list-style-type: decimal;
}

strong {
font-weight: bold;
}

em {
font-weight: bold;
color: #FF0000;
}

a.general-anchor,
a.general-stress-anchor {
text-decoration: none;
}

a.general-anchor:link,
a.general-anchor:visited {
color: #0066FF;
}

.current a.general-anchor:link,
.current a.general-anchor:visited {
color: #CC3300;
}

.deadhead a.general-anchor:link,
.deadhead a.general-anchor:visited {
color: #666;
}

a.general-anchor:hover,
a.general-anchor:active {
text-decoration: underline;
}

.current a.general-anchor:hover,
.current a.general-anchor:active {
text-decoration: underline;
}

.deadhead a.general-anchor:hover,
.deadhead a.general-anchor:active {
background-color: #BBB;
color: #FFFFFF;
}

a.general-stress-anchor:link,
a.general-stress-anchor:visited {
color: #CC3300;
}

a.general-stress-anchor:hover,
a.general-stress-anchor:active {
text-decoration: underline;
}

a.general-normal-anchor:link,
a.general-normal-anchor:visited {
color: #333;
}

a.general-normal-anchor:hover,
a.general-normal-anchor:active {
text-decoration: underline;
}

a.general-heading-anchor {
text-decoration: none;
}

a.general-heading-anchor:link,
a.general-heading-anchor:visited {
color: #333;
}

a.general-heading-anchor:hover,
a.general-heading-anchor:active {
color: #CC3300;
}

a.general-image-anchor:link img,
a.general-image-anchor:visited img {
    border: 0px;
}

a.general-image-anchor:hover img,
a.general-image-anchor:active img {
    border: 0px;
	opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

span.point-figure {
font-weight: bold;
color: #CC3300;
}


span.target-keyword {
font-weight: bold;
color: #CC3300;
}

.no-display {
display: none;
}

.text-center {
text-align: center;
}

.text-right {
text-align: right;
}

.image-center {
text-align: center;
margin: 5px 5px 5px 5px;
}

.image-center p {
font-size: 93%;
font-weight: bold;
}

div.announce-for-nonpaid {
background:#FFD2DE;
padding:10px;
margin:0 10px 20px 10px;
}

div.announce-for-nonpaid p {
text-align:center;
font-size:117%;
font-weight:bold;
color:#cc3300;
}

div.material-button {
}

div.material-button p {
text-align:center;
line-height: 1.5;
}

div.material-button p span.notice {
font-size: 93%;
color: gray;
}

div.material-button p a {
display: inline-block;
color: #EEE;
font-size: 108%;
text-decoration: none;
letter-spacing: 0.05em;
padding: 0.5em 1em;
border-radius: 3px;
cursor: pointer;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-webkit-tap-highlight-color: transparent;
transition: .3s ease-out;
}

div.material-button p a.paid-regist {
background-color: #204080;
}

div.material-button p a.paid-login {
background-color: #955E00;
}

div.material-button p a:hover{
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}


.common-submit-button {
    display: inline-block;
    padding: 7px 20px;
	border-radius: 20px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FF9F00 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FF9F00 0%, #ff8b5f 100%);
	font-size: 150%;
}

.common-submit-button:hover {
    background-image: -webkit-linear-gradient(45deg, #FF9F00 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FF9F00 0%, #f76a35 100%);
}


/* Initialize with YUI reset and fonts. */

/* Universal Header
=======================================*/

div.common-header {
border-top: 5px solid #FFBF00;
width: 100%;
margin: 0 auto;
background: #FAFAFA;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
}

div.global-header {
}

div.global-header div.global-header-search-form {
float: left;
}

div.global-header div.global-header-search-form form.search {
margin: 0;
float: left;
}

div.global-header div.global-header-search-form form.search ul {
display: none;
}

div.global-header div.global-header-search-form form.search input.search-text {
box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.26);
-moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.26);
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.26);
border: 1px solid #BBB;
padding: 5px 10px;
-webkit-appearance: none;
}

div.global-header div.global-header-search-form form.search button.search-submit {
width: 35px;
/*height: 30px;*/
font-size: 108%;
background: #FFF;
color: #333;
border: 0;
margin-left: -40px;
position: relative;
/*top: 5px;*/
}

div.global-header div.global-header-search-form form.search button.search-submit::before {
font-family: "Font Awesome 5 Solid";
content: "\f002";
display: none;
}

div.global-header div.global-header-search-form form.search button.search-submit .svg-inline--fa {
top: 0;
}

div.global-header div.global-header-search-form form.search input.search-text::-webkit-input-placeholder {
color: #DDD;
}
div.global-header div.global-header-search-form form.search input.search-text:-ms-input-placeholder {
color: #DDD;
}
div.global-header div.global-header-search-form form.search input.search-text::-moz-placeholder {
color: #DDD;
}

div.global-header div.global-header-search-form form.search p {
float: left;
}


/* Common Header
=======================================*/

div.common-header {
clear: both;
position: relative;
}

div.common-header div.global-header-logotype {
float: left;
margin: 5px 3px 0 7px;
}

div.common-header div.global-header-logotype h1 {
line-height: 0;
}

div.common-header div.global-header-logotype p {
line-height: 0;
}

div.common-header div.global-header-logotype img {
width: 0;
height: 0;
}

div.common-header div.global-header-thanks-20th {
float: left;
margin: 5px 7px 0 0;
}


div.ads-super-banner-a,
div.ads-super-banner-f {
    text-align: center;
}

/*
.common-header div.ads-super-banner-a p {
}

.common-header div.ads-super-banner-a img,
.common-header div.ads-super-banner-a script {
width: 728px;
margin: 15px auto 15px;

}
*/

/* Common Navigation
=======================================*/
div.common-navi ul {
display: none;
}

div.common-navi ul li {
float: left;
overflow: hidden;
height: 28px;
text-align: center;
color: #000000;
background-color: #204080;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
}

div.common-navi ul li.current {
background-color: #FFBF00;
background-repeat: no-repeat;
background-position: center -60px;
}

div.common-navi ul.items li.common-navi {
width: 98px;
margin: 1px;
}

div.common-navi ul li.current > span,
div.common-navi ul li a {
display: block;
height: 12px;
padding: 6px 0 11px 0;
color: #333;
text-decoration: none;
font-size: 93%;
}

div.common-navi ul li a:link,
div.common-navi ul li a:visited {
    background-color: #204080;
    color: #FFFFFF;
}

div.common-navi ul li.info a:link,
div.common-navi ul li.info a:visited {
background-color: #FF0000;
color: #FFFFFF;
}

div.common-navi ul li.info a:active,
div.common-navi ul li.info a:hover {
background-color: #FF4080;
}

div.common-navi ul li.current a:link,
div.common-navi ul li.current a:visited,
div.common-navi ul li a:active,
div.common-navi ul li a:hover {
background-color: #FFBF00;
color: #333;
}


div.common-navi ul li span.two-digits span {
letter-spacing: 1.5em;
}

div.common-navi ul li span.two-digits {
letter-spacing: 1.3em;
padding-left: 1.3em;
}

div.common-navi ul li span.three-digits span {
letter-spacing: 0.7em;
}

div.common-navi ul li span.three-digits {
letter-spacing: 0.7em;
padding-left: 0.7em;
}

div.common-navi ul li span.four-digits span {
letter-spacing: 0.2em;
}

div.common-navi ul li span.four-digits {
letter-spacing: 0.2em;
padding-left: 0.2em;
}

div.common-navi ul li span.five-digits span {
letter-spacing: 0.05em;
}

div.common-navi ul li span.five-digits {
letter-spacing: 0.05em;
padding-left: 0.05em;
}

div.common-navi ul.paid-items {
display: none;
}

div.common-navi input,
div.common-navi label {
display: none;
}

/* Common Footer
=======================================*/

footer {
width: 100%;
margin: 0 auto;
clear: both;
background: #FFAA00;
}

footer .container {
margin: 0 auto;
padding: 10px 0;
background: gainsboro;
}

footer div.footer-nav-box {
}

footer a:link,
footer a:visited {
color: #444;
text-decoration: none;
}

footer a:hover,
footer a:active {
text-decoration: underline;
}

footer .current,
footer a.current,
footer ul.footer-nav > li h4.current,
footer ul.footer-nav > li h4 a.current {
color: #cc3300;
}

footer h4 a:link,
footer h4 a:visited {
color: #333;
}

footer ul.footer-nav > li {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 25px;
}

footer ul.footer-nav > li h4 {
    font-size: 108%;
    color: #333;
    letter-spacing:0.03em;
}

footer ul.footer-nav ul {
    margin-top: 0.2em;
}

footer ul.footer-nav ul li {
    padding: 0.2em 0 0.2em 0.5em;
    font-size: 93%;
}

footer ul.footer-nav ul li.mini-list li {
    display: inline-block;
    margin-right: 0.5em;
    width: 3em;
}

footer hr {
    border-top: 1px dotted #204080;
    border-bottom: none;
    margin-top: 0;
/*    margin-top: 10px; */
}

footer div.compliance {
    display: inline-block;
}

footer div.compliance ul.compliance-information {
font-size: 93%;
margin-bottom: 5px;
margin-left: 3px;
}

footer div.compliance ul.compliance-information li {
display: inline;
margin: 0 3px;
}

footer div.copyright {
font-size: 75%;
color:#555;
margin: 0 5px;
}



#footer-gdpr-box {
position: fixed;
z-index: 9999;
bottom: 0;
width: 100%;
box-sizing: border-box;
background-color: rgba(50,50,50,0.9);
color: #CCC;
font-size: 12px;
line-height: 1.5;
padding: 10px 35px 10px 10px;
display: none;
}

#footer-gdpr-box p {
min-height: 3em;
}

#footer-gdpr-box a {
color: #CCC;
}

#footer-gdpr-box div.close-button {
right: 10px;
width: 20px;
height: 20px;
position: absolute;
top: 30%;
font-size: 20px;
}

#footer-gdpr-box div.close-button a {
color: white;
}


#contest-20th-article-banner img {
    display: none;
    width: 100%;
}

#contest-20th-main-banner {
    text-align: center;
    padding-bottom: 15px;
}

#contest-20th-main-banner img {
    max-width: 100%;
}

#contest-20th-right-banner {
    text-align: center;
    padding-bottom: 10px;
}

#contest-20th-right-banner img {
    max-width: 100%;
}

#contest-20th-footer-banner {
    text-align: center;
    background: #f5f5f5;
    padding: 10px;
}

#contest-20th-footer-banner img {
    max-width: 100%;
}



/* Topic Path
=======================================*/

ol.topic-path {
margin: 10px;
}

ol.topic-path li {
display: inline;
padding-right: 16px;
background: url(//images.tetsudo.com/common/topic-path-marker.png) no-repeat right center;
font-size: 93%;
}

ol.topic-path li.current {
background: none;
color: #CC3300;
}

/* Paging Function
=======================================*/


/* Reverce Anchor Box
=======================================*/

div.reverse-anchor-box {
clear: both;
}

div.reverse-anchor-box p {
margin: 10px;
font-size: 108%;
text-align: center;
}



/* Earthquake Information Plug-in
=======================================*/

div.quakeinfo-plugin {
position: relative;
width: 294px;
margin: 10px 0;
border: 3px solid #F0DD0E;
}

div.quakeinfo-plugin h3 {
width: 290px;
padding: 2px;
font-weight: bold;
font-size: 108%;
background-color: #F0DD0E;
}

div.quakeinfo-plugin p.modified {
position: absolute;
top: 4px;
right: 0;
font-size: 93%;
}

div.quakeinfo-plugin div.pictgram {
float: left;
width: 42px;
}

div.quakeinfo-plugin div.pictgram p {
margin: 5px 0 5px 10px;
}

div.quakeinfo-plugin div.pictgram img {
width: 32px;
height: 32px;
}

div.quakeinfo-plugin div.information-text {
float: left;
width: 252px;
}

div.quakeinfo-plugin div.information-text p {
margin: 5px 10px;
font-weight: bold;
font-size: 108%;
}

div.quakeinfo-plugin div.information-text p strong {
font-weight: bold;
color: #FF0000;
}

/* Announce Plug-in (Priorty 1 : Red)
=======================================*/
/*
div.announce-plugin-a {
position: relative;
width: 294px;
margin: 10px 0;
border: 3px solid #E11A4C;
}
*/

div.common-right-div div.announce-plugin-a {
	border-left: 2px solid #E11A4C;
	border-right: 2px solid #E11A4C;
	border-bottom: 2px solid #E11A4C;
}

div.announce-plugin-a div.main-box-header {
	background-color: #E11A4C;
	border-bottom: none;
}

div.announce-plugin-a div.main-box-header h3 {
	font-weight: bold;
	color: #FFFFFF;
}

div.announce-plugin-a div.main-box-header p {
	color: #FFFFFF;
}

div.announce-plugin-a div.pictgram {
	width: 42px;
}

div.announce-plugin-a div.pictgram p {
float: left;
margin: 8px 0 5px 10px;
}

div.announce-plugin-a div.pictgram img {
width: 32px;
height: 32px;
}

div.announce-plugin-a div.announce-text {

}

div.announce-plugin-a div.announce-text p {
margin: 10px 10px 10px 50px;
font-weight: bold;
font-size: 108%;
}

div.announce-plugin-a div.announce-text p strong {
font-weight: bold;
color: #FF0000;
}

/* Announce Plug-in (Priorty 2 : Purple)
=======================================*/

div.announce-plugin-b {
position: relative;
width: 294px;
margin: 10px 0;
border: 3px solid #AF1BE0;
}

div.announce-plugin-b h3 {
width: 290px;
padding: 2px;
font-weight: bold;
font-size: 108%;
background-color: #AF1BE0;
color: #FFFFFF;
}

div.announce-plugin-b p.modified {
position: absolute;
top: 4px;
right: 0;
font-size: 93%;
color: #FFFFFF;
}

div.announce-plugin-b div.pictgram {
float: left;
width: 42px;
}

div.announce-plugin-b div.pictgram p {
margin: 5px 0 5px 10px;
}

div.announce-plugin-b div.pictgram img {
width: 32px;
height: 32px;
}

div.announce-plugin-b div.announce-text {
float: left;
width: 252px;
}

div.announce-plugin-b div.announce-text p {
margin: 5px 10px;
font-weight: bold;
font-size: 108%;
}

div.announce-plugin-b div.announce-text p strong {
font-weight: bold;
color: #FF0000;
}

/* Announce Plug-in (Priorty 3 : Yellow)
=======================================*/

div.announce-plugin-c {
position: relative;
width: 294px;
margin: 10px 0;
border: 3px solid #F0DD0E;
}

div.announce-plugin-c h3 {
width: 290px;
padding: 2px;
font-weight: bold;
font-size: 108%;
background-color: #F0DD0E;
}

div.announce-plugin-c p.modified {
position: absolute;
top: 4px;
right: 0;
font-size: 93%;
}

div.announce-plugin-c div.pictgram {
float: left;
width: 42px;
}

div.announce-plugin-c div.pictgram p {
margin: 5px 0 5px 10px;
}

div.announce-plugin-c div.pictgram img {
width: 32px;
height: 32px;
}

div.announce-plugin-c div.announce-text {
float: left;
width: 252px;
}

div.announce-plugin-c div.announce-text p {
margin: 5px 10px;
font-weight: bold;
font-size: 108%;
}

div.announce-plugin-c div.announce-text p strong {
font-weight: bold;
color: #FF0000;
}

/* Announce Plug-in (Priorty 4 : Green)
=======================================*/

div.announce-plugin-d {
position: relative;
width: 294px;
margin: 10px 0;
border: 3px solid #209F14;
}

div.announce-plugin-d h3 {
width: 290px;
padding: 2px;
font-weight: bold;
font-size: 108%;
background-color: #209F14;
color: #FFFFFF;
}

div.announce-plugin-d p.modified {
position: absolute;
top: 4px;
right: 0;
font-size: 93%;
color: #FFFFFF;
}

div.announce-plugin-d div.pictgram {
float: left;
width: 42px;
}

div.announce-plugin-d div.pictgram p {
margin: 5px 0 5px 10px;
}

div.announce-plugin-d div.pictgram img {
width: 32px;
height: 32px;
}

div.announce-plugin-d div.announce-text {
float: left;
width: 252px;
}

div.announce-plugin-d div.announce-text p {
margin: 5px 10px;
font-weight: bold;
font-size: 108%;
}

div.announce-plugin-d div.announce-text p strong {
font-weight: bold;
color: #FF0000;
}

/* Calendar Plug-in
=======================================*/
div.calendar-plugin table {
width: 280px;
margin: 0 auto 10px;
padding: 2px;
border-collapse: separate;
border-spacing: 3px;
}

div.calendar-plugin table caption {
margin-top: 10px;
font-weight: bold;
font-size: 108%;
text-align: center;
color:#333;
}

div.calendar-plugin table thead th {
width: 22px;
border-bottom: 3px solid #606469;
/*font-size: 93%;*/
text-align: center;
}

div.calendar-plugin table thead th.sunday {
border-color: #E11A4C;
color:#E11A4C;
}

div.calendar-plugin table thead th.saturday {
border-color: #1AAFE1;
color: #1AAFE1;
}

div.calendar-plugin table tbody td {
width: 22px;
height: 1.6em;
border-color: #BBB;
/*font-size: 93%; */
text-align: center;
background: #DCE6F0 url(//images.tetsudo.com/white.png) repeat 0 0;
}

div.calendar-plugin table tbody td.saturday {
border-color: #60D7FF;
color: #1AAFE1;
background: #C3EFFF url(//images.tetsudo.com/white.png) repeat 0 0;
}

div.calendar-plugin table tbody td.sunday,
div.calendar-plugin table tbody td.holiday {
border-color: #FF80A2;
color: #E11A4C;
background: #FFD2DE url(//images.tetsudo.com/white.png) repeat 0 0;
}

div.calendar-plugin table tbody td.current {
background-image: none;
}

div.calendar-plugin table tbody td.today {
border-width: 1px;
border-style: solid;
}

div.calendar-plugin table tbody td a {
display:block;
text-decoration: none;
}

div.calendar-plugin table tbody td a:link,
div.calendar-plugin table tbody td a:visited {
color: #000000;
}

div.calendar-plugin table tbody td a:hover,
div.calendar-plugin table tbody td a:active {
background-color: #333;
color: #FFFFFF;
}

div.calendar-plugin table tbody td.sunday a:link,
div.calendar-plugin table tbody td.sunday a:visited {
color: #E11A4C;
}

div.calendar-plugin table tbody td.sunday a:hover,
div.calendar-plugin table tbody td.sunday a:active {
background-color: #E11A4C;
color: #FFFFFF;
}

div.calendar-plugin table tbody td.saturday a:link,
div.calendar-plugin table tbody td.saturday a:visited {
color: #1AAFE1;
}

div.calendar-plugin table tbody td.saturday a:hover,
div.calendar-plugin table tbody td.saturday a:active {
background-color: #1AAFE1;
color: #FFFFFF;
}

div.calendar-plugin ul.monthly-pad {
width: 236px;
margin: 5px auto 10px auto;
}

div.calendar-plugin ul.monthly-pad li.prev {
float: left;
}

div.calendar-plugin ul.monthly-pad li.next {
float: right
}

/* Topics Plug-in
=======================================*/
div.topics-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.topics-plugin ul.contents-list {
margin: 10px;
}

div.topics-plugin ul.contents-list li {
margin: 6px 0;
font-size: 93%;
}

div.topics-plugin ul.contents-list li.current {
color: #CC3300;
}

div.topics-plugin ul.anchor {
margin: 5px 0;
padding: 0 10px;
}

div.topics-plugin ul.anchor li {
float: right;
margin: 0 3px;
font-size: 93%;
}

div.topics-plugin ul.anchor li img {
vertical-align: middle;
}

/* News Plug-in
=======================================*/

/* News Future Plug-in
=======================================*/

div.news-future-plugin ul.contents-list {
margin-top:5px;
}

div.news-future-plugin ul.contents-list li {
padding: 6px 10px 6px;
border-bottom: 1px solid #DDD;
font-weight: bold;
}

div.news-future-plugin ul.contents-list li:last-child {
border-bottom: none;
}

div.news-future-plugin ul.contents-list li.current {
color:#cc3300;
}

div.news-future-plugin ul.contents-list li span {
font-weight:normal;
font-size: 93%;
}



/* Topics Ranking Plug-in
=======================================*/

div.topics-ranking-plugin {
position: relative;
margin: 10px 0;
border: 1px solid #CCC;
}

div.topics-ranking-plugin h3 {
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

div.topics-ranking-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.topics-ranking-plugin ol.contents-list {
margin: 10px;
}

div.topics-ranking-plugin ol.contents-list li {
margin: 6px 0;
font-size: 93%;
}

div.topics-ranking-plugin ol.anchor {
margin: 5px 0;
padding: 0 10px;
}

div.topics-ranking-plugin ol.anchor li {
float: right;
margin: 0 3px;
font-size: 93%;
}

div.topics-ranking-plugin ol.anchor li img {
vertical-align: middle;
}

/* Blog Ranking Plug-in
=======================================*/

/*
div.blog-keyword-plugin ol.simple {
counter-reset:keyword-number;
list-style:none;
}
*/
div.blog-keyword-plugin ol.simple li.container {
border-bottom: 1px solid #DDD;
background-repeat: no-repeat;
background-position: 2px 3px;
}

div.blog-keyword-plugin ol.details li.container {
padding: 5px 2px 5px 20px;
border-bottom: 1px solid #DDD;
background-repeat: no-repeat;
background-position: 2px 8px;
}

div.blog-keyword-plugin ol.simple li.container:last-child {
border-bottom: none;
}

div.blog-keyword-plugin ol li div.blog-keyword-header {
display: inline-table;
line-height: 1.6;
width: 100%;
}

div.blog-keyword-plugin ol li div.blog-keyword-header h4 {
display: table-cell;
padding: 0 2px 0 0;
width: 10em;
font-size: 108%;
}

div.blog-keyword-plugin ol li div.blog-keyword-header p.blog-keyword-arrow {
display: table-cell;
font-size: 108%;
text-align: right;
}

div.blog-keyword-plugin ol li div.blog-keyword-header p.blog-keyword-point {
display: table-cell;
padding-left: 2px;
font-size: 108%;
text-align: center;
}

div.blog-keyword-plugin ul.blog-keyword-anchor {
margin-bottom: 7px;
}

div.blog-keyword-plugin ul.blog-keyword-anchor li {
margin: 4px 0;
padding-left: 20px;
font-size: 93%;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-80aaff.png) no-repeat 2px 1px;
}

div.blog-keyword-plugin p.blog-keyword-summary {
font-size: 93%;
}

div.blog-keyword-plugin ul.anchor {
margin: 5px 10px;
text-align: right;
}

div.blog-keyword-plugin ul.anchor li {
display: inline;
font-size: 93%;
}

/* Model Category
=======================================*/

div.model-box ul.anchor {
clear:both;
font-size:108%;
padding:5px 12px 0px;
text-align:right;
}

div.model-box div.model-list ul.model-list li.container div.model-image ,
div.model-box div.model-list ul.model-list2 li.container div.model-image {
    height:140px;
    /* margin-left:13px; */
    overflow:hidden;
    width:160px;
    margin: 0 auto;
}


div.model-box div.model-list ul.model-list li.container div.model-noimage ,
div.model-box div.model-list ul.model-list2 li.container div.model-noimage {
    border:1px solid #CCC;
    height:140px;
    margin-left:13px;
    overflow:hidden;
    width:160px;
}


p.main-text2 {
    font-size:93%;
    margin:-1.3em 10px 0px 0;
    text-align:right;
}

div.model-list {
    margin: 0 1%;
    min-width: 206px;
    padding-bottom: 1px;
    width: 98%;
}

ul.model-list li.container p.model-image2, ul.model-list2 li.container p.model-image2 {
    text-align:center;
}

ul.model-list {
    /*background:#FFFFFF url(//images.tetsudo.com/model/line2.png) repeat scroll 0 0; */
    float:left;
    margin:10px auto 0;
    width: 620px;
    border: 1px dotted #999;
}

ul.model-list li.container,
ul.model-list2 li.container {
    float:left;
    padding:8px;
    position:relative;
    width: 190px;
}

ul.model-list li.container p.model-image, ul.model-list2 li.container p.model-image {
    text-align:center;
}

ul.model-list li.container p.model-image, ul.model-list2 li.container p.model-image {
    text-align:center;
}

ul.model-list li.container p.model-image img, ul.model-list2 li.container p.model-image img {
    margin-top:-2px;
}

div.model-list ul.model-list li.container h3, div.model-list ul.model-list2 li.container h3 {
    font-size:108%;
    margin:5px 0 5px;
    text-align:center;
}



div.model-list ul.model-list li.container ul.model-function li:after ,
div.model-list ul.model-list2 li.container ul.model-function li:after ,
div.model-list ul.model-list li.container ul.model-function li ul.price:after ,
div.model-list ul.model-list2 li.container ul.model-function li ul.price:after {
    content: url(//images.tetsudo.com/dot.png);
    height: 0;
    clear: both;
    display: block;
}


div.model-list ul.model-list li.container ul.model-function li ul.price,
div.model-list ul.model-list2 li.container ul.model-function li ul.price {
    width:185px;
}

div.model-list ul.model-list li.container ul.model-function li.price-low,
div.model-list ul.model-list2 li.container ul.model-function li.price-low {
    float:right;
    font-size:93%;
}

span.orange {
    color:#CC3300;
}

div.model-list ul.model-list li.container ul.model-function li.price,
div.model-list ul.model-list2 li.container ul.model-function li.price {
    float:right;
    font-size:93%;
}

div.model-list ul.model-list li.container ul.model-function li.sale,
div.model-list ul.model-list2 li.container ul.model-function li.sale {
    clear:both;
    color:#CC0000;
    font-size:93%;
    font-weight:bold;
    text-align:center;
    margin-top:5px;
}

div.model-list ul.model-list li.container ul.model-function li.stock,
div.model-list ul.model-list2 li.container ul.model-function li.stock {
    display:block;
    float:right;
    font-size:93%;
    white-space:nowrap;
}

div.model-list ul.model-list li.container ul.model-function li.comment,
div.model-list ul.model-list2 li.container ul.model-function li.comment {
    clear:both;
    font-size:93%;
    line-height:13px;
    padding-top:5px;
    text-align:left;
}

div.model-list ul.model-list li.container ul.model-function li.rank,
div.model-list ul.model-list2 li.container ul.model-function li.rank {
    clear:both;
    font-size:93%;
    text-align:center;
    margin-top:5px;
}

div.model-list ul.model-list li.container ul.model-function li.sort-comment,
div.model-list ul.model-list2 li.container ul.model-function li.sort-comment {
    clear:both;
    font-size:93%;
    padding-top:5px;
    text-align:center;
}



ul.anchor2 {
    clear:both;
    padding:5px 12px;
    text-align:right;
}



/* Traffic Plug-in
=======================================*/
/*
div.traffic-plugin {
position: relative;
margin: 10px 0;
border: 1px solid #CCC;
}

div.traffic-plugin h3 {
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

div.traffic-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.traffic-plugin table {
}

div.traffic-plugin table tbody td {
height: 32px;
padding: 2px;
font-size: 93%;
text-align: center;
}

div.traffic-plugin table tbody td.area {
width: 96px;
border: 1px dotted #AAA;
border-width: 0 1px 1px 0;
}

div.traffic-plugin table tbody td.pictgram {
width: 32px;
border: 1px dotted #AAA;
border-width: 0 1px 1px 1px;
line-height: 0;
}

div.traffic-plugin table tbody td.notes {
width: 156px;
border: 1px dotted #AAA;
border-width: 0 0 1px 1px;
}

div.traffic-plugin table tbody td.pictgram img {
width: 32px;
height: 32px;
}

div.traffic-plugin ul.anchor {
margin: 5px 10px;
text-align: right;
}

div.traffic-plugin ul.anchor li {
display: inline;
font-size: 93%;
}
*/

div.traffic-info-plugin dl {
margin: 8px 10px;
}

div.traffic-info-plugin dl dt:before {
font-family: "Font Awesome 5 Solid";
margin-right: 0.3em;
display: none;
}

div.traffic-info-plugin dl dt.irregular {
color: #D90036;
font-weight: bold;
}

div.traffic-info-plugin dl dt.irregular:before {
content:"\f071";
color: #D90036;
}

div.traffic-info-plugin dl dt.normal {
color: #16C3A6;
}

div.traffic-info-plugin dl dt.normal:before {
content:"\f10c";
color: #16C3A6;
}

div.traffic-info-plugin dl dd {
margin-top: 5px;
line-height: 1.5em;
}



/* Weather Plug-in
=======================================*/

div.weather-plugin {
position: relative;
margin: 10px 0;
border: 1px solid #CCC;
}

div.weather-plugin h3 {
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

div.weather-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.weather-plugin table {
}

div.weather-plugin table thead th {
height: 20px;
padding: 2px;
border: 1px dotted #AAA;
font-size: 93%;
text-align: center;
}

div.weather-plugin table thead th.area {
border-width: 0 1px 1px 0;
}

div.weather-plugin table thead th.today {
border-width: 0 1px 1px 0;
}

div.weather-plugin table thead th.tomorrow {
border-width: 0 0 1px 1px;
}

div.weather-plugin table tbody td {
height: 32px;
padding: 2px;
border: 1px dotted #AAA;
font-size: 93%;
text-align: center;
}

div.weather-plugin table tbody td.area {
width: 96px;
border-width: 0 1px 1px 0;
}

div.weather-plugin table tbody td.pictgram-today,
div.weather-plugin table tbody td.pictgram-tomorrow {
width: 32px;
border-width: 0 0 1px 1px;
line-height: 0;
}

div.weather-plugin table tbody td.tempature-today {
width: 58px;
border-width: 0 1px 1px 0;
}

div.weather-plugin table tbody td.tempature-tomorrow {
width: 58px;
border-width: 0 0 1px 0;
}

div.weather-plugin table tbody td.notes {
width: 156px;
border-width: 0 0 1px 1px;
}

div.weather-plugin table tbody td.pictgram-today img,
div.weather-plugin table tbody td.pictgram-tomorrow img {
width: 32px;
height: 32px;
}

div.weather-plugin table tbody td.tempature-today ul li,
div.weather-plugin table tbody td.tempature-tomorrow ul li {
}

div.weather-plugin table tbody td.tempature-today ul li.highest,
div.weather-plugin table tbody td.tempature-tomorrow ul li.highest {
color: #E11A4C;
}

div.weather-plugin table tbody td.tempature-today ul li.lowest,
div.weather-plugin table tbody td.tempature-tomorrow ul li.lowest {
color: #1EB0E1;
}

div.weather-plugin ul.anchor {
margin: 5px 10px;
text-align: right;
}

div.weather-plugin ul.anchor li {
display: inline;
font-size: 93%;
}

/* Cross Category Plug-in
=======================================*/
div.cross-category-plugin ul.first-layer {
margin: 10px;
}

div.cross-category-plugin ul.first-layer li {
margin: 10px 0 15px;
}

div.cross-category-plugin ul.second-layer {
margin: 3px 0;
}

div.cross-category-plugin ul.second-layer li {
float: left;
width: 68.3px;
margin: 3px 0;
font-size: 93%;
}

div.cross-category-plugin ul.second-layer li span.two-digits {
letter-spacing: 0.3em;
}

div.cross-category-plugin ul .current {
color: #CC3300;
}



/*
=======================================*/

div.model-pickup-plugin {
    border: 1px solid #CCC;
    margin: 10px 0;
    position: relative;
}
div.model-pickup-plugin h3 {
    background: url("//images.tetsudo.com/common/titlebar-cgm.png") repeat-x scroll center bottom #FFFFFF;
	color:#333;
    font-size: 108%;
    font-weight: bold;
    padding: 2px 5px;
}
div.model-pickup-plugin ul.pickup-data {
    margin-left: 80px;
}
div.model-pickup-plugin ul.model-pickup-list li.model-pickup-list p.model-title, div.model-pickup-plugin ul.model-pickup-list li.model-pickup-list-bottom p.model-title {
    font-size: 93%;
    margin-bottom: 6px;
    padding-left: 80px;
}
div.model-pickup-plugin img.no-model-img {
    border: 1px solid #CCC;
    clear: both;
    float: left;
}
div.model-pickup-plugin img.model-img {
    border: medium none;
    clear: both;
    float: left;
}
div.model-pickup-plugin ul.model-pickup-list li.model-pickup-list {
    border-bottom: 1px dotted #AAA;
    min-height: 65px;
    padding: 10px 10px 15px;
}
div.model-pickup-plugin ul.model-pickup-list li.model-pickup-list-bottom {
    min-height: 65px;
    padding: 10px 10px 15px;
}
div.model-pickup-plugin ul.model-pickup-list li ul.pickup-price li.pickup-price {
    font-size: 93%;
    text-align: right;
}
div.model-pickup-plugin ul.model-pickup-list li.pickup-rank {
    font-size: 93%;
    margin-top: 6px;
    text-align: right;
}
span.red {
    color: #CC0000;
}
div.model-pickup-plugin ul.model-pickup-lis li ul.pickup-price {
    display: inline;
    list-style: none outside none;
}
div.model-pickup-plugin ul.model-pickup-list li ul.pickup-price li.pickup-price-low {
    float: right;
    font-size: 93%;
    text-align: right;
}
div.model-pickup-plugin ul.model-pickup-list li.pickup-sale {
    color: #CC0000;
    font-size: 93%;
    font-weight: bold;
    margin-top: 6px;
    text-align: right;
}



/* Shopping Box
=======================================*/

div.shopping-pickup-plugin {
border:1px solid #CCC;
margin:10px 0;
position:relative;
}

div.shopping-pickup-plugin h3 {
background:#FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x scroll center bottom;
color:#333;
font-size:108%;
font-weight:bold;
padding:2px 5px;
}

div.shopping-pickup-plugin ul.product-list li,
div.shopping-pickup-plugin ol.product-list li {
padding:10px 10px 10px 25px;
border-bottom:1px dotted #AAA;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-ffaa00.png) no-repeat scroll 10px 13px
}

div.shopping-pickup-plugin ol.product-list li.rank1 {
background: url(//images.tetsudo.com/interface-icon/rank1-white-yellow-16x16.png) no-repeat scroll 7px 13px transparent;
}

div.shopping-pickup-plugin ol.product-list li.rank2 {
background: url(//images.tetsudo.com/interface-icon/rank2-white-yellow-16x16.png) no-repeat scroll 7px 13px transparent;
}

div.shopping-pickup-plugin ol.product-list li.rank3 {
background: url(//images.tetsudo.com/interface-icon/rank3-white-yellow-16x16.png) no-repeat scroll 7px 13px transparent;
}

div.shopping-pickup-plugin ol.product-list li.rank4 {
background: url(//images.tetsudo.com/interface-icon/rank4-white-yellow-16x16.png) no-repeat scroll 7px 13px transparent;
}

div.shopping-pickup-plugin ol.product-list li.rank5 {
background: url(//images.tetsudo.com/interface-icon/rank5-white-yellow-16x16.png) no-repeat scroll 7px 13px transparent;
}


div.shopping-pickup-plugin ul.product-list li:after,
div.shopping-pickup-plugin ol.product-list li:after {
content: url(//images.tetsudo.com/dot.png);
height: 0;
clear: both;
display: block;
}

div.shopping-pickup-plugin ul.product-list li p.shopping-image,
div.shopping-pickup-plugin ol.product-list li p.shopping-image {
height: 45px;
margin-right: 5px;
overflow: hidden;
text-align: center;
width: 70px;
float: left;
padding: 0 5px 5px 3px;
}

div.shopping-pickup-plugin ul.product-list li p.shopping-title,
div.shopping-pickup-plugin ol.product-list li p.shopping-title {
font-size:93%;
margin-bottom:6px;
line-height:1.4em;
}

div.shopping-pickup-plugin ul.product-list li p.sales-date,
div.shopping-pickup-plugin ol.product-list li p.sales-date {
font-size:93%;
margin-left:90px;
}

div.shopping-pickup-plugin ul.product-list li.product-list-bottom,
div.shopping-pickup-plugin ol.product-list li.product-list-bottom {
border-bottom: none;
}

div.shopping-pickup-plugin ul.anchor {
font-size: 93%;
padding: 5px 10px;
text-align: right;
}



/* Cross Service Plug-in
=======================================*/
div.cross-service-plugin ul.contents-list li.current {
color: #CC3300;
}


div.cross-service-plugin ul.contents-list li.model-day {
visibility:hidden;
}

div.cross-service-plugin ul.contents-list li {
float: left;
width: 135px;
}
div.cross-service-plugin ul.contents-list li:before {
margin-right: 0.3em;
}

div.cross-service-plugin ul.contents-list li.category {
float: none;
width: auto;
}

div.cross-service-plugin ul.contents-list li:before {
font-family: "Font Awesome 5 Solid";
display: none;
}

div.cross-service-plugin ul.contents-list li.topics:before {
content: "\f238";
}

div.cross-service-plugin ul.contents-list li.site:before {
content: "\f15b";
}

div.cross-service-plugin ul.contents-list li.bbs:before {
content: "\f27a";
}

div.cross-service-plugin ul.contents-list li.microblog:before {
content: "\f086";
}

div.cross-service-plugin ul.contents-list li.report:before {
content: "\f06e";
}

div.cross-service-plugin ul.contents-list li.newspaper:before {
content: "\f1ea";
}

div.cross-service-plugin ul.contents-list li.news:before {
content: "\f022";
}

div.cross-service-plugin ul.contents-list li.blog:before {
content: "\f044";
}

div.cross-service-plugin ul.contents-list li.movie:before {
content: "\f03d";
}

div.cross-service-plugin ul.contents-list li.category:before {
content: "\f0ca";
}

div.cross-service-plugin ul.contents-list li.model:before {
content: "\f03a";
}

div.cross-service-plugin ul.contents-list li.shopping:before {
content: "\f07a";
}

div.cross-service-plugin ul.contents-list li.event:before {
content: "\f073";
}

div.cross-service-plugin ul.contents-list li.kakenuke:before {
content: "\f18d";
}

div.cross-service-plugin ul.contents-list li.onen:before {
content: "\f16c";
}


div.clear {
    clear:both;
    margin-bottom: 10px;
}

/* Cross Search Plug-in
=======================================*/

div.cross-search-plugin {
position: relative;
margin: 10px 0;
border: 1px solid #CCC;
}

div.cross-search-plugin h3 {
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

div.cross-search-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.cross-search-plugin ul.contents-list {
margin: 10px;
}

div.cross-search-plugin ul.contents-list li {
margin: 5px 0;
padding-left: 18px;
font-size: 93%;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-83bf30.png) no-repeat 0 1px;
}


div.category-search-plugin {
border: 1px solid #CCC;
background-color: #EEE;
margin: 10px 0;
}

div.category-search-plugin h3 {
/*padding: 2px 5px; */
margin: 5px;
font-weight: bold;
font-size: 108%;
padding-left: 18px;
/*background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom; */
color:#333;
}


div.category-search-plugin h3 a.general-stress-anchor {
text-decoration: none;
}

div.category-search-plugin ul {
padding: 0 0 5px 0;
}

div.category-search-plugin ul li {
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-clear-d88bdf.png) no-repeat scroll 10px 8px transparent;
display: inline;
font-size: 93%;
line-height: 1.7em;
padding: 5px 3px 5px 25px;
white-space: nowrap;
}

div.category-search-plugin form.search {
width: 280px;
}

div.category-search-plugin form.search p input.search-text {
width: 150px;
}

div.category-search-plugin form.search p input.search-submit {
width: 120px;
height: 2em;
}




/* Official Plug-in
=======================================*/

div.official-plugin {
position: relative;
margin: 10px 0;
border: 1px solid #CCC;
}

div.official-plugin h3 {
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

div.official-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.official-plugin ul.contents-list {
margin: 10px;
}

div.official-plugin ul.contents-list li {
margin: 5px 0;
padding-left: 18px;
font-size: 93%;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-83bf30.png) no-repeat 0 1px;
}

/* Wikipedia Plug-in
=======================================*/

div.wikipedia-plugin {
position: relative;
margin: 10px 0;
border: 1px solid #CCC;
}

div.wikipedia-plugin h3 {
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

div.wikipedia-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.wikipedia-plugin ul.contents-list {
margin: 10px;
}

div.wikipedia-plugin ul.contents-list li {
margin: 5px 0;
padding-left: 18px;
font-size: 93%;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-83bf30.png) no-repeat 0 1px;
}

/* Word Plug-in
=======================================*/
div.word-plugin div.word-announce p.message {
font-size:93%;
margin:10px 10px 0;
}

div.word-plugin div.word-form p.regist-information {
text-align:center;
margin:10px;
}


div.word-plugin div.word-response,
div.word-plugin div.word-form {
border-bottom: 1px solid #CCC;
}

div.word-plugin h4 {
padding: 10px 10px 5px 10px;
font-weight: bold;
font-size: 108%;
}


div.word-plugin div.word-answer p.no-word {
font-size:93%;
margin:10px;
text-align:center;
}



div.word-plugin p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.word-plugin ul.word-list {
}

div.word-plugin ul.word-list li.container {
padding: 5px 10px;
 border-top: 1px solid #DDD;
}


div.word-plugin ul.word-list li.container ul.word-function {
font-size: 93%;
}

div.word-plugin ul.word-list li.container p.word-comment {
overflow: hidden;
font-size: 93%;
}

div.word-plugin ul.word-list li.container p.word-comment-spam {
color:#BBBCCC;
padding-left: 18px;
overflow: hidden;
font-size: 93%;
background:transparent url(//images.tetsudo.com/interface-icon/comment-12x12.png) no-repeat scroll 0 1px;
}

div.word-plugin ul.word-list li ul {
text-align: right;
}

div.word-plugin ul.word-list li ul li {
display: inline;
}

form.word {
padding: 0px 10px;
/* border-top: 1px dotted #AAA; */
}

form.word ul {
margin: 10px 0;
}

form.word ul li {
margin: 5px 0;
}

form.word ul li dl dt {
float: left;
min-height: 26px;
font-size: 108%;
}

form.word ul li dl dd {
min-height: 26px;
font-size: 108%;
}

form.word ul li dl dd input.word-text {
width: 130px;
height: 18px;
}

form.word ul li dl dd input.word-submit {
width: 70px;
height: 22px;
}

form.word ul li#word-picture-anchor {
padding: 0px 65px;
text-align: left;
font-size: 93%;
}

form.word ul li dl dd input.word-pictitle {
width: 160px;
height: 18px;
}

form.word ul li dl dd input.word-file {
width: 160px;
height: 22px;
}

div.word-plugin ul.anchor {
padding: 5px 10px;
text-align: right;
border-top: 1px dotted #AAA;
}

div.word-plugin ul.anchor li {
display: inline;
font-size: 93%;
}

/* Pass-get Plug-in / Check-out Plug-in / Check-in Plug-in
=======================================*/
div.passget-plugin p,
div.passchange-plugin p,
div.checkout-plugin p,
div.checkin-plugin p,
div.nameregist-plugin p {
padding: 10px 10px 0;
font-size: 93%;
line-height: 1.3;
text-indent: 1em;
}


div.checkout-plugin {
padding-bottom: 10px;
}

div.checkout-plugin p.passchange {
text-align: center;
}


form.checkout p.checkout-anchor {
padding: 5px;
font-size: 108%;
text-align: center;
}

form.passget ul,
form.passchange ul,
form.checkin ul,
form.nameregist ul {
padding: 10px;
}

form.passget ul li,
form.passchange ul li,
form.checkin ul li,
form.nameregist ul li {
padding: 1px 0;
}

form.passget ul li dl dt,
form.passchange ul li dl dt,
form.checkin ul li dl dt,
form.nameregist ul li dl dt {
float: left;
min-height: 26px;
font-size: 93%;
}

form.passget ul li dl dd,
form.passchange ul li dl dd,
form.checkin ul li dl dd,
form.nameregist ul li dl dd {
min-height: 26px;
font-size: 93%;
}

form.checkin ul li dl dd input.checkin-name,
form.nameregist ul li dl dd input.regist-name {
width: 100px;
height: 18px;
}

form.passget ul li dl dd input.passget-password,
form.passchange ul li dl dd input.passchange-password,
form.checkin ul li dl dd input.checkin-password {
width: 80px;
height: 18px;
}

form.passget ul li dl dd input.passget-submit,
form.passchange ul li dl dd input.passchange-submit,
form.checkout p input.checkout-submit,
form.checkin ul li dl dd input.checkin-submit {
/* width: 115px; */
width: 110px;
height: 22px;
}

form.checkout p input.checkout-submit {
    font-size: 93%;
}

form.nameregist ul li dl dd input.regist-submit {
width: 80px;
height: 22px;
}

/* Page Index Plug-in
=======================================*/
div.page-index-plugin ul.first-layer {
margin: 10px;
}

div.page-index-plugin ul.first-layer li {
margin: 8px 0;
font-size: 93%;
}

div.page-index-plugin ul.second-layer {
margin: 3px 0;
}

div.page-index-plugin ul.second-layer li {
margin: 3px 0;
padding-left: 18px;
font-size: 100%;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-dfcd00.png) no-repeat 0 1px;
}

div.page-index-plugin ul .current {
color: #CC3300;
}

/* Search Form Plug-in
=======================================*/

div.search-form-plugin {
margin: 10px 0;
border: 1px solid #CCC;
background-color: #EEE;
}

div.search-form-plugin h3 {
color:#333;
padding: 5px;
font-weight: bold;
font-size: 108%;
}

div.search-form-plugin form.search {
width: 260px;
margin: 0 auto 10px auto;
}

div#searchoption0 {
width: 180px;
margin-bottom: -1px;
}

ul#searchlist0 {
width: 180px;
}

ul#searchlist0 li {
display: inline;
padding-right: 5px;
}

span#radio04,
span#radio84 {
background-image: url(//images.tetsudo.com/common/search-tab-bg-2.png);
background-repeat: no-repeat;
}

span#radio04 .first-child button,
span#radio84 .first-child button {
width: 34px;
text-align: center;
}

span#radio01,
span#radio03,
span#radio05,
span#radio81,
span#radio83,
span#radio85 {
background-image: url(//images.tetsudo.com/common/search-tab-bg-3.png);
background-repeat: no-repeat;
}

span#radio01 .first-child button,
span#radio03 .first-child button,
span#radio05 .first-child button,
span#radio81 .first-child button,
span#radio83 .first-child button,
span#radio85 .first-child button {
width: 46px;
text-align: center;
}

span#radio02,
span#radio06,
span#radio82,
span#radio86 {
background-image: url(//images.tetsudo.com/common/search-tab-bg-4.png);
background-repeat: no-repeat;
}

span#radio02 .first-child button,
span#radio06 .first-child button,
span#radio82 .first-child button,
span#radio86 .first-child button {
width: 58px;
text-align: center;
}

span#radio07,
span#radio87 {
background-image: url(//images.tetsudo.com/common/search-tab-bg-5.png);
background-repeat: no-repeat;
}

span#radio07 .first-child button,
span#radio87 .first-child button {
width: 70px;
text-align: center;
}

div.search-form-plugin form.search p {
text-align: left;
}

div.search-form-plugin form.search p input.search-text {
width: 180px;
height: 18px;
}

div.search-form-plugin form.search p input.search-submit {
width: 70px;
height: 25px;
}

/* Search Option Plug-in
=======================================*/

div.search-option-plugin {
position: relative;
margin: 10px 0;
border: 1px solid #CCC;
background-color: #EEE;
}

div.search-option-plugin form.search-option {
}

div.search-option-plugin form.search-option fieldset {
position: relative;
border-bottom: 1px dotted #AAA;
}

div.search-option-plugin form.search-option fieldset h3 {
margin: 10px 8px;
font-weight: bold;
font-size: 108%;
}

div.search-option-plugin form.search-option fieldset h4 {
margin: 10px 8px 10px 8px;
padding-left: 16px;
font-size: 108%;
background: url(//images.tetsudo.com/interface-icon/bullet-e6e6e6-d88bdf.png) no-repeat 0 1px;
}

div.search-option-plugin form.search-option fieldset p.switch {
position: absolute;
top: 10px;
right: 10px;
}

div.search-option-plugin form.search-option fieldset div {
margin: 8px;
}

div.search-option-plugin form.search-option fieldset.keyword div p input.keyword {
width: 278px;
font-size: 108%;
}

div.search-option-plugin form.search-option fieldset.keyword div ul li {
display: inline;
font-size: 108%;
}

div.search-option-plugin form.search-option fieldset.keyword div ul li.and {
margin-right: 5px;
}

div.search-option-plugin form.search-option fieldset.keyword div ul li input {
margin-right: 2px;
vertical-align: middle;
}


div.search-option-plugin form.search-option fieldset.contents div ul {
margin: 0 -1px;
}

div.search-option-plugin form.search-option fieldset.contents div ul li {
float: left;
width: 92px;
margin: 0 1px;
font-size: 108%;
}

div.search-option-plugin form.search-option fieldset.contents div ul li input {
margin-right: 2px;
vertical-align: middle;
}

div.search-option-plugin form.search-option fieldset.category div ul li {
float: left;
width: 138px;
margin: 0 1px;
font-size: 108%;
}

div.search-option-plugin form.search-option fieldset.category div ul li select {
width: 136px;
    font-size: 90%;
}

div.search-option-plugin form.search-option fieldset.period div p {
/* font-size: 108%; */
    font-size: 100%;
}

div.search-option-plugin form.search-option fieldset.period div p input.year-text {
width: 36px;
text-align: center;
}

div.search-option-plugin form.search-option fieldset.period div p input.month-text,
div.search-option-plugin form.search-option fieldset.period div p input.day-text {
margin-left: 1px;
width: 18px;
text-align: center;
}

div.search-option-plugin form.search-option fieldset.period div ul li {
font-size: 108%;
}

div.search-option-plugin form.search-option fieldset.period div ul li input {
margin-right: 2px;
vertical-align: middle;
}

div.search-option-plugin form.search-option div.submit-button {
margin: 10px;
}

div.search-option-plugin form.search-option div.submit-button p {
font-size: 108%;
text-align: center;
}

div.search-option-plugin form.search-option div.submit-button p input.search-option-submit {
width: 150px;
}

/* Help Plug-in
=======================================*/

div.help-plugin {
border: 1px solid #CCC;
background-color: #C3FFF5;
}

div.help-plugin h3 {
margin: 10px 10px 4px 10px;
font-weight: bold;
font-size: 108%;
}

div.help-plugin hr {
margin: 4px 10px 10px 10px;
border: 2px solid #16C3A6;
border-width: 0 0 2px 0;
}

div.help-plugin p {
margin: 10px;
font-size: 93%;
text-indent: 1em;
}

div.help-plugin ul {
margin: 10px 10px 10px 20px;
}

div.help-plugin li {
font-size: 93%;
}

/* Information Plug-in
=======================================*/

div.information-plugin {
border: 1px solid #CCC;
background-color: #FFD2DE;
}

div.information-plugin h3 {
margin: 10px 10px 4px 10px;
font-weight: bold;
font-size: 108%;
}

div.information-plugin hr {
margin: 4px 10px 10px 10px;
border: 2px solid #FF1E57;
border-width: 0 0 2px 0;
}

div.information-plugin p {
margin: 10px;
font-size: 93%;
text-indent: 1em;
}

div.information-plugin ul {
margin: 10px 10px 10px 20px;
}

div.information-plugin li {
font-size: 93%;
}

/* Feed Plug-in
=======================================*/

div.feed-plugin {
border: 1px solid #CCC;
margin: 10px 0;
background-color: #FFD9B3;
}

div.feed-plugin h3 {
margin: 10px 10px 4px 10px;
font-weight: bold;
font-size: 108%;
}

div.feed-plugin hr {
margin: 4px 10px 10px 10px;
border: 2px solid #FF8F1F;
border-width: 0 0 2px 0;
}

div.feed-plugin p {
margin: 10px;
font-size: 93%;
text-indent: 1em;
}

div.feed-plugin ul.first-layer {
margin: 0 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #AAA;
}

div.feed-plugin ul.first-layer li {
font-size: 93%;
}

div.feed-plugin ul.second-layer {
margin-left: 10px;
}

div.feed-plugin ul.second-layer li {
margin: 3px;
font-size: 100%;
}

/* Topics Box
=======================================*/
div.topics-box ul.topics-list li {
padding: 10px 10px 15px 10px;
border-bottom: 1px solid #DDD;
}

div.topics-box ul.topics-list li:last-child {
border-bottom: none;
}

div.topics-box ul.topics-list li.news-for-paid {
}
/*
div.topics-box ul.topics-list > li.news-for-paid:first-of-type:before {
color:red;
content:"以下は一部をのぞき鉄道コム有料会員の方のみご覧になれます";
}
*/
div.topics-box ul.topics-list li .topics-image {
float: left;
padding: 0 5px 5px 5px;
margin: 0;
}

div.topics-box ul.topics-list li.news-for-paid .topics-image img {
-webkit-filter: blur(3px) opacity(25%);
-moz-filter: blur(3px) opacity(25%);
-o-filter: blur(3px) opacity(25%);
-ms-filter: blur(3px) opacity(25%);
filter: blur(3px) opacity(25%);

}

div.topics-box ul.topics-list li .topics-image-direct {
float: right;
padding: 0 5px 5px 5px;
margin: 0;
}

div.topics-box ul.topics-list li div.topics-header {
margin-bottom: 5px;
}

div.topics-box ul.topics-list li div.topics-header h3,
div.topics-box ul.topics-list li div.topics-header h4 {
display: inline;
font-size: 117%;
}

div.topics-box ul.topics-list li.news-for-paid div.topics-header h3 {
color: transparent;
text-shadow: 0 0 3px #0066ff;
}

div.topics-box ul.topics-list li div.topics-header ul.topics-function {
display: inline;
margin: 0;
}

div.topics-box ul.topics-list li div.topics-header ul.topics-function li {
display: inline;
padding: 0;
border: 0;
font-size: 93%;
background: none;
}

div.topics-box ul.topics-list li.news-for-paid div.topics-header ul.topics-function li {
text-shadow: 0 0 3px #aaa;
color: transparent;
}

div.topics-box ul.topics-list li p.topics-summary {
margin-top: 5px;
font-size: 93%;
line-height: 1.6;
text-indent: 1em;
}


div.topics-box ul.topics-list li.news-for-paid  p.topics-summary {
color: #999;
text-shadow: 0 0 3px #aaa;
}

div.topics-box.recent ul.topics-list li p.topics-summary {
    text-indent: 0;
}


div.topics-box ul.topics-list li p.topics-anchor {
font-size: 93%;
text-align: right;
}

/* News-link Box
=======================================*/

div.newslink-box ul.newslink-list,
div.newslink-box ol.newslink-list,
div.topics-box div.newspaper-list ul.newslink-list {
}

div.newslink-box ul.newslink-list > li ,
div.topics-box div.newspaper-list ul.newslink-list > li {
padding: 10px 10px 12px 10px;
line-height: 1.4em;
border-bottom: 1px solid #DDD;
}

div.newslink-box ul.newslink-list > li:last-child ,
div.topics-box div.newspaper-list ul.newslink-list > li:last-child {
border-bottom: none;
}

div.newslink-box ul.newslink-list li h3,
div.newslink-box ol.newslink-list li h3,
div.topics-box div.newspaper-list ul.newslink-list li h4 {
display: inline;
font-size: 108%;
}

div.newslink-box ul.newslink-list li.deadhead {
color: #666;
}

div.newslink-box ul.newslink-list li ul.newslink-function,
div.newslink-box ol.newslink-list li ul.newslink-function,
div.topics-box div.newspaper-list ul.newslink-list li ul.newslink-function {
display: inline;
margin: 0;
}

div.newslink-box ul.newslink-list li ul.newslink-function li,
div.newslink-box ol.newslink-list li ul.newslink-function li,
div.topics-box div.newspaper-list ul.newslink-list li ul.newslink-function li {
display: inline;
margin: 0;
padding: 0;
font-size: 93%;
background: none;
}



/* category Box
=======================================*/
div.news-list ul.news-topics-list li {
margin:0 10px 10px;
}

div.news-list ul.news-topics-list li .topics-image {
float:left;
padding:0 5px 5px;
}

div.news-list ul.news-topics-list li .topics-image-direct {
float:right;
padding:0 5px 5px;
}

div.news-list ul.news-topics-list li .topics-image-direct img {
max-width:100px;
max-height:100px;
}

div.news-list ul.news-topics-list li div.topics-header {
margin-bottom:5px;
}

div.news-list ul.news-topics-list li div.topics-header h4 {
display:inline;
font-size:108%;
}

div.news-list ul.news-topics-list li div.topics-header ul.topics-function {
display:inline;
margin:0;
}

div.news-list ul.news-topics-list li div.topics-header ul.topics-function li {
background:transparent none repeat scroll 0 0;
border:0 none;
display:inline;
font-size:93%;
padding:0;
}

div.news-list ul.news-topics-list li p.topics-summary {
font-size:93%;
line-height:1.6;
margin-top:5px;
text-indent:1em;
}

div.news-list ul.news-topics-list li {
background:transparent url(//images.tetsudo.com/interface-icon/bullet-ffffff-ffaa00.png) no-repeat scroll 0 2px;
padding:0 0 0 16px;
}

div.news-list ul.news-topics-list li.news-for-paid {
background:transparent url(//images.tetsudo.com/interface-icon/bullet-white-lose.png) no-repeat scroll 0 2px;
}

div.news-list ul.news-topics-list li.news-for-paid h4 {
color:#CC3300;
text-decoration:underline;
}

div.news-list ul.news-topics-list li.news-for-paid span {
color:#006699;
}

/*
div.event-list ul li.event-duration {
margin:10px;
clear:both;
}
*/

div.event-list ul li.event-duration {
border-bottom: 1px solid #DDD;
padding: 8px 10px 12px;
}

div.event-list ul li.event-duration:last-child {
border-bottom: none;
}

div.event-list ul li.event-duration h3 {
font-size:108%;
}

div.event-list ul li.event-duration h3.my-fav-event:after {
font-family: FontAwesome;
content: "\f0f3";
color: #EB4D71;
margin-left: 0.5em;
}

div.event-list ul li.event-duration ul {
margin-left:20px;
}

div.event-list ul li.event-duration ul li.event-ranking {
float:left;
margin:5px 5px 5px;
font-size:93%;
color:#CC3300;
}

div.event-list ul li.event-duration ul li.event-detail {
font-size:93%;
margin: 3px 5px 0px 5px;
float:left;
display:inline;
}


div.event-list ul li.event-duration ul li.event-picture {
background:transparent url(//images.tetsudo.com/interface-icon/picture-16x16.png) no-repeat scroll 0 0;
float:left;
margin:3px 5px 5px;
padding-left:20px;
font-size:93%;
}


div.news-list ul.anchor ,
div.event-list ul.anchor ,
div.newspaper-list ul.anchor {
margin: 0 10px 10px;
text-align: right;
}

div.event-list ul.event-topics-list:after {
content: url(//images.tetsudo.com/dot.png);
height: 0;
clear: both;
display: block;
}


/* Blog Box
=======================================*/
div.blog-box ul.blog-list li {
padding: 10px 8px 10px 10px;
border-bottom: 1px solid #CCC;
}

div.blog-box ul.blog-list li:last-child {
border-bottom: none;
}

div.blog-box ul.main-list-counter li.main-list-counter-show div p.blog-image {
margin-left: -30px;
}

div.blog-box ul.blog-list li p.blog-image {
float: left;
padding: 0 10px 5px 2px;
width: 30%;
max-width: 124px;
text-align: center;
}

div.blog-box ul.blog-list li p.blog-image img {
width: 100%;
height: auto;
}

div.blog-box ul.blog-list li div.blog-header {
margin-bottom: 5px;
}

div.blog-box ul.blog-list li div.blog-header h3 {
display: inline;
font-size: 108%;
}

div.blog-box ul.blog-list li div.blog-header ul.blog-function {
display: inline;
margin: 0;
}

div.blog-box ul.blog-list li div.blog-header ul.blog-function li {
display: inline;
padding: 0;
border: 0;
font-size: 93%;
background: none;
}

div.blog-box ul.blog-list li p.blog-summary {
margin-top: 5px;
font-size: 93%;
line-height: 1.6;
text-indent: 1em;
overflow: hidden;
}

div.blog-box ul.blog-list li p.blog-anchor {
font-size: 93%;
text-align: right;
margin-top: 5px;
}


/* Movie Box
=======================================*/
div.movie-box ul.movie-list li.container {
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #DDD;
min-height:135px;
}

div.movie-box ul.movie-list li.container:last-child {
border-bottom: none;
}

/*
div.movie-box-pickup ul.movie-list {
margin-right:5px;
margin-left:5px;
}

div.movie-box-pickup ul.movie-list li.container {
padding-left:0;
background:none;
padding-bottom:5px;
}
*/

div.movie-box ul.movie-list li.container:before {
margin-left: 0;
margin-top: -3px;
}

div.movie-box ul.movie-list li.container p.movie-classfy {
position: absolute;
top: 5px;
left: 5px;
z-index: 2;
}

div.movie-box div ul.movie-list li.container div {
float:left;
max-width: 232px;
max-height:132px;
z-index: 0;
padding: 0 10px 0 5px;
position: relative;
width: 50%;
}

div.movie-box ul.movie-list li.container p.movie-thumb {
position: relative;
overflow: hidden;
text-align: center;
z-index: 1;
}

div.movie-box ul.movie-list li.container p.movie-noembed {
width: 100% ;
max-width: 232px;
height:auto;
}

div.movie-box ul.movie-list li.container p.movie-thumb img {
width: 100% ;
max-width: 228px;
max-height: 130px;
height:auto;
}

div.movie-box ul.movie-list li.container p.movie-time {
bottom: 5px;
right: 20px;
position: absolute;
text-shadow: 1px 1px 1px #000;
z-index:1;
color:white;
}

div.movie-box ul.movie-list li.container p.anchor-announce {
bottom: 5px;
right: 20px;
position: absolute;
text-shadow: 1px 1px 1px #000;
z-index:1;
color:white;
margin-left: 10px;
margin-bottom: 5px;
font-size: 93%;
}

div.movie-box ul.movie-list li.container h3 {
margin: 5px 0;
font-size: 108%;
overflow:hidden;
}

div.movie-box ul.movie-list li.container p.movie-summary {
font-size: 93%;
line-height: 1.4em;
text-indent: 1em;
word-break: break-all;
}

div.movie-box ul.movie-list li.container ul.movie-function {
margin-top:5px;
margin-right:10px;
text-align:right;
}

div.movie-box ul.movie-list li.container ul.movie-function li {
font-size: 93%;
margin:1px 0;
}

div.movie-box ul.movie-list li.container ul.movie-function li.modified,
div.movie-box ul.movie-list li.container ul.movie-function li.violation {
display: inline;
}

div.movie-box ul.movie-list li.container dl {
margin-top:10px;
}

div.movie-box ul.movie-list li.container dl dt,
div.movie-box ul.movie-list li.container dl dd {
font-size: 93%;
display: inline;
margin:2px 5px 1px 0;
line-height:1.5em;
}


/* Microblog Box
=======================================*/
div.microblog-box {
position:relative;
background: #f0f0f0;
}

#microblog-loading {
/*position: absolute;*/
width:670px;
margin:10px 0;
padding:100px 10px 500px;
/*background-color:#EEE;*/
color:#333;
text-align:center;
font-size:138.5%;
z-index: 1;
}

div.microblog-box div.microblog-list {
padding: 0 0 20px;
position:relative;
}

div.microblog-box div.microblog-list div {
width: 315px;
margin: 12px 0 0px;
padding-left:16px;
line-height: 1.6;
min-height:20px;
float:left;
display:inline-block;
color:gray;
/*border-bottom: 1px dotted #AAA;*/
}

div.microblog-box div.microblog-list div h3 {
display: inline;
}

div.microblog-box div.microblog-list div iframe.twitter-tweet {
width:315px !important;
border-color: #ffffff !important;
border-radius: 0 !important;
border-width: 0px !important;
box-shadow: none !important;
margin: 0px 0 0px  !important;
}

div.microblog-box div.microblog-list div ul.microblog-function {
display: inline;
margin: 0;
}

div.microblog-box div.microblog-list div ul.microblog-function li {
display: inline;
margin: 0;
padding: 0;
font-size: 93%;
background: none;
border-bottom:none;
}

div.microblog-box ul.main-anchor {
background: #fff;
}




/* 2ch Box
=======================================*/

div.nichannel-box ul.nichannel-list,
div.nichannel-box ol.nichannel-list {
}

div.nichannel-box ul.nichannel-list > li,
div.nichannel-box ol.nichannel-list > li {
padding: 8px 10px 12px;
line-height: 1.4em;
border-bottom: 1px solid #DDD;
}

div.nichannel-box ul.nichannel-list > li:last-child,
div.nichannel-box ol.nichannel-list > li:last-child {
border-bottom: none;
}

div.nichannel-box ul.nichannel-list li h3,
div.nichannel-box ol.nichannel-list li h3 {
display: inline;
font-size: 108%;
}

div.nichannel-box ul.nichannel-list li ul.nichannel-function,
div.nichannel-box ol.nichannel-list li ul.nichannel-function {
display: inline;
margin: 0;
}

div.nichannel-box ul.nichannel-list li ul.nichannel-function li,
div.nichannel-box ol.nichannel-list li ul.nichannel-function li {
display: inline;
margin: 0;
padding: 0;
font-size: 93%;
background: none;
}

div.nichannel-box ul.anchor {
margin: 0 10px;
text-align: right;
}

div.nichannel-box ul.anchor li {
display: inline;
padding-left: 5px;
font-size:108%;
}

/* Directory Box
=======================================*/

div.directory-box {
position: relative;
margin: 10px 0;
}

div.directory-box div.directory-list {
position: relative;
}

div.directory-box h2 {
width: 630px;
padding: 2px 5px;
font-weight: bold;
font-size: 108%;
background: #FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x center bottom;
color:#333;
}

div.directory-box p.modified {
position: absolute;
top: 4px;
right: 3px;
font-size: 93%;
}

div.directory-box ul.directory-list {
margin: 0 10px;
}

div.directory-box ul.directory-list li {
padding: 10px 0;
padding-left: 16px;
border-bottom: 1px dotted #AAA;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-80aaff.png) no-repeat 0 11px;
}

div.directory-box ul.directory-list li p.directory-image {
float: left;
padding: 0 5px 5px 5px;
}

div.directory-box ul.directory-list li div.directory-header {
margin-bottom: 5px;
}

div.directory-box ul.directory-list li div.directory-header h3 {
display: inline;
font-size: 108%;
}

div.directory-box ul.directory-list li div.directory-header ul.directory-function {
display: inline;
margin: 0;
}

div.directory-box ul.directory-list li div.directory-header ul.directory-function li {
display: inline;
padding: 0;
border: 0;
font-size: 93%;
background: none;
}

div.directory-box ul.directory-list li p.directory-summary {
margin-top: 5px;
font-size: 93%;
line-height: 1.6;
text-indent: 1em;
}

div.directory-box ul.directory-list li p.directory-anchor {
font-size: 93%;
text-align: right;
}

div.directory-box ul.anchor {
margin: 0 10px;
text-align: right;
}

div.directory-box ul.anchor li {
display: inline;
padding-left: 5px;
font-size: 93%;
}


/* My message
=======================================*/
div.message-deletion-right-box ul {
padding:10px 5px 10px 10px;
}

div.message-deletion-right-box ul li.new-message {
background:transparent url(//images.tetsudo.com/my/message/new_mail.png) no-repeat scroll 0 0;
}

div.message-deletion-right-box ul li span.new {
color:#CC3300;
}

div.message-deletion-right-box ul li {
background:transparent url(//images.tetsudo.com/my/message/mail.png) no-repeat scroll 0 0;
font-size:93%;
padding-bottom:1px;
padding-left:20px;
padding-top:1px;
}

div.message-open-right-box p {
font-size:93%;
padding:10px;
}

div.message-deletion-right-box ul li.spam {
background:transparent url(//images.tetsudo.com/my/message/spam.png) no-repeat scroll 0 0;
}

div.message-deletion-right-box ul li.delete {
background:transparent url(//images.tetsudo.com/my/message/delete.png) no-repeat scroll 0 0;
}

div.message-user-spam-box ul.spam-user li {
background:transparent url(//images.tetsudo.com/my/message/spam.png) no-repeat scroll 0 0;
font-size:93%;
margin:10px;
padding-left:20px;
padding-bottom:1px;
padding-top:1px;
}



div.all-user-word p {
font-size:93%;
margin:10px;
}


div.message-user-spam-box p {
padding:10px;
font-size:93%;
}


div.message-user-send-box ul.anchor ,
div.message-user-spam-box ul.anchor {
text-align:right;
margin:5px;
font-size:93%;
}




/* Shopping Box
=======================================*/
div.shopping-box ul.shopping-list li {
padding: 10px 10px 10px 16px;
border-bottom: 1px solid #DDD;
}

/*
div.shopping-box ol.shopping-list li {
padding: 10px 0 10px 16px;
border-bottom: 1px dotted #AAA;
background: url(//images.tetsudo.com/interface-icon/bullet-ffffff-ffaa00.png) no-repeat 0 13px;
}

div.shopping-box ol.shopping-list li.rank1 {
background: url(//images.tetsudo.com/interface-icon/rank1-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank2 {
background: url(//images.tetsudo.com/interface-icon/rank2-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank3 {
background: url(//images.tetsudo.com/interface-icon/rank3-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank4 {
background: url(//images.tetsudo.com/interface-icon/rank4-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank5 {
background: url(//images.tetsudo.com/interface-icon/rank5-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank6 {
background: url(//images.tetsudo.com/interface-icon/rank6-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank7 {
background: url(//images.tetsudo.com/interface-icon/rank7-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank8 {
background: url(//images.tetsudo.com/interface-icon/rank8-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank9 {
background: url(//images.tetsudo.com/interface-icon/rank9-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank10 {
background: url(//images.tetsudo.com/interface-icon/rank10-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank11 {
background: url(//images.tetsudo.com/interface-icon/rank11-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank12 {
background: url(//images.tetsudo.com/interface-icon/rank12-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank13 {
background: url(//images.tetsudo.com/interface-icon/rank13-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank14 {
background: url(//images.tetsudo.com/interface-icon/rank14-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank15 {
background: url(//images.tetsudo.com/interface-icon/rank15-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank16 {
background: url(//images.tetsudo.com/interface-icon/rank16-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank17 {
background: url(//images.tetsudo.com/interface-icon/rank17-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank18 {
background: url(//images.tetsudo.com/interface-icon/rank18-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank19 {
background: url(//images.tetsudo.com/interface-icon/rank19-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank20 {
background: url(//images.tetsudo.com/interface-icon/rank20-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank21 {
background: url(//images.tetsudo.com/interface-icon/rank21-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank22 {
background: url(//images.tetsudo.com/interface-icon/rank22-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank23 {
background: url(//images.tetsudo.com/interface-icon/rank23-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank24 {
background: url(//images.tetsudo.com/interface-icon/rank24-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank25 {
background: url(//images.tetsudo.com/interface-icon/rank25-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank26 {
background: url(//images.tetsudo.com/interface-icon/rank26-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank27 {
background: url(//images.tetsudo.com/interface-icon/rank27-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank28 {
background: url(//images.tetsudo.com/interface-icon/rank28-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank29 {
background: url(//images.tetsudo.com/interface-icon/rank29-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ol.shopping-list li.rank30 {
background: url(//images.tetsudo.com/interface-icon/rank30-white-yellow-16x16.png) no-repeat 0 11px;
}

div.shopping-box ul.shopping-list li.icon-model-16x16 {
background: url(//images.tetsudo.com/shopping/model.png) no-repeat 0 11px;
}

div.shopping-box ul.shopping-list li.icon-book-16x16 {
background: url(//images.tetsudo.com/shopping/book.png) no-repeat 0 11px;
}

div.shopping-box ul.shopping-list li.icon-dvd-16x16 {
background: url(//images.tetsudo.com/shopping/dvd.png) no-repeat 0 11px;
}

*/

div.shopping-box ul.shopping-list li:last-child {
border-bottom:none;
}

div.shopping-box ul.shopping-list li p.shopping-image,
div.shopping-box ol.shopping-list li p.shopping-image {
float: left;
padding: 0 5px 5px 5px;
}

div.shopping-box ul.shopping-list li div.shopping-header,
div.shopping-box ol.shopping-list li div.shopping-header {
margin-bottom: 5px;
}

div.shopping-box ul.shopping-list li div.shopping-header h3,
div.shopping-box ol.shopping-list li div.shopping-header h3 {
display: inline;
font-size: 108%;
}

div.shopping-box ul.shopping-list li div.shopping-header ul.model-function,
div.shopping-box ol.shopping-list li div.shopping-header ul.model-function {
display: inline;
margin: 0 3px;
}

div.shopping-box ul.shopping-list li div.shopping-header ul.model-function li,
div.shopping-box ol.shopping-list li div.shopping-header ul.model-function li {
display: inline;
padding: 0;
border: 0;
font-size: 93%;
background: none;
}

div.shopping-box ul.shopping-list li div.shopping-header ul.shopping-function,
div.shopping-box ol.shopping-list li div.shopping-header ul.shopping-function {
margin: 5px;
}

div.shopping-box ul.shopping-list li div.shopping-header ul.shopping-function li,
div.shopping-box ol.shopping-list li div.shopping-header ul.shopping-function li {
display: inline;
padding: 0 0 0 10px;
border: 0;
font-size: 93%;
background: none;
}

div.shopping-box ul.shopping-list li div.shopping-header ul.shopping-function li strong,
div.shopping-box ol.shopping-list li div.shopping-header ul.shopping-function li strong {
color:#cc3300;
font-weight:normal;
}

div.shopping-box ul.shopping-list li p.shopping-anchor,
div.shopping-box ol.shopping-list li p.shopping-anchor {
font-size: 93%;
text-align: right;
margin-top: 5px;
}

div.shopping-box ul.anchor {
margin: 5px 10px 0 10px;
text-align: right;
}

div.shopping-box ul.anchor li {
display: inline;
padding-left: 5px;
font-size: 108%;
}


div.shopping-box ul.shopping-list li p.shopping-image,
div.shopping-box ol.shopping-list li p.shopping-image {
width: 70px;
height: 45px;
margin-right: 10px;
overflow: hidden;
text-align: center;
}

/*
div.shopping-box ul.shopping-list li p.shopping-image a img,
div.shopping-box ol.shopping-list li p.shopping-image a img {
margin-top: -5px;
}
*/






/* HTTP Error Message
=======================================*/

h1.httperror-details {
margin: 20px 10px;
font-weight: bold;
font-size: 138.5%;
color: #BF0030;
}

ul.httperror-details {
margin: 10px 10px 30px 24px;
}

ul.httperror-details li {
margin: 2px 0;
}

ul.httperror-details li dl dt {
float: left;
font-size: 108%;
}

ul.httperror-details li dl dd {
font-size: 108%;
}

/* Interface Icons
=======================================*/

img.interface-icon-16x16 {
width: 16px;
height: 16px;
margin: 0 2px;
vertical-align: middle;
}

img.interface-icon-12x12 {
width: 12px;
height: 12px;
margin: 0 2px;
vertical-align: middle;
}

img.interface-icon-10x10 {
width: 10px;
height: 10px;
margin: 0 2px;
vertical-align: middle;
}

img.interface-icon-86x24 {
width: 86px;
height: 24px;
padding: 0;
vertical-align: middle;
}

img.interface-icon-78x24 {
width: 78px;
height: 24px;
padding: 0;
vertical-align: middle;
}

img.interface-icon-61x20 {
width: 61px;
height: 20px;
padding: 0;
vertical-align: middle;
}

img.interface-icon-40x12 {
width: 40px;
height: 12px;
margin: 0 2px;
vertical-align: middle;
}

img.interface-icon-38x12 {
width: 38px;
height: 12px;
padding: 0;
vertical-align: middle;
}

img.interface-icon-33x12 {
width: 33px;
height: 12px;
padding: 0 2px;
vertical-align: middle;
}

img.interface-icon-26x10 {
width: 26px;
height: 10px;
padding: 0 2px;
vertical-align: middle;
}

img.interface-icon-21x14 {
width: 21px;
height: 14px;
padding: 0 2px;
vertical-align: middle;
}

/* Clearfix
=======================================*/

.clearfix:after,
div.global-header:after,
div.common-container:after,
.common-header:after,
.common-navi ul:after,
div.paging-box:after,
div.paging-box ul:after,
div.quakeinfo-plugin:after,
div.announce-plugin-a:after,
div.announce-plugin-b:after,
div.announce-plugin-c:after,
div.announce-plugin-d:after,
div.calendar-plugin ul.monthly-pad:after,
div.topics-plugin ul.anchor:after,
div.news-plugin ul.anchor:after,
div.topics-ranking-plugin ul.anchor:after,
div.traffic-plugin ul.anchor:after,
div.weather-plugin ul.anchor:after,
div.cross-category-plugin ul.second-layer:after,
div.movie-box:after,
div.movie-box div.movie-list:after,
div.movie-box ul.movie-list:after,
div.picture-box:after,
div.picture-box div.picture-list:after,
div.picture-box ul.picture-list:after,
div.model-box:after,
div.model-box div.model-list:after,
div.model-box ul.model-list:after,
div.nichannel-box ul.nichannel-list li.container:after,
div.nichannel-box ul.nichannel-list li.container ul.nichannel-function:after,
div.left-common-comment-lis dl dd:after ,
div.cross-service-plugin:after ,
div.cross-service-plugin ul.contents-lis:after ,
div.ads-asahicom-right div.pickup-item:after,
div.message-box div.spam-address-box ul.name-list:after {
content: url(//images.tetsudo.com/dot.png);
height: 0;
clear: both;
display: block;
}

/* [Ads] Super Banner B
=======================================*/

div.ads-super-banner-b {
width: 728px;
height: 90px;
margin: 10px auto;
}

div.ads-super-banner-b p {
width: 728px;
height: 90px;
line-height: 0;
}

div.ads-super-banner-b img,
div.ads-super-banner-b script {
width: 728px;
height: 90px;
}

/* [Ads] Medium Rectangle C
=======================================*/

div.ads-medium-rectangle-c {
margin: 15px auto 20px;
max-height:600px;
min-height:250px;
width: 300px;
}

div.main-box ~ div.ads-medium-rectangle-c {
margin: 0 auto 20px;
}


/* [Ads] Super Banner D
=======================================*/

div.ads-super-banner-d {
width: 728px;
height: 90px;
margin: 0 auto;
padding: 10px 111px;
}


/* [Ads] Match
=======================================*/

div.ads-match-list {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}


/* [Ads] Text E
=======================================*/
/*
div.ads-text-e {
margin: 10px 0;
padding: 3px;
background-color: #FFD9E2;
}

div.ads-text-e ul li {
margin: 6px 0;
padding-left: 14px;
font-size: 93%;
background: url(//images.tetsudo.com/interface-icon/bullet-pink-blue.png) no-repeat 0 1px;
}
*/

div.ads-text-e ul {
background-color: #FFD9E2;
}

div.ads-text-e ul li {
background:transparent url(//images.tetsudo.com/interface-icon/bullet-pink-blue.png) no-repeat scroll 0 10px;
font-size:93%;
margin:10px;
padding-bottom:10px;
padding-left:17px;
padding-top:10px;
}

div.ads-text-e ul li a:link,
div.ads-text-e ul li a:visited {
color: #0066FF;
}

div.ads-text-e ul li a:hover,
div.ads-text-e ul li a:active {
background-color: #0066FF;
color: #FFFFFF;
}


/* asahicom common ad
=======================================*/

div.ads-asahicom-train {
    margin-bottom: 20px;
}

div.ads-asahicom-train p {
    line-height: 0;
}

div.ads-asahicom-train p img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

div.ads-asahicom-train p.image-travel img {
    width: 300px;
    height: 55px;
    margin: 0 auto;
}

div.ads-asahicom-train p.image-1px img {
    width: 1px;
    height: 1px;
}

div.ads-asahicom-train p.image-digital img {
    width: 300px;
    height: 50px;
}



div.ads-asahicom-right p.left-image {
    float: left;
    margin: 10px;
}

div.ads-asahicom-right h4 {
    margin: 3px 5px 5px 5px;
}

div.ads-asahicom-right div.pickup-item {
    border-top: 1px solid #DDD;
}

div.ads-asahicom-right div.pickup-first {
    border-top: none;
}

div.ads-asahicom-right div.pickup-item div {
    padding: 5px;
}

div.ads-asahicom-right p {
    font-size: 93%;
    line-height: 1.5;
}

div.ads-asahicom-right img {
    width: 75px;
	height: 75px;
}




/* google ad
=======================================*/


ul.google-ad-60 {
margin:0 10px;
}

ul li.google-ad-60 {
padding:10px 0 30px 16px;
}

ul li.google-ad-60border {
border-bottom:1px dotted #AAA;
border-top:1px dotted #AAA;
}

ul li.google-ad-60top {
border-top:1px dotted #AAA;
}

ul li.google-ad-60bottom {
border-bottom:1px dotted #AAA;
}


li.google-ad-60 p.google{
display:inline;
}

li.google-ad-60 p.google-ad-60 {
color:#BBB;
display:inline;
font-size:93%;
margin:0 0 5px;
padding-left:15px;
text-align:right;
}

li p.google-ad-60 {
font-size:93%;
text-align:right;
margin:0 5px 5px;
color:#BBB;
display:inline;
}


div.google-ad-15 {
}

div.google-ad-15 p {
background-color:#FFFFCC;
height:20px;
}

div.google-ad-15 span.google-ad-15 {
background-color:#FFFFCC;
text-align:right;
padding-left:40px;
padding-right:10px;
color:#BBB;
font-size:93%;
float:right;
}




/* インターフェースアイコン
=======================================*/

h2.interface-icon-event-16x16,
h3.interface-icon-event-16x16,
li.interface-icon-event-16x16 {
    background: url("//images.tetsudo.com/interface-icon/event-clear-16x16.png") no-repeat scroll 0 0 transparent;
}




/* 新カテゴリページ上部メニュー（エリア表示）
=======================================*/

div.category-heading-areabox {
    margin: 10px;
    padding: 10px;
    background-color: #FFFCDC;
}

div.category-heading-areabox dl dt {
    display: inline;
    float: left;
/*  font-weight: bold; */
    font-size: 108%;
    padding: 2px 3px;
}

div.category-heading-areabox dl ul li {
    display: inline;
    font-size: 108%;
    line-height: 1.6em;
    padding: 5px 3px 5px 10px;
    white-space: nowrap;
}



/* 写真コメント
=======================================*/


div.left-common-comment {
position:relative;
}


div.left-common-comment h2 {
background:#FFFFFF url(//images.tetsudo.com/common/titlebar-cgm.png) repeat-x scroll center bottom;
color:#333;
font-size:108%;
font-weight:bold;
padding:2px 5px;
overflow:auto;
}


div.left-common-comment form.common-comment ul {
border-bottom:1px dotted #AAA;
}


div.left-common-comment form.common-comment ul li.name dl {
margin:10px;
font-size:108%;
}


div.left-common-comment form.common-comment ul li.name dl dt {
clear:both;
float:left;
}


div.left-common-comment form.common-comment ul li.name dl dt span {
letter-spacing:3pt;
}


div.left-common-comment form.common-comment ul li.name dl dd.colon {
float:left;
width:15px;
}


div.left-common-comment form.common-comment ul li.comment dl {
margin:10px;
}


div.left-common-comment form.common-comment ul li.comment dl dt {
clear:both;
margin-bottom:10px;
font-size:108%;
}


div.left-common-comment form.common-comment ul li.comment dl dt span{
font-size:93%;
}


div.left-common-comment form.common-comment ul li.comment dl dd {
text-align:center;
}


div.left-common-comment form.common-comment ul li.comment dl dd textarea.comment-text {
height:1cm;
width:610px;
}


div.left-common-comment form.common-comment ul li.contribution {
margin:10px;
text-align:center;
}


div.left-common-comment p.comment-finish {
font-size:108%;
font-weight:bold;
text-align:center;
margin:15px 40px;
padding:6px;
border:1px solid #CC3300;
line-height:1.6;
}

div.left-common-comment p.comment-error {
color:#FF0000;
font-size:108%;
font-weight:bold;
margin:15px 40px;
padding:6px;
text-align:center;
border:1px solid #CC3300;
line-height:1.6;
}



div.left-common-comment div.left-common-comment-list dl{
margin-bottom:20px;
margin-top:1px;
width:100%;
}


div.left-common-comment div.left-common-comment-list dl dt{
background:transparent url(//images.tetsudo.com/check/bullet-ffffff-ffaa00.gif) no-repeat scroll 5px 5px;
font-size:108%;
padding:5px 0 0 12px;
text-indent:10px;
}

div.left-common-comment div.left-common-comment-list dl dt.no-comment{
font-size:108%;
text-align:center;
margin:10px;
background:transparent none repeat scroll 0 0;
}


div.left-common-comment div.left-common-comment-list dl dd{
border-bottom:1px dotted #AAA;
font-size:93%;
padding:5px;
text-align:right;
}


div.left-common-comment div.left-common-comment-list dl dd span {
margin-left:10px;
}







/* イベント
=======================================*/

div.common-right-div div.event-new-plugin ul.new-event li span {
color:#000000;
margin-left:5px;
}











div.page-index-plugin-top h3 {
margin-left:1px;
}


div.page-index-plugin-top div.university-workshop ul.university-workshop {
background-image:url(//images.tetsudo.com/special/festival2009/special-side2009.png);
background-position:center center;
background-repeat:repeat-y;
padding:0;
padding-left:10px;
}

div.page-index-plugin-top div.university-workshop {
background-image:url(//images.tetsudo.com/special/festival2009/special-bottom2009.png);
background-position:center bottom;
background-repeat:no-repeat;
padding:0 0 4px;
margin-top:-12px;
}

div.page-index-plugin-top div.university-workshop ul.university-workshop li {
background:transparent url(//images.tetsudo.com/interface-icon/bullet-ffffff-dfcd00.png) no-repeat scroll 0 1px;
font-size:93%;
margin:6px 0;
padding-left:18px;
padding-right:10px;
}





/*
div.ads-text-e ul li {
background:transparent url(//images.tetsudo.com/interface-icon/bullet-pink-blue.png) no-repeat scroll 0 1px;
padding-left:14px;
}

a.ad {
font-size:93%;
margin:6px 0;
overflow:auto;
word-break: break-all;
white-space: nowrap;
}

*/


a.ad:link,
a.ad:visited {
color: #0066FF;
}

a.ad:hover,
a.ad:active {
background-color: #0066FF;
color: #FFFFFF;
}




.overflow {
overflow:auto;
word-break: break-all;
}
































/* Paging Function
=======================================*/

div.paging-box {
margin: 20px 10px 20px 10px;
}

div.paging-box p {
float: left;
margin: 7px 15px;
font-size: 93%;
}

div.paging-box ul {
/* overflow: visible;
max-width: 530px;
min-width: 126px;
margin: 0 auto; */
    overflow: hidden;
    /* max-width: 530px; */
    min-width: 126px;
    /* margin: 0 auto; */
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

div.paging-box ul li {
float: left;
margin: 0 1px;
}

div.paging-box ul li.prev,
div.paging-box ul li.next {
width: 66px;
height: 33px;
}

div.paging-box ul li.next {
font-size:108%;
font-weight:bold;
}

div.paging-box ul li.dot {
padding-top: 8px;
}

div.paging-box ul li.number,
div.paging-box ul li.current {
min-width: 33px;
height: 33px;
}

div.paging-box ul li a,
div.paging-box ul li span {
display: block;
text-align: center;
text-decoration: none;
}

div.paging-box ul .next a,
div.paging-box ul .prev a {
/* width: 45px;
height: 22px;
min-width: 24px; */
width: 56px;
height: 23px;
padding: 5px;
color: #000000;
    font-weight: bold;
    font-size: 14px;
}
div.paging-box ul li span {
height: 21px;
}


div.paging-box ul li.prev a:link,
div.paging-box ul li.prev a:visited {
background: #FFFFFF url(//images.tetsudo.com/common/paging-prev-66.png) no-repeat 0 0;
}

div.paging-box ul li.prev a:active,
div.paging-box ul li.prev a:hover {
background: #FFBF00 url(//images.tetsudo.com/common/paging-prev-66.png) no-repeat 0 -33px;
}

div.paging-box ul li.next a:link,
div.paging-box ul li.next a:visited {
background: #FFFFFF url(//images.tetsudo.com/common/paging-next-66.png) no-repeat 0 0;
}

div.paging-box ul li.next a,
div.paging-box ul li.prev a {
display: flex;
    align-items: center;
    justify-content: center;
}
div.paging-box ul li.next a > span,
div.paging-box ul li.prev a > span {
    position: relative;
    top: 3px;
    right: 3px;
}
div.paging-box ul li.next a > span {
    right: 3px;
}
div.paging-box ul li.prev a > span {
    left: 3px;
}

div.paging-box ul li.next a:active,
div.paging-box ul li.next a:hover {
background: #FFBF00 url(//images.tetsudo.com/common/paging-next-66.png) no-repeat 0 -33px;
}


div.paging-box ul li.next a:hover,
div.paging-box ul li.prev a:hover {
    background-color: #fff;
}


div.paging-box ul li.number a:link,
div.paging-box ul li.number a:visited {
padding: 8px 5px 2px;
border: 1px solid #CCC;
color: #333;
background-color: #FFFFFF;
}

div.paging-box ul li.number a:active,
div.paging-box ul li.number a:hover {
padding: 8px 5px 2px;
border: 1px solid #CCC;
color: #333;
background-color: #FFBF00;
}

div.paging-box ul li.current a:link,
div.paging-box ul li.current a:visited,
div.paging-box ul li.current span {
padding: 8px 5px 2px;
border: 1px solid #FFBF00;
color: #333;
background-color: #FFDF80;
}

div.paging-box ul li.current a:active,
div.paging-box ul li.current a:hover {
padding: 8px 5px 2px;
border: 1px solid #FFBF00;
color: #333;
background-color: #FFBF00;
}





/* AjaXヘルプページ
=======================================*/

div.help-ajax-box {
	max-width:800px;
	margin: 20px auto;
	background: #FFF;
	padding: 10px;
	position: relative;
}


div.help-ajax-box h2 {
	margin: 20px 10px 10px;
	font-weight: bold;
	font-size: 108%;
}

div.help-ajax-box ul.paid-service,
div.help-ajax-box ul.paid-certificate-process {
	margin: 10px 20px 15px;
}

div.help-ajax-box ul.paid-service li,
div.help-ajax-box ul.paid-certificate-process li {
	list-style: decimal;
	margin: 10px;
}

div.help-ajax-box ul.paid-service li dt,
div.help-ajax-box ul.paid-certificate-process li dt {
	font-weight:  bold;
	line-height: 1.4;
}

div.help-ajax-box ul.paid-service li dt {
	font-size: 108%;
}

div.help-ajax-box ul.paid-service li dd {
/*	color: gray;*/
	line-height: 1.4;
	margin: 5px 0;
	color: #204080;
}

div.help-ajax-box ul.paid-certificate-process li dd {
	color: gray;
	font-size: 93%;
	margin: 3px 0;
	line-height: 1.4;
}

div.help-ajax-box p.notice-text {
	margin: 10px;
	font-size: 93%;
	line-height: 1.4;
    text-indent: 1em;
}

div.help-ajax-box p.notice-text i {
    text-indent: 0;
}





/* ブラウザサポート終了の告知
=======================================*/

#site-revamped {
    width: 100%;
    height: 52px;
    padding: 16px 0;
    font-size: 20px;
    line-height: 52px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
}