body{height:100%;width:100%}.left{float:left}.right{float:right}.clear{clear:both}.center{margin-left:auto;margin-right:auto}.t_left{text-align:left}.t_center{text-align:center}.t_right{text-align:right}.block{display:block}.none{display:none}.inline{display:inline}.relative{position:relative}.cursor{cursor:default}.pointer{cursor:pointer}body{background-color:#fff}.main_frame{position:relative;margin-top:0}.main_frame .crumb{padding-top:10px;margin-left:1px;font-size:12px;font-weight:700}.main_frame .wrapper-content{display:flex}#left_pane{position:relative;margin-top:30px}#left_pane h1#title{padding:10px 0;border-top:3px solid #ccc;font-size:30px;font-weight:700;line-height:1.2;color:#333}#left_pane h1#title:after{display:inline-block;position:absolute;top:0;left:0;width:223px;border-top:3px solid #995c99;content:""}#left_pane .section{display:flex;align-items:center;flex-wrap:wrap}#left_pane .section-title{display:flex;justify-content:space-between;flex-grow:1;padding:8px 0;border-bottom:3px solid #ccc;font-size:16px;font-weight:700}#left_pane .section-option{display:flex;align-items:center;padding:8px 0;border-bottom:3px solid #ccc}#left_pane .section-option a,#left_pane .section-option span{font-size:14px;font-weight:700}#left_pane .section-option .realtime-icon{width:16px;margin:0 3px}#left_pane .section-body{width:100%;background-color:#f6f6f6}#left_pane .help-link-area{display:flex;justify-content:flex-end}#left_pane .help-link-area a{margin-left:30px}#left_pane #keywordsearch-area form,#left_pane #stationsearch-area form{position:relative;display:flex;flex-wrap:wrap;padding:32px 28px}#left_pane #keywordsearch-area form .wrap-content,#left_pane #stationsearch-area form .wrap-content{width:100%;margin-bottom:10px}#left_pane #keywordsearch-area form select,#left_pane #stationsearch-area form select{width:150px;height:40px;padding-left:10px;padding-right:25px;font-size:14px;border:1px solid #ccc;border-radius:4px;appearance:none;background:url(../../../../img/bus/busstop/select.png) #fff center right 10px no-repeat}#left_pane #keywordsearch-area form select::-ms-expand,#left_pane #stationsearch-area form select::-ms-expand{display:none}#left_pane #keywordsearch-area form input[type=text],#left_pane #stationsearch-area form input[type=text]{flex-grow:1;margin:0;padding:3px 10px;height:40px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}#left_pane #keywordsearch-area form input[type=submit],#left_pane #stationsearch-area form input[type=submit]{-webkit-appearance:none;display:inline-block;margin-left:15px;width:150px;height:40px;border:0px;border-radius:4px;background-color:#f19200;font-size:16px;font-weight:700;color:#fff;cursor:pointer}#left_pane #keywordsearch-area form input[type=submit]:hover,#left_pane #stationsearch-area form input[type=submit]:hover{background-color:#ffb02c}#left_pane #keywordsearch-area #my-busstop-area,#left_pane #stationsearch-area #my-busstop-area{position:absolute;display:none;flex-direction:column;border:1px solid #ccc;border-radius:4px;overflow:hidden;z-index:1}#left_pane #keywordsearch-area #my-busstop-area .my-busstop-title,#left_pane #stationsearch-area #my-busstop-area .my-busstop-title{padding:8px 5px;background-color:#979797;border-bottom:1px solid #ccc;font-size:16px;color:#fff}#left_pane #keywordsearch-area #my-busstop-area .busstop,#left_pane #stationsearch-area #my-busstop-area .busstop{display:flex;padding:8px 5px;background-color:#fff;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}#left_pane #keywordsearch-area #my-busstop-area .busstop:hover,#left_pane #stationsearch-area #my-busstop-area .busstop:hover{background-color:#ccc;font-weight:700}#left_pane #keywordsearch-area #major-station-link-area,#left_pane #stationsearch-area #major-station-link-area{padding:0 28px 32px}#left_pane #keywordsearch-area #major-station-link-area dt,#left_pane #stationsearch-area #major-station-link-area dt{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #ccc;font-size:14px;font-weight:700}#left_pane #keywordsearch-area #major-station-link-area .major-station,#left_pane #stationsearch-area #major-station-link-area .major-station{display:flex;justify-content:space-between;width:100%}#left_pane #pref-link-area{margin-top:30px}#left_pane #pref-link-area>dd{padding:37px 30px}#left_pane #pref-link-area>dd .area dl{display:flex}#left_pane #pref-link-area>dd .area dl .area-name{display:flex;align-items:center;width:120px;font-size:14px;font-weight:700}#left_pane #pref-link-area>dd .area dl .area-name:before{display:inline-block;margin-right:5px;height:14px;border-left:4px solid #555;content:""}#left_pane #pref-link-area>dd .area dl .pref-list ul{display:flex}#left_pane #pref-link-area>dd .area dl .pref-list ul .pref{display:flex;align-items:center;width:70px;height:35px;font-size:12px}#right_pane{margin-left:40px;padding-top:10px}#right_pane .section{margin-top:8px}#right_pane .section h2.sub-title,#right_pane .section h3.sub-title{font-size:16px;font-weight:700;border-bottom:solid 3px #ccc;margin-top:30px;padding-bottom:5px}#right_pane .section .other-link-item{padding:13px 0;font-size:14px;border-bottom:1px dotted #ccc}#right_pane #realestate,#right_pane #bus-company-info{display:flex;align-items:center;justify-content:center;margin-top:30px}#right_pane #favorite-busstop-area>dt{font-size:16px;font-weight:700;border-bottom:solid 3px #ccc;margin-top:30px;padding-bottom:5px}#right_pane #favorite-busstop-area #favorite-busstop,#right_pane #favorite-busstop-area #no-favorite-busstop,#right_pane #favorite-busstop-area #favorite-busstop-form-area{display:none;align-items:center;flex-wrap:wrap}#right_pane #favorite-busstop-area #favorite-busstop-name{display:flex;align-items:center;width:250px;height:45px;background:url(../../../../img/bus/busstop/icon_busstop.png) #fff center left 5px/22px no-repeat;text-indent:30px;font-size:14px;font-weight:700}#right_pane #favorite-busstop-area #favorite-busstop-name span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#right_pane #favorite-busstop-area #no-favorite-busstop-message{display:flex;align-items:center;flex-grow:1;height:45px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#right_pane #favorite-busstop-area .change-favorite-busstop{margin-left:auto;margin-right:5px;min-width:0;font-size:14px;color:#08c;cursor:pointer}#right_pane #favorite-busstop-area .change-favorite-busstop:hover{color:#005580;text-decoration:underline}#right_pane #favorite-busstop-area #favorite-busstop-diagram,#right_pane #favorite-busstop-area #favorite-busstop-description{display:flex;justify-content:flex-end;padding:3px 0;width:100%;border-top:1px dotted #ccc;font-size:12px}#right_pane #favorite-busstop-area #favorite-busstop-form-area{padding:10px;background-color:#f6f6f6}#right_pane #favorite-busstop-area #favorite-busstop-form-area dt{margin-bottom:5px;font-size:12px}#right_pane #favorite-busstop-area #favorite-busstop-form-area #favorite-busstop-form{width:100%}#right_pane #favorite-busstop-area #favorite-busstop-form-area form .wrap-content{display:flex;width:100%;box-sizing:border-box}#right_pane #favorite-busstop-area #favorite-busstop-form-area form .wrap-content+.wrap-content{margin-top:10px}#right_pane #favorite-busstop-area #favorite-busstop-form-area form select{width:150px;height:40px;padding-left:10px;padding-right:25px;font-size:14px;border:1px solid #ccc;border-radius:4px;appearance:none;background:url(../../../../img/bus/busstop/select.png) #fff center right 10px no-repeat}#right_pane #favorite-busstop-area #favorite-busstop-form-area form select::-ms-expand{display:none}#right_pane #favorite-busstop-area #favorite-busstop-form-area form input[type=text]{flex-grow:1;margin:0;padding:3px 10px;height:40px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}#right_pane #favorite-busstop-area #favorite-busstop-form-area form input[type=submit]{-webkit-appearance:none;display:inline-block;margin-left:10px;width:80px;height:40px;border:0px;border-radius:4px;background-color:#f19200;font-size:16px;font-weight:700;color:#fff;cursor:pointer}#right_pane #favorite-busstop-area #favorite-busstop-form-area form input[type=submit]:hover{background-color:#ffb02c}.ui-autocomplete{border:1px solid #ccc;border-radius:4px;overflow:hidden}.ui-autocomplete .ui-menu-item{background-color:#fff}.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{padding:8px 5px;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}