/* 見出し */
/* 共通 */
h2{
	background: #c0d8ff;
	border-radius: 12px;
	box-shadow: 4px 4px 2px #dcdcd0;
	color: #37474f;
	font-size: 1.25em;
	margin-bottom: 1.2em;
	margin-left: 0.2em;
	padding: 0.2em 1.0em;
	position: relative;
	width: fit-content;
}
h2::before {
  content: "";
  border: 10px solid transparent;
  border-top: 10px solid #c0d8ff;
  margin-left: -10px;
  top: 100%;
  left: 40px;
  position: absolute;
}

/* 共通 */
h3{
	border-left: solid 6px #003366;
	border-radius: 16px;
	color: #37474f;
	font-size: 1.0em;
	margin-top: -2px;
	padding: 0.15em 1.25em;
	position: relative;
}

/* history*/
h3.kengai{
	border-left: solid 6px #c0c0c0;
	margin-top: 1.0em;
}

/* 共通 */
li{
	font-size: 0.88em;
	margin-left: 1.5em;
	margin-right: 1.0em;
}

/* 共通 */
ul{
	margin-top: -2px;
	padding: 0px 0px 0.75em 0px;
}

/* 共通 */
hr{
	background: #dcdcd0;
	border: none;
	color: #dcdcd0;
	height: 1px;
}

/* フロート */
/* 共通 */
.clearboth{
	background-color: transparent;
	clear: both;
}

/* 共通 */
p{
	font-size: 0.88em;
}

/* 共通 */
.bq20{
	margin-left: 1.25em;
	margin-right: auto;
}

/* 文字調整 */
/* 共通 */
.fs08{
	font-size: 0.75em;
	font-weight: normal;
}

/* 共通 */
.fs09{
	font-size: 0.88em;
	font-weight: normal;
}

/* 共通 */
.bblue{
	color: #37474f;
	font-weight: bold;
}

/* 共通 */
.bred{
	color: #ff3d00;
	font-weight: bold;
}

/* テーブル */
/* 共通 */
caption{
	font-size: 0.88em;
}

/* 共通 */
table{
	border: solid 1px #dcdcd0;
	border-radius: 10px;
    border-spacing: 0;
    border: none;
    border-left: 1px solid #dcdcd0;
    border-top: 1px solid #dcdcd0;
	box-shadow: 3px 3px 2px #dcdcd0;
	font-size: 0.88em;
	margin-bottom: 1.0em;
}

/* 共通 */
tr{
	background: #ffffff;
}

tr:first-child>*:first-child{border-radius: 10px 0 0 0;}
tr:first-child>*:last-child{border-radius: 0 10px 0 0;}
tr:last-child>*:first-child{border-radius: 0 0 0 10px;}
tr:last-child>*:last-child{border-radius: 0 0 10px 0;}

/* 共通 */
td{
	padding: 4px 0.75em 2px;
	white-space: nowrap;
    border: none;
    border-right: 1px solid #dcdcd0;
    border-bottom: 1px solid #dcdcd0;
}

/* fare */
td.markright{
	background: #f0f0ff;
	text-align: right;
}

/* fare, history, cpg */
td.right{
	text-align: right;
}

/* 共通 */
th{
	background: #dcdcd0;
	padding: 2px 0.75em;
    border: none;
    border-right: 1px solid #dcdcd0;
    border-bottom: 1px solid #dcdcd0;
}

/* 領域調整 */
/* fare */
.farecalcoutput{
	background: #f0f0ff;
	border: solid 1px #dcdcd0;
	border-radius: 6px;
	box-shadow: 2px 2px 1px #dcdcd0;
	margin-left: 1.5em;
	padding: 0.5em 1.0em;
	width: 85%;
}

/* fare */
.farecalcinput{
	background: #ffffff;
	border: solid 1px #dcdcd0;
	border-radius: 6px;
	box-shadow: 2px 2px 1px #dcdcd0;
	margin-left: 1.5em;
	padding: 0.5em 1.0em;
	width: 85%;
}

/* history */
.noticezone{
	background: #fbe9e7;
	margin-left: 1.5em;
	padding: 0.5em 1.0em;
	width: 80%;
}

/* operation, outline */
.imgcolorzone{
	background: #f0f0ff;
	border-radius: 8px;
	box-shadow: 3px 3px 2px #dcdcd0;
	margin-left: 0.75em;
	padding: 0.5em 1.0em;
}

/* フォーム */
/* fare, cpg */
input.bunsubmit{
	background: #003366;
	border: none;
	border-radius: 4px;
	box-shadow: 2px 2px 1px #dcdcd0;
	color: #f0f0ff;
	font-weight: 700;
	margin-left: 0.5em;
	padding: 2px 0.5em;
}
input.bunsubmit:hover{
	background: #0055aa;
}
input.bunsubmit:active{
	background: #004b97;
	box-shadow: 2px 1px 1px #dcdcd0;
	transform: translateY(1px);
}

/* 操作方法 */
/* operation */
img.expimg{
	margin-bottom: 1.5em;
	margin-top: 0.5em;
}

/* operation */
img.resultimg{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/* リンク */
/* 共通 */
a:link{
	color: #0010a0;
	text-decoration: none;
}
a:visited{
	color: #0010a0;
	text-decoration: none;
}
a:active{
	color: #003366;
	text-decoration: underline;
}
a:hover{
	color: #003366;
	text-decoration: underline;
}

/* ポップアップ */
div.printbody{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* 乗車券分割プログラム cpg.cgi専用 */
/* cpg */
td.noneborder{
    border-right: none;
}

/* cpg */
div.bunformleft{
	float: left;
	margin-bottom: 0.5em;
}

/* cpg */
div.bunformmain{
	background: #ffffff;
	border: solid 1px #dcdcd0;
	border-radius: 6px;
	box-shadow: 2px 2px 1px #dcdcd0;
	margin-bottom: 0.5em;
	padding: 0.5em;
	text-align: right;
}

/* cpg */
div.bunformright{
	float: left;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding: 0.05em 0.5em;
	text-align: center;
}

/* cpg */
div.bunformsub{
	margin-bottom: 0.5em;
	padding: 0.2em 0.2em;
	text-align: right;
}

/* cpg */
input.bunsubmithanten{
	border: solid 1px #003366;
	border-radius: 4px;
	box-shadow: 2px 2px 1px #dcdcd0;
	padding: 2px;
}

/* cpg */
input.bunsubmithanten:hover{
	border: solid 1px #0055aa;
}

/* cpg */
input.bunsubmithanten:active{
	border: solid 1px #004b97;
	box-shadow: 2px 1px 1px #dcdcd0;
	transform: translateY(1px);
}

/* cpg */
select.bunmaxdiv{
	box-shadow: 2px 2px 1px #dcdcd0;
} 

/* cpg */
select.bunlineselect{
	box-shadow: 2px 2px 1px #dcdcd0;
	width: 18.0em;
} 

/* cpg */
select.bunstaselect{
	box-shadow: 2px 2px 1px #dcdcd0;
	width: 12.0em;
} 

/* cpg */
select.buntickselect{
	box-shadow: 2px 2px 1px #dcdcd0;
	width: 13.0em;
} 

/* cpg */
select:focus {
	border-color: #1f4e79;
	outline: none;
}

/* cpg */
span.bunformnotice{
	background: #e6ecff;
	border-radius: 6px;
	box-shadow: 2px 2px 1px #dcdcd0;
	margin-top: -10px;
	padding: 0 0.5em
} 

/* cpg */
.bunfontsmall{
	font-family: Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.77em;
	font-weight: normal;
}

/* cpg */
.bunfontsmallformmain{
	font-family: Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.88em;
	font-weight: normal;
}

/* cpg */
.bunformbox{
	font-size: 0.88em;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
	margin-right: 1.0em;
}

/* cpg */
.bunret114{
	border-radius: 4px;
	background: #fff0f5;
}

/* cpg */
.bunretbigcity{
	border-radius: 4px;
	background: #ffffe0;
}

/* cpg */
.bunretdouble{
	border-radius: 4px;
	background: #ffe4e1;
}

/* cpg */
.bunretother{
	border-radius: 4px;
	background: #e0ffff;
}

/* cpg */
.bunrettsukarenraku{
	border-radius: 4px;
	background: #f4f4f8;
}