/* header */

#header {
	width: 750px;
	clear:both;
	}

#header .top_left{
	width: 200px;
	height: 170px;
	background: url("../image/header03.jpg") no-repeat left top;
	padding: 0;
	margin-right: 10px;
	float: left;
	}

	.top_left h1 {
		font-size: 8pt;
		color: #fff;
		margin: 2px 0 0 2px;
		font-weight: normal;
		}

.logo{
	position: relative;
	top: 54px;
	width: 200px;
	height: 88px;
	clear: both;
	}


#header .top_right{
	width: 540px;
	height: 170px;
	float: right;
	}

	#header .top_right h2{
		width: 320px;
		padding-top: 1px;
		margin-left: 220px;
		font-size:11px;
		color: #666;
		font-weight: normal;
		text-align: right;
		}

	#header .top_right p{
		width: 320px;
		padding-top: 96px;
		margin-left: 220px;
		font-size:11px;
		color: #666;
		font-weight: normal;
		text-align: right;
		}


/* 出発地別ボタンとイメージ */
.catedep{
	width: 540px;
	height: 50px;
	position: relative;
	}

	.catedep .bg_catedep{
		width: 540px;
		height: 50px;
		background: url("../image/category/dep_back.gif") no-repeat left top;
		clear: both;
		}

	.catedep img{
		top:9px;
		position: absolute;
		clear: both;
		}

		.catedep img#tyo{
			left: 162px;
			}

		.catedep img#osa{
			left: 238px;
			}

		.catedep img#ngo{
			left: 314px;
			}

		.catedep img#fuk{
			left: 390px;
			}

		.catedep img#oka{
			left: 466px;
			}

.cateimg {
	width: 540px;
	height: 120px;
	margin: 0;
	clear: both;
	position:relative;
	}

	.cateimg img{
		top:45px;
		position: absolute;
		clear: both;
		}

		.cateimg img#n_niseko{
			left:300px;
			}
		.cateimg img#n_rusutu{
			left:300px;
			}

		.cateimg img#n_kiroro{
			left:300px;
			}

		.cateimg img#n_sahoro{
			left:300px;
			}

		.cateimg img#n_furano{
			left:300px;
			}

		.cateimg img#n_tomamu{
			left:300px;
			}

		.cateimg img#n_spk{
			left:300px;
			}

		.cateimg img#n_hkd{
			left:300px;
			}
		
		.cateimg img#n_tyo{
			left:300px;
			}
			
		.cateimg img#n_osa{
			left:300px;
			}
		
		.cateimg img#n_ngo{
			left:300px;
			}
		
		.cateimg img#n_fuk{
			left:300px;
			}
		
		.cateimg img#n_oka{
			left:300px;
			}
		
		.cateimg img#n_slope{
			left:210px;
			}
		
		.cateimg img#n_sitemap{
			left:230px;
			}

	.cateimg .bg_niseko{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_niseko.gif") no-repeat left top;
		}
	
	.cateimg .bg_rusutu{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_rusutu.gif") no-repeat left top;
		}

	.cateimg .bg_kiroro{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_kiroro.gif") no-repeat left top;
		}

	.cateimg .bg_sahoro{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_sahoro.gif") no-repeat left top;
		}

	.cateimg .bg_furano{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_furano.gif") no-repeat left top;
		}
	.cateimg .bg_tomamu{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_tomamu.gif") no-repeat left top;
		}

	.cateimg .bg_spk{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_spk.gif") no-repeat left top;
		}

	.cateimg .bg_hkd{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_hkd.gif") no-repeat left top;
		}
		
	.cateimg .bg_tyo{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_tyo.gif") no-repeat left top;
		}
		
	.cateimg .bg_osa{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_osa.gif") no-repeat left top;
		}	
		
	.cateimg .bg_ngo{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_ngo.gif") no-repeat left top;
		}
		
	.cateimg .bg_fuk{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_fuk.gif") no-repeat left top;
		}
		
	.cateimg .bg_oka{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_oka.gif") no-repeat left top;
		}
	
	.cateimg .bg_slope{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_slope.jpg") no-repeat left top;
		}
		
	.cateimg .bg_sitemap{
		width: 540px;
		height: 120px;
		background: url("../image/category/pic_sitemap.jpg") no-repeat left top;
		}


/* パンくずリスト */

.crumb{
	width:540px;
	font-size: 11px;
	margin-bottom: 5px;
	clear: both;
	}


/* タイトル */
.cate_ttlbar{
	width: 540px;
	margin: 0 0 6px 0;
	padding: 0;
	}

	.cate_ttlbar .imgbox{
		width: 540px;
		height: 30px;
		margin: 0;
		padding: 0;
		background: url("../image/title_back.gif") no-repeat left top;
		}
		
	.cate_ttlbar .imgbox02{
		width: 540px;
		height: 30px;
		margin: 0;
		padding: 0;
		background: url("../image/title_back02.gif") no-repeat left top;
		}
		
	.cate_ttlbar h3 {
		font-size: 16pt;
		color: #fff;
		margin: 0 0 0 26px;
		padding: 2px 0 0 0;
		font-weight: bold;
		}
		
		* html .cate_ttlbar h3 {
		padding: 4px 0 0 0;
		}
		
	.cate_ttlbar .comentbox{
		width: 540px;
		}

	.cate_ttlbar .comentbox p{
		padding: 6px 0 0 0;
		font-size: 10px;
		}

/* ++++++++++カテゴリー用CSS++++++++++ */

/* 商品ボックス */

.plan_list{
	width: 540px;
	margin: 0;
	padding: 0;
	clear: both;
	}


.tourbox{
	width: 264px;
	margin: 0 4px 10px 0;
	padding: 2px 0 4px 0;
	text-align: center;
	border:1px solid #9FE2FE;
	background:#fff;
	min-height:186px;
	height: auto !important;
	height: 186px;
	float: left;
	}
	
	.tourbox .title{
		width: 260px;
		height: 46px;
		padding-top: 2px;
		text-align: center;
		background: #ACE6FE url("../image/category/planl_back.gif") no-repeat left bottom;
		color: #00f;
		clear: both;
		}

		.tourbox .title .subtitle{
			width: 260px;
			margin: 0;
			padding: 0;
			font-size: 12px;
			text-align: center;
			clear: both;
			}

		.tourbox .title h4{
			width: 260px;
			margin: 0;
			padding: 0;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			clear: both;
			}

	.tourbox .contbox{
		width: 260px;
		margin-bottom: 5px;
		padding-top : 5px;
		clear: both;
		}

		.tourbox .contbox .leftbox{
			width: 96px;
			height: 86px;
			float: left;
			}

			.tourbox .contbox .tour_img{
				width: 94px;
				height: 84px;
				margin-bottom: 4px;
				border:1px solid #999;
				clear: both;
				}

				.tourbox .contbox .tour_img img{
					border: 2px solid #fff;
					}

		.tourbox .contbox .rightbox{
				width: 160px;
				float: right;
				}

		.tourbox .rightbox .iconbox{
			width: 160px;
			margin: 0 2px 4px 0;
			clear: both;
			} 

		.tourbox .contbox p{
			width: 160px;
			margin-bottom: 5px;
			font-size: 12px;
			line-height: 1.2;
			}

			.tourbox .contbox .lowestprice{
				width: 156px;
				font-size: 11px;
				text-align: left;
				}

			.tourbox .contbox .price{
				color:#f00;
				font-size: 12px;
				font-weight: bold;
				}
				
			.tourbox .contbox .kikan{
				font-size: 12px;
				font-weight: bold;
				}

	.tourbox .reservebox{
		width: 260px;
		padding-top: 4px;
		border-top:1px dotted #999;
		}
	
		.tourbox .reservebox .details_dep_btn{
			width: 260px;
			height: 24px;
			padding-top: 2px;
			} 
			
				.tourbox .reservebox .details_dep_btn img{
					width: 50px;
					margin: 0 2px 0 0;
				 	padding: 0;
					float: left;
					} 
	
		.tourbox .reservebox .details_btn{
			width: 70px;
			height: 20px;
			float: right;
			} 


/* depcategory */

.homenbox {
	width: 540px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
	clear: both;
	}

	.homenbox .leftbox{
		width: 90px;
		height: 80px;
		float: left;
		}

		.homenbox .leftbox .pht{
			width: 84px;
			height: 74px;
			border: 1px solid #999;
			}

		.homenbox .leftbox .pht img{
			border: 2px solid #FFF;
			}

	.homenbox .rightbox{
		width: 440px;
		padding-right: 10px;
		float: right;
		}

		.homenbox .rightbox .ttlbox{
			width: 440px;
			}

		.homenbox .rightbox h3{
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 2px;
			}

		.homenbox .rightbox p{
			width: 440px;
			margin-bottom: 5px;
			font-size: 12px;
			line-height: 1.3;
			}


/* ++++++++++エントリー用CSS++++++++++ */

.picbox{
	width: 540px;
	height: 160px;
	padding-top: 2px;
	text-align: center;
	background: url("../image/pic_entry/back.gif") no-repeat left top;
	}


#tour{
	width: 540px;
	margin: 20px 0 20px 0;
	clear: both;
	}
	
	#tour .tour_title{
		width: 270px;
		height: 30px;
		margin: 0;
		padding: 0;
		}
	
	#tour .tourboard{
		width: 540px;
		}

		ul#nav{
			width: 400px;
			height:27px;
			position: relative;
			list-style: none;
			float: right;
			clear: both;
			}
		
		ul#nav li{
			position: absolute;
			top:0;
			width:50px;
			}
		
		ul#nav a {
			display: block;
			height:27px;
			font-size: 12px;
			text-align: center;
			letter-spacing: 2px;
			font-weight: bold;
			color: #333;
			line-height:25px;
			text-decoration: none;
			}
		
				ul#nav a .ss{
			 		display: block;
					height:27px;
					font-size:10px;
					text-align: center;
					letter-spacing: 0px;
					font-weight: bold;
					color: #333;
					line-height:10px;
					text-decoration: none;
					padding-top: 3px;
					}
		
		ul#nav a:hover {color: #FD7509;}
		
				ul#nav a:hover .ss{color: #FD7509;}
		
		li#nav_tyo {left: 90px;}
		li#nav_osa {left: 140px;}
		li#nav_ngo {left: 190px;}
		li#nav_fuk {left: 240px;}
		li#nav_oka {left: 290px;}
		li#nav_base {left: 340px;}
		
		
		ul.choice_tyo {background:url("../image/entry/tab_tyo.gif") no-repeat left top;}
		ul.choice_osa {background:url("../image/entry/tab_osa.gif") no-repeat left top;}
		ul.choice_ngo {background:url("../image/entry/tab_ngo.gif") no-repeat left top;}
		ul.choice_fuk {background:url("../image/entry/tab_fuk.gif") no-repeat left top;}
		ul.choice_oka {background:url("../image/entry/tab_oka.gif") no-repeat left top;}
		ul.choice_base {background:url("../image/entry/tab_base.gif") no-repeat left top;}
		
	
	
		#tour .choice_plan{
			width: 538px;
			background-color: #fff;
			padding-bottom: 5px;
			border-left:1px solid #929292;
			border-right:1px solid #929292;
			border-bottom:1px solid #929292;
			border-top:1px solid #929292;
			}
	
		#tour .contbox{
			width: 520px;
			margin: 10px 0 6px 10px;
			clear: both;
			}
	
			#tour .contbox .textbox{
				width: 520px;
				font-size: 12px;
				padding-bottom: 10px;
				}
		
				#tour .contbox .textbox h4{
					margin-bottom: 3px;
					font-size: 14px;
					color: #333;
					}
	
			#tour .contbox .slope{
				width: 520px;
				font-size: 12px;
				border-top: 1px dotted #666;
				padding-top: 4px;
				}
			
				#tour .contbox .slope dd{
					padding-top: 4px;
					margin-left: 12px;
					font-weight: bold;
					}
				
			#tour .contbox .tokuten{
				width: 500px;
				font-size: 12px;
				line-height: 1.4em;
				margin-left: 20px;
				padding-bottom: 10px;
				}
				
			#tour .contbox .cord{
				width: 500px;
				font-size: 12px;
				line-height: 1.4em;
				margin-left: 20px;
				padding-bottom: 20px;
				}
				
			
				#tour .contbox .cord dd{
					height: 20px;
					font-size: 12px;
					line-height: 1.4em;
					padding-left: 56px;
					margin: 0 0 2px 20px;
					}
				
					#tour .contbox .cord .day2{background:url("../image/icon/day2.gif") no-repeat left top;}
					#tour .contbox .cord .day3{background:url("../image/icon/day3.gif") no-repeat left top;}
					#tour .contbox .cord .day4{background:url("../image/icon/day4.gif") no-repeat left top;}
					#tour .contbox .cord .day5{background:url("../image/icon/day5.gif") no-repeat left top;}
					#tour .contbox .cord .day6{background:url("../image/icon/day6.gif") no-repeat left top;}
				
			#tour .contbox .pay{
				width:180px;
				font-size: 12px;
				font-weight:bold;
				margin:0;
				padding:0;
				position:relative;
				top:5px;
				left:20px;
				}
				
			#tour .contbox .limit{
				width:230px;
				font-size: 12px;
				font-weight:bold;
				margin:0;
				padding:0;
				position:relative;
				top:-8px;
				left:220px;
				}


/* ++++++++++サイトマップ用CSS++++++++++ */

#sitemap{width: 538px;
	border-left:1px solid #46B1DD;
	border-right:1px solid #46B1DD;
	border-bottom:1px solid #46B1DD;
	border-top:1px solid #46B1DD;
	}
	
	.sitemap_title{
		font-size:12px;
		margin:6px 0 4px 10px;
		padding: 0;
		text-align : left;
		}
		
		.sitemap_title a:link {
			color: #333;
			text-decoration: none;
			}

		.sitemap_title a:visited {
			color: #333;
			text-decoration: none;
			}

		.sitemap_title a:hover {
			color: #0000FF;
			text-decoration: underline;
			} 

	#sitemap li a:visited {
		color: #333;
		text-decoration: none;
		}

	#sitemap li a:hover {
		color: #0000FF;
		text-decoration: underline;
		} 
		
	.sitemap_title img{
		margin: 4px 2px 0 0;
		padding: 0;
		}
	
	#sitemapt ul {
		list-style: none;
		font-size:12px;
		margin:0 0 10px 10px;
		padding: 0;
		text-align : left;
		}
	
	#sitemap li {
		list-style: none;
		font-size:12px;
		margin:0 0 4px 40px;
		padding: 0;
		}
		
	#sitemap li a:link {
		color: #333;
		text-decoration: none;
		}

	#sitemap li a:visited {
		color: #333;
		text-decoration: none;
		}

	#sitemap li a:hover {
		color: #0000FF;
		text-decoration: underline;
		}