MediaWiki: Common.css

提供: きまぐれ手記 Kimagurenote
移動先: 案内検索
(.infobox_railstation_icon)
(.infobox_railstation_icon { float: left; })
 
595行目: 595行目:
 
}
 
}
 
.infobox_railstation_icon {
 
.infobox_railstation_icon {
 +
float: left;
 
margin: 1px;
 
margin: 1px;
 
border: none;
 
border: none;

2020年7月29日 (水) 03:52時点における最新版

/* ここに記述したCSSはすべての外装に反映されます */
/* Common CSS for all skins */

/*<source lang="css">*/


/* さくらのレンタルサーバ  Webフォント
 * https://help.sakura.ad.jp/206134982/
 * https://www.sakura.ne.jp/function/webfont/
 */
body {
	font-family: "ナウ-GM", "NOW-GM", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
}
b {
	font-family: Arial, "UD新ゴ コンデンス90 M", "UD Shin Go Conde90 M";
}
dt {
	font-family: Arial, "じゅん 201", "Jun 201";
}
h1 {
	font-family: Arial, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ W4 JIS2004", "Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic";
}
h2, h3, h4, h5, h6 {
	font-family: Arial, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic";
}
DIV.yjshopping P.yjshoppingname A {
	font-family: Arial, "丸フォーク M", "Maru Folk Medium", "ヒラギノ丸ゴ Pro";
}

/* ページ見出し */
h1.firstHeading {
	line-height: 1.2;
}

h2 {
	border-bottom: 1px solid #888;
}

h3:before {
	color: #666;
	content: "▶ ";
}
/* h3:after {
	color: #666;
	content: " ◀";
} */

h4 {
	margin-top: 0.8em;
	font-weight: bold;
}
h4:before {
	color: #777;
	content: "◤ ";
}
h4:after {
	color: #777;
	content: " ◢";
}

/* ruby */
rt {
	line-height: 8px;
	margin-bottom: -0.5em;
//	transform: translateY(0.5em);
}

/* リストの最後に行間を空ける */
.mw-content-ltr ul, .mw-content-ltr ol, .mw-content-ltr dl {
	margin-bottom: 0.7em;
}

/* (Q&A用)DDの最初の行に ⇒ を付ける */
.mw-content-ltr dl dd {
	margin-left: 0em;
	padding-left: 2em;
}
.mw-content-ltr dl dt+dd {
	text-indent: -1em;
}
.mw-content-ltr dl dt+dd:before {
	color: #444;
	content: "⇒";
}

/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
	margin:		1em 1em 1em 0;
	background:	#f9f9f9;
	border:		1px #aaa solid;
	border-collapse:	collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	border:		1px #aaa solid;
	padding:	0.2em;
}

table.wikitable th,
table.prettytable th {
	background:	#f2f2f2;
	text-align:	center;
}

table.wikitable caption,
table.prettytable caption {
	margin-left:	inherit;
	margin-right:	inherit;
}

/* Infobox */
.infobox {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    color: black;
    margin: 0 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    margin-top: 0.5em;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    color: #000;
}
.infobox td,
.infobox th {
    padding: 0.2em 0.5em 0.2em 0.5em;
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

/* Console */
PRE.console {
	border: none;
	padding: 0.5em;
	margin-left: 1em;
	background-color: #000;
	line-height: 110%;
	color: #fff;
}


/* code */
PRE.code {
	border: thin dashed #aa0;
	padding: 0.5em;
	margin-left: 1em;
	background-color: #ffd;
	line-height: 110%;
	color: #000;
}

/* Category for Tweeki skin */
#catlinks { display: block; }

/* Content body */
#mw-content-text {
	font-size: 120%;
}

/* [[w:MediaWiki:Common.css]] 2018年8月25日 (土) 14:38‎ (UTC) より一部転記 */
/* for message boxes */
table.mbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
    font-size: 90%;
}
td.mbox-icon {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center;
    font-size: 64px;
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
    font-size: 64px;
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.5em 1em;       /* 1em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
    font-size: 90%;
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 1em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* 本文の字下げ(最初の行を除く) */
DIV.mw-content-ltr P {
	text-indent: 1em;
}

DIV.mw-content-ltr P:first-of-type {
	text-indent: 0;
}


/* httpsの外部リンクアイコンを錠ではなく通常のものに変更する */
/* #content a.external[href^="https://"], .link-https {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") center right no-repeat;
	background: url("/resources/src/mediawiki.skinning/images/external-ltr.png") center right no-repeat!ie;
	padding-right: 13px;
} */
/* 外部リンクアイコンを画像ではなく文字に変更する */
#content a.external:after, .link-http:after, .link-https:after {
	color: #44f;
	font-size: 80%;
	content: "🔗";
}
#content a.external, #content a.external[href^="https://"], .link-http, .link-https {
	background: none;
	padding-right: 0;
}

/* for IPv6 Ready */
DIV#ipv6ready {
	margin-bottom: 1em;
	text-align: center;
	width: 100%;
	font-size: 75%;
	white-space: nowrap;
	line-height: 100%;
	color: #444;
}

DIV#ipv6ready SPAN#ready {
	background-color: #5af;
	opacity: 0.8;
	border-radius: 2px;
	padding: 4px;
	margin: 0;
	color: #fff;
}

DIV#ipv6ready SPAN#ip {
	background-color: #eee;
	opacity: 0.8;
	border: 1px solid #666;
	border-radius: 2px;
	padding: 3px;
	margin: 0;
	color: #333;
	font-weight: bold;
}

DIV#ipv6ready A {
	color: #000;
	text-decoration: none;
}

/* kaerebatextlink */
UL.kaerebatextlink {
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
}
UL.kaerebatextlink LI {
	text-align: center;
	list-style: none;
	width: 12em;
	margin: 0.2em 0 0.2em -1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius: 0.5em;
	white-space: nowrap;
}
UL.kaerebatextlink LI A {
	color: #fff;
}
UL.kaerebatextlink LI.shoplinkamazon {
	background-color: #f90;
}
UL.kaerebatextlink LI.shoplinkrakuten {
	background-color: #c00;
}
UL.kaerebatextlink LI.shoplinkyahoo {
	background-color: #f03;
}
UL.kaerebatextlink LI.shoplinkpaypaymall {
	background-color: #982;
}
UL.kaerebatextlink LI.shoplinkhonto {
	background-color: #4af;
}
UL.kaerebatextlink LI.shoplink7net {
	background-color: #153;
}
UL.kaerebatextlink LI.shoplinkwowma {
	background-color: #f71;
}
UL.kaerebatextlink LI.shoplinkyodobashi {
	background-color: #f20;
}
UL.kaerebatextlink LI.shoplinkkakakucom {
	background-color: #02d;
}

/* yahooshoppingitemsearch */
DIV.yahooshoppingitemsearch {
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
}

/* Extension:YJShopping */
DIV.yjshopping {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em;
	border: 1px solid #444;
	overflow: hidden;
}
DIV.yjshopping IMG.yjshoppingimg {
	float: left;
	margin: 0.1em 1em 0.1em 0.1em;
}
DIV.yjshopping P.yjshoppingname {
	margin: 0;
	font-size: 90%;
	text-indent: 0;
}
DIV.yjshopping P.yjshoppingstore {
	margin: 0;
	font-size: 80%;
	text-indent: 0;
}
DIV.yjshopping UL {
	margin: 0;
}
DIV.yjshopping UL LI {
	display: inline-block;
	text-align: center;
	list-style: none;
	font-size: 85%;
	width: 9em;
	margin: 0.2em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius: 0.5em;
	white-space: nowrap;
}
DIV.yjshopping UL LI A {
	color: #fff;
}
DIV.yjshopping UL LI.shoplinkyahoo {
	background-color: #f55;
}
DIV.yjshopping UL LI.shoplinkpaypaymall {
	background-color: #982;
}
DIV.yjshopping UL LI.shoplinkamazon {
	background-color: #f90;
}
DIV.yjshopping UL LI.shoplinkrakuten {
	background-color: #c00;
}
DIV.yjshopping UL LI.shoplinkbiccamera {
	background-color: #e01;
}
DIV.yjshopping UL LI.shoplinksofmap {
	background-color: #16f;
}
DIV.yjshopping UL LI.shoplinksofmapused {
	background-color: #3ba;
}
DIV.yjshopping UL LI.shoplinknaturum {
	background-color: #084;
}
DIV.yjshopping UL LI.shoplinkhonto {
	background-color: #4af;
}
DIV.yjshopping UL LI.shoplink7net {
	background-color: #153;
}
DIV.yjshopping UL LI.shoplinkiyec {
	background-color: #153;
}
DIV.yjshopping UL LI.shoplinkwowma {
	background-color: #f71;
}
DIV.yjshopping UL LI.shoplinkkakakucom {
	background-color: #02d;
}

/* Extension:AmazonSearch */
DIV.amazonsearch {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em;
	border: 1px solid #444;
	overflow: hidden;
}
DIV.amazonsearch IMG.amazonsearchimg {
	float: left;
	margin: 0.1em 1em 0.1em 0.1em;
}
DIV.amazonsearch P.amazonsearchname {
	margin: 0;
	font-size: 90%;
	text-indent: 0;
}
DIV.amazonsearch P.amazonsearchauthor {
	margin: 0;
	font-size: 80%;
	text-indent: 0;
}
DIV.amazonsearch UL {
	margin: 0;
}
DIV.amazonsearch UL LI {
	display: inline-block;
	text-align: center;
	list-style: none;
	font-size: 90%;
	width: 12em;
	margin: 0.2em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius: 0.5em;
	white-space: nowrap;
}
DIV.amazonsearch UL LI A {
	color: #fff;
}
DIV.amazonsearch UL LI.shoplinkamazon {
	background-color: #f90;
}

/* Extension:Yado */
DIV.yado {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em;
	border: 1px solid #666;
}
DIV.yado P {
	text-indent: 0;
}
DIV.yado IMG.yadoimg {
	margin: 0.1em 0.5em 0.1em 0.1em;
	width: 180px;
}
DIV.yado P.yadoname {
	margin: 0;
	font-size: 90%;
}
DIV.yado P.yadospecial {
	margin: 0.2em 0 0 1em;
	font-size: 72%;
}
DIV.yado-rate {
	display: inline;
	margin: 0;
	text-align: center;
	white-space: nowrap;
}
PRE.yado-rate-mark {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0.5em auto;
	line-height: 20px;
	width: 80px;
	font-size: 16px;
	background: none;
	border: none;
}
PRE.yado-rate-mark SPAN.yado-rate-mark-back {
	display: inline-block;
	position: absolute;
}
PRE.yado-rate-mark SPAN.yado-rate-mark-back:after {
	content: '★★★★★';
	color: #ddd;
}
PRE.yado-rate-mark SPAN.yado-rate-mark-front {
	display: inline-block;
	position: relative;
}
PRE.yado-rate-mark SPAN.yado-rate-mark-front:after {
	content: '★★★★★';
	overflow: hidden;
	display: inline-block;
	color: orange;
}
P.yado-rate-score {
	display: inline;
	line-height: 18px;
	font-size: 16px;
	white-space: nowrap;
}
DIV.yado P.yadostation {
	display: inline;
	margin: 0.5em 0 0 1.5em;
	font-size: 16px;
}

/* Infobox 鉄道駅 */
.infobox_railstation {
	width: 300px;
	margin-top: 0;
	font-size: small;
	border: 0px none white;
}
.infobox_railstation TH, .infobox.bordered .infobox_railstation TH {
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-character;
}
.infobox_railstation_icon {
	float: left;
	margin: 1px;
	border: none;
}
.infobox_railstation_floaticon {
	float: right;
	margin: 1px;
	border: none;
}

/* 懐かしい風味の小さな駅名標 */
.stationsign_small {
	width: 300px;
	margin-top: 0;
	font-size: normal;
	border: 1px solid #888;
	border-collapse: separate;
	border-spacing: 0;
	background-color: #fff;
}
.stationsign_small CAPTION {
	caption-side: top;
	margin-top: 0;
	padding-top: 0.2em;
	text-align: left;
	border: none;
}
.stationsign_small TD, .infobox.bordered .stationsign_small TD {
	border: none;
}
.stationsign_small TD.ss_kanji {
	text-align: center;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: bolder;
	font-size: larger;
	letter-spacing: 0.5em;
}
.stationsign_small TD.ss_kana {
	text-align: center;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: small;
}
.stationsign_small TD.ss_addr {
	text-align: center;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: x-small;
}
.stationsign_small .ss_lb_left_tr {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid #000;
	border-bottom: 5px solid transparent;
}
.stationsign_small .ss_lb_line {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	background-color: #000;
}
.stationsign_small .ss_lb_right_tr {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 15px solid #000;
	border-right: 15px solid transparent;
	border-bottom: 5px solid transparent;
}
.stationsign_small .ss_lb_left {
	width: 135px;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: small;
	text-align: left;
	border-right: 2px solid #000;
	padding-bottom: 2px;
}
.stationsign_small .ss_lb_right {
	width: 135px;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: small;
	text-align: right;
	padding-bottom: 2px;
}
.stationsign_small A {
	color: #000;
}

/* 懐かしい風味の駅名標・幅広(隣駅リンク用) */
.stationsign_wide {
	clear: both;
	width: 100%;
	margin-top: 0;
	font-size: normal;
	border: 1px solid #888;
	border-collapse: separate;
	border-spacing: 0;
	background-color: #fff;
}
.stationsign_wide CAPTION {
	caption-side: top;
	margin-top: 0;
	padding-top: 0.2em;
	text-align: left;
	border: none;
}
.stationsign_wide TD, .infobox.bordered .stationsign_wide TD {
	border: none;
}
.stationsign_wide TD.ss_kanji {
	text-align: center;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: bolder;
	font-size: larger;
	letter-spacing: 0.5em;
}
.stationsign_wide TD.ss_kana {
	text-align: center;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: small;
}
.stationsign_wide TD.ss_addr {
	text-align: center;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: x-small;
}
.stationsign_wide .ss_lb_left_tr {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid #000;
	border-bottom: 5px solid transparent;
}
.stationsign_wide .ss_lb_line {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	background-color: #000;
}
.stationsign_wide .ss_lb_right_tr {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 15px solid #000;
	border-right: 15px solid transparent;
	border-bottom: 5px solid transparent;
}
.stationsign_wide .ss_lb_left_tre, .stationsign_wide .ss_lb_right_tre {
	width: 30px;
	height: 0;
	border-top: 4px solid #fff;
	border-left: none;
	border-bottom: 4px solid #fff;
	border-right: none;
	background-color: #000;
}
.stationsign_wide .ss_lb_left {
	width: 135px;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: small;
	text-align: left;
	border-right: 2px solid #000;
	padding-bottom: 2px;
}
.stationsign_wide .ss_lb_right {
	width: 135px;
	font-family: "Shin Maru Go Regular", "Hiragino Maru Gothic Pro";
	font-weight: normal;
	font-size: small;
	text-align: right;
	padding-bottom: 2px;
}
.stationsign_wide A {
	color: #000;
}

/* 駅名標 */
DIV.stationsign {
	clear: both;
	position: relative;
}
/* 駅名標(JR東仕様) */
TABLE.stationsign_jre {
	width: 100%;
	border: 1px solid #000;
	border-radius: 0.2em;
	border-collapse: separate;
	border-spacing: 0;
	font-family: "Helvetica", "Shin Go Bold", "Shin Go Medium", "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
}
TABLE.stationsign_jre TD {
	margin: 0;
	padding: 0;
	border: none;
}
TABLE.stationsign_jre TD.ss_kanji {
	text-align: center;
	font-weight: bolder;
	font-size: 36px;
	letter-spacing: 0.5em;
}
TABLE.stationsign_jre TD.ss_kana {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.1em;
}
TABLE.stationsign_jre TD.ss_lb_left_tr {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-left: 40px solid transparent;
	border-right: 40px solid green;
	border-bottom: 20px solid transparent;
}
TABLE.stationsign_jre TD.ss_lb_left_tre {
	width: 0;
	height: 0;
	border-top: 20px solid green;
	border-left: 40px solid green;
	border-right: 40px solid green;
	border-bottom: 20px solid green;
}
TABLE.stationsign_jre TD.ss_lb_left_st {
	width: 35%;
	color: #fff;
	background-color: green;
	padding: 0 0 0 0.5em;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.2em;
	text-align: left;
}
TABLE.stationsign_jre TD.ss_lb_left_st A {
	color: #fff;
}
TABLE.stationsign_jre TD.ss_lb_center {
	color: #fff;
	border: none;
	width: 24px;
}
TABLE.stationsign_jre TD.ss_lb_right_st {
	width: 35%;
	color: #fff;
	background-color: green;
	border: none;
	padding: 0 0.5em 0 0;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.2em;
	text-align: right;
}
TABLE.stationsign_jre TD.ss_lb_right_st A {
	color: #fff;
}
TABLE.stationsign_jre TD.ss_lbb_left_st {
	width: 20%;
	padding-left: 12px;
	font-family: "Helvetica";
	font-weight: normal;
	font-size: 18px;
	text-align: left;
}
TABLE.stationsign_jre TD.ss_lbb_left_st A {
	color: #000;
}
TABLE.stationsign_jre TD.ss_lbb_center_st {
	text-align: center;
	font-family: "Helvetica";
	font-weight: bold;
	font-size: 24px;
}
TABLE.stationsign_jre TD.ss_lbb_center_st A {
	color: #000;
}
TABLE.stationsign_jre TD.ss_lbb_right_st {
	width: 20%;
	padding-right: 24px;
	font-family: "Helvetica";
	font-weight: normal;
	font-size: 18px;
	text-align: right;
}
TABLE.stationsign_jre TD.ss_lbb_right_st A {
	color: #000;
}
TABLE.stationsign_jre TD.ss_lb_right_tr {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-left: 40px solid green;
	border-right: 40px solid transparent;
	border-bottom: 20px solid transparent;
}
TABLE.stationsign_jre TD.ss_lb_right_tre {
	width: 0;
	height: 0;
	border-top: 20px solid green;
	border-left: 40px solid green;
	border-right: 40px solid green;
	border-bottom: 20px solid green;
}
DIV.ss_line {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	text-align: left;
	vertical-align: top;
	padding-left: 0.1em;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
}
DIV.ss_kukan {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	text-align: right;
	vertical-align: top;
	padding-left: 0.1em;
	font-size: 20px;
	letter-spacing: 0.2em;
	font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
}
SPAN.ss_kukan_yama {
	border: 1px solid #000;
	border-radius: 3px;
	padding: 1px 1px 1px 2px;
	margin: 0.1em;
	font-size: 22px;
	font-weight: bolder;
	font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
}
SPAN.ss_kukan_yama A {
	color: #000;
}
SPAN.ss_kukan_jre {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 1px 1px 1px 2px;
	margin: 0.1em;
	font-size: 22px;
	font-weight: bolder;
	font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic";
}
SPAN.ss_kukan_jre A {
	color: #fff;
}