@charset "Shift_JIS";
@import url(/common/css/jtb_site_970.css);

.fontSmallerEx {font-size:76%;*font-size:65%;}

#main_contents{ width:910px; }

#contentsWrap {margin:20px 30px;width:910px;}
#contentsWrap h1 {margin:0 0 10px 0;}

.yumekyuInfo-head_img {
    width: 910px;
    height: 184px;
}

.yumekyu-info-nav {
    display: flex;
    justify-content: center;
}

.yumekyu-info-nav dl {
    width: 45%;
}

.yumekyu-info-nav dl .box02 {
    padding: 0 20px;
}

#contentsWrap h2 {
    margin:0 0 10px 0;
}

#contentsWrap #chapterList {
    background:url(/luxurytravel/info/img/list_bk.gif) bottom repeat-x;
    border:solid 1px #9F886A;
    padding:10px;
    margin-bottom: 30px;
    width:890px;
}

#contentsWrap #chapterList p {
    margin-bottom:1em;
    font-weight:bold;
    line-height:1.5em;
}


#contentsWrap #chapterList dl ul.box01 {
    float:left;
    width:250px;
    padding:0 20px 5px;
}

#contentsWrap #chapterList dd ul.box02, 
#contentsWrap #chapterList dd ul.box03 {
    float:left;
    width:250px;
    padding:0 19px 5px;
}


#contentsWrap #chapterList ul.box02 {
    border-left:dashed 1px #9F886A;
}

#contentsWrap #chapterList ul li {
    position: relative;
    padding:0 0 0 12px;
    margin:0 0 0.5em 0;
}

#contentsWrap #chapterList ul li::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    vertical-align: middle;
    color: #be9254;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.375em 0.64952em;
    border-left-color: currentColor;
    border-right: 0;
}

#contentsWrap h4 {
    background: #252525;
    background-repeat: no-repeat;
    width:840px;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    font-weight:bold;
    color:#C8BC44;
    position: relative;
}
#contentsWrap h4::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    color: #C8BC44;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.64952em 0.375em;
    border-top-color: currentColor;
    border-bottom: 0;
}

#contentsWrap #chapterList dl {float:left}
#contentsWrap #chapterList dl dt {padding:0 20px 12px 12px; margin:0 0 0 10px; font-weight:bold;background:url(../img/dt_bk.gif) left 3px no-repeat; color:#333333;}
#contentsWrap div#chapterList ul.menuAtten {float:none;padding:none; margin-bottom:10px;padding:0 15px 5px;}
#contentsWrap div#chapterList ul.menuAtten li {float:left;background:url(../img/list_atten_bk.jpg) #F3F3F3 left top repeat-x;border:1px solid #999999;padding:5px 8px;margin:0 10px 0 0;font-size:101%;}
#contentsWrap div#chapterList ul.menuAtten li a:link, #contentsWrap div#chapterList ul.menuAtten li a:visited {text-decoration:none;}

#contentsWrap #contentsBox {margin:0 0 0 20px;}
#contentsWrap #contentsBox p.page2top {text-align:right;margin:0 20px 10px 0;}
#contentsWrap #contentsBox p.page2top a {background:url(/common/images/icon_list_up.gif) 0 0.3em no-repeat;padding-left:9px;}
#contentsWrap h3 {margin:0 0 10px 0;}

#contentsWrap h5 {
    background:url(/luxurytravel/info/img/line03.png);
    width:830px;
    height:30px;
    line-height: 30px;
    font-weight:bold;
    color:#333333;
    margin: 5px 0;
    padding-left: 10px;
}

#contentsWrap .detailBox {margin:0 0 15px 0;}
#contentsWrap .detailBox li {border-right:solid 1px #B2B2B2;border-left:solid 1px #B2B2B2;border-bottom:dotted 1px #B2B2B2;padding:10px 0 10px 20px;width:848px;}
#contentsWrap .detailBox li.bottom {border-bottom:solid 1px #B2B2B2;}
/* ��������ǉ��E�ύX����090115takemoto */
#contentsWrap .detailBox li p {margin:0 0 5px 0;text-indent:0em;padding:0 15px 0 0em;}
#contentsWrap .detailBox li p.fontSmallerEx {text-indent:0em;padding:0 15px 0 0em;}
#contentsWrap .detailBox li p.coloring01{background-color:#00CC33;color:#FFFFFF;text-align:center;width:530px;padding:3px 3px 3px 5px;}
#contentsWrap .detailBox li p.coloring02{background-color:#CCFFCC;width:530px;margin-top:-5px;padding:3px 3px 3px 5px;}
#contentsWrap .detailBox li p strong {font-weight:bold;}
#contentsWrap .detailBox li table.style01 {margin:0 0 1em 0;}
#contentsWrap .detailBox li table.style01 th {border:solid 1px #333;padding:2px 3px;font-weight:bold;text-align:center;background:#9ee;}
#contentsWrap .detailBox li table.style01 th.w_01 { width:95px;}
#contentsWrap .detailBox li table.style01 th.w_02 { width:70px;}
#contentsWrap .detailBox li table.style01 th.w_03 { width:230px;}
#contentsWrap .detailBox li table.style01 td {border:solid 1px #333;padding:2px 3px;}
#contentsWrap .detailBox li table.style01 td.cout { background:#dbffff ; text-align:center; font-weight:bold;}
#contentsWrap .detailBox li table.style01 td.cout02 { background:#dbffff; }
#contentsWrap .detailBox li table.style02 {margin:0 0 1em 0;}
#contentsWrap .detailBox li table.style02 { border:1px solid #333333;}
#contentsWrap .detailBox li table.style02 td {border:none; padding:2px 2px 3px 4px;}
#contentsWrap .detailBox li table.style02 th { text-align:left; font-weight:bold; padding:4px 6px;}

/* �����܂Œǉ��E�ύX����090115takemoto */
#contentsWrap #common_wrap h5 {background:url(../img/line06.gif);width:810px;height:18px;padding:2px 0 0 20px;line-height:17px;font-weight:bold;color:#555555;margin:5px 0 5px 0;}

#contentsWrap .detailBox li p.noIndent {margin:0 0 5px 0;text-indent:none;padding:0 0 0 0;}
#contentsWrap .detailBox li .note_blue {color:#0000ff;}
#contentsWrap .detailBox li .note_pink {color:#ff00ff;}
#contentsWrap .detailBox li .note_red {color:#ff0000;}
#contentsWrap .detailBox li .plan{text-align:right;margin-right:5px;}


/* �^�u�؂�ւ� -----------------*/
ul#tab { margin:0 0 20px 0;}
ul#tab li { width:174px; height:57px; display:block; float:left; white-space: nowrap; text-indent:100%; overflow:hidden;cursor: pointer; padding:5px 0 0 0;}
ul#tab li img { vertical-align:bottom;}
#contentsWrap ul#tab li:not(:nth-child(5)) { margin-right:10px;}
.disnon { display: none;}

#tab #area_01_nav { 
	background:url(../img/tab_02_off.jpg) bottom left no-repeat; 
	background-size: cover;
    width: 190px;
    height: 62px;
    padding-top: 0;
}
#tab #area_01_nav.select{ 
	background:url(../img//tab_02_on.jpg) bottom left no-repeat; 
	background-size: cover;
    width: 190px;
    height: 62px;
    padding-top: 0;
}
#tab #area_02_nav { background:url(../img/tab_01_off.jpg) bottom left no-repeat; }
#tab #area_02_nav.select{ background:url(../img/tab_01_on.jpg) bottom left no-repeat; }
#tab #area_03_nav { background:url(../img/tab_03_off.jpg) bottom left no-repeat; }
#tab #area_03_nav.select{ background:url(../img/tab_03_on.jpg) bottom left no-repeat; }
#tab #area_04_nav { 
	background:url(../img/tab_04_off_yumekyu-caltet.png) bottom left no-repeat; 
	background-size: cover;
    width: 586px;
    height: 62px;
    padding-top: 0;
}
#tab #area_04_nav.select{ 
	background:url(../img/tab_04_on_yumekyu-caltet.png) bottom left no-repeat; 
	background-size: cover;
    width: 586px;
    height: 62px;
    padding-top: 0;
}
#tab #area_05_nav { background:url(../img/tab_05_off.jpg) bottom left no-repeat; }
#tab #area_05_nav.select{ background:url(../img/tab_05_on.jpg) bottom left no-repeat; }
#tab #area_06_nav { background:url(../img/tab_06_off.jpg) bottom left no-repeat; }
#tab #area_06_nav.select{ background:url(../img/tab_06_on.jpg) bottom left no-repeat; }
#tab #area_07_nav { background:url(../img/tab_07_off.jpg) bottom left no-repeat; }
#tab #area_07_nav.select{ background:url(../img/tab_07_on.jpg) bottom left no-repeat; }
/* �^�u�؂�ւ� -----------------*/




/***********100202_�ǉ�***********/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

/***********100202_�ǉ�***********/


/***********130128_�ǉ�***********/
#contentsWrap .detailBox table{ width:828px;margin:0 20px 10px 0;}
#contentsWrap .detailBox .bottom th,#contentsWrap .detailBox .bottom td{ padding:5px 10px;}
#contentsWrap .detailBox .bottom th,#contentsWrap .detailBox .bottom .table_price{ text-align:center;}

#contentsWrap .pdf_link {
	margin-bottom: 20px;
}
#contentsWrap .pdf_link a {
	display: block;
}
#contentsWrap .pdf_link a:not(:last-child) {
	margin-bottom: 10px;
}


.application_comment {
	font-size: 12px;
}

.info-title-wrapper {
    width: 910px;
    margin: 50px auto;
    border: 1px solid #b29e25;
    background: #f8f8f8;
}

.title-bg {
    width: 100%;
    height: 20px;
    background: #b29e25;
}
.info-title-box {
    position: relative;
    padding: 25px 0;
    max-width: 600px;
    margin: 0 auto;
}
.info-title-box::before {
    content: "";
    position: absolute;
    left: -91px;
    top: 32%;
    transform: translateY(-50%);
    background-image: url(../img/yumekyu-icon.png);
    background-repeat: no-repeat;
    width: 74px;
    height: 72px;
}
#contentsWrap .info-title-box h1 {
    font-size: 35px;
    font-weight: bold;
    color: #b29e25;
    margin-bottom: 20px;
    line-height: 1.3;
}

.info-title-box p {
    font-size: 14px;
}

.info-head {
    font-size: 24px;
    font-weight: bold;
}

.info-head-arrow {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    position: relative;
    width: 1em;
    height: 1em;
    border: 0.1em solid currentColor;
    background: currentColor;
    border-radius: 5px;
    box-sizing: content-box;
    margin-bottom: 5px;
}

.info-head-arrow::before {
    content: '';
    color: #C8BC44;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.2em 0.31177em;
    border-left-color: currentColor;
    border-right: 0;
    transform: translateX(15%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
