@charset "UTF-8";
html, body { font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; *font-size: 13px; *font: 13px; color: #333; line-height: 1.4;}
.clear { clear: both; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
div, table { margin: 0; }
img { vertical-align: bottom; }
strong { font-weight: bold; }


/*ダイアログ用ストック----------------------------------------------*/
#stockData {
	display: none;
}


/*フォーカス*/
input:focus {background-color: #FFF5B3!important;}
textarea:focus {background-color: #FFF5B3 !important;}
select:focus {background-color: #FFF5B3!important;}
.stopsafari {color: #FFCC66;}
label {cursor: pointer;}

.w5 {
	width: 5%;
}
.w10 {
	width: 10%;
}
.w15 {
	width: 15%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w30 {
	width: 30%;
}
.w35 {
	width: 35%;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}
.w65 {
	width: 65%;
}
.w70 {
	width: 70%;
}
.w75 {
	width: 75%;
}
.w80 {
	width: 80%;
}
.w85 {
	width: 85%;
}
.w90 {
	width: 90%;
}
.w95 {
	width: 95%;
}

.sortable li {
	display: inline-block;
	border: 1px solid #cccccc;
	text-decoration: none;
	border-radius: 2px;
	background-color:#ffffff;
	white-space: nowrap;
}


/*ダイアログ----------------------------------------------*/
#defaultModal .modal-body{
	max-height: 85vh;
	overflow: auto;
}
#defaultModal ul .title,
#mainForm ul .title { 
	font-weight: bold;
	color: #e78f08;
}

#defaultModal ul input,
#defaultModal ul .title,
#defaultModal ul .year, 
#defaultModal ul .da { 
	display: inline;
}

#defaultModal ul.noStar,
#mainForm ul.noStar{ 
	list-style-type: none;
}

#defaultModal ul.line,
#mainForm ul.line{ 
	clear: both;
	margin-bottom: 2px;
}

#defaultModal ul.floatLeft li,
#mainForm ul.floatLeft li{ 
	float: left;
	margin-bottom: 2px;
}


/*コード表示----------------------------------------------*/
#routeModal{
	z-index: 1100;
}
.btn-group > button > .route,
.btn-group > button > .route-sub{
	position: relative;
	width: 48px;
	height: 48px;
}
th > button >  .route,
th > button >  .route-sub,
.input-group > button >  .route,
.input-group > button >  .route-sub{
	position: relative;
	width: 28px;
	height: 28px;
}
.tab-group > button >  .route,
.tab-group > button >  .route-sub{
	position: relative;
	width: 14px;
	height: 14px;
}
.route-sub:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 60%;
	height: 60%;
}
.route-sub:after{
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	width: 60%;
	height: 60%;
}
.route-1{
	background: transparent url(/common/C.svg) no-repeat center center;
	background-size: contain;
}
.route-2{
}
.route-2:before{
	background: transparent url(/common/C+.svg) no-repeat center center;
	background-size: contain;
}
.route-2:after{
	background: transparent url(/common/D-.svg) no-repeat center center;
	background-size: contain;
}
.route-3{
	background: transparent url(/common/D.svg) no-repeat center center;
	background-size: contain;
}
.route-4{
}
.route-4:before{
	background: transparent url(/common/D+.svg) no-repeat center center;
	background-size: contain;
}
.route-4:after{
	background: transparent url(/common/E-.svg) no-repeat center center;
	background-size: contain;
}
.route-5{
	background: transparent url(/common/E.svg) no-repeat center center;
	background-size: contain;
}
.route-6{
	background: transparent url(/common/F.svg) no-repeat center center;
	background-size: contain;
}
.route-7:before{
	background: transparent url(/common/F+.svg) no-repeat center center;
	background-size: contain;
}
.route-7:after{
	background: transparent url(/common/G-.svg) no-repeat center center;
	background-size: contain;
}
.route-8{
	background: transparent url(/common/G.svg) no-repeat center center;
	background-size: contain;
}
.route-9:before{
	background: transparent url(/common/G+.svg) no-repeat center center;
	background-size: contain;
}
.route-9:after{
	background: transparent url(/common/A-.svg) no-repeat center center;
	background-size: contain;
}
.route-10{
	background: transparent url(/common/A.svg) no-repeat center center;
	background-size: contain;
}
.route-11:before{
	background: transparent url(/common/A+.svg) no-repeat center center;
	background-size: contain;
}
.route-11:after{
	background: transparent url(/common/B-.svg) no-repeat center center;
	background-size: contain;
}
.route-12{
	background: transparent url(/common/B.svg) no-repeat center center;
	background-size: contain;
}
i.route{
	position: relative;
	display: inline-block;
	height: 1.2em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
i.C{
	width: .9em;
	background-image: url(/common/C.svg);
}
i.Cs{
	width: 1.2em;
	margin-right: -.2em;
	background-image: url(/common/C+.svg);
}
i.Df{
	width: 1.175em;
	margin-right: -.2em;
	background-image: url(/common/D-.svg);
}
i.D{
	width: .9em;
	background-image: url(/common/D.svg);
}
i.Ds{
	width: 1.225em;
	margin-right: -.3em;
	background-image: url(/common/D+.svg);
}
i.Ef{
	width: 1.025em;
	margin-right: -.2em;
	background-image: url(/common/E-.svg);
}
i.E{
	width: .75em;
	background-image: url(/common/E.svg);
}
i.F{
	width: .725em;
	margin-right: -.1em;
	background-image: url(/common/F.svg);
}
i.Fs{
	width: 1em;
	margin-right: -.3em;
	background-image: url(/common/F+.svg);
}
i.Gf{
	width: 1.175em;
	margin-right: -.2em;
	background-image: url(/common/G-.svg);
}
i.G{
	width: .9em;
	background-image: url(/common/G.svg);
}
i.Gs{
	width: 1.2em;
	margin-right: -.2em;
	background-image: url(/common/G+.svg);
}
i.Af{
	width: .95em;
	background-image: url(/common/A-.svg);
}
i.A{
	width: .95em;
	background-image: url(/common/A.svg);
}
i.As{
	width: 1.125em;
	margin-right: -.1em;
	background-image: url(/common/A+.svg);
}
i.Bf{
	width: 1.075em;
	margin-right: -.15em;
	background-image: url(/common/B-.svg);
}
i.B{
	width: .825em;
	background-image: url(/common/B.svg);
}

#line_list li{
	overflow: hidden;
}

/*行表示----------------------------------------------*/
#lineModal{
	z-index: 1100;
}
#selectModal{
	z-index: 1200;
}
.modal-backdrop+.modal-backdrop{
	z-index: 1090;
}
.modal-backdrop+.modal-backdrop+.modal-backdrop{
	z-index: 1190;
}