/* ----- date：2008/5/ ----- */


/*--------------------------------------------------------*/

/*                    JTB共通CSS                          */

/*--------------------------------------------------------*/


@import url(/common/css/jtb_site_970.css);


/*--------------------------------------------------------*/

/*                    ace共通CSS                          */

/*--------------------------------------------------------*/


/*--------------------------------------------
　見出し（インライン要素に変更）
--------------------------------------------*/
h1,h2,h3,h4,h5,h6 { display:inline;}


/*--------------------------------------------
　フォント太字
--------------------------------------------*/
.strong { font-weight: bold;}


/*--------------------------------------------
　テキスト揃え（縦軸）
--------------------------------------------*/
.txt_mdl { vertical-align:middle;}
.txt_btm { vertical-align:bottom;}


/*--------------------------------------------
　テキスト揃え（横軸）
--------------------------------------------*/
.txt_rgt { text-align:right;}
.txt_ctr { text-align:center;}


/*--------------------------------------------
　要素の回り込みを解除
--------------------------------------------*/
.clear_both { clear:both;}



/*--------------------------------------------------------*/

/*                 制作者追加CSS （基本）                 */

/*--------------------------------------------------------*/


/*------------------------------------------
 フォントカラー
------------------------------------------*/
.red {color:#CC0033;}
.feered{color:#FF0033;}
.white {color:#ffffff;}
.pink {color:#ff008b;}
.blue {color:#000099;}
.gray {color:#666666;}
.deepskyblue { color:#00bfff;}


/*------------------------------------------
 テキスト間隔
------------------------------------------*/
.let_spa_2 { letter-spacing: 2px;}


/*------------------------------------------
 外余白
------------------------------------------*/
.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_rgt_5 { padding-right:5px;}
.pdd_rgt_10 { padding-right:10px;}


/*------------------------------------------
 ライン
------------------------------------------*/
.dot_top_01 { border-top:dotted 1px #666666;}
.dot_btm_01 { border-bottom:dotted 1px #666666;}


/*------------------------------------------
 グリッド
------------------------------------------*/
.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;
	background-color:#FFFFFF;
}



/*--------------------------------------------------------*/

/*                 制作者追加CSS （固有）                 */

/*--------------------------------------------------------*/

/*---------------------------------------------テキストコンテンツ*/
#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;
}

/*---------------------------------------------旅の目的タイトル*/
.mokuteki_ttl {
	background-color:#c9f6f6;
	border-top:5px solid #00CCCC;
	padding:4px 0px 4px 10px;
}


/*--------------------------------------------- スタイル｜2列グリッド */

.grid_02lineS {
	width:930px;
	padding:0px 10px 0px 10px;
}

.grid_02lineS .main_left {
	width:460px;
	float:left;
	margin:0px 0px 5px 0px;
}

.grid_02lineS .main_right {
	width:460px;
	float:right;
	margin:0px 0px 5px 10px;
}


/*--------------------------------------------- スタイル｜2列グリッド｜商品カセット */

.grid_02lineS .plan_ttl {
	background-color:#E6FAFA;
	border-left:solid 4px #00CCCC;
	padding:6px 0px 4px 10px;
	border-bottom:solid 1px #B4C8C8;
	line-height:normal;
}

.grid_02lineS .plan_ttl img {
	margin:0px 0px 0px 5px;
	vertical-align:top;
}

.grid_02lineS .plan_main {
	padding:5px 30px 5px 5px;
}

.grid_02lineS .plan_ico img {
	margin:1px 3px 1px 0px;
}


/*--------------------------------------------- 目的｜2列グリッド */

.grid_02lineM {
	border-top:1px solid #B4C8C8;
	background-image:url(../../images/plan_bg_01.jpg);
	background-repeat:repeat-x;
	width:930px;
	padding:5px 10px 0px 10px;
}

.grid_02lineM .main_left {
	width:460px;
	float:left;
	margin:0px 0px 10px 0px;
}

.grid_02lineM .main_right {
	width:460px;
	float:right;
	margin:0px 0px 10px 10px;
}


/*--------------------------------------------- 目的｜2列グリッド｜商品カセット */

.grid_02lineM .plan_main {
	background-image:url(../../images/plan_bg_line.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	padding-left:22px;
}

.grid_02lineM .plan_ttl img {
	margin:0px 0px 0px 6px;
	vertical-align:top;
}

.grid_02lineM .plan_areawaku {
	border:1px solid #333333;
	padding:3px 5px 3px 5px;
}

.grid_02lineM .plan_ico img {
	margin:1px 3px 1px 0px;
}


/*--------------------------------------------- 目的｜3列グリッド */

.grid_03lineM {
	border-top:1px solid #B4C8C8;
	background-image:url(../../images/plan_bg_01.jpg);
	background-repeat:repeat-x;
	width:930px;
	padding:5px 10px 0px 10px;
}

.grid_03lineM .main_left {
	width:300px;
	float:left;
	margin:0px 15px 10px 0px;
}

.grid_03lineM .main_center {
	width:300px;
	float:left;
	margin:0px 15px 10px 0px;
}

.grid_03lineM .main_right {
	width:300px;
	float:right;
	margin:0px 0px 10px 0px;
}


/*--------------------------------------------- 目的｜3列グリッド｜商品カセット */

.grid_03lineM .plan_main {
	background-image:url(../../images/plan_bg_line.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	padding-left:22px;
}

.grid_03lineM .plan_ttl img {
	margin:0px 0px 0px 6px;
	vertical-align:top;
}

.grid_03lineM .plan_ico img {
	margin:1px 3px 1px 0px;
}


/*---------------------------------------------オプションエリア*/
.option_list {
	margin:5px 0px 10px 0px;
}

.option_list ul li{
	list-style:none;
	list-style-type:none;
	display:block;
	background-image:url(../../images/ico_arrow_01.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 0px 2px 15px;
	margin:0px 10px 1px 10px;
	border-bottom:dotted 1px #999999;
}

.option_list .top {
	background-image:none;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}


/*■---------------------------------------------NEWSエリア（インクルード）*/
.news_area {
	background-color:#EFEFEF;
	margin-bottom:15px;
}

.news_bnr {
	padding-left:22px;
}

.news_bnr a div {
	text-decoration:none;
}

.news_bnr ul li {
	list-style:none;
	list-style-type:none;
	display:block;
	width:210px;
	margin-right:22px;
	line-height:normal;
	float:left;
}


/*---------------------------------------------人気プラン！旬のプラン！*/
.ninki{
	background:url(../../images/ninki_btm.gif) left bottom no-repeat;
	background-color:#FFE6E6;
	padding:0px 15px 5px 15px;
	margin-bottom:20px;
}


.ninki .cas_sidetop{
	background:url(../../images/ninki_waku_sidetop.gif) no-repeat;
	height:4px;
	line-height:0px;
	font-size:0px;
}

.ninki .cas_sidebg{
	background:url(../../images/ninki_waku_sidebg.gif) repeat-y;
}


.ninki .cas_sidebtm{
	background:url(../../images/ninki_waku_sidebtm.gif) no-repeat;
	height:9px;
	line-height:0px;
	font-size:0px;
}

.ninki .cas_ctrtop{
	background:url(../../images/ninki_waku_ctrtop.gif) no-repeat;
	height:4px;
	line-height:0px;
	font-size:0px;
}

.ninki .cas_ctrbg{
	background:url(../../images/ninki_waku_ctrbg.gif) repeat-y;
}


.ninki .cas_ctrbtm{
	background:url(../../images/ninki_waku_ctrbtm.gif) no-repeat;
	height:9px;
	line-height:0px;
	font-size:0px;
}


.ninki .box_lft{
	width:280px;
	padding:5px 12px 5px 15px;
}

.ninki .box_ctr{
	width:280px;
	padding:5px 13px 5px 13px;
}

.ninki .box_rgt{
	width:280px;
	padding:5px 15px 5px 12px;
}


.ninki .picarea{
	float:left;
	width:114px;
	border:1px solid #CCCCCC;
	padding:2px;
}

.ninki .txtarea{
	float:left;
	width:155px;
	padding-left:5px;
}

.ninki .txtarea .copy{
	font-weight:bold;
	margin-bottom:3px;
}


/*---------------------------------------------タイトルヘッダ*/

#header_container {
	width: 950px;
}

#header_container img {
	display: block;
}

#header_container div.ttl_container { /* 左上タイトル部分 */
	float: left;
	width: 455px;
}

#header_container div.pic_container { /* 右上写真部分 */
	float: right;
	width: 490px;
	height: 118px;
	background: url(../../images/header_ttl_02.jpg) no-repeat top left;
	padding: 10px 0px 0px 5px;
}#header_container div.pic_container img {
	float: left;
	padding-right: 5px;
}

.header_iJTB_link {
	float: right;
	display: inline;
	width: 159px;
	padding-right: 13px;
	text-align: left;
}
.linktext {
	/*border: 1px solid #000;*/
	float: left;
	width: 276px;
	/*height: 120px;*/
	padding: 3px 15px;
	/*overflow: hidden;*/
}
.linktext a{/*リンクされた文字*/
	font-weight: bold;
}
.linktext a:link {/*未訪問のリンク*/
    /*color:#fff;*/
}
.linktext a:visited {/*訪問後のリンク*/
    /*color:#fff;*/
    text-decoration:none;
}
.linktext a:hover {/*マウスをのせたとき*/
    /*color:#fff;*/
    text-decoration:none;
}
.linktext a:active {/*クリック中*/
    text-decoration:none;
}


/*---------------------------------------------どんな旅がご希望ですか？（タブメニュー）*/

.tab_menu ul li{
	display:inline;
}
.tab_menu ul{
	padding-bottom:1px;
}
.tab_menu img{
	padding-right:4px;
}

.tab_menu img.nopdd{
	padding:0;
}

.tab_menu div.copy{
	margin:0px 0px 3px 0px;
}


/*---------------------------------------------条件で検索ヘッダに移動*/

#searchCondition_header {
	padding: 5px 0 0 15px;
	width: 465px;
	background-color: #fff;
	float: left;
	height: 100px;
	overflow: hidden;
	border: 1px solid #CCC;
	background: url(../../images/search_header_bg.jpg) 0 0 no-repeat #fff;
}

#searchCondition_header .item-wrapper {
	float: left;
	padding: 0;
}

#searchCondition_header dl {
	vertical-align: top;
}

#searchCondition_header dl dt {
	display: block;
	float: left;
	padding: 2px 0 0;
}

#searchCondition_header dl dd {
	display: block;
	float: left;
}

#searchCondition_header dl.item1 { width: 210px; padding: 0 0 7px 250px;}
#searchCondition_header .item2-3-container { clear: both; width: 450px; padding: 0 0 3px 0;}
#searchCondition_header dl.item2 { float: left; width: 236px;}
#searchCondition_header dl.item3 { float: left; width: 200px;}
#searchCondition_header .item5-btn-container { width: 460px;}
#searchCondition_header dl.item5 { float: left;  width: 330px;}

#searchCondition_header dl.item1 dt { width: 48px;}
#searchCondition_header dl.item2 dt { width: 48px;}
#searchCondition_header dl.item3 dt { width: 62px;}
#searchCondition_header dl.item5 dt { width: 48px;}

#searchCondition_header dl.item1 dd { width: 160px;}
#searchCondition_header dl.item2 dd { width: 184px;}
#searchCondition_header dl.item3 dd { width: 100px;}
#searchCondition_header dl.item5 dd { width: 275px; padding: 1px 0 0;}

* html #searchCondition_header dl.item5 dd { padding: 0; margin-top: -1px; } /* IE 6 */
*+html #searchCondition_header dl.item5 dd { padding: 0; margin-top: -2px; } /* IE 7 */

#searchCondition .calendar_icon { /* カレンダーから選ぶ */
	padding: 3px 0 0;
}

#searchCondition_header .calendar_icon img {
	padding: 0 5px 0 0;
}

#searchCondition_header .kensakubtn-container { /* ボタン */
	position: relative;
	float: left;/**/
	margin: -10px 0 0 0;
	padding: 0;
	width: 110px;/**/
	/*background-color: #efefef;*/
}


