p.rt-note {
    margin-top: 18px;
    font-size: 110%;
    font-weight: bold;
}

hr {
    margin: 0;
}

#tab {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

#tab li {
    float: left;
    list-style: none;
    cursor: pointer;
    width: 102px;
    height: 44px;
    margin-right: 5px;
    position: relative;
}

#tab li img {
    position: absolute;
    top: 10px;
}

#tab li.select {
    z-index: 1;
    
}

#tab li.select img {
    top: 0;
}

.disnon {
    display: none;
}

#main span.pink12 {
    color: #CC3467;
}

#main div.main-airline {
    margin-top: -2px;
    padding-top: 16px;
    padding-left: 10px;
    border-top: 1px solid #333;
    position: relative;
    z-index: 0;
    background-color: #FFF;
    overflow: auto;
}

#main p.route-ana,
#main p.route-jal,
#main p.route-sfj,
#main p.route-sky,
#main p.route-ado,
#main p.route-sna,
#main p.route-jjp,
#main p.route-fda {
    font-size: 24px;
    color: #444444;
    font-weight: normal;
    padding: 0 0 0 150px;
    line-height: 75px;
    height: 78px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    background-repeat: no-repeat;
}

#main p.route-rtn {
    margin-top: 20px;
}

#main table.price {
    width: 678px;
    border: 1px solid #666;
    line-height: 175%;
    margin-bottom: 5px;
}

#main strong.price {
    font: italic bold 20px/1.1 Arial, Helvetica, sans-serif;
    margin: 4px;
}

#main div.ana strong.price {
    color: #111183;
}
#main div.jal strong.price {
    color: #A81713;
}
#main div.sfj strong.price {
    color: #000000;
}


#main table.price caption {
    background-image: url("../images/bar_bg.gif");
    color: #FFF;
    height: 30px;
    line-height: 30px;
}

#main div.ana table.price caption {
    background-image: url("../images/bar_bg_ana.gif");
}
#main div.jal table.price caption {
    background-image: url("../images/bar_bg_jal.gif");
}
#main div.sfj table.price caption {
    background-image: url("../images/bar_bg_sfj.gif");
}
#main div.sna table.price caption {
    background-image: url("../imagesg/bar_bg_sna.gif");
}
#main div.sky table.price caption {
    background-image: url("../images/bar_bg_sky.gif");
}
#main div.jjp table.price caption {
    background-image: url("../images/bar_bg_jjp.gif");
}


#main table.price td.cell-rank {
    width: 80px;
    height: 50px;
    text-align: center;
}

#main table.price td.cell-A {
    background-color: #FFFFCC;
}
#main table.price td.cell-B {
    background-color: #E1EDEE;
}
#main table.price td.cell-C {
    background-color: #FFE1E1;
}

#main table.price td.cell-price {
    width: 128px;
    height: 50px;
    text-align: center;
    padding: 5px 0;
}

#main span.price-child {
    font-size: 120%;
}

#main ul.note {
    padding-bottom: 0;
    margin-bottom: 20px;
}

#main ul.note li {
    margin-bottom: 0;
}

/* 電話番号表示枠とオンラインへのリンク枠 */

#main div.button-tell {
    clear: both;
    float: left;
    background-image: url("../images/button_tell.gif");
    margin: 40px 0 40px 40px;
    width: 271px;
    height: 71px;
    position: relative;
}
#main div.button-tell p {
    font: bold 29px Arial, Helvetica, sans-serif;
    position: absolute;
    top: 31px;
    color: #0e36ca;
    width: 100%;
    text-align: center;
    padding: 0;
}
#main div.button-tell p img {
        width: 42px;
        vertical-align: top;
}
#main div.button-online {
    float: right;
    margin: 40px 40px 40px 0;
    /*width: 271px;*/
    /*height: 71px;*/
}
/* IE7ハック */
*+html #main div.bottom-btn-box div.button-online {
    margin: 0 0 0 60px;
}



#main div.button-online a:hover img {
    opacity: 0.6; 
    filter: alpha(opacity=60); 
    -moz-opacity: 0.6;
}
#main div.bottom-btn-box div.button-tell {
    margin-left: 10px;
}
#main div.bottom-btn-box div.button-online {
    margin-left: 10px;
    float: left;
    margin-left: 60px;
}


#main div.bottom-btn-box div.bottom {
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: auto;
}



/* カレンダー調整 */
#main .cal-block {
    float: left;
    margin-left: 24px;
    margin-bottom: 15px;
}
#main .cal-block table {
    font: 12px;
    color: #666666;
    background-color: #999999;
    width: 196px;
    border: 0;
    border-spacing: 1px;
}
#main .cal-block table td.sun {
    width: 28px;
    height: 30px;
    text-align: center;
    background-color: #D76086;
    color: #FFFFFF;
}
#main .cal-block table td.weekday {
    width: 28px;
    height: 30px;
    text-align: center;
    background-color: #EEEEEE;
    color: #444444;
}
#main .cal-block table td.sat {
    width: 28px;
    height: 30px;
    text-align: center;
    background-color: #CACACA;
    color: #333333;
}
#main .cal-block table td.depDate {
    text-align: center;
    color: #444444;
}

/* 注意書き１ */
ul.notices {
    clear: both;
}

ul.notices li {
    margin-left: 30px;
    margin-top: 2px;
    list-style-image : url("../images/marker-sq.png");
    line-height: 150%;
}


/* 注意書き2 */
#main dl.note {
    clear: both;
    padding-top: 8px;
}
#main dl.note dt {
    float: left;
    clear: both;
    width: 22px;
    margin-left: 12px;
}
#main dl.note dd {
    padding-left: 36px;
}

/* 注意書き3 */
#main .notice-for-route {
    color: #880000;
    font-weight: bold;
}




/* 時刻表 */
#main table.flight-schedule {
    border-collapse: collapse;
    border: 1px solid #666;
    width: 330px;
}
#main table.flight-schedule th.route {
    text-align: center;
    height: 32px;
}
#main table.flight-schedule .flight-name {
    border: 1px solid #666;
    width: 85px;
    padding: 2px;
    text-align: center;
}
#main table.flight-schedule .depTime {
    border: 1px solid #666;
    width: 70px;
    padding: 2px;
    text-align: center;
}
#main table.flight-schedule .arvTime {
    border: 1px solid #666;
    width: 70px;
    padding: 2px;
    text-align: center;
}
#main table.flight-schedule .description {
    border: 1px solid #666;
    padding: 2px;
    text-align: center;
}




#main div.cal-box {
    float: left;
    margin-left: 12px;
    margin-bottom: 15px;
}
* html #main div.cal-box {
    margin-left: 10px;
    padding: 0;
}
#main .clear-both {
    clear: both;
}

#main p.timetable-title {
    background-image: url("../images/bar_bg.gif");
    line-height: 30px;
    color: #FFF;
    text-align : center;
    margin-top: 30px;
    padding: 0;
    clear: both;
}
#main div.ana p.timetable-title {
    background-image: url("../images/bar_bg_ana.gif");
}
#main div.jal p.timetable-title {
    background-image: url("../images/bar_bg_jal.gif");
}
#main div.sfj p.timetable-title {
    background-image: url("../images/bar_bg_sfj.gif");
}
#main div.sna p.timetable-title {
    background-image: url("../images/bar_bg_sna.gif");
}
#main div.sky p.timetable-title {
    background-image: url("../images/bar_bg_sky.gif");
}
#main div.jjp p.timetable-title {
    background-image: url("../images/bar_bg_jjp.gif");
}

#main p.hp-link {
    padding: 0;
}


#main p.iit-cal-table-title,
#main p.iit-price-table-title {
    clear: both;
    height: 30px;
    width: 678px;
    line-height: 30px;
    background-image: url("../images/bar_bg.gif");
    color: #FFF;
    text-align: center;
    font-size: 125%;
    margin-top: 6px;
    margin-bottom: 10px;
    padding: 0;
}

#main p.iit-price-table-title {
    float: left; /* これがないと高さ情報が消える（iit-cal-table-titleにも付与するとIE7で最初の月のテキストが変に改行される）*/
    margin-top: 30px;
    margin-bottom: 0;
}

#main div.ana p.iit-price-table-title,
#main div.ana p.iit-cal-table-title{
    background-image: url("../images/bar_bg_ana.gif");
}
#main div.jal p.iit-price-table-title,
#main div.jal p.iit-cal-table-title{
    background-image: url("../images/bar_bg_jal.gif");
}
#main div.sfj p.iit-price-table-title,
#main div.sfj p.iit-cal-table-title{
    background-image: url("../images/bar_bg_sfj.gif");
}
#main div.sna p.iit-price-table-title,
#main div.sna p.iit-cal-table-title{
    background-image: url("../images/bar_bg_sna.gif");
}
#main div.sky p.iit-price-table-title,
#main div.sky p.iit-cal-table-title{
    background-image: url("../images/bar_bg_sky.gif");
}
#main div.jjp p.iit-price-table-title,
#main div.jjp p.iit-cal-table-title{
    background-image: url("../images/bar_bg_jjp.gif");
}


#main table.iit-price {
    border-collapse: collapse;
    border: 1px solid #666;
    width: 676px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#main table.iit-price th {
    text-align: center;
    height: 32px;
}
#main table.iit-price th.flight-name {
    border: 1px solid #666;
    width: 60px;
    padding: 2px;
    text-align: center;
}
#main table.iit-price th.depTime {
    border: 1px solid #666;
    width: 45px;
    padding: 2px;
    text-align: center;
}
#main table.iit-price th.arvTime {
    border: 1px solid #666;
    width: 45px;
    padding: 2px;
    text-align: center;
}
#main table.iit-price th.description {
    border: 1px solid #666;
    width: 35px;
    padding: 2px;
    text-align: center;
}
#main table.iit-price th.rank {
    border: 1px solid #666;
    padding: 2px;
    text-align: center;
}
#main table.iit-price td {
    border: 1px solid #666;
    padding: 2px;
    text-align: center;
}


#main ul.note-airline {
    clear: both;
}


#main p.iit-link {
    float: left;
    padding-top: 20px;
}

#main p.return-link {
    float: left;
    margin-top: 30px;
    margin-right: 30px;
    margin-bottom: 0;
}
#main p.hotel-link {
    float: left;
    margin-top: 30px;
    margin-bottom: 0;
}

#main ul.info,
#main ul.use {
    padding-left: 40px;
}

#main p#TermsOfUse {
    margin-top: 30px;
}

#main p.receipt, p.gread-up {
    margin-top: 12px;
    margin-bottom: 20px;
}
#main p.receipt {
    float: left;
}
#main p.gread-up {
    float: right;
}
#main hr.invisible {
    clear: both;
    border: 0px solid #FFF;
}

#main div.cxl-box {
    clear: both;
    float: left;
    width: 315px;
    margin-left: 20px;
    margin-top: 20px;
}
#main div.pay-box {
    float: right;
    width: 315px;
    margin-right: 20px;
    margin-top: 20px;
}


#main div.cxl-box table,
#main div.pay-box table {
    border-collapse:collapse;
    width: 320px;
    border: 2px solid #808080; /* これがないとIE7だけおかしくなる */
}

#main div.cxl-box table th,
#main div.cxl-box table td,
#main div.pay-box table th,
#main div.pay-box table td {
    padding: 3px;
    font-size: 12px;
    line-height: 30px;
    color: #444444;
    text-align: left;
    padding: 10px;
    border: 2px solid #808080;
}
#main div.cxl-box table th {
    background-color: #E7E7E7;
}
#main div.cxl-box table td {
    line-height: 120%;
    text-align: center;
    width: 80px;
}
#main div.pay-box table th {
    width: 78px;
}
#main div.pay-box table td {
    line-height: 175%; 
}
#main p.cxl-note {
    width: 300px;
}

#main div.cxl-box p,
#main div.pay-box p {
    padding: 0;
}
#main .left_10px {
    padding-left: 10px;
    line-height: 150%;
}
#main .left_20px {
    padding-left: 20px;
}
#main .left_30px {
    padding-left: 30px;
}
#main .left_40px {
    padding-left: 40px;
}
#main .left_80px {
    padding-left: 80px;
}
#main .tabletext {
    font-size: 12px;
    line-height: 30px;
    color: #444444;
    text-align: left;
    padding-right: 5px;
    padding-left: 24px;
}
#main div.cxl-box p.cxl-note {
    padding-top: 10px;
    width: 320px;
    line-height: 150%;
}

#main ul.use-note {
    clear: both;
    padding-top: 20px;
    padding-left: 40px;
    
}

#main table.contact-box,
.mypageIndexBody table.contact-box {
    width: 800px;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

#contact-info-box {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #00205B;
    text-decoration: none;
    color: #fff;
    width: 200px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    overflow: auto;
}
#contact-info-box .contact-head {
    font-size: 120%;
    margin-bottom: 10px;
}
#contact-info-box .contact-tel {
    font-size: 115%;
    margin-bottom: 6px;
    overflow: auto;
}
#contact-info-box .branch {
    display: block;
    float: left;
    clear: both;
}
#contact-info-box .contact-tel-num {
    font: bold 18px/1.1 Arial, Helvetica, sans-serif;
    text-align: right;
    display: block;
    float: right;
}
#contact-info-box .contact-head .tel-icon {
    width: 24px;
    margin-right: 8px;
    vertical-align: middle;
}
#contact-info-box .contact-campany {
    line-height: 135%;
}

/*******************************************************
  SFカテゴリ、iitカテゴリの発着地一覧ページ（index.html）
*******************************************************/
#main div.area-title {
    margin-top: 20px;
}

#main div.area-wrapper {
    overflow: hidden;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    width: 628px;

}

#main table.area-list,
#main div.area-title,
#main div.area-wrapper {
    margin-left: 30px;
}

#main div.area-box {
    float: left;
    margin: 10px 10px 10px 20px;
    width: 170px;
}

#main div.area-box p {
    padding: 0 0 0 24px;
}


#main div.no-flight {
    margin-top: 10px;
    margin-left: 10px;
    color: #666;
}

#main p.dep-title {
    background-image: url('../images/airport.gif');
    padding-left: 20px;
    margin-bottom: 4px;
    margin-top: 20px;
    height: 20px;
    line-height: 180%;
}
#main p.route {
    padding-left: 20px;
    height: 24px;
    line-height: 24px;
}
#main p.to-top {
    clear: both;
    float: right;
    margin: 20px 20px 20px 0;
}
/* IE7ハック　トップに戻るリンクは表示しない */
*+html #main p.to-top {
    display: none;
}

/*******************************************************
  サイトトップページ
*******************************************************/
.koumoku_head_iit {
    font-size: 12px;
    color: #9F3300;
    padding-right: 3px;
}
.iit-txt-color {
    color: #9F3300;
}


/*******************************************************
  一般ホテルページ
*******************************************************/
#main h2.hotel {
	font-weight: bold;
	font-size: 150%;
	margin-top: 100px;
	padding: 0 0 5px 30px;
}
#main h2.hotel.first {
	margin-top: 10px;
}
table.hotel {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
	border: 1px solid #CCC;
}

table.hotel th {
	font-weight: bold;
	text-align: center;
	background-color: #EEE;
	border: 1px solid #CCC;
	padding: 10px;
}
table.hotel td {
	border: 1px solid #CCC;
	padding: 10px;
}
table.hotel th.htelName {
	text-align: left;
}
table.hotel th.htelName {
	font-size: 130%;
}
table.hotel th.single {
	width: 20%;
}
.hotels .to-top {
	margin: 5px 0 40px 0;
}