@charset "utf-8";

/* 国内・海外TOP用 */


body.type_destination.domestic{
	background:url(../img/common/bg_dom_body.png) repeat-x center 248px,url(../img/bg_dom_body.png) repeat-x left 649px!important;
}
body.type_destination.abroad{
	background:url(../img/common/bg_abr_body.png) repeat-x center 248px,url(../img/bg_abr_body.png) repeat-x left 649px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■top_main
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#top_main_box{
	width:1015px;
	margin: 0 auto 40px;
	overflow: hidden;
}
#top_main{
	overflow:hidden;
	margin-bottom:0px;
}
#top_main_box #search{
	height:396px;
	float:left;
	margin:0 0 0px 23px;
	font-size:13px;
}
.domestic #top_main_box #search{
	background:url(../img/domestic/index/search_bk.png) no-repeat;
}
.abroad #top_main_box #search{
	background:url(../img/abroad/index/search_bk.png) no-repeat;
}
#top_main_box #search dl{
	padding:0 0 0 18px;
}
#top_main_box #search select{
	width:155px;
}
#top_main_box #search select.year{
	width:55px;
}
#top_main_box #search select.m_d{
	width:40px;
}
#top_main_box #search dt{
	font-weight:bold;
	margin-bottom:3px;
}
#top_main_box #search dd{
	margin-bottom:7px;
	font-size:12px;
}
#top_main_box #search p.btn{
	text-align:center;
	margin-top:14px;
}
.domestic #top_main_box #search dt span{
	color:#318241;
}
.abroad #top_main_box #search dt span{
	color:#1e78c6;
}

/*国内、海外トップ用スライダー*/
#index_slider{
	background-color:#fff;
	height:396px;
	width:720px;
	float:right;
	margin-right:21px;
	position: relative;
}

/*.bx-wrapper .bx-viewport{
	border:none !important;
	left:0 !important;
	box-shadow:none !important;
}*/
.bx-wrapper{
	margin-bottom:9px !important;
	text-align:center;
}
.bx-wrapper img{
	width:720px;
	height:320px;
}
#bx-pager{
	text-align:center;
}
#bx-pager li{
	display: inline-block;
	margin: 0 4px;
	background-color:#000;
}
#bx-pager li a img{
	opacity: 0.50;
	filter: alpha(opacity=50);
	width:132px;
	height:59px;
}

#bx-pager a.active img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.bx-wrapper .bx-controls-direction{
}
.bx-wrapper .bx-controls-direction a{
	background: url(../img/index/ctrl_l.png) left top no-repeat;
	width: 45px !important;
	height: 45px !important;
	top:px;
	left:-20px;
}
.bx-wrapper .bx-controls-direction a{
	width: 45px !important;
	height: 45px !important;
}
.bx-wrapper .bx-controls-direction a{
	background: url(../img/index/ctrl_l.png) left top no-repeat  !important;
	left:-20px;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	background: url(../img/index/ctrl_r.png) left top no-repeat  !important;
	left:696px;
}
.bx-controls{
	width: 724px;
	/*margin: -210px auto 0;*/
	position: relative;
}

.bx-prev,
.bx-next{
	position: absolute;
	display: block;
	text-indent: -9999px;
	top: -190px;
	width: 45px;
	height: 45px;
	z-index:500;
}
.bx-prev a{
	overflow:visible;
}
.bx-prev{
	left: -21px;
	background: url(../img/index/ctrl_l.png) left top no-repeat;
}
.bx-next{
	right: -23px;
	background: url(../img/index/ctrl_r.png) left top no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■index_tour
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#index_tour{
	background:url(../img/index/bg_tour.png) no-repeat bottom center #fff;
	padding-top:22px;
	margin-bottom:19px;	
}
#index_tour .body{
	width:970px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:26px;
}
#index_tour .dom{
	float:left;
	overflow:hidden;
}
#index_tour .abr{
	float:right;
	overflow:hidden;
}
#index_tour div{
	overflow:hidden;
}
#index_tour div img.map{
	float:left;
}
#index_tour div ul{
	float:right;
	height:125px;
	padding:20px 0 0 0;
}
#index_tour div ul li{
	float:left;
	padding-left:12px;
	margin-right:4px;
}
#index_tour div ul li.all{
	margin-bottom:10px;
}
#index_tour .dom ul{
	background:url(../img/index/bg_tour_dom.png) no-repeat;
	width:236px;
	padding-left:13px;
}
#index_tour .abr ul{
	background:url(../img/index/bg_tour_abr.png) no-repeat;
	width:231px;
	padding-left:8px;
}





/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■title_t_guide
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.type_destination #t_guide{
	background-color:#e8e8e8;
	padding:38px 0 16px 0;
	margin-bottom:20px;
}
.type_destination #t_guide .body{
	width:970px;
	margin:0 auto;
	overflow:hidden;
}
.type_destination #t_guide p.title{
	margin-bottom:5px;
	text-align:center;
}
.type_destination #t_guide .info_btn{
	width:620px;
	overflow:hidden;
	float:right;
}
.type_destination #t_guide ul.list{
	width:630px;
}
.type_destination #t_guide ul.list li{
	float:left;
	margin:0 10px 12px 0;
	background:url(../img/common/bg_t_guide.png) no-repeat #fff;
	border:1px solid #d0d0d0;
}
.type_destination #t_guide ul.list li{
	padding:13px 23px;
}

.type_destination #t_guide .media_info{
	width:328px;
	height:365px;
	border:1px solid #d0d0d0;
	float:left;
	margin-right:20px;
	background:url(../img/index/media_info_bk.png) no-repeat left top #fff;
}
.type_destination #t_guide .media_info p.txt{
	font-size:13px;
	margin:0 17px;
	padding-bottom:13px;
	border-bottom:1px dotted #bbb;
}
.type_destination #t_guide .media_info p.more{
	text-align:right;
	padding-top:10px;
	margin:0 17px 0 17px;
	border-top:1px dotted #bbb;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■course_search
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#course_search{
	margin-bottom:20px;
	background-color:#fff;
	border-radius:3px;
}
#course_search{
	padding:12px 15px 12px 24px;
	overflow:hidden;
}
.domestic #course_search{
	background-color:#fbfdfb;
}
.abroad #course_search{
	background-color:#fafcfd;
}
#course_search h2{
	float:left;
	padding:8px 13px 0 0;
}
#course_search input.box{
	padding:7px;
	border:1px solid #ccc;
	border-radius:5px;
}
#course_search input.btn{
	margin:0 10px 0 16px;
	vertical-align:middle;
}
#course_search span{
	font-size:11px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■osusume
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.osusume{
	overflow:hidden;
	width:970px;
	margin-bottom:35px;
}
.osusume h2{
	margin-bottom:23px;
}
.osusume ul{
	width:993px;
}
.osusume ul li{
	margin-right:24px;
	margin-bottom:16px;
	width:306px;
	float:left;
}
.osusume ul li img{
	border:2px solid #c4c4c4;
	margin-bottom:5px;
	max-width: 100%;
	height: auto;
}	
.osusume ul li a{
	color:#0059d2;
}
.osusume ul li a:hover {
  color: #679fec;
}
.osusume ul li .title{
	margin-bottom: 5px;
	line-height: 1.5;
}
.osusume ul li .period{
	font-size: 12px;
	color: #666;
}
.osusume ul li .price{
	font-size: 16px;
	font-weight: bold;
	color: #e50000;
}
.osusume ul li .price .tax{
	font-size: 12px;
	font-weight: normal;
}
.osusume .btn{
	clear: both;
}
.osusume .btn a{
	display: block;
	margin: 0 auto;
	width: 300px;
	border-radius: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	position: relative;
	padding-right: 30px;
}
.osusume .btn a::before,
.osusume .btn a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.osusume .btn a::before{
    left: 90%;
    width: 12px;
    height: 2px;
    background: #fff;
	margin-left: -3px;

}
.osusume .btn a::after{
    left: 90%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.domestic .osusume .btn a{
	background-color:#2d863e;
}
.abroad .osusume .btn a{
	background-color:#2a7abb;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■ranking
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#ranking{
	overflow:hidden;
	margin-bottom:28px;
}
#ranking h2{
	margin-bottom:18px;
}
#ranking ul{
	padding:27px 0 27px 30px;
	overflow:hidden;
}
.domestic #ranking ul{
	background:url(../img/domestic/index/ranking_bk.png) no-repeat left top #dae7d9;
}
.abroad #ranking ul{
	background:url(../img/abroad/index/ranking_bk.png) no-repeat left top #cce1f3;
}
#ranking ul li{
	float:left;
	margin-right:26px;
	width:160px;
	position:relative;
}
#ranking ul li:after{
	width: 61px;
	height: 54px;
	display: block;
	position:absolute;
	left:0;
	top:0;
	opacity: 1.0;
	z-index:10;
	background-size:cover;
	content: "";
}
#ranking ul li.rank1:after{
	background-image:url(../img/index/ranking01.png);
}
#ranking ul li.rank2:after{
	background-image:url(../img/index/ranking02.png);
}

#ranking ul li.rank3:after{
	background-image:url(../img/index/ranking03.png);
}

#ranking ul li.rank4:after{
	background-image:url(../img/index/ranking04.png);
}

#ranking ul li.rank5:after{
	background-image:url(../img/index/ranking05.png);
}

#ranking ul li img{
	margin-bottom:15px;
	width: 100%;
	height: auto;
}
#ranking p.price{
	font-weight:bold;
	color:#e70000;
}
#ranking p.period{
	display: none;
}
#ranking ul li.rank1{
	background:url(../img/index/ranking01_b.png) no-repeat left 110px;
}
#ranking ul li.rank2{
	background:url(../img/index/ranking02_b.png) no-repeat left 110px;
}
#ranking ul li.rank3{
	background:url(../img/index/ranking03_b.png) no-repeat left 110px;
}
#ranking ul li.rank4{
	background:url(../img/index/ranking04_b.png) no-repeat left 110px;
}
#ranking ul li.rank5{
	background:url(../img/index/ranking05_b.png) no-repeat left 110px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■m_t
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#m_t{
	overflow:hidden;
	margin-bottom:5px;
}
#m_t h2{
	margin-bottom:18px;
}

/*map*/
#map{
	width: 469px;
	float:left;
	margin-right:32px;
}

#map .maparea{
	position:relative;
}
#map ul li{
	position:absolute;
	z-index:2;
	left:0;
	top:0;
}
#map ul li a{
	display: block;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 20px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}

.domestic #map ul li a{
	color: #318241;
	border-color: #71CA83;
}
.domestic #map ul li a:hover{
	color: #71CA83;
}
.abroad #map ul li a{
	color: #1e78c6;
	border-color: #94C4EF;
}
.abroad #map ul li a:hover{
	color: #94C4EF;
}


/*theme*/
#theme{
	width:469px;
	overflow:hidden;
}
#theme a{
	font-weight:bold;
	color:#2f8c41;
}
.domestic #theme a{
	color:#2f8c41;
}
.domestic #theme a:hover{
	color:#5ac56e;
}
.abroad #theme a{
	color:#0a68ba;
}
.abroad #theme a:hover{
	color:#4598e1;
}
#theme ul{
	width:489px;
}
#theme ul li{
	float:left;
	margin:0 20px 10px 0;
	text-align:center;
	width:143px;
}
#theme ul li.big{
	margin:0 19px 13px 0;
	font-size:16px;
	width:225px;
}
#theme ul li img{
	margin-bottom:5px;
	width: 100%;
	height: auto;
}