@charset "utf-8";
::selection {
    background:#E1EDFF;/* Safari */
    background: #376bb7;/* Safari */
	color:#FFFFFF;
}
::-moz-selection {
    background: #E1EDFF ; /* Firefox */
    background: #376bb7 ; /* Firefox */
	color:#FFFFFF;
}

#sidebar {
	float:left;
	display:inline;
	width:31px;
}

#nav {
	width:31px;
	height:191px;
}

#nav img {
	vertical-align:bottom;
}

.fixed {
	position:fixed;
	top:8px;
}

.fixed2 {
	position:fixed;
}

#k_title {
	width:960px;
	height:463px;
	position:absolute;
	margin:0px 0px 0px -492px;
	padding:30px 0px 0px 24px;
	left:50%;
	overflow:visible;
	background-image: url(images/k_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

#content_l{
	float:left;
	display: inline;
	margin:0px;
	padding:0px 31px 0px 31px;
	width:860px;
	border:3px solid #A3BBE4;
	background-color:#FFF;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.banner {
	background:url(images/banner.png) no-repeat;
	width:859px;
	height:67px;
}

.banner div{
	margin:27px 0px 0px 265px;
	float:left;
	display: inline;
}

.banner .brohure{
	margin:7px 0px 0px 148px;	
}

#container h3{
	margin-top:31px;
}

/* キナバル山の魅力*/
	.bg_feature{
		padding:7px 0px 0px 7px;
		width:851px;
		height:375px;
		background-image:url(images/bg_gray.gif);
	}
	
	.bg_feature li{
		width:272px;
		height:173px;
		float:left;
		display: inline;
		border:#DDDDDD 1px solid;
		background-color:#FFFFF4;
		margin:0px 9px 8px 0px;
	}
	
	.bg_feature .point{
		margin:-15px 0px 0px 14px;
	}
	
	.bg_feature h4{
		margin:8px 0px 0px 14px;
		font-size:13px;
		color:#D23E83;
	}
	
	.bg_feature p{
		padding:3px 6px 0px 16px;
	}
	.bg_feature img{
		margin:0;
		vertical-align:bottom;
	}
	
/* 写真で見るキナバル山 */
	
	#pict_left {
		width:495px;
		float:left;
		display: inline;
		padding:0px 20px 255px 0px;
		border-right:1px #CCC solid;
		background:url("images/certification.png") bottom center no-repeat;
	}
	
	#pict_right {
	width:344px;
	float:left;
	display: inline;
	position:relative;
	}
	
	
	/* 写真で見るの右側（メニュー） */
	#pict_scroll {
		
	}
	
	#pict_right ul{
		margin:3px 0px 17px 0px;
		background:url(images/bk_tbl_kinabalu.png) no-repeat right bottom;
		height:280px;
		width:320px;
	}
	
	#pict_right li{
		float:left;
		display: inline;
	}
	
	#trekking_map{
		margin:10px 0px 0px 0px;
	}
	
	.step_arrow{
		margin:100px 2px 0px 3px;
	}
	
	/* 写真で見るの左側（写真） */
	
	.photo_step h4 img {
		float:left;
		display: inline;
		padding:10px 10px 0px 0px;
	}
	
	.photo_step .photo {
		width:420px;
		float:left;
		display: inline;
		padding:0px 10px 0px 19px;
		border-left:dotted #999999 1px;
	}
	
/*	.photo_step .photo img {
		padding:10px;
		background:url(images/bg_gray.gif);
	}*/
	
	.photo_step p {
		padding-top:5px;
	}
	
	.step_arrow2{
		clear:both;
		text-align:center;
		padding:20px 0px;
	}

/*気候と持ち物*/
.weather_bring {
	margin-left:-20px;
}

.weather_bring li.weather{
	width:420px;
	margin-left:20px;
	float:left;
	display: inline;
}

.weather_bring h4{
	margin-bottom:5px;
}

.weather_bring div{
	background:url("images/bg_blue.gif");
	padding:10px;
}

.weather_bring p{
	background:#FFF;
	margin-bottom:10px;
	padding:15px;
}

.weather_bring img{
	margin-bottom:2px;
}
	
.weather_bring span{
	background-image: url("images/bullet.gif");
    background-positon: left center;
    background-repeat: no-repeat;
    padding-left:10px; 
}

.weather_bring .indent{
	padding-left:10px;
}

.rainforest{
	margin-left:12px;
}

/*ツアー*/

.tour_list_h4 img{
	vertical-align:bottom;
}


.tour_list{
	background:url("images/bg_blue.gif");
	padding:10px 0px;
	margin-bottom:15px;
	zoom:100%;
}



.tour{
	background:#FFFFF4;
	border:1px solid #DDDDDD;
	width:394px;
	height:193px;
	float:left;
	display: inline;
	margin:0px 0px 10px 10px;
	padding:10px;
}

.tour h5{
  font-size:14px;
  margin-bottom:5px;
  line-height:120%;
}

.tour img.thumb{
	margin-right:5px;
}

.tour p.price{
	color:#CC0000;
	font-size:18px;
	font-weight:bold;
	margin:5px 0px;
}

/*SP対応*/
@media only screen and (max-width: 767px) {
	body.feature main #container{width:auto;}
	body.feature main #contents_area{width:auto;margin-top: 0;}
	#k_title {background-image: url(images/k_img_sp.jpg); background-size: cover;height: 570px;}
	#k_title{width: calc(100% - 24px);position:relative;margin:0;left:auto;padding-bottom: 0;}
	#sidebar{display: none;}
	#contents_area > div:nth-child(2){margin-top: 0 !important;}
	#content_l{border:none;padding:0 3%;width: 94%;}
	#container h3 img{width: 100%;height: auto;}
	.bg_feature{width: auto;overflow: auto;height: auto;}
	.bg_feature ul{padding-top: 20px;}
	.bg_feature li{width: 97%;height: auto;}
	.bg_feature li:nth-child(2n){margin-top: -10px;}
	.bg_feature li:nth-child(2n) img{width: 100%; height: auto;}
	.bg_feature li:nth-child(2n-1){padding-bottom: 10px;}
	.banner{display: none;}
	
	.photo_step h4 img{margin-bottom: 10px;}
	#pict_left{width: 100%;}
	#pict_right{display: none;}
	.showcase{width: auto;height: 240px !important;}
	.showcase-arrow-previous, .showcase-arrow-next{top:124px !important;}
	.photo_step p{margin-top: 30px;}
	
	.photo_step .photo{padding:0;border:0;width: auto;height: auto;}
	.photo_step .photo img{width: auto;height: auto;}
	
	.weather_bring li.weather{width: auto;}
	.weather_bring li.weather h4 img{width:auto;height: auto; margin-top: 20px;}
	.weather_bring img{width: 100%;height: auto;}
	
	.tour{width: 88%;height: auto;}
	body.feature main .price{padding-top: 3px;}
	.tour_icon{margin-bottom: 7px;}
	
}