/*-------------------------------------------------------------------------

condition_train.css

--------------------------------------------------------------------------*/
body{ font-size:12px;}
#head{ width: 100%; margin: 0 auto;}
#main-top{ width:900px; height:16px; margin: 0 auto; background:url(/program/emg/img/common/bg_main_top.gif) no-repeat top left;}
#main-btm{ width:900px; height:16px; margin: 0 auto; background:url(/program/emg/img/common/bg_main_btm.gif) no-repeat top left;}
#main-col{ width:900px; height:100%; margin: 0 auto; background:url(/program/emg/img/common/bg_main_cnt.gif) repeat-y top left;}
#hoot{ width: 100%; height: 40px; margin: 0 auto; background:url(/program/emg/img/common/hoot.jpg) repeat-x top left;}
#flash{ margin-left:5px;}

/*
===== :: COMMON ==========================================================*/
#pagettl{ height:32px; margin: 10px 0; padding: 13px 0 0 198px; background:url(/program/emg/img/common/bg_date.jpg) no-repeat top left;}
#pagettl p{ font-size:12px; font-weight:bold; padding: 0 0 0 6px;}
#pagettl .date{ float:left; width:186px; color:#039;}
#pagettl .ttl_daiya{ font-size:14px; float:left; width:406px; color:#F90; height:26px; overflow:hidden; white-space:nowrap;}
#pagettl .ttl_daiya_blue{ font-size:14px; float:left; width:406px; color:#039;}
#pagettl .update{ float:left; padding: 0 0 0 7px; position:relative; bottom:5px;}

.left-col{ float: left; width:213px; margin: 0 0 0 9px; padding: 8px 10px;}
.right-col{ float: left; width:635px; margin: 0 0 0 13px;}
*html .left-col{ float: left; width:213px; margin: 0 0 0 4px; padding: 8px 9px;}
*html .right-col{ float: left; width:635px; margin: 0 0 0 13px;}
.col_separate{ padding: 30px 10px 0 10px; background:url(/program/emg/img/common/bg_col_sep.gif) no-repeat top left;}

.headline{ border-bottom:#CCC 2px solid;}
.left_dotline_b{ width:215px; padding: 10px 0; border-bottom:#DADBDC 1px dotted;}
.left_solline_b{ width:215px; padding: 0 0 9px 0; border-bottom:#DADBDC 1px solid;}
.right_solline_b{ width:614px; padding-bottom:10px; border-bottom:#DADBDC 1px solid;}

.style01{ color:#666; font-size:10px;}
.style02{ padding-left:10px; position:relative; bottom:5px;}
.box{ width:602px; border:#DADBDC 1px solid; color:#666; margin: 5px 0; padding: 5px;}

.info_btn{ background: url(../img/common/btn_info_on.jpg) no-repeat 10px; width: 614px; height: 64px; padding:10px;}
.info_btn a{ background: url(../img/common/btn_info_off.jpg) no-repeat; width: 614px; height: 64px; text-indent: -9999px; display: block;}
.info_btn a:hover{ background: url(../img/common/btn_info_on.jpg) no-repeat;}

.hoot_btn{ width:480px; margin: 15px 0 15px 420px;}
.hoot_btn a{ cursor: pointer;}

.center{ width: 900px; margin: 0 auto;}

/* Train information */
#train-info {
	position: relative;
	width: 630px;
	height: 482px;
	margin-left: 5px;
}

#train-info img {
	vertical-align: top;
}

#train-info h2,
#train-info ul {
	font-size: 0;
}

#train-info h2,
#train-info ul,
#train-info p {
	margin: 0;
}

#train-info ul {
	*zoom: 1;
	list-style: none;
	overflow: hidden;
	padding: 0;
}

#train-info li {
	margin-bottom: 0;
}

#train-info .part,
#train-info .container {
	position: absolute;
}

#train-info .help,
#train-info .notes {
	z-index: 6000;
}

/* Information */
#train-info .info {
	width: 100%;
	height: 100%;
}

#train-info .info table {
	width: 100%;
	height: 100%;
}

#train-info .info td {
	color: #032D57;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

/* Help */
#train-info .help {
	top: 10px;
	left: 10px;
}

#train-info .help h2 {
	margin-bottom: 5px;
}

#train-info .help li {
	height: 18px;
}

/* Notes */
#train-info .notes {
	top: 388px;
	left: 7px;
	width: 614px;
}

#train-info .notes h2 {
	float: left;
}