@charset "UTF-8";
/*	
	File Name : transInfo-1.0.0.css
	Last Update : 2015.03.13
	Revision : 1.0.0
*/

/*----------------------------------------
 parts
-----------------------------------------*/
/* === icons === */
/*-- replace img --*/
.icnNormalLarge,
.icnAlertLarge{display:inline-block;text-indent:100%;vertical-align:middle;white-space:nowrap;overflow:hidden;/zoom:1;}
/*-- background img --*/
.icnNormalLarge,
.icnAlertLarge{/display:inline;width:25px;height:25px;margin:-5px 5px 0 0;background-image:url(../img/transinfo/spriteIcnTransInfo_2x.png);background-image/*\**/:url(../img/transinfo/spriteIcnTransInfo.png)\9;/*<ie8*/background-repeat:no-repeat;-webkit-background-size:56px 25px;-moz-background-size:56px 25px;background-size:56px 25px;/text-indent:25px;}
.icnNormalLarge{background-position:0 0;}
.icnAlertLarge{background-position:-31px 0;}
/*-- for firefox --*/
@-moz-document url-prefix(){
.icnNormalLarge,
.icnAlertLarge{text-indent:115%;}
}
/*-- for >ie7 iconFloatLeft clearfix --*/
.navAreaMajorLineCommon dd{/zoom:1;}


/*----------------------------------------
 module
-----------------------------------------*/
/*
 mdStatusNormalLine
-----------------------------------------*/
#mdStatusNormalLine{margin-bottom:20px;}

/* === labelStatusNormal === */
.labelStatusNormal .title{margin-bottom:5px;color:#3ca863;font-size:123.1%;font-weight:bold;}
.labelStatusNormal .icnNormal{/margin-top:2px;}

/* === boxActiveInfo === */
.boxActiveInfo{margin:15px 0;padding:8px 10px;background: #fdf1c3;}

/* === elmTblStatusNormalLine === */
.elmTblStatusNormalLine table{display:table;width:100%;border:4px solid #3ca863;border-collapse:collapse;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.elmTblStatusNormalLine th{width:20%;padding:5px 10px;border-top:1px solid #3ca863;font-weight:bold;}
.elmTblStatusNormalLine td{padding:5px 10px;border-top:1px solid #3ca863;border-left:1px solid #3ca863;}
.elmTblStatusNormalLine tr:first-child th,
.elmTblStatusNormalLine tr:first-child td{border-top:none;}
.elmTblStatusNormalLine td ul{overflow:hidden;}
.elmTblStatusNormalLine td li{display:inline-block;margin:2px 0;border-left:1px solid #999;/display:inline;/zoom:1;line-height:1.1;}
.elmTblStatusNormalLine td li:first-child{border-left:none;}
.elmTblStatusNormalLine td li a{padding:0 8px;}
.elmTblStatusNormalLine td li:first-child a{padding-left:0;}


/*
 navAreaMajorLineCommon
-----------------------------------------*/
.navAreaMajorLineCommon{margin:10px 0 20px;}
.navAreaMajorLineCommon dl{margin:10px 0 0 -8px;}
.navAreaMajorLineCommon dt.title{font-weight:bold;}
.navAreaMajorLineCommon dt{padding-left:8px;overflow:hidden;}
.navAreaMajorLineCommon .line dt{margin-bottom:3px;}
.navAreaMajorLineCommon .transport dt{margin-bottom:1px;}
.navAreaMajorLineCommon dd{display:inline-block;/display:inline;/zoom:1;}
.navAreaMajorLineCommon .line dd{border-left:1px solid #999;line-height:1.1;}
.navAreaMajorLineCommon .transport dd{min-width:80px;line-height:1.4;}
.navAreaMajorLineCommon .line dd a,
.navAreaMajorLineCommon .transport dd{padding:0 8px;}
.navAreaMajorLineCommon .line dt + dd {border-left:none;}
.navAreaMajorLineCommon .line dt + dd a,
.navAreaMajorLineCommon .transport dt + dd{padding-left:8px;}
.navAreaMajorLineCommon dd .icnAnchor{/margin-top:4px;}


/*
 mdServiceStatus
-----------------------------------------*/
#mdServiceStatus dl{margin:20px 10px 0;font-size:100%;}
#mdServiceStatus dt{margin-bottom:15px;color:#333;font-size:153.9%;line-height:25px;text-align:center;}
#mdServiceStatus dd{margin-bottom:20px;}
#mdServiceStatus dd p{margin-top:5px;font-size:108%;}
/*normal*/
#mdServiceStatus dd.normal p{color:#288041;}
/*trouble*/
#mdServiceStatus dd.trouble p{color:#ff0000;}


/*
 mdFlightInfo
-----------------------------------------*/
#mdFlightInfo{margin-bottom:20px;}

/* === navFlightType === */
.navFlightType,
.navFlightType li ul{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;/overflow:hidden;/zoom:1;}
.navFlightType{border-bottom:4px solid #ff7f92;font-size:123.1%;}
.navFlightType.intl{border-color:#6197f4;}
.navFlightType > li{/width:305px;border-left:5px solid #fff;}
.navFlightType > li:first-child{border-left:none;}
.navFlightType li{display:table-cell;/display:block;/float:left;vertical-align:middle;}
.navFlightType li li{/width:150px;padding:6px 0 4px;background:#fcd8dc;border-left:4px solid #fff;color:#0059b2;text-align:center;cursor:pointer;}
.navFlightType li li.current{background:#ff7f92;color:#fff;cursor:default;}
.navFlightType li li:first-child{border-left:none;}
.navFlightType li li:hover{text-decoration:underline;}
.navFlightType li li a:hover{background:#fab3be;}
.navFlightType li.intl li{background:#d6e2fa;}
.navFlightType li.intl li.current{background:#6197f4;}
.navFlightType li.intl li a:hover{background:#adc8ef;}
/*.navFlightType > li.dom{border-right:5px solid #fff;/border-width:6px;}
.navFlightType > li.dom:last-child{border-right:none;}
.navFlightType > li.dom:first-child{/width:100%;}
.navFlightType > li.dom:first-child li{/width:305px;}*/
/*labelFlight*/
.labelFlight{color:#ff7f92;line-height:1.3;}
.labelFlight:after{display:block;content:" ";margin-left:3.5em;border-top:2px solid #ff7f92;position:relative;top:-0.75em;}
.navFlightType > li.intl > .labelFlight{color:#6197f4;}
.navFlightType > li.intl > .labelFlight:after{border-color:#6197f4;}

/* === elmFlightInfo === */
.elmFlightInfo{margin:10px 0;}
.elmFlightInfo .msgNoData{padding:30px 0;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-left:2px solid #ddd;}
.elmFlightInfo table{width:100%;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-left:2px solid #ddd;}
.elmFlightInfo th{padding:2px 0;background:#f5f5f5;border-left:1px solid #ddd;font-size:85%;text-align:center;}
.elmFlightInfo td{padding:5px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.elmFlightInfo .fixedTime,
.elmFlightInfo .changeTime{width:40px;text-align:center;}
.elmFlightInfo .status{width:160px;position:relative;}
.elmFlightInfo .status .text{display:block;font-size:85%;line-height:1.4;}
.elmFlightInfo .status .updateTime{display:block;margin-top:5px;color:#666;font-size:85%;}
.elmFlightInfo .flightNum{width:75px;}
.elmFlightInfo .airport{width:120px;}
/*mark*/
.elmFlightInfo .mark{font-weight:bold;}
.elmFlightInfo .status .mark{color:#ff4c4c;}
.elmFlightInfo .changeTime .mark,
.elmFlightInfo .status .text .mark{color:#ff8000;}


/*
 RealTimeSearch
-----------------------------------------*/
#mdRtSearch{color:#333;line-height:1.3;}
#mdRtSearch .itemHd{padding:5px 8px;/padding-bottom:3px;/zoom:1;}
#mdRtSearch .itemCts li{position:relative;margin:0 4px;padding:8px 0 6px;border-bottom:1px dashed #ddd;/display:inline;overflow:hidden;/zoom:1;}
#mdRtSearch .itemCts .metadata{float:left;padding:8px 0 0 56px;}
#mdRtSearch .itemCts .pict{position:absolute;top:8px;left:0;}
#mdRtSearch .itemCts .account{display:inline;}
#mdRtSearch .itemCts .account .user{display:inline-block\9;/display:inline-block;/zoom:1;padding-left:20px;word-break:break-all;word-wrap:break-word;}
#mdRtSearch .itemCts .account .full{color:#666666;word-break:break-all;word-wrap:break-word;}
#mdRtSearch .itemCts .tweet{min-height:27px;_height:27px;padding:0 0 0 56px;word-wrap:break-word;}
#mdRtSearch .itemCts .msg{padding:60px 8px 50px;border-bottom:2px solid #ffffff;font-size:120%;text-align:center;}
#mdRtSearch .itemCts .action{float:right;margin:8px 0 0;color:#666;white-space:nowrap;}
#mdRtSearch .itemFt .btn{width:100%;margin:20px auto 15px;border:1px solid #c6c6c6;text-align:center;}
#mdRtSearch .itemFt .btn a{display:block;padding:10px 0;background-color:#fafafa;color:#333;font-size:116%;line-height:1;}
#mdRtSearch .itemFt .btn a:hover{background-color:#eee;}
#mdRtSearch .itemFt .btn a:visited{color:#333333;}
#mdRtSearch .itemFt .note{color:#666;}
#mdRtSearch .itemFt .note li{border:none;padding:0;color:#999;font-size:93%;}
#mdRtSearch .itemHd:after,#mdRtSearch .itemCts li:after{content:"";display:table;clear:both;}
#mdRtSearch .itemCts .tweet a,#mdRtSearch .itemCts .action a,#mdRtSearch .itemCts .time{margin:0 .3em;}
#mdRtSearch .itemCts .metadata a,#mdRtSearch .itemCts .tweet a.tag,#mdRtSearch .itemCts .tweet a.atUser,#mdRtSearch .itemCts .action a,#mdRtSearch .itemFt .btn a{text-decoration:none;}
#mdRtSearch .itemCts .metadata a,#mdRtSearch .itemCts .tweet a.tag,#mdRtSearch .itemCts .tweet a.atUser,#mdRtSearch .itemCts .action a{color:#9396cb;}
#mdRtSearch .itemCts .metadata a:hover,#mdRtSearch .itemCts .tweet a:hover.tag,#mdRtSearch .itemCts .tweet a:hover.atUser,#mdRtSearch .itemCts .action a:hover{color:#666ccc;text-decoration:underline;}
#mdRtSearch .itemCts .account .user{background-image:url(http://i.yimg.jp/images/transit/icon/twitter-bird-16x16.png);background-repeat:no-repeat;}
#mdRtSearch .itemCts .account .user{background-position:0px -2px;}
#mdRtSearch .itemHd{background-color:#f9f9f9;}
#mdRtSearch .itemCts{background-color:#fff;}
#mdRtSearch .itemFt{margin:0 4px;}
#mdRtSearch .itemCts .msgNoData{margin:30px auto;}
#sub #mdRtSearch .itemCts .metadata{float:none;}
#sub #mdRtSearch .itemCts .msg{font-size:93%;}