/* ----------------- ベーススタイル ----------------- */
/* フォント設定 */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* リンクカラー */
a:link {
	color: #0068B7;
}

/* 基本のサイズ・行間 */
.xsl {
	font-size:10px;
	line-height:130%;
}
.sl {
	font-size:70%;
font-size:11px;
	line-height:130%;
}
.ml {
	font-size:80%;
	font-size:13px;
	line-height:140%;
}
.ll {
	font-size:100%;
	font-size:16px;
	line-height:140%;
}  
.bold {
	font-weight:bold;
}

/* 枠罫と背景 */
.whtbg {
	background-color: #FFFFFF;
}
.bluebg {
	background-color: #0090DA;
}

/* ------------- 各ページのロゴ周り ------------- */
/* 破線 */
.bg-pl {
	background-image: url(../img/pline.gif)
}


/* ---------------- 各ページの枠関連 ---------------- */
/* タイトル */
.tit-tx {
	font-size:120%;
	font-size:19.2px;
	line-height:140%;
	color: #FFFFFF;
	font-weight: bold;
}
.tit-bg {
	background-image: url(../img/fmtb_topbg.gif);
	background-repeat: no-repeat;
}
.tit-bbg {
	background-color: #0090DA;
}

/* 枠 */
.tbl-bg {
	background-image: url(../img/fmtb_l.gif);
	background-repeat: repeat-y;
}
.tbr-bg {
	background-image: url(../img/fmtb_r.gif);
	background-repeat: repeat-y;
}
.tbb-bg {
	background-image: url(../img/fmtb_botbg.gif);
	background-repeat: repeat-x;
}


/* --------------- テーブル（グレー） --------------- */
/* 項目テキスト */
.tx-wht {
	font-size:80%;
	font-size:13px;
	line-height:140%;
	color: #333333;
}
.tx-whts {
	font-size:70%;
font-size:11px;
	line-height:130%;
	color: #333333;
}
.tx-red {
	font-size:80%;
	font-size:13px;
	line-height:140%;
	color: #CC0000;
}
.tx-red-bold {
	font-size:80%;
	font-size:13px;
	line-height:140%;
	color: #CC0000;
	font-weight: bold;
}
.tx-red-bold-L {
	font-size:95%;
	font-size: 15px;
	line-height:140%;
	color: #CC0000;
	font-weight: bold;
}
.tx-red-only {
	color: #CC0000;
}
.tx-blue {
	font-size:80%;
	font-size:13px;
	line-height:140%;
	color: #0090DA;
	font-weight: bold;
}
.tx-blue02 {
	line-height:120%;
	color: #0090DA;
	font-weight: bold;
}
.white-text {
	color: #fff;
}
.tx-underline {
	text-decoration: underline;
}

/* 項目背景 */
.grybg02 {
	background-color: #E3E3E3;
}
.bluebg02 {
	background-color: #DFF2FC;
}

/* 注釈 */
.tx-gry01 {
	font-size: 70%;
	font-size: 11px;
	line-height: 140%;
	color: #666666;
}
.tx-gry03 {
	font-size: 70%;
	font-size: 11px;
	line-height: 140%;
	font-weight: bold;
	color: #CC0000;
}
.tx-gry04 {
 font-size: 80%;
 font-size:13px;
 line-height: 140%;
 color: #666666;
}

/* 枠罫または背景 */
.bluebg01 {
	background-color: #0068B7;
}

/* ----------------- サポートセンター ----------------- */
/* 強調テキスト */
.tx-grn01 {
	line-height:120%;
	color: #666666;
	font-weight: bold;
}
.tx-grn02 {
	font-size: 80%;
	font-size:13px;
	line-height:120%;
	color: #666666;
	font-weight: bold;
}
.tel {
	font-size: 80%;
	font-size:13px;
	line-height:140%;
	font-weight: bold;
}
.tx-red02 {
	font-size: 70%;
	font-size: 11px;
	color: #CC0000;
	line-height: 130%
}


/*----------------------------------------
	default setting
-----------------------------------------*/

li {
	list-style: none;
}

li img {
	vertical-align: bottom;
}

/* Sizeプロパティ対応 */
.size-width-01 { width:  17px;}
.size-width-02 { width:  22px;}
.size-width-03 { width:  28px;}
.size-width-04 { width:  34px;}
.size-width-05 { width:  39px;}
.size-width-07 { width:  50px;}
.size-width-08 { width:  56px;}
.size-width-09 { width:  61px;}
.size-width-10 { width:  67px;}
.size-width-12 { width:  78px;}
.size-width-14 { width:  89px;}
.size-width-15 { width:  95px;}
.size-width-16 { width: 105px;}
.size-width-20 { width: 125px;}
.size-width-22 { width: 134px;}
.size-width-24 { width: 145px;}
.size-width-30 { width: 178px;}
.size-width-37 { width: 217px;}
.size-width-40 { width: 234px;}
.size-width-42 { width: 245px;}
.size-width-53 { width: 307px;}
.size-width-55 { width: 318px;}
.size-width-61 { width: 351px;}
.size-width-70 { width: 401px;}
.size-width-78 { width: 446px;}
.size-width-80 { width: 457px;}
.size-width-100 { width: 568px;}
.size-width-118 { width: 669px;}
.size-width-120 { width: 680px;}
.-mius1em { max-width: calc(100% - 1.5em);}

/* プログラムから吐き出されるコードにあるstyleを打ち消す */
table.td-border-none td {
	border: none !important;
}

tr.td-bg-color td.grybg01 {
	background-color: #0090DA;
}
tr.td-bg-color td.grybg02 {
	background-color: #DFF2FC;
}
tr.td-bg-color td.grybg02 .tx-wht {
	color: #0090DA;
	font-weight: bold;
}

/* 新規購入（通学定期券）ボタン */
.btn-pass1 {
	width: 164px;
	height: 36px;
	background-image: url(../img/btn_pass1.gif);
	background-size: cover;
	background-color: transparent;
	border: none;
	outline: none;
	text-indent: -9999px;
	cursor: pointer;
}

/* 履歴購入ボタン */
.btn-pass2 {
	width: 164px;
	height: 36px;
	background-image: url(../img/btn_pass2.gif);
	background-size: cover;
	background-color: transparent;
	border: none;
	outline: none;
	text-indent: -9999px;
	cursor: pointer;
}