/*-------- 日付：2008年12月 --------*/

/*----- タイトル：世界遺産ポータル-----*/

/*-----------------------------------------*/
/*        JTB共通CSSファイル            */
/*-----------------------------------------*/

@import url(/common/css/jtb_site_970.css);

/*--------------------------------------------- タイトル画像用 */

h1,h2,h3,h4,h5,h6 { /*インライン要素に変更（改行なし）*/
	display:inline;
}

/*------------------------------------------------ テキストコンテンツエリア*/

#text{
	border-bottom:1px solid #333333;
	background-image:url(../../images/bg_text.gif);
	width:970px;
	padding-bottom:1px;
}
#text p{
	margin-left:10px;
}
#text h1{
	margin-left:10px;
}
/*-----------------------------------------*/
/*        ace首都圏発専用CSSファイル            */
/*-----------------------------------------*/

/*------------------------------------------
 フォントカラー
------------------------------------------*/
.red {color:#CC0033;}
.feered{color:#FF0033;}
.white {color:#ffffff;}
.pink {color:#ff008b;}
.blue {color:#000099;}
.gray {color:#666666;}
.deepskyblue { color:#00bfff;}


/*------------------------------------------
 フォント強調
------------------------------------------*/
.bold { font-weight: bold;}


/*------------------------------------------
 テキスト間隔
------------------------------------------*/
.let_spa_2 { letter-spacing: 2px;}


/*------------------------------------------
 縦揃え
------------------------------------------*/
.txt_mdl { vertical-align:middle;}
.txt_btm { vertical-align:bottom;}


/*------------------------------------------
 横揃え
------------------------------------------*/
.txt_rgt { text-align:right;}
.txt_ctr { text-align:center;}


/*------------------------------------------
 外余白
------------------------------------------*/
.mgn_btm_5 { margin-bottom:5px;}
.mgn_btm_10 { margin-bottom:10px;}
.mgn_btm_15 { margin-bottom:15px;}
.mgn_btm_20 { margin-bottom:20px;}
.mgn_top_5 { margin-top:5px;}
.mgn_top_10 { margin-top:10px;}
.mgn_top_15 { margin-top:15px;}
.mgn_top_20 { margin-top:20px;}


/*------------------------------------------
 内余白
------------------------------------------*/
.pdd_lft_5 { padding-left:5px;}
.pdd_lft_10 { padding-left:10px;}
.pdd_lft_20 { padding-left:20px;}
.pdd_rgt_5 { padding-right:5px;}
.pdd_rgt_10 { padding-right:10px;}


/*------------------------------------------
 表示/非表示
------------------------------------------*/
.display_on { display:inline;}
.display_off { display:none;}


/*------------------------------------------
 ライン
------------------------------------------*/
.dot_top_01 { border-top:dotted 1px #666666;}
.dot_btm_01 { border-bottom:dotted 1px #666666;}


/*------------------------------------------
 囲み枠（必要な場合は色を追加）
------------------------------------------*/
.bdr_red { border :solid 1px #E4141A;}
.bdr_choco { border :solid 1px #D2691E;}
.bdr_navy { border :solid 1px #003366;}
.bdr_green { border :solid 1px #336633;}
.bdr_purple { border :solid 1px #660066;}
.bdr_blue { border :solid 1px #0487FD;}

/*------------------------------------------
 宿カセット　ベース
------------------------------------------*/
.hotel_bdr_01 {
	border:solid 1px #6A51A3;
}

.hotel_ttl_01 {
	background-color:#6A51A3;
	padding:0px 10px;
	font-weight: bold;
	color:white;
}


/*------------------------------------------
 画像＋宿名
------------------------------------------*/

.hotel_name_01 {
	letter-spacing:1px;
	float:left;
}

.hotel_list_01 {
	margin:0px 3px 0px 0px;
	float:left;
}


/*------------------------------------------
 グリッド
------------------------------------------*/
.tbl_grid {
	border-right:solid 1px #666666;
	border-bottom:solid 1px #666666;
}

.tbl_grid td {
	border-top:solid 1px #666666;
	border-left:solid 1px #666666;
	vertical-align:middle;
	padding:1px;
}


/*------------------------------------------
 リンクアクション
------------------------------------------*/
#link A:link {color: #0033CC; text-decoration: none;}
#link A:visited {color: #800080; text-decoration: none;}
#link A:active {color: #0033CC; text-decoration: none;}
#link A:hover {color: #0033CC; text-decoration: underline;font-weight:bold; background-color:#FFFF99;}


/*-----------------------------------------*/
/*        制作者追加CSSファイル            */
/*-----------------------------------------*/

/*------------------------------------------
float解除
------------------------------------------*/
.clear_both{
	clear:both;
}

/*-------------------------------------------------------------------------- index*/
/*------------------------------------------
ページ背景
------------------------------------------*/
#index .all_bg{
	background:#88827a;
	padding:20px 20px 10px 20px;
}

/*------------------------------------------
タイトルヘッダ
------------------------------------------*/
#headerttl{
	width:950px;
	border-top:6px solid #000000;
	background-color:#554e44;
	height:337px;
}
#headerttl .lft{
	float:left;
	width:460px;	
}
#headerttl .rgt{
	float:right;
	width:490px;
}
#headerttl .copy{
	padding:5px 15px 5px 45px;
	color:#bdb8b5;	
	height: 159px;
}		
#headerttl .map01{background:url(../../images/heritage_header_03.gif) no-repeat top right;}
#headerttl .map02{background:url(../../images/heritage_header_04.gif) no-repeat top right;}	
/*------------------------------------------
コンテンツ背景
------------------------------------------*/
#index .contents_bg{
	background:url(../../images/contents_bg.gif);
	padding:10px 30px 10px 30px;
	margin: 0px 0px 10px 0px;
}
/*------------------------------------------
コンテンツ
------------------------------------------*/
#index .contents_ttl{
	background:url(../../images/arrow.gif) no-repeat left;
	padding:0px 0px 0px 13px;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}
#index .contents_img{
	background-color:#b28e49;
	border:1px solid #663300;
	padding:3px;
	text-align:center;
}
#index .caption{
	text-align:right;
	color:#666666;
	margin:2px 0px 2px 0px;
}		
#index .bottom_text{
	color:#d4cdb4;
}	
/*-------------------------------------------------------------------------- 各エリア*/	
/*------------------------------------------
タイトルサブヘッダ
------------------------------------------*/
#subttl{
	margin-bottom:1px;
}	
/*------------------------------------------
ページ背景
------------------------------------------*/
#area{
	width:950px;
}	
#area .all_bg{
	background:#88827a;
	padding:10px 29px 10px 29px;
	height:100%;
}
/*------------------------------------------
タイトル
------------------------------------------*/
#area .bunka_ttl{
	background:url(../../images/obi_bunka.gif) no-repeat left top;
	padding:5px 0px 0px 20px;
	margin:0px 0px 10px 0px;
	color:#FFFFFF;
	height:27px;
	font-weight: bold;
}
#area .shizen_ttl{
	background:url(../../images/obi_shizen.gif) no-repeat left top;
	padding:5px 0px 0px 20px;
	margin:0px 0px 10px 0px;
	color:#FFFFFF;
	height:27px;
	font-weight: bold;
}

/*------------------------------------------
コンテンツエリア2分割
------------------------------------------*/
#mainarea{
	float:left;
	width:550px;
	margin:0px 20px 0px 0px;
	position:relative;
	left: 0px;
	top: 0px;
}
#subarea{
	float:right;
	width:322px;
	position:relative;
	left: 0px;
	top: 0px;
}

/*------------------------------------------
左側メインエリア(写真)
------------------------------------------*/	

#mainarea .pic_bdr{
	border:1px solid #999999;
}
#picsmall{
	overflow:hidden;
}	
#picsmall .pic_l{
	float:left;
	margin:5px 10px 5px 0px;
}
#picsmall .pic_r{
	float:left;
	margin:5px 0px 5px 0px;
}

	
	
#mainarea .caption{
	text-align:right;	
	color:#FFFFFF;
	margin:0px 0px 2px 0px;
}
/*------------------------------------------
左側メインエリア(詳細)
------------------------------------------*/	

#mainarea .kugiri{
	background:url(../../images/line_02.gif) no-repeat top;
}
#mainarea .kugiri img{
	margin:0px 10px 0px 0px;
	vertical-align:middle;
}
#shoukai{
	padding:10px 0px 10px 0px;
	margin:5px 0px 0px 0px;
}

#midokoro{
	padding:10px 0px 10px 0px;
}

#midokoro ul{
	padding:0px 0px 0px 5px;
}
#shozai{
	padding:10px 0px 0px 0px;
}

#shozai li {
	display:inline;
	margin:0px 15px 0px 0px;
}

#shozai li img{
	margin: 0px 10px 0px 0px;
	vertical-align:middle;
}
#kousei{
	padding:10px 0px 5px 0px;
	overflow:hidden;
}	
#kousei .left{
	float:left;
	width:68px;
}	
#kousei .right{
	float:right;
	width:482px;
}
#access01{
	padding:10px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	overflow:hidden;
}
#access02{
	padding:0px 0px 10px 0px;
	overflow:hidden;
}
#access01 .left{
	float:left;
	width:118px;
}	
#access01 .right{
	float:right;
	width:432px;
}	
#access02 .left{
	float:left;
	width:48px;
	padding-left:68px;
	margin-top:3px;
}	
#access02 .right{
	float:right;
	width:432px;
}	
/*------------------------------------------
右側サブエリア・おすすめツアー
------------------------------------------*/
#subarea .kugiri{
	border-top:1px dashed #CCCCCC;
}	

#osusume {
	position:relative;
	top:0px;
	left:0px;
	margin-bottom:25px;
}
#osusume .contents_bg{
	background:url(../../images/frame_mid.gif) repeat-y;
	padding:10px 11px 5px 11px;
}
#osusume #tour{
	position:relative;
	top:0px;
	left:0px;
}
#osusume #tour ul{
	padding:5px;
}

#osusume #tour li.bdr{
	border-bottom:1px dotted #999999;
	padding:5px 0px 5px 0px;
}

#osusume #tour li.nobdr{
	padding:5px 0px 5px 0px;
	border-bottom:none;
}	
	
#osusume #tour p.ttl{
	background:url(../../images/arrow_02.gif) no-repeat left 5px;
	padding-left:15px;
}
#osusume #tour .list_kikan{
	padding:0px 0px 0px 15px;
}	
#osusume #tour li .list_kikan A:link{color:#666666;}
#osusume #tour li .list_kikan A:visited{color:#999999;}
#osusume #tour li .list_kikan A:hover{color:#B9B9B9;}	
#osusume #tour li .list_kikan A:active{color:#B9B9B9;}

#osusume #yado{
	position:relative;
	top:0px;
	left:0px;
}	
#osusume #yado li.yadolink01{
	border-bottom:1px dotted #999999;
	width:300px;
}

*html #osusume #yado li{
	line-height:0;
}

*+html #osusume #yado li{
	line-height:0;
}


#osusume #yado li.yadolink02{
	padding:0px ;
	border-bottom:none;
	width:300px;	
}


#osusume #yado li span.link01{
	background:url(../../images/arrow_02.gif) no-repeat 5px 10px;
	padding:5px 0px 4px 20px;
	float:left;
	width:170px;
	display:block;
}
#osusume #yado li span.link02{
	background:url(../../images/arrow_03.gif) no-repeat 5px 11px;
	padding:6px 0px 5px 15px;
	float:left;
	width:130px
	display:block;	
}	

		

/*------------------------------------------
右側サブエリア・インクルードリスト
------------------------------------------*/	
#inc{
	position:relative;
	top:0px;
	left:0px;
	width: 322px;
}
#inc .contents_bg{
	background:url(../../images/list_bg.gif) repeat-y;
	padding:5px 15px 10px 15px;	
}

#inc li.shizen{
	color:#0f4f38;
	margin-top:0px;
	border-left:none;
	padding-left:0px;
}
#inc li.bunka{
	color:#000066;
	border-left:none;
	padding-left:0px;
}	
#inc li{
	border-left:5px solid #bdb8b5;
	margin-top:5px;
	padding-left:5px;
	height:18px;
}	
#inc li A:link{color:#999999;}
#inc li A:visited{color:#666666;}
#inc li A:active{color:#0033CC;}
#inc li A:hover{color:#0033CC;}