@charset "UTF-8";

/* ぱんくずリスト */
#pankuzu_list {
    font-size:12px;
    text-align: left;
    height:30px;
    margin-top:9px;
}


/* 泊数変更ボタン */
.btn_hakusu {
    width:100%;
    font-size:medium;
    text-decoration:none;
    font-weight: bold;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#FFF;
    border:1px solid #FFF;
    background-color: #0f71c8;

    /*background: #ffd800; /* Old browsers 
    background: -moz-linear-gradient(top, #FFF 0%, #ffd800 97%, #FFF 100%); /* FF3.6-15 
    background: -webkit-linear-gradient(top, #FFF 0%,#ffd800 97%,#FFF 100%); /* Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom, #FFF 0%,#ffd800 97%,#FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn_hakusu_enabled {
    width:100%;
    font-size:medium;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;

    color:#FFF;

    border:1px solid #FFF;
    background-color: #CCCCCC;

    /*
    background: #ffffff;  Old browsers 
    background: -moz-linear-gradient(top, #FFF 0%, #FFF 20%, #a2bfd6 100%); /* FF3.6-15 
    background: -webkit-linear-gradient(top, #FFF 0%,#FFF 20%,#a2bfd6 100%); /* Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom, #FFF 0%,#FFF 20%,#a2bfd6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.td_hakusu {
    align-content:center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 5px;
}


/* コンテンツバー */
.content_border {
    padding: 0.5em;/*文字周りの余白*/
    color: #fff;/*文字色*/
    background: #2278bf;/*背景色*/
    border-bottom: solid 3px #000066;/*下線*/
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: medium;
}




.content_bar {
    background:transparent url("/obj2/tour_info_top_bar.gif") top left repeat-x;
    height: 45px;
}





.content_bar_syosai {
    background:transparent url("/obj2/tour_info_top_bar.gif") top left repeat-x;
    height: 45px;
    margin-bottom:20px;
}

.subtop_content_arrow {
    position:relative;
    background:transparent url("/obj2/subtop_content_arrow.gif") no-repeat;
    left:10px;
    top:-2px;
    width:100%;
    height:23px;
    z-index:10;
}
.subtop_content_title {
    position:relative;
    text-align:left;
    font-size: medium;
    font-weight:bold;
    color:#FFF;
    left:35px;
    top:-7px;
    width:100%;
}


.subtop_right_table {
    border: solid 1px #000066;
}
.subtop_td_title {
    background-color: #000066;
    text-align:center;
    height:40px;
}
.subtop_hakusu_icon {
    position:relative;
    background:transparent url("/obj2/hakusu_icon.gif") center no-repeat;
    width:100%;
    left:-60px;
    height:26px;
    z-index:10;
}

/* 類似ツアー コンテナ*/
.subtop_ruiji_container {
    width:auto;
    padding:5px;
}

/* 類似ツアー タイトル*/
.subtop_ruiji_title {
    width:100%;
    background-color: navy;
    text-align: left;
    padding
}

/* 類似ツアー row */
.subtop_ruiji_row {
    display: table;
}

/* 類似ツアー アイコン */
.subtop_ruiji_icon {
    position:relative;
    background:transparent url("/obj2/ruiji_icon.gif") left 10px top 7px no-repeat;
    z-index:10;
    padding-left: 35px;
    width: auto;
}

/* 類似ツアー 画像 */
.img_ruiji {
    align-content:center;
    text-align: center;
    width:155px;
    height:108px;
    background-size:155px 108px;
    display: table-cell;
}
/* 類似ツアー 金額 */
.amount_ruiji {
    text-align: center;
    background-color: #DD0000;
    height:24px;
    width:155px;
    font-size: 16px;
    margin-top: 5px;
    color: #fff;
}
/* 類似ツアー 説明(ツアー名) */
.text_ruiji {
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    font-size: small;
    display: table-cell;
}

.td_ruiji {
    align-content:center;
    text-align:center;
    /*padding-left: 40px;*/
    /*padding-right: 40px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*height:300px;*/
}



.subtop_content_right_title {
    text-align:left;
    font-size: medium;
    color:#FFF;
    left: 50px;
    font-weight: bold;
    padding: 5px;
    width: auto;
}





/* 詳細ページトップの背景 */
#info_top_back {
    vertical-align:top;
    align-items:center;
    border: 5px solid #fff;
    background: #fff url("/ranking/ranking_bg01.gif") repeat;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;

    margin-bottom: 10px;

    /* box-shadow */
    box-shadow:0px 0px 3px -1px #000000;
    -moz-box-shadow:0px 0px 3px -1px #000000;
    -webkit-box-shadow:0px 0px 3px -1px #000000;
}

/* 写真列 */
#table_row {
    display: table;
}


/* 写真の背景 */
#photo_back {
    background: transparent url("/obj2/photo_back.png") top left no-repeat;
    width:220px;
    height:140px;
    padding-left: 9px;
    padding-top: 9px;
    text-align: left;
}
/* 説明 */
#photo_info {
    vertical-align: top;
    padding-top: 5px;
}





/* ツアータイトルの背景 */
.subtop_tour_title_ribon {
    background: navy;
    color: white;
    width:100%;
    margin-bottom: 5px;
    font-weight:bold;
    line-height: 1.3;
}



.subtop_tour_title {
    position:relative;
    display: table-cell;
    vertical-align: middle;
    text-align:left;
    font-size: medium;
    color:#FFF;
    left:0;
    top:0px;
    width:100%;
    height:auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.text_tour_id {
    text-align: left;
    font-size: small;
}
.text_infopx_left {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-size: small;
    padding-bottom: 10px;
}

/* 催行期間 Row */
.kikan_container {
    width:100%;
    margin-bottom: 10px;
}

.kikan_row {
    max-width: 350px;
    margin: 0 auto;
}

/* 催行期間タイトル */
.text_kikan_title {
    position:relative;
    border: solid 1px #000000;
    vertical-align: middle;
    text-align: center;
    font-size: small;
    width:120px;
    display: table-cell;
    max-width: 120px;
    background-color: #ffd800;*/
}
/* 催行期間 */
.text_kikan {
    border: solid 1px #000000;
    text-align: left;
    vertical-align: top;
    font-size: small;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    line-height: 22px;
    display: table-cell;
    background-color: #fff;
    width:230px;
    max-width: 230px;

}

/* おすすめツアーポイント */
.osusume_table {
    margin-top: -20px;
    border: 2px solid #CC0000;
    background-color: #FFF;
    width: auto;
}
.osusume_table_icon {
    position:relative;
    background:transparent url("/obj2/tour_point.gif") left top no-repeat;
    width:221px;
    height:47px;
    left:-5px;
    z-index:20;
}
.text_osusume {
    font-family: "メイリオ", "ＭＳ Ｐゴシック" , "IPA Pゴシック" ;
    margin-top : 25px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
    font-size: small;

}

/* 予約ボタン */
.yoyaku_btn {
    margin-top: 20px;
    position:relative;
    width: 100%;
    /*background:transparent url("obj2/btn_new_yoyaku.png") center top no-repeat;*/
}
/* image2空間(マイル画像) */
.image2_space {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.image2_space img {
    width: auto;
    height: auto;
}


/* アコーディオン部分(div) */
.accordion_table_div {
    width:100%;
    background-color: #00509a;
    height: 45px;
    cursor:pointer;
}
.accordion_icon_div {
    position:relative;
    background: url("/ranking/arrow.png") no-repeat center left 10px;
    background-size: 13px 8px;
    top:9px;
    z-index:20;
}
.accordion_title_div {
    position:relative;
    margin-left: 30px;
    font-weight: bold;
    text-align: left;
    font-size: small;
    color: #FFF;
}

.accordion_open_icon_div {
    position:relative;
    background: url("/obj2/ac_plus.gif") #00509a no-repeat center right 20px;
    background-size: 16px 16px;
    width:100%;
    height: 40px;
    margin-bottom: 5px;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
.accordion_close_icon_div {
    position:relative;
    background: url("/obj2/ac_minus.gif") #00509a no-repeat center right 20px;
    background-size: 16px 16px;
    width:100%;
    height: 40px;
    margin-bottom: 5px;
    top: 0px;
    left: 0px;
    cursor: pointer ;

}


/* ツアー日程、旅行条件 */
.tour_schedule_table_title {
    text-align: center;
    font-size: small;
}
.tour_schedule_table_info {
    text-align: left;
    font-size: small;
}
.tour_schedule_table_info_center {
    text-align: center;
    font-size: small;
    height: 50px;
}

/* ジャンプリンク エリア */
.jump_area {
    font-family: "メイリオ", "ＭＳ Ｐゴシック" , "IPA Pゴシック" ;
    width:100%;
    text-align: right;
    text-decoration:none;
    font-size:small;
    margin-top:5px;
    margin-bottom :20px;
}

/* 画面下部 */
.tel_area_text {
    font-size:small;
    vertical-align:middle;
    text-align:center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.tel_area_link_text {
    font-size:small;
    color: #000;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}



/* 電話ボタン */
.btTel2 {
   text-align:center;
   width:100%;
   margin-bottom: 10px;
}

.btTel2 a {
   width:90%;
   max-width: 300px;
   display:table;
   margin: 0 auto;
   
	font-size: large;
	color: #ffffff;
	padding: 8px 10px;
	background: -moz-linear-gradient(
		top,
		#ffc477 0%,
		#fa7025);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffc477),
		to(#fa7025));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ffc477;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}




/* お申込みの流れ */
.nagare_title_td {
    /*font-family: "メイリオ", "ＭＳ Ｐゴシック" , "IPA Pゴシック" ;*/
    font-size:15px;
    vertical-align:middle;
    text-align: center;
    width:223px;
    background-color: #00509a;
    color: #fff;
    margin-left: 66px;
    display: table-cell;
}
.nagare_text_td {
    /*font-family: "メイリオ", "ＭＳ Ｐゴシック" , "IPA Pゴシック" ;*/
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;

    font-size:15px;
    vertical-align:middle;
    text-align: left;
    width:595px;
    background-color: #eaf3fc;
    color: #000;
    display: table-cell;
}
.nagare_naka_midashi {
    text-align: center;
    width:100%;
    height:27px;
    background-color: #00509a;
    color: #fff;
    margin-bottom: 10px;
    padding-top:3px;
}
.nagare_text_14px {
   font-size:14px;
}

.nagare_under_triangle {
    background: url("../obj2/under_triangle.gif") top center no-repeat;
    width:13px;
    height:8px;
    padding-left:200px;
    margin-bottom:20px;
}

/* ご旅行条件 */
.cond_text_16px {
   font-size:16px;
}
.cond_midashi_title {
   width:100%;
   height:31px;
   background-color: #00509a;
   color: #fff;
   font-size:16px;
   text-align:left;
   display: flexbox;
   padding-top:4px;
}
.cond_midashi_td {
    /*font-family: "メイリオ", "ＭＳ Ｐゴシック" , "IPA Pゴシック" ;*/
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;

    font-size:15px;
    vertical-align:middle;
    text-align: left;
    width:96%;
}
.cond_amount_tadle_center {
    margin-left:90px;
}
.cond_amount_tadle {
    background-color:#1f497d;
    font-size:15px;
}
.cond_title_td {
    color: #FFF;
    text-align: center;
    font-size:15px;
    width:150px;
    padding-left:20px;
    padding-right:20px;
    height:50px;
}
.cond_td {
    color: #000;
    text-align: center;
    font-size:15px;
    width:230px;
    padding-left:20px;
    padding-right:20px;
    background-color: #EEE;
}
.cond_amount_td {
    /*font-family: "メイリオ", "ＭＳ Ｐゴシック" , "IPA Pゴシック" ;*/
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;

    font-weight: bold;
    vertical-align:middle;
    text-align: center;
    width:120px;
    color: #F00;
    font-size:15px;
    background-color: #FFF;
}

.cond_shiharai_title_td {
    color: #FFF;
    text-align: center;
    font-size:15px;
    width:150px;
    padding-left:20px;
    padding-right:20px;
    height:30px;
}

.cond_shiharai_td {
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;

    vertical-align:middle;
    text-align: left;
    width:250px;
    color: #000;
    font-size:15px;
    background-color: #FFF;
}

.cond_amount_nomal_td {
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;

    vertical-align:middle;
    text-align: center;
    width:120px;
    color: #000;
    font-size:15px;
    background-color: #FFF;
}

/* 旅行代金エリア */
.ryokou_naka_midashi {
    text-align: center;
    width:100%;
    height:27px;
    background-color: #0f71c8;
    color: #fff;
    margin-bottom: 2px;
    padding-top:3px;
    font-size: 14px;
}

.cal_type {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #0f71c8;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: solid 2px;
    width: 158px;
    display: table-cell;
}
.cal_type_notuse {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: solid 2px;
    width: 158px;
    display: table-cell;
}
.cal_type_last {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #0f71c8;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 158px;
    display: table-cell;
}
.cal_type_last_notuse {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 158px;
    display: table-cell;
}



.room_type_li {
    display: table;
    width:100%;
    padding: 0;
    margin-bottom: 10px;
}

.room_type {
    background-size: 13px 8px;
    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #0f71c8;
    border-right: solid 2px;
    width: auto;
    display: table-cell;
}

.room_type_enable:hover  {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #0f71c8;
    border-right: solid 2px;
    width: auto;
    display: table-cell;
}

.room_type_last {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #0f71c8;
    /*border-right: solid 2px;*/
    width: auto;
    display: table-cell;
}

.room_type_last_enable:hover {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #0f71c8;
    /*border-right: solid 2px;*/
    width: auto;
    display: table-cell;
}

.room_type_enable {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #CCCCCC;
    border-right: solid 2px;
    width: auto;
    display: table-cell;
}

.room_type_last_enable {
    background-size: 13px 8px;

    font-size: medium;
    text-align:center;
    color: #fff;
    background-color: #CCCCCC;
    /*border-right: solid 2px;*/
    width: auto;
    display: table-cell;
}

.btn_room_type {
    border: 0px;
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    width:100%;
    height:50px;
    display:block;
}



.telno_image {
    background: url("../obj2/tel_bg.png") no-repeat center;
    background-size: 944px 152px;
    width: 944px;
    height: 152px;
    align-items: center;
}
.telno_workinfo {
    color: #FFF;
    font-size: 17px;
    font-weight: 500;
}
.telno_call {
    color: #FFD661;
    font-size: 24px;
    font-weight: bold;
}






/* カレンダー関連 */
.youbi_holiday {
    color :#990000;
    background-color:#EEEEEE;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
}
.youbi_nomalday {
    color :#000000;
    background-color:#EEEEEE;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
}
.youbi_satday {
    color :#00509a;
    background-color:#EEEEEE;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
}
.bt_month_move {
    margin-top: 12px;
    margin-bottom: 10px;
    font-size: 16px;
    height: 35px;
    text-align: center;
    width: 120px;
    border: 1px solid #CCCCCC;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #a2bfd6 97%, #2989d8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#a2bfd6 97%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#a2bfd6 97%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
    border-radius:5px;

}
.bt_months {
    margin-top: 12px;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;

    font-size: 16px;
    height: 35px;
    text-align: center;
    width: 80px;
    border-radius:5px;

    border: 1px solid #CCCCCC;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #a2bfd6 97%, #2989d8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#a2bfd6 97%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#a2bfd6 97%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
}

.info_left {
    font-size: small;
    text-align: left;
}


/* tableスクロール */
.overflow_table {
    table-layout: fixed;
    width: 100%;
    padding-bottom: 5px;
}

.tb_scrool {
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    font-size: small;
}

.overflow_table th{
width: 50px;
} 
.overflow_table td{
white-space: nowrap;
width: auto;
}
.overflow_table td > .overflow_table div{
overflow: auto;
}