@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------

	初期化

---------------------------------------------------------------------------------------------------- */
body,div,
ul,ol,li,
h1,h2,h3,
p {
	margin: 0;
	padding:0;
}
ul,ol,li {
	list-style: none;
}
img {
	border:0;
	vertical-align: text-bottom;
}
h1,h2,h3 {
	font-weight:normal;
}


html {
}
body {
	-webkit-text-size-adjust: 100%;
	margin:				0;
	padding:			0;
	line-height:		1.4;			/* 標準となる行間の指定 */

	font-family:		'MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-size:			13.3px;			/* ブラウザの基準フォントサイズの統一 */
	color:				#000000;
}


html, body {
	height:				100%;
}


/* ----------------｜ font-size ｜-------------------- */
	.text16 		{font-size: 16px}
	.text14 		{font-size: 14px}
	.text12 		{font-size: 12px}
	.text11 		{font-size: 13px}
	.text10 		{font-size: 12px}
	.text9  		{font-size: 11px}
	.text8  		{font-size: 9px}

	.no_border 		{border-style:none}

/* -------------------｜ color ｜-------------------- */
	.bg_gray {background-color: #eae8e8}

	.blue {color: #0000ff}
	.pink {color: #ffc0cb;}


/* -----------------｜  link  ｜-------------------- */
	a 				{text-decoration: none}
	a:link			{color:#0000ff}
	a:visited		{color:#0000ff}
	a:hover			{background-color:#FFD700}
	a.black:link 	{color:#000000}
	a.black:visited {color:#000000}


/* -----------------｜ table  ｜------------------ */
	table {
		border:				0px;
	}
	td {
		padding:			0px;
		font-size:			13px;
	}
	table.border {
		border: 			1px solid #8e8e8e;
 		border-collapse:	collapse;
	}
	table.border td{
		padding:			2px;
		border: 			1px solid #8e8e8e;
		line-height:	 	1.37;
	}

/* -----------------｜ list  ｜------------------ */
	ul.arrow{
		list-style-type: none;
	}

	li.arrow_red {
		padding-left: 14px;
		padding-bottom: 6px;

		background: url("../image/tool/redya.gif") no-repeat 0 4px;
	}

	li.arrow_sky {
		padding-left: 14px;
		padding-bottom: 6px;

		background: url("../image/tool/skyya.gif") no-repeat 0 4px;
	}

/* -----------------｜ effect  ｜------------------ */
img.border_1 {border: 1px solid #000000}

.line_dotted {
		margin:				17px 0 17px;
		width:				100%;
		height:				2px;

		background-image:	url(../image/tool/border_dotted_gray.png);
		background-repeat:	repeat-x;
		background-position: left bottom;
}

.box_arrow {
		text-indent:		5px;
		background:			url("../image/tool/redya.gif") no-repeat 0px 8px;
}

.box_gray {
		border:				1px solid #888888;
		background-color:	#f1f1f1;
}


/* ====================【 container 】===================== */
#container	{
		position:			relative;
		min-height:			100%;			/* フッターのボトム固定用 */

		width:				960px;
		margin:				0 auto;
		padding:			0;
}

/* =====================【 header 】======================== */
#headerbar	{
		width:				960px;
		height:				65px;
		background-image:	url("../image/bg/all_header_960.gif");
		background-position:top;
		background-repeat:	no-repeat;
}

/* ====================【 menu bar 】======================= */
#pagemenu {
		height:				29px;
		background-image:	url("../image/top/bar_syohin_menu_960.gif");
		background-repeat:	no-repeat;
}
#pagemenu div.txt {padding-top:	6px}



/* =================== 【 wrapper 】 ======================= */
#wrapper	{
		width:			960px;
		padding-bottom:	55px;				/* フッターのボトム固定用：フッターの高さと一致させる */

		background-image:		url("../image/bg/bg_category_sky.gif");
		background-position:	top right;
		background-repeat:		no-repeat;

		overflow:				hidden;
}


/* -----------| category bar |------------- */
#categorybar{
		overflow:   hidden;					/* floatのクリア */
		width:		960px;
		padding:	15px 20px 0px;
}

#categorybar img {
		float:		left;
		width:		720px;
		height:		85px;
}

#twitter {
		float:			right;
		margin-right:	30px;
		border-style: 	none;
}


/* ======================【 main 】============================= */
#main {
		float:				left;
		width:				720px;
		padding:			20px;
		margin-bottom:		15px;
}

#main_photo {
		width:				718px;
}

/* ------------| title bar |-------------- */
#title_tour {
		width: 				720px;
	}
	#title_tour div.upper {
		border-top:		solid 1px #aaaaaa;
		padding:		9px 5px 3px 16px;
		padding-left:	16px;
		text-align:		left;
		font-size:		13px;
		background-image:	url(../image/tool/btn_circle_green.png);
		background-position: 0px 12px;
		background-repeat:	no-repeat;
	}
	#title_tour div.middle {
		padding:		3px 2px 12px;	/* 上　左右 下 */
		text-align:		left;
		font-size:		21px;
		letter-spacing: 0.5px;
		background-image:	url(../image/bar/ttlbar_tourtitle_720.png);
		background-position: bottom;
		background-repeat:	no-repeat;
	}
	#title_tour div.bottom {
		padding:		5px 0 7px;
		text-align:		right;
		font-size:		11px;
	}
	#title_tour .small {
		font-size: 14px;
	}


/* ------------------| comment |------------------ */
	.comment {
		margin:		15px 0 15px;
		padding:	5px;
		width:		710px;
	}

	ul.navi{
		list-style-type: none;
	}

	li.navi {
		padding-left: 	18px;
		padding-bottom: 3px;

		line-height: 	20px;
		background:		url(../image/tool/arrow_go.gif) no-repeat 0 3px;
	}


/* ------------------| outline |------------------ */
	#outline {
		overflow:   		hidden;					/* floatのクリア */
		width:				720px;
		margin:				5px 0 15px;
	}
		/* イメージ写真 */
		#outline_pic {
			width:				300px;
			float:				left;
		}

		#pic_tour {
			width:				300px;
			height:				200px;
		}

		#pic_caption {
			margin-top:			4px;
			font-size:			12px;
		}

		/* 概要表 */
		#outline_tbl {
			width:				400px;
			float:				right;
		}

		#outline table{
			border: 0;
			border-spacing:		10px 0px;
			border-collapse:	separate;
			float:				right;
		}
		#outline tr{
			height: 22px;
			padding: 6px; text-align: left;
			vertical-align: top;
		}
		#outline td{
			width: 190px;
			padding: 1px 0 4px;
			vertical-align: top;
		}
		#outline td.bg{
			width: 190px;
			padding: 2px 0 5px 17px;
			vertical-align: top;
			letter-spacing: 	1px;
			background: url(../image/bar/ttlbar_tbl.png) no-repeat top left;
		}
		
		/* 旅行条件 */
		#terms_tbl {
			margin:		7px 0 7px;
		}
		#terms_tbl {
			width:			720px;
		}
		#terms_tbl tr{
			height:			30px;
		}
		#terms_tbl td.cd{
			width:			65px;
		}
		#terms_tbl td.meal{
			width:			110px;
		}
		#terms_tbl td.staff{
			width:			60px;
		}
		#terms_tbl td.persons{
			width:			100px;
		}
		#terms_tbl td.level{
			width:			75px;
		}
		#terms_tbl td.distance{
			width:			130px;
		}


/* -------------| description |-------------------- */
	.description	{
		overflow:   		hidden;					/* floatのクリア */
		min-height:			50px;
		margin: 			15px 0 15px;
		width:				720px;
		vertical-align:		bottom;
		line-height:		1.6;
		text-align:			left;
		background: url(../image/bar/ttlbar_tour_description_720.png) no-repeat 0 2px;
	}
	.description_title {
		padding-top:		5px;
		margin-bottom:		15px;
		text-indent:		33px;
		font-size:			14px;
		font-weight:		bold;
		letter-spacing:		0.3em;
		text-shadow:		2px 2px 1px #ddd;
	}

		/* 集合場所・出発時間 */
		#schedule_tbl {
			margin:			7px 0 7px;
		}
		#schedule_tbl tr{
			height:			26px;
			text-align: 	left;
			vertical-align: middle;
		}
		#schedule_tbl td{
			padding:		2px 4px;
			vertical-align: middle;
		}
		#schedule_tbl td.place{
			width:			280px;
		}
		#schedule_tbl td.time{
			width:			90px;
		}
		#schedule_tbl td.date{
			width:			220px;
		}
		#schedule_tbl td.item{
			width:			200px;
		}

		/* 部屋タイプ・料金 */
		#room_tbl {
			margin:		7px 0 7px;
		}
		#room_tbl tr{
			height:		26px;
			text-align: left;
			vertical-align: middle;
		}
		#room_tbl td{
			padding:		2px 4px;
		}
		#room_tbl td.type{
			width:			260px;
		}
		#room_tbl td.charge{
			width:			120px;
		}

		.marble_green{
			text-indent:	24px;
			background-position: left center;
			background: url(../image/tool/listmark_round_green.png) no-repeat 4px;
		}


		/* リスト */
		.cubic_blue {
			padding:		0 0 4px 24px;
			font-size:		15px;
			font-weight:	bold;
			background: url(../image/tool/cubic_round_blue.png) no-repeat 0 2px;
		}

		.cubic_green {
			display:inline-block;
			content:"";
			margin-right: 6px;

			background: #8bcdba;
			width: 1.5em;
			height: 1.5em;
			border-radius: 50%;
			color: #fff;
			text-align: center;
			font-weight: bold;
			line-height: 1.5;
		}

		.date_mark {
			padding:		0 0 2px 13px;
			background: url(../image/tool/kaku_orng.gif) no-repeat 0px 1px;
		}

		ul.list_arrow_green{
			list-style-type: none;
		}

		li.list_arrow_green {
			padding-left: 	10px;
			padding-bottom: 3px;
			background:		url(../image/tool/greenya.gif) no-repeat 0 5px;
		}


/* =======================【 right 】============================= */
#right_area {
		float:		left;
		padding:	20px 0 20px 0;
}

		/* -------------| banner |-------------- */
		#banner_145_380 {
    			position:			relative;
    			margin:				0px auto;			/*  FireFox のセンタリング対応 */
				padding:			10px;

				width:				147px;
				height:				382px;
				background:			#ffffff;
				border:		 		1px solid #818181;
				margin-bottom:		25px;
		}

		#banner_145_380 img {
				width:				145px;
				height:				380px;
				border:				1px solid #000000;
		}

		/* ----------| banner menu |-------------- */
		.bnrmenu {
    			position:			relative;
    			margin:				0px auto;
				margin-bottom:		10px;
				width:				180px;
				height:				80px;
	    		border:				1px solid #000000;
		}

		/*--------------| order |-----------------*/
		#box_order {
				width:			190px;
				min-height:		300px;
				padding:		50px 0 30px;
				text-align:		center;
				border: 		1px solid #818181;
		}
		.frm_select {
				margin-top:	5px;
				width:	145px;
				padding:			0 0 0 3px;
				background-color:	#f3f3f3;
		}

		.frm_submit {
				margin-top:	30px;
				width:	110px;
				height: 35px;
		}

		#map_article {
				margin:			60px 0 30px;
				padding:		5px 0 5px 0;

				line-height:	2.0;
				text-align:		left;
				border-top: 	1px dotted #818181;
				border-bottom: 	1px dotted #818181;
		}
		#right_area ul {
				margin:			0 0 0 18px;;
				list-style:		none;
		}
		li.pop {
				padding-left: 	18px;
				background:		url("../image/tool/icn_popup.gif") no-repeat 0 0.5em;
		}

		/*----------〈 small pic 〉------------*/

		#small_pic {
			width:				190px;
			margin:				35px auto;

			font-size:			12px;
			line-height:		18px;
			text-align:			center;
		}
		#small_pic img {
			margin-top:			15px;
			width:				165px;
			border:				1px solid #000000;
		}

		/*------------ long pic --------------*/
		#long_pic {
    		margin:				30px auto;
			text-align:			center;
			width:				145px;
			border:				1px solid #000000;
		}

		/*------------ pdf pic --------------*/
		#get_pdf {
    		margin:				0px auto;
			text-align:			center;
			width:				160px;
			font-size:			12px;
		}



/* =======================【 footer 】============================= */

#footer	{
		position:			absolute;			/* フッターのボトム固定用 */
		bottom:				0px;

		width:				960px;
		height:				55px;
		line-height:		1.15;
		border-top: 		1px solid #4d4d4d;
		border-bottom: 		1px solid #000000;

		font-size:			12px;

		padding-top:		5px;
		background-image:	url("../image/top/bg_footer.gif");
		background-position:bottom;
		background-repeat:	no-repeat;

		clear:				both;
}
	#footer_menu {
		margin:				0 0 0 10px;
		font-size:			11px;
	}
	#corp_name {
		text-align:			right;
		padding-right:		5px;
		font-size:			13px;
	}