@charset ‘UTF-8′;
/* CSS Document */

/*==========================================================
File name: common.css
Description: JRびゅう首都圏発 KSD専用CSS
Author:　
Editor:　
Date:　
Update: 2010/04/20
Table of contents:
・共通
・共通ヘッダ
・共通フッタ
・パンフレット一覧
・ツアーリスト
・ツアー詳細
・こだわり検索
・施設詳細
・6/17（2008 or 2009）
・お気に入りツアー導入改修用2010/03末
・ヘッダ変更対応
==========================================================*/

/*--------------------------------------------------------------
ブラウザスタイルの初期化
---------------------------------------------------------------*/
body{
	z-index:1;
}
/*h1,*//*h1はview_common.cssで制御しているため*/
h2,h3,h4,h5,h6,address{
	margin:0;
	padding:0;
}
table,th,td{
	margin:0;
	padding:0;
	text-align:left;	/*2010/03よりテーブルセルの中の基本位置を左よせに変更*/
}
img{
/*	vertical-align:top;*/	/*2010/03従来のデザインが崩れるため、画像位置は従来通りブラウザ依存を基本とする*/
	border:0;
}
ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style-type:none;
}

/*-------------------------------
clearfix
--------------------------------*/
.clear{
	clear: both;
}
@media screen {
.clearfix{
	overflow: hidden;
}
* html .clearfix{
	zoom: 1;
}
}
.clearfix:after {/*for modern browser*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { 
	display: inline-block; 
	zoom:normal;/*for IE 5.5-7*/
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.clearfix {/*for DreamWeaver View*/
	overflow:hidden;
}

/* 共通　######################################################### */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/*---------↓20091013 ikeda削除 body全体にかかっていた文字指定を、#wrapperか#contents_leftに移動。びゅう本サイトと共通のヘッダー、共通の右カラムを導入する改修↓----------*/
/*body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック', 'MS P Gothic','Verdana','Arial', 'Helvetica', sans-serif;
	font-size:62.5%;　　　12px→1.2em 16px→1.6em  
	color: #333333;
}*/

/*---------↑20091013 ikeda削除↑----------*/

a:hover,a:active {
	color: #ff0000;
}
#contents_left p{
	font-size:1.4em;
	line-height:1.4;
    margin-left:18px;
    margin-bottom:1em;
}

/* びゅう本サイトと共通のヘッダーRSS画像の右余白調節 2010/03末 by ikeda*/
.sub_right img{
	padding-right:5px;
}

/*---------↓20091013 ikeda修正 body全体にかかっていた文字指定を、#wrapperに移動。びゅう本サイトと共通のヘッダー、共通の右カラムを導入する改修↓----------*/
/*#wrapper {
	margin: 0;
	width: 760px;
	text-align: left;
}*/

#wrapper {
	margin: 0;
	width: 760px;
	text-align: left;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック', 'MS P Gothic','Verdana','Arial', 'Helvetica', sans-serif;
	font-size:62.5%;
	color: #333333;
}
/*---------↑20091013 ikeda修正↑----------*/

/*---------↓20091013 ikeda追加 左カラムと右カラムを新しく定義。body全体にかかっていた文字指定を、#contents_leftに移動。びゅう本サイト共通の右カラムを導入する改修↓----------*/
#contents_box_servlet { /*メイン外枠KSD専用*/
	width: 950px;
	margin: 10px 0 0 0px;
}

#contents_box_servlet #contents_left { /*左枠エリアKSD専用*/
	width: 760px;
	float: left;
	font-size:62.5%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック', 'MS P Gothic','Verdana','Arial', 'Helvetica', sans-serif;
	color: #333333;
}

#contents_box_servlet #contents_right { /*右枠エリアKSD専用*/
	width: 190px;
	float: right;
}
/*---------↑20091013 ikeda追加↑----------*/

/*--------- 2010/03末 ikeda 横950px のコンテンツエリア定義をこのファイル1060行目あたりから追加 お気に入りツアー機能追加改修時 ----------*/

#content {
	background: url(../images/common/bg_content.gif) repeat-x;
    clear:both;
   	width: 760px;
}

/* パンくずリスト */
#path{
	padding-left:1em;
	font-size:1.2em;
    float:left;
    margin-top:4px;
    height:25px;
}
.search-top{
	float:right;
    margin:0 14px 6px 9px;
    _margin:0 7px 6px 9px;
}
.search-bottom{
	clear:both;
	width:740px;
    padding:8px 0px 38px 0;
    text-align:right;
}

/*---------↓2010/03末 ikeda削除 h1はview_common.cssで制御しているため↓----------*/
/*h1{
	float:left;
}*/
/*---------↑2010/03末 ikeda削除 h1はview_common.cssで制御しているため↑----------*/
h2 {
	font-size:1.6em;
	color:#006600;
	_padding: 13px 0 0 30px;
	background:url(../images/common/title_bar.jpg) left top no-repeat;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 30px;
}
h3 {
	font-size:1.4em;
	color:#006600;
	margin-left:15px;
	_padding: 8px 0 0 15px;
	width: 730px;
	height:38px;
	clear:both;
	background-image: url(../images/common/bg_title_bar_w730.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
p{
	padding:5px 0 8px 0;
}
.panel {
	font-size:1.2em;
	margin-left: 15px;
    border-collapse:collapse;
}
.panel  td.mid{
	background: url(../images/common/panel_mid.gif) repeat-y;
    padding:3px 15px;
}
#content table{
	margin-left:15px;
}
/*---------↓20091013 ikeda復活↓----------*/
#footer {
    text-align:center;
}
#footer #copyright{
	font-size:1.2em;
	margin:10px 0;
}
/*---------↑20091013 ikeda復活↑----------*/
input{
	border:1px #cccccc solid;
    padding:1px;
}
option{
    padding:1px;
}
select{
	border:1px #cccccc solid;
}

/* 共通ヘッダ　##20091013改修前のヘッダ定義含まれてます###################### */
#header{
	background:url(../images/common/bk_title.gif) repeat-x;
	height:130px;
}

#header #line_yellow{
	text-align:right;
    padding-right:7px;
    height:25px;
}


#header #title #copy{
	padding: 16px 0 0 11px;
	float:left;
}

/* ↓↓↓↓↓20080730 中島修正↓↓↓↓↓↓↓ */
#header #title #link{
	font-size:1.1em;
	float:right;
	margin : 15px 0 0 10px;
	padding-left: 20px;
	background: url(../images/common/icon_greenarrow.gif) left center no-repeat;
}

#header #title #link02{
	font-size:1.1em;
	float:right;
	margin : 15px 0 0 0;
	padding-left: 20px;
	background: url(../images/common/icon_greenarrow.gif) left center no-repeat;
}

#header #title #link03{
	font-size:1.1em;
	float:right;
	margin : 12px 0 0 0;
	padding-left: 10px;
}

#header #title #logo{
	padding: 9px 7px 0 0;
	margin:0 0 0 15px;
	float:right;
}
/* ↑↑↑↑↑↑20080730 中島修正↑↑↑↑↑↑ */

#header #navi{
	padding-left:8px;
	clear:both;
}
#header #navi ul {
	list-style: none;
    margin-left:440px;
}
#header #navi li {
	margin:12px 5px 0 0;
	float: left;
}

/* 共通フッタ　######################################################### */
/*---------↓20091013 ikeda復活↓----------*/
#footer{
    clear:both;
}
#footer #navi {
	font-size:1.2em;
	margin-top:25px;
	_margin-top:0px;
	padding-top:10px;
    border-top:1px #999999 solid;
}
/*---------↑20091013 ikeda復活↑----------*/
/*---------↓20091013 ikeda修正↓----------*/
/*.gototop {
	font-size:1.2em;
	float: left;
	margin: 5px 0 30px 16px;
	_margin: 5px 0 30px 10px;
	padding-left:16px;
	background: url(../images/common/icon_viewtop.gif) left center no-repeat;
}*/
.gototop {
	float: left;
	margin: 5px 0 30px 16px;
	_margin: 5px 0 30px 10px;
	padding-left:16px;
	background: url(../images/common/icon_viewtop.gif) left center no-repeat;
}
/*---------↑20091013 ikeda修正↑----------*/

.pagetop {
	font-size:1.2em;
	float: right;
	margin: 5px 16px 10px 0;
	_margin: 5px 10px 10px 0;
	padding-right:16px;
	background: url(../images/common/icon_pagetop.gif) right center no-repeat;
}

/*---------↓20091013 ikeda追加↓----------*/
.pagetop_float_r {
	float: right !important;
	margin: 5px 16px 10px 0;
	padding-right:16px;
	background: url(../images/common/icon_pagetop.gif) right center no-repeat;
}
/*---------↑20091013 ikeda追加↑----------*/

.pageback{
	font-size:1.2em;
	float: right;
	margin: 5px 0 10px 0;
	padding:0 16px ;
	background: url(../images/common/icon_pageback.gif) left center no-repeat;
}
caption.right{
	width:730px;
	font-size:1em;
	text-align:right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
caption.right2{
	width:700px;
	font-size:1em;
	text-align:right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* 20091020 view_commmonのdivをここで追記宣言し、フォントを設定する。*/
#view_sub { /* びゅうサポート枠 */
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック', 'MS P Gothic','Verdana','Arial', 'Helvetica', sans-serif;
}

/* pamphlet-パンフレット一覧　######################################################### */
#explain {
	font-size:1.2em;
	margin: 0 0 10px 25px;
}

#contents_left #explain {
	font-size:1.2em;
	margin: 0 0 10px 25px;
}/*#contents_left pを定義したら、#explainの定義に上書きされてしまったため、応急措置として#contents_left #explainを定義*/

.panel ul {
	list-style: none;
}
/*
.panel li {
	margin-bottom: 5px;
	padding-left:6px;
	width: 135px;
	float: left;
	background: url(../images/common/right_icon.gif) left center no-repeat;
}
*/
.panel li {
	margin-bottom: 5px;
	padding-left:6px;
	padding-right:1em;
	width: 135px;
	height:30px;
	float: left;
	background: url(../images/common/right_icon.gif) left 0.3em no-repeat;
}
/* 20080520中島↑↑↑↑↑↑↑↑↑heightのスタイルを追加。高さは微調整が必要。############### */

#content table{
	margin-left:15px;
    border-collapse:collapse;
    clear:both;
}
#content table tr.mid{
	background: url(../images/pamphlet/table_mid.gif) repeat-y;
}
#content table tr.mid td{
	padding:7px;
	background: transparent;
}
#content table .table-line{
	margin:2px 0;
    clear:both;
}
#content table tr.mid list{
	background: url(../images/common/circle.gif) left center no-repeat;
}
#content h3.caption{
	background: transparent;
	margin:23px 0 5px 23px;
    border-left:3px #009900 solid;
    width:700px;
    height:18px;
    font-size:1.6em;
    color:#333333;
	padding: 3px 0 3px 8px;
	_padding: 4px 0 1px 8px;
}
#content h4{
	float:right;
    height:83px;
    width:129px;
    text-align:left;
	font-size:1.2em;
}
.p-box{
	width:225px;
	_width:226px;
    padding:5px;
    float:left;
    margin-left:6px;
    _margin-left:4px;
}
img.p-img{
	float:left;
}
.p-box-link{
    font-size:1.2em;
	float:left;
    width:117px;
    margin:0 0 5px 6px;
    _margin:0 0 5px 3px;
    padding-left:12px;
	background: url(../images/common/circle.gif) left center no-repeat;
}

/*---------↓20091013 ikeda修正↓----------*/
/*.p-box-nolink{
    font-size:1.2em;
	float:left;
    width:117px;
    margin:0 0 5px 6px;
    padding-left:12px;
	background: url(../images/common/circle.gif);
}*/
.p-box-nolink{
    font-size:1.2em;
	float:left;
    width:117px;
    margin:0 0 5px 6px;
    padding-left:12px;
	background:none;
}
/*---------↑20091013 ikeda修正↑----------*/

/**/
.p-box-attention{
	color:#FF0000;
    font-size:1.2em;
	float:left;
    width:117px;
	height:40px;
    margin:-48px 0 0 6px;
    _margin:-48px 0 0 3px;
}
/**/

.p-box-bt{
	float:left;
    margin-left:6px;
    width:122px;
}

/* list-ツアーリスト　######################################################### */
#list dl{
	padding:10px 0 10px 11px;
}
#list dt{
    float:left;
    font-weight:bold;
    color:#006600;
    margin-top:4px;
}
#list dd{
    float:left;
}
#list dd #icon-group input{
	margin:6px 5px;
	_margin:4px 2px;
    border:none;
}
#list .paging{
	width:742px;
	text-align:right;
	font-size:1.2em;
    margin:5px 0;
}
/*---------20081021 miura 仮修正----------*/
#list .search-container{
	width:742px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	text-align:left;
}

/*---------↓20081126 iwasa 仮修正↓----------*/
.condition-table{
	width:720px;
	border:0;
	cellpadding:0;
	cellspacing:0;
	text-align:left;
	background:url(../images/common/waku_main.jpg);
}
/*---------↑20081126 iwasa 仮修正↑----------*/

/*----------20081021 miura      ----------*/
#list .search-max{
	float:left;
	font-size:1.2em;
    margin:0 0 6px 18px;
}
#list .search-max strong{
	font-size:2em;
    color:#FF0066;
}
#list .sort{
	float:right;
	font-size:1.2em;
    margin:0.8em 16px 6px;
}
#list .list-table{
	width:730px;
    font-size:1.2em;
/*    margin-bottom:20px;*//*システムとしては改行タグで間隔を調整する方針らしいので廃止;*/
}
#list .list-table th{
    border:1px #999999 solid;
    border-collapse:collapse;
    padding:6px;
    text-align:left;
    background:url(../images/list/bg-th.gif) repeat-x;
    font-size:1.2em;
    line-height:1.4;
}

#list .list-table th .title{
    width:710px;
}
#list .list-table .stay-jr{
    margin:3px 3px 0 0;
    padding:0;
}
#list .list-table .addtolist_cl{
    margin:3px 3px 0 0;
    padding:0;
}
#list .list-table th .data{
	float:right;
/*    margin-top:-1em;*/
    color:#666666;
}
#list .list-table th .data span{
    font-weight:normal;
    font-size:0.9em;
}
#list .list-table th .data strong{
    color:#FF0066;
}
#list .list-table td{
    border:1px #999999 solid;
    border-collapse:collapse;
    padding:4px;
}
#list .list-table table th,
#list .list-table table td{
	border:none;
}
#list .detail{
	padding:0;
	margin:0;
}
#list .detail th{
    color:#666666;
    background:#e9f4fa;
    padding:2px 4px;
    font-size:1em;
    width:80px;
}
#list .detail td{
    padding:2px 4px;
    font-size:1em;
    width:150px;
}
/* ツアーリスト画面のエリア欄。例：[エリア] 南東北 > [地域] 山形県 */
#list .path{
    padding:2px 4px;
    font-size:0.8em;
}
#list .tday{
	width:60px;
    text-align:center;
    background:url(../images/list/bg-th-tday.gif) top no-repeat;
    font-size:1.2em;
	padding-top:27px;
}
#list .frule{
	width:68px;
    text-align:center;
    padding-top:27px;
    background:url(../images/list/bg-th-frule.gif) top no-repeat;
    font-size:1.2em;
	padding-top:27px;
}
#list .course-no{
	font-size:1.0em;
    padding:5px;
}

/*---------↓びゅう商品詳細検索システム平成２２年度改修↓----------*/
#list.renewal22 ul.btn_favoritetour{
	text-align: right;
	padding-right: 10px;
}
#list.renewal22 #content{
	background: none;
}
#list.renewal22 #content h1{
	margin: 0 auto 15px;
	width: 740px;
}

#list.renewal22 #content #basicsearch{
	background: url(../images/list/bg_basicsearch_top.jpg) left top  no-repeat;
	padding: 10px 0px 20px 10px;
	margin: 0 auto;
	width: 730px;
	overflow: hidden;
}
#list.renewal22 #content #basicsearch table{
	border-bottom: 1px dotted #565656;
	clear: none;
	float: left;
	margin: 0 15px 10px 0px;
}
#list.renewal22 #content #basicsearch table.region{
	width: 415px;
}
#list.renewal22 #content #basicsearch table.price{
	width: 285px;
}
#list.renewal22 #content #basicsearch td,
#list.renewal22 #content #basicsearch th{
	padding: 10px 0;
}
#list.renewal22 #content #basicsearch td{
	padding-left: 5px;
	font-size: 12px;
}
#list.renewal22 #content #basicsearch th{
	padding: 9px 7px;
	height: 8px;
	color: #036800;
	font-size: 12px;
}
#list.renewal22 #content #basicsearch .region th{
	background: url(../images/list/bg_region.jpg) left center no-repeat;
	width: 104px;
}
#list.renewal22 #content #basicsearch .price th{
	background: url(../images/list/bg_price.jpg) left center no-repeat;
	width: 45px;
}
#list.renewal22 #content #basicsearch table.region select#regionlist{
	width: 185px;
}
#list.renewal22 #content #basicsearch table.price select{
	width: 100px;
}
#list.renewal22 #content #basicsearch ul{
	clear: both;
	text-align:right;
	background: url(../images/list/bg_basicsearch_btm.jpg) left bottom no-repeat;
	padding-bottom: 12px;
	padding-right: 20px;
	width: 730px;
	margin-left: -10px;
}
#list.renewal22 #content #basicsearch ul li{
	display: inline;
	padding-left: 10px;
	font-size: 1.2em;
}
#list.renewal22 #content #basicsearch .searchother {
	background: url(../images/common/right_icon.gif) left 0.3em no-repeat;
	padding-left: 7px;
}
#list.renewal22 #content #basicsearch .btn_searchbasic input {
	border: none;
	vertical-align: middle;
}
#list.renewal22 h3.searchother{
	padding-left: 0px;
	margin-left: 12px;
	padding-bottom: 14px;
	background: none;
}
#list.renewal22 table#list_search{
	margin-bottom:35px;
}
*html #list.renewal22 table#list_search td{
	padding: 0;
}

#list .path{
	width: 260px;
	float: right;
	text-align: right;
}
#list td .caption{
	width: 115px;
	float: left;
    padding:2px 4px;
    font-size:0.8em;
}

/*---------↑びゅう商品詳細検索システム平成２２年度改修↑----------*/

/* detail-ツアー詳細　######################################################### */
#detail #content{
	background:transparent;
}

/*2010/03 ikeda廃止。1210行目付近の　横幅や縦幅に依存しないタイトル定義に差替え*/
/*#detail #content table#title-table {
	background:url(../images/common/title_bar.gif) left top no-repeat;
}
        #detail #title h2{
            font-size:1.6em;
            color:#006600;
            line-height:1.2;
			background:transparent;
            border:1px #FF0000;
			padding: 26px 5px 5px 30px;
			_padding: 28px 5px 5px 30px;
		}*/
#detail #title-table{
	width:760px;
    margin:0;
}
#detail #box-wrapper{
	background: url(../images/common/bg_detail.gif) left top repeat-x #FFFFFF;
    width:auto;
    padding-top:14px;
}
#detail .top-box{
    width:423px;
    padding-left:17px;
    float:left;
}
            #detail .top-box .img{
                float:left;
			}
            #detail .top-box .txt{
                font-size:1.2em;
                color:#006600;
                padding-top:5px;
                clear:both;
            }
            #detail .top-box h4{
                background:transparent;
                font-size:1.6em;
                color:#006600;
                width:263px;
                height:1.2em;
                float:right;
                margin:0;
                padding:5px 0 0 0;
			}
            #detail .top-box .p-box-bt{
                width:263px;
                float:right;
                margin:0;
                padding:5px 0 0 0;
			}
/*---------↓2010/03末 ikeda修正↓----------*/
/*.path-area{
    position:absolute;
    top:187px;
    left:25px;
    width:720px;
    text-align:right;
}*/

/* ツアー詳細画面の右上のエリア欄。例：[エリア] 南東北 > [地域] 山形県 > [目的地] 高畠 */
.path-area{
    float:right;
	padding:0 15px 6px;
}
/*---------↑2010/03末 ikeda修正↑----------*/

#detail .p-box{
    background:url(../images/detail/bg-panelright.gif) no-repeat;
    width:284px;
    height:140px;
    padding:10px 10px;
    float:right;
}
            #detail .p-box h4{
                float:right;
                height:50px;
                width:175px;
                padding-right:10px;
                margin-top:6px;
                text-align:left;
                font-size:1.2em;
                color:#006600;
            }
            #detail .p-box .p-box-bt{
                float:left;
                margin-left:6px;
            }
            #detail .p-box .p-box-link{
                font-size:1.0em;
                float:left;
                width:150px;
                margin:0 0 5px 10px;
                padding:0 10px 3px 8px;
                background:url(../images/common/right_icon.gif) left center no-repeat;
            }

#detail .detail-table{
	width:700px;
    font-size:1.4em;
    table-layout: fixed;
}
            #detail .detail-table td.left-td{
            	width :290px;
            }
            #detail .detail-table th{
                border:1px #999999 solid;
                border-collapse:collapse;
                padding:6px;
                text-align:left;
                background:#E9F4FA;
                font-weight:normal;
                line-height:1.4;
                width: 120px;
                vertical-align: top;
            }
            #detail .detail-table strong{
                color:#FF0066;
            }
            #detail .detail-table td{
                border:1px #999999 solid;
                border-collapse:collapse;
                background:#FFFFFF;
                padding:6px;
            }
            #detail .detail-table table th,
            #detail .detail-table table td{
                border:none;
            }
.calenderbox {
	margin-bottom: 1em;
    font-size:1.2em;
}
            .calenderbox th {
	margin: 0px;
	padding: 2px;
	background-color: #E9F4FA;
	font-weight: normal;
	text-align: center;
	border:1px #999999 solid;
	border-collapse:collapse;
	width: 16px;
            }
            .calenderbox th.month {
                background-color: #E9F4FA;
                width: 32px;
            }
            .calenderbox td {
                padding: 2px;
                text-align: center;
                border:1px #999999 solid;
                border-collapse:collapse;
               	width: 16px;
            }
.ratebox {
	width: 700px;
	padding: 1em 0 0 0;
    font-size:1.4em;
}
            .ratebox th {
                padding: 2px;
                background-color: #E9F4FA;
                font-weight: normal;
                text-align: center;
                border:1px #999999 solid;
                border-collapse:collapse;
            }
            .ratebox td {
                padding: 2px;
                text-align: center;
                line-height:1.4;
                border:1px #999999 solid;
                border-collapse:collapse;
            }
            .font_sun {
                color: #FF0000;
            }
            .font_sat {
                color: #0000FF;
            }
            .td_A {	background-color: #fcdede;}
            .td_B {	background-color: #c8edf7;}
            .td_C {	background-color: #f9f4bb;}
            .td_D {background-color: #ccd3ea;}
            .td_E {background-color: #ebf8d5;}
            .td_F {background-color: #f4bad3;}
            .td_G {background-color: #a2dafc;}
            .td_H {background-color: #ffcf9f;}
            .td_I {background-color: #b7b5d9;}
            .td_J {background-color: #bfd9b3;}
            .td_K {	background-color: #f8a6b9;}
            .td_L {background-color: #65c4ee;}
            .td_M {background-color: #f6bf73;}
            .td_N {background-color: #a7a4ce;}
            .td_O {background-color: #a2d1a5;}
            .td_P {background-color: #f5939b;}
            .td_white {background-color: #FFFFFF;}
            .td_grey {background-color: #F8F7EF;}

.submit{
	margin:3em 0 1em 0;
}
            .submit .button{
                margin:15px 0 10px 0;
            }
            .submit .cortion{
                font-size:1.4em;
                margin-bottom:8px;
            }

/*↓2010/03末 ikeda 追記↓*/
table.submit td{
	width:730px;
	text-align: center;
}
table.submit td.mid{
	background:url(../images/detail/table_back.gif) left top repeat-y #EEFCFF;
}

/*↑2010/03末 ikeda 追記↑*/

.recommend{
	width:730px;
    font-size:1.2em;
    border:1px #999999 solid;
    border-collapse:collapse;
	margin: 2em 0;
}
            .recommend th{
                color:#FFFFFF;
                background:#ff0099;
                padding: 6px;
                border:1px #999999 solid;
                border-collapse:collapse;
            }
            .recommend td{
	padding: 10px;
	text-align:center;
	vertical-align: top;
            }
                        .recommend .title{
                            width:150px;
                            padding:3px 0 3px 6px;
                            text-align:left;
                        }
                        .recommend .area{
                            width:150px;
                            padding:3px 0 3px 6px;
                            text-align:left;
                        }
                        .recommend .price{
                            width:150px;
                            padding:3px 0 3px 6px;
                            color:#FF0000;
                            text-align:left;
                        }

/*---------↓びゅう商品詳細検索システム平成２２年度改修↓----------*/
#content #title-table .img{
	width: 150px;
}
#content #title-table .img .caption{
	display: block;
	font-size: 1.0em;
	padding-top: 1em;
}
/*---------↑びゅう商品詳細検索システム平成２２年度改修↑----------*/

/* search-こだわり検索　######################################################### */

#search dt{
    float:left;
    font-weight:bold;
    color:#006600;
    padding:4px 0 0 17px;
    width:140px;
}
#search dd{
    float:left;
    width:560px;
}
#search dd .caption{
	background:url(../images/search/panel-title-bg.gif) repeat-x;
    text-align:left;
    padding:6px 13px;
    margin:0px 0 0px -8px;
    height:15px;
}
#search dd #icon-group{
    float:left;
    margin:0 0 10px 0;
    width:560px;
}
#search dd #icon-group table{
	margin-left:0px;
}
#search dd #icon-group input{
	margin:6px 5px;
	_margin:4px 2px;
    border:none;
}
#search dd #icon-group img{
	margin:4px 14px 4px 0;
}

/* facility-施設詳細　######################################################### */
#facility #wrapper {
	width: 650px;
    margin:0 auto;
}
#facility #content {
	background: url(../images/common/back2.jpg) left top no-repeat;
  	width: 650px;
}
#facility h2 {
	background:url(../images/common/title_bar2.jpg) left top no-repeat;
	width: 650px;
}
#facility h3{
	font-size:1.6em;
    color:#006600;
	padding: 5px 0;
	float: right;
	background: transparent;
	width:475px;
    text-align:left;
    margin:0;
    clear:none;
}
#facility .photo {
	padding:5px 5px 5px 15px;
    margin:0;
	float: left;
}
#facility #content table {
	margin: 15px;
	clear: both;
    border-collapse:collapse;
    line-height:1.4;
	font-size:1.4em;
}
#facility #content table th {
	width:125px;
	padding: 5px;
	background-color: #E9F4FA;
	font-weight: normal;
	text-align: left;
	border: 1px solid #999999;
}
#facility #content table td {
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
#facility #bt{
	margin-top:10px;
}
#facility #company {
	font-size:1.2em;
	margin-top:25px;
	padding-bottom:10px;
    border-bottom:1px #999999 solid;
}

/*---------↓びゅう商品詳細検索システム平成２２年度改修↓----------*/
/* 画像キャプション */
#facility #content .photo .caption{
	display: block;
	font-size: 1.0em;
	color: #333333;
	padding-top: 0.5em;
	height: 3em;
}
/* データテーブル幅100％ */
#facility #content .data{
	width: 620px;
}
/* 画像サムネイル表示・切り替え */
#facility ul#tab li {
    margin-right: 8px;
	float: left;
}
#facility ul#tab li img{
	border: 1px solid #CCCCCC;
}
#facility .right {
	float: right;
	width: 465px;
}
#facility .right  h3{
	float: none;
	width: 465px;
}
#facility .photo{
	width: 160px;
	margin-bottom: 10px;
}
#facility #photo2,
#facility #photo3,
#facility #photo4,
#facility #photo5{
	display: none;
}
/*---------↑びゅう商品詳細検索システム平成２２年度改修↑----------*/



/* 追加６／１７　######################################################### */
#content .eyecatch01{
	border:double 3px;
	border-color:#FC693F;
	padding:5px 3px 5px 3px;
}

#content .eyecatch02{
	background-color:#FFEAD2;
	padding:5px 3px 5px 0;	
}

#content .eyecatch03{
	border:1px solid;
	border-color:#FAB894;
	background-color:#FFEAD2;
	padding:5px 3px 5px 0;	
}

#content .eyecatch04{
	border-top:1px dotted #1A3C64;
	border-bottom:1px dotted #1A3C64;
	padding:3px 0;
	background-color:#E8F1FF;
}

#content .eyecatch05{
	border-bottom:1px dotted #CC0000;
	padding:5px 0;
	background-color:#FFF5E6;
}









#content .rentacar01{
	padding:2px 3px 2px 3px;	
	background-color:#EBF8D5;
}

#content .rentacar01_block{
	display:block;
	padding:2px 3px 2px 3px;	
	background-color:#EBF8D5;
}

#content .rentacar02{
	padding:2px 3px 2px 3px;	
	background-color:#f9f4bb;
}

#content .rentacar02_block{
	display:block;
	padding:2px 3px 2px 3px;	
	background-color:#f9f4bb;
}

#content .rentacar03{
	padding:2px 3px 2px 3px;	
	background-color:#ccd3ea;
}

#content .rentacar03_block{
	display:block;
	padding:2px 3px 2px 3px;	
	background-color:#ccd3ea;
}

#content .rentacar04{
	padding:2px 3px 2px 3px;	
	background-color:#ebf8d5;
}

#content .rentacar04_block{
	display:block;
	padding:2px 3px 2px 3px;	
	background-color:#ebf8d5;
}

#content .rentacar05{
	padding:2px 3px 2px 3px;	
	background-color:#ffcf9f;
}

#content .rentacar05_block{
	display:block;
	padding:2px 3px 2px 3px;	
	background-color:#ffcf9f;
}

#content .rentacar06{
	padding:2px 3px 2px 3px;	
	background-color:#F8F7EF;
}

#content .rentacar06_block{
	display:block;
	padding:2px 3px 2px 3px;	
	background-color:#F8F7EF;
}

#content .rentacar07{
	padding:2px 3px 2px 3px;	
	background-color:#f0f0f0;
}

#content .rentacar07_block{
	display:block;
	padding:2px 3px 2px 3px;	
	background-color:#f0f0f0;
}



#content span.b-b{
	font-weight:bold;
}

#content span.b-red{
	font-weight:bold;
	color:#FF0000;
}

#content span.b-blue{
	font-weight:bold;
	color:#006699;
}


/*フォント指定*/
span.red-large01{
	color:#FF0000;
	font-size:1.2em;
}

span.red-large02{
	color:#FF0000;
	font-size:1.4em;
}


/* FavoriteTour お気に入りツアー追加改修2010/03末 by ikeda ######################################################### */

/*--------------------------
横幅950px画面用
---------------------------*/

/*横950のコンテンツコンテナ パンくず含む*/
#wrapper950{
	margin: 0;
	padding: 0;
	width: 950px;
	text-align: left;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック', 'MS P Gothic','Verdana','Arial', 'Helvetica', sans-serif;
	font-size:62.5%;
	color: #333333;
}	

/*横950のコンテンツコンテナ 背景画像付き*/
#content950{
	background: url(../images/common/bg_content.gif) repeat-x;
	width: 950px;
	clear:both;
	line-height:1.2;
}


/*横950のフッター用*/
#wrapper950 h3.title_bar_w920 {
	font-size:1.4em;
	color:#006600;
	margin-left:15px;
	_padding:8px 0 0 15px;
	width:920px;
	height:38px;
	clear:both;
	background:url(../images/common/bg_title_bar_w920.gif) #FFFFFF left top no-repeat;
	padding:6px 0 0 15px;
}

#wrapper950 p{
	font-size:1.4em;
	line-height:1.4;
    margin-left:18px;
    margin-bottom:1em;
}


/*--------------------------
横幅や縦幅に依存しない 汎用性の高い定義
---------------------------*/

/*見出し部分の背景画像*/
#title_area{
	padding:9px 0 5px 15px;
	background:url(../images/common/bg_title.gif) #D2EA77 left top repeat-x;
	border-bottom:1px solid #ffffff;
}

/*H2見出し（文頭のアイコン付き）*//*複数行可能*/
h2#h2_common{
	background:url(../images/common/ico_title.gif) left top no-repeat;
	padding:2px 0 4px 15px; 
	font-size:1.8em;
	line-height:1.2;
	color:#006600;
}

/*↓リリース前に廃止予定↓*/
/*H1見出し（文頭のアイコン付き）*//*複数行可能*/
h1#h1_common{
	background:url(../images/common/ico_title.gif) left top no-repeat;
	padding:2px 0 4px 15px; 
	font-size:1.6em;
	line-height:1.2;
	color:#006600;
}
/*↑リリース前に廃止予定↑*/

/*画面右上お気に入りツアーへのボタン*/
#title_area .btn_favoritetour{
	padding:0 15px 0 0;
	float:right;
}

/*画面右上お気に入りツアーボタン左のマージン*/
#title_area .btn_favoritetour li{
	display:inline;
	width:103px;
	height:23px;
	margin-left:8px;
}

/*ページ全体のリード文*//*リストバージョン*/
#explain ul{
	padding:10px 0 5px 0;
	line-height:1.4;
}

/*--------------------------
お気に入りツアーのテーブル
---------------------------*/

/*テーブル全体*/
#favoritetour table.favoritelist{
	table-layout:fixed;
	border: 1px solid #A7CC1C;
	border-collapse: collapse;
	margin: 0 0 20px 15px;
    clear:both;
	width:920px;
    font-size:1.2em;
}

/*テーブルセル幅：見出し*/
#favoritetour table.favoritelist .colth{
	width:77px;
}
/*テーブルセル幅：出発日のある列*/
#favoritetour table.favoritelist .coltd1{
	width:290px;
}

/*テーブルセル幅：ツアー画像*/
#favoritetour table.favoritelist .colimg{
	width:130px;
}

/*テーブルセル幅：ボタン*/
#favoritetour table.favoritelist .colbutton{
	width:168px;
}

/*#favoritetour table.favoritelist .period{
	width:300px !important;
	margin: 0 0 0 0;
}
*/
/*テーブルセル余白、セル枠線*/
#favoritetour table.favoritelist th,
#favoritetour table.favoritelist td{
	line-height:1.4;
	border: 1px solid #A7CC1C;
	padding:6px 8px;
}

/*テーブル table header 背景色、文字、横幅*/
#favoritetour table.favoritelist th{
	background-color:#DCFF8B;
	text-align:center;
	font-weight:normal;
/*	width:60px;
	max-width: 60px; 
	min-width: 60px;*/
}

/*テーブル table header中の ツアー名セルのみ背景色、文字よせ、横幅変える*/
#favoritetour table.favoritelist th.toursummary{
	background-color:#F8FFE6;
	text-align:left;
} 

/*テーブル ツアー名セル中のツアー名文字列のみ文字色他変える*/
#favoritetour .tourname{
	color:#006600;
    font-size:1.1em;
	font-weight:bold;
	padding:0 0 4px 0;
} 

/*テーブル ツアー名セル中の「パンフ名」と「目的地」と「宿泊 or 日帰り」のレイアウト*/
#favoritetour table.favoritelist th dl,
#favoritetour table.favoritelist th dt,
#favoritetour table.favoritelist th dd{
	display: inline;
} 

/*テーブル ツアー名セル中の「宿泊 or 日帰り」を右よせに*/
#favoritetour table.favoritelist th dl.stay_or_day{
	float:right;
} 

/*テーブル ツアー名セル中の「宿泊 or 日帰り」項目名を隠す*/
#favoritetour table.favoritelist th dl.stay_or_day dt{
	display:none; 
} 

/*テーブル ツアー名セル中の「目的地」の左をあける*/
#favoritetour table.favoritelist th dl.destination{
	padding-left:40px;
} 

/*テーブル ツアー写真画像があるセル内側配置*/
#favoritetour table.favoritelist td.tour_img{
	text-align:center;
	vertical-align:middle;
} 

/*テーブル ボタンがあるセル内側の横幅配置*/
#favoritetour table.favoritelist td.buttons{
	text-align:center;
	vertical-align:middle;
} 

/*テーブル パンフボタンの下の余白*/
#favoritetour table.favoritelist .pamphlet{
	padding:0 0 5px 0;
} 

/*テーブル 詳細ページボタンの下の余白と点線*/
#favoritetour table.favoritelist .detail{
	padding:0 0 10px 0;
	border-bottom:#A5CA18 1px dotted;
} 

/*テーブル 削除ボタンの余白*/
#favoritetour table.favoritelist .delete{
	text-align:center;
	padding:9px 0 0 0;
} 

/*テーブル 食事条件セルの画像位置*/
#favoritetour table.favoritelist td.meals img{
	vertical-align:bottom;
	border:0;
}

/*テーブル 詳細を開く・閉じるのセル*/
#favoritetour table.favoritelist td.favoritedetail{
	padding:0;
	text-align:center;
	background:url(../images/favoritetour/bg_btn_favoritedetail.gif) left bottom repeat-x #DCFF8B;
}

/*テーブル 閉じる aタグ内*/
#favoritetour table.favoritelist td.favoritedetail.close a{
	background:url(../images/favoritetour/bg_btn_favoritedetail.gif) left bottom repeat-x #DCFF8B;
	width:918px;
	display:block;
	padding:2px 0 0 0;
	text-decoration:none;
    font-size:0.9em;
	letter-spacing: 3px;
	color:#537B00;
	font-weight:bold;
}

#favoritetour table.favoritelist td.favoritedetail.close a img{
	padding:0 4px 0 0;
}

#favoritetour table.favoritelist td.favoritedetail.close a:link,
#favoritetour table.favoritelist td.favoritedetail.close a:visited{
	background:url(../images/favoritetour/bg_btn_favoritedetail.gif) left bottom repeat-x #DCFF8B;
}

#favoritetour table.favoritelist td.favoritedetail.close a:hover,
#favoritetour table.favoritelist td.favoritedetail.close a:active{
	background:url(../images/favoritetour/bg_btn_favoritedetail_on.gif) left top repeat-x #DCFF8B;
}

/*テーブル 開く aタグ内*/
#favoritetour table.favoritelist td.favoritedetail.open a{
	background:url(../images/favoritetour/bg_btn_favoritedetail_on.gif) left top repeat-x #DCFF8B;
	width:918px;
	display:block;
	padding:2px 0 0 0;
	text-decoration:none;
    font-size:0.9em;
	letter-spacing: 3px;
	color:#537B00;
	font-weight:bold;
}

#favoritetour table.favoritelist td.favoritedetail.open a img{
	padding:0 4px 0 0;
}

#favoritetour table.favoritelist td.favoritedetail.open a:link,
#favoritetour table.favoritelist td.favoritedetail.open a:visited{
	background:url(../images/favoritetour/bg_btn_favoritedetail_on.gif) left top repeat-x #DCFF8B;
}

#favoritetour table.favoritelist td.favoritedetail.open a:hover,
#favoritetour table.favoritelist td.favoritedetail.open a:active{
	background:url(../images/favoritetour/bg_btn_favoritedetail.gif) left bottom repeat-x #DCFF8B;
}

/*---------↓びゅう商品詳細検索システム平成２２年度改修↓----------*/
#favoritetour .tour_img .caption{
	display: block;
	font-size: 0.8em;
	padding-top: 0.5em;
	text-align: left;
}
/*---------↑びゅう商品詳細検索システム平成２２年度改修↑----------*/

/*--------------------------
お気に入りツアー掲載終了のお知らせ
---------------------------*/
#favoritetour .notice{
	background-color:#DCFF8B;
	border: 1px solid #A7CC1C;
	margin: 0 0 20px 15px;
	padding:9px;
	width:900px;
	text-align:center;
    font-size:1.2em;
}

#favoritetour .notice p.removed{
	margin:0;
	padding:0;
	color:#5C830C;
    font-size:1em;
	font-weight:bold;
}


/*--------------------------
お気に入りツアー登録データがない場合のお知らせ
---------------------------*/
#favoritetour .nodata{
	background-color:#F5FCEC;
	border: 1px solid #A7CC1C;
	margin: 0 0 60px 15px;
	padding:9px;
	width:900px;
	line-height:2.0;
	display: table;         /* ①display: table;でテーブルと同じように表示 */  
	overflow: hidden;
}

* html #favoritetour .nodata{   
	position: relative; /* ③IE用にpositionを指定 */  
	zoom: 1;
}   
*+html #favoritetour .nodata {   
	position: relative; /* ③IE用にpositionを指定 */  
} 

#favoritetour .nodata .middle{
	display: table-cell;    /* ④セルとして扱う */ 
	vertical-align: middle; /* ⑤縦位置を指定 */  
}
* html #favoritetour .nodata .middle{
	position: absolute; /* ⑥IE用に絶対位置を指定 */  
	top: 50%;           /* ⑥IE用に絶対位置を指定 */  
}
*+html #favoritetour .nodata .middle{   
	position: absolute; /* ⑥IE用に絶対位置を指定 */  
	top: 50%;           /* ⑥IE用に絶対位置を指定 */  
}
#favoritetour .nodata .middle .message{
	margin: 0;
}
* html #favoritetour .nodata .middle .message{
	position: relative; /* ⑦IE用に相対位置を調整 */  
	top: -50%;          /* ⑦IE用に相対位置を調整 */  
}
*+html #favoritetour .nodata .middle .message{
	position: relative; /* ⑦IE用に相対位置を調整 */  
	top: -50%;          /* ⑦IE用に相対位置を調整 */  
}


#favoritetour .nodata .message{
	border-left:5px solid #BDE376;
	padding:0 0 0 6px;
	color:#006600;
    font-size:1.5em;
	font-weight:bold;
	line-height:1.2;
}

#favoritetour .nodata .info{
	float:right;
	background-color:#FFFFFF;
	border: 1px solid #A7CC1C;
	padding:10px;
	color:#5C830C;
    font-size:1.2em;
	font-weight:bold;
}
#favoritetour .nodata .info img{
	vertical-align:middle;
}

#favoritetour .nodata .notes{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:2.6;
}


/*--------------------------
前のページに戻る
---------------------------*/
.backtoprev{
	float: left;
	padding:5px 0 30px 15px;
}

/*--------------------------
お気に入りツアー登録データがいっぱいの場合のお知らせ
---------------------------*/
#wrap_notice {
	background: url(../images/common/back-detail.gif) left top repeat-x;
	text-align:center;
	padding:16px 0;
	margin:0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック', 'MS P Gothic','Verdana','Arial', 'Helvetica', sans-serif;
	font-size:62.5%;
	color: #333333;
}

#wrap_notice #full_favoritetour{
    font-size:1.3em;
	line-height:1.4;
}

#wrap_notice .close{
	text-align:center;
}


/*--------------------------
こだわり検索の検索テーブル
---------------------------*/

/*テーブル全体*/
#search table#favoritesearch{
	table-layout:fixed;
	margin:0 0 20px 15px;
    clear:both;
	width:735px;
    font-size:1.2em;
}

/*テーブルセル幅*/
#search table#favoritesearch .colth{
	width:109px;
} 
#search table#favoritesearch .coltd{
	width:565px;
} 

/*テーブルセル余白*/
#search table#favoritesearch th,
#search table#favoritesearch td{
	line-height:1.2;
	margin:0;
	padding:10px 15px;
}

/*テーブル th 文字 右枠線 背景画像*/
#search table#favoritesearch th{
	background:url(../images/search/bg_panel_l.gif) left top no-repeat #DBFF88;
    font-weight:bold;
    color:#006600;
	border-right: 1px solid #A7CC1C;
	vertical-align:top;
}

/*テーブル td 文字 背景画像*/
#search table#favoritesearch td{
	background:url(../images/search/bg_panel_r.gif) right top no-repeat #FFFFFF;
    color:#666666;
}
/*テーブル 1行目セルの背景画像*/
#search table#favoritesearch th#bg_panel_l_top{
	background:url(../images/search/bg_panel_l_top.gif) left top no-repeat #DBFF88;
	width:109px;
}
#search table#favoritesearch td#bg_panel_r_top{
	background:url(../images/search/bg_panel_r_top.gif) right top no-repeat #ECFFBF;
	width:565px;
}
/*テーブル 下から3段目のセルの背景画像点線*/
#search table#favoritesearch #bg_panel_l_dot{
	background:url(../images/search/bg_panel_l_dot.gif) left bottom no-repeat #DBFF88;
	width:140px;
    font-size:1px;
	line-height:0;
	margin:0;
	padding:0;
}
#search table#favoritesearch #bg_panel_r_dot{
	background:url(../images/search/bg_panel_r_dot.gif) right bottom no-repeat #ECFFBF;
	width:100%;
    font-size:1px;
	line-height:0;
	margin:0;
	padding:0;
}
/*テーブル 下から2段目のセルの背景画像*/
#search table#favoritesearch th#bg_panel_l_bottom2{
	background:url(../images/search/bg_panel_l_bottom2.gif) left bottom no-repeat #DBFF88;
}
#search table#favoritesearch td#bg_panel_r_bottom2{
	background:url(../images/search/bg_panel_r_bottom2.gif) right bottom no-repeat #ECFFBF;
}
/*テーブル 最後のセルの背景画像*/
#search table#favoritesearch th#bg_panel_l_bottom1{
	background:url(../images/search/bg_panel_l_bottom1.gif) left bottom no-repeat #DBFF88;
    font-size:0px;
	margin:0;
	padding:0;
	border:none;
}
#search table#favoritesearch td#bg_panel_r_bottom1{
	background:url(../images/search/bg_panel_r_bottom1.gif) right bottom no-repeat #ECFFBF;
    font-size:0px;
	margin:0;
	padding:0;
	border:none;
}


/*セレクトフォーム左7px*/
.form_style_l_7{
	margin:0 0 0 7px;
}


/*地域選択時は日帰り対象外 文字*/
#search table#favoritesearch span{
	padding-left:0.5em;
}

/*複数選択可能案内 文字*/
.note_multi{
	color:#666666;
	font-weight:normal;
}


/*#search table#favoritesearch .search_icon{

}*/

/*チェックボックス*/
#search table#favoritesearch .search_icon input{
	margin:6px 5px 6px 0;
	_margin:4px 2px;
    border:none;
	float: left;
}

/*チェックボックス隣のアイコン画像*/
#search table#favoritesearch .checkbox_img{
	margin:4px 14px 4px 0;
	float: left;
}

/*宿泊のみコース注意書き*/
#search table#favoritesearch .note_stay{
	width:270px;
	float: left;
}

/*キーワード検索注意書き*/
#search table#favoritesearch .note_keywords{
	margin:3px 0 0 0;
}

/*施設内容 アイコン項目名 文字 背景画像グラデーション*/
#search table#favoritesearch .caption_top,
#search table#favoritesearch .caption{
	background:url(../images/search/panel-title-bg.gif) repeat-x;
	color:#333333;
    text-align:left;
    padding:6px 13px;
    height:15px;
}

#search table#favoritesearch .caption_top{
    margin:0 0 0 -8px;
}
#search table#favoritesearch .caption{
    margin:10px 0 0 -8px;
}


/*施設内容 テーブル内テーブル*/
#search table#favoritesearch table.search_items{
	margin:0;
	padding:0;
}
#search table#favoritesearch table.search_items td{
	background:none;
	margin:0;
	padding:0;
    font-size:1.2em;
}

/*施設内容 テーブル内チェックボックス*/
#search table#favoritesearch table.search_items input{
	margin:6px 5px 6px 0;
	_margin:4px 2px;
    border:none;
	float: left;
}

/*検索ボタン*/ 
#search table#favoritesearch #bt-search{
	padding:3px 0; 
}



/*--------------------------
ツアーリスト画面上部の検索テーブル
---------------------------*/

/*テーブル全体*/
#list table#list_search{
	table-layout:fixed;
	margin:0 0 10px 15px;
    clear:both;
	width:735px;
    font-size:1.2em;
	line-height:1.2;
}

/*テーブルセル 横幅*/
#list table#list_search .colth1{
	width:118px;
} 
#list table#list_search .coltd2{
	width:314px;
} 
#list table#list_search .colth3{
	width:55px;
} 
#list table#list_search .coltd4{
	width:245px;
}

/*テーブルセル 余白ゼロ*/
#list table#list_search th,
#list table#list_search td{
	margin:0;
	padding:0;
	vertical-align:top;
}

/*テーブルセル内div 余白 文字装飾*/
#list table#list_search th .dotted{
	margin:0 6px 10px 6px;
	padding:10px 0 0 0;
	vertical-align:top;
    font-weight:bold;
    color:#006600;
}
#list table#list_search td .dotted{
	margin:0 6px 7px 6px;
	padding:7px 0 0 0;
	vertical-align:top;
	font-weight:normal;
	color:#666666;
}
/*右端セルのみドロップシャドウ分余白多く セル内div 余白 文字装飾*/
#list table#list_search td .dotted_r{
	margin:0 10px 7px 6px;
	padding:7px 0 0 0;
	vertical-align:top;
	font-weight:normal;
	color:#666666;
}

/*テーブルセル クラス名リスト*/
/*
#list table#list_search .th1_top,
#list table#list_search .td2_top,
#list table#list_search .th3_top,
#list table#list_search .td4_top,

#list table#list_search .th1,
#list table#list_search .td2,
#list table#list_search .th3,
#list table#list_search .td4,

#list table#list_search .td_span3,
#list table#list_search .td_span3_bottom2,
#list table#list_search .td_span3_bottom1,
#list table#list_search .th_bottom2,
#list table#list_search .th_bottom1,
{
}*/

/*テーブルセル内div 点線*/
#list table#list_search .th1 .dotted{
	border-top:#999999 1px dotted;
}
#list table#list_search .td2 .dotted{
	border-top:#999999 1px dotted; 
}
#list table#list_search .th3 .dotted{
	border-top:#999999 1px dotted; 
}
#list table#list_search .td4 .dotted_r{
	border-top:#999999 1px dotted; 
}
#list table#list_search .td_span3 .dotted_r{
	border-top:#999999 1px dotted; 
}
#list table#list_search .td_span3_bottom2 .dotted_r{
	border-top:#999999 1px dotted; 
}
#list table#list_search .td_span3_bottom1 .dotted_r{
	border:none; 
}
#list table#list_search .th_bottom2 .dotted{
	border-top:#999999 1px dotted; 
}
#list table#list_search .th_bottom1 .dotted{
	border:none; 
}

/*テーブルセル 右枠線*/
#list table#list_search th,
#list table#list_search .td2,
#list table#list_search .td2_top{
	border-right:1px solid #A7CC1C;
}

#list table#list_search .th_bottom1{
	border-right:none;
} 
/*テーブルセル 下線*/
#list table#list_search .th3{
	border-bottom:1px solid #A7CC1C;
}

/*テーブル 1行目セルの 背景画像*/
#list table#list_search th.th1_top{
	background:url(../images/list/bg_panel_th1_top.gif) left top no-repeat #DBFF88;
}
#list table#list_search td.td2_top{
	background:url(../images/list/bg_panel_td2_top.gif) left top repeat-x #ECFFBF;
}
#list table#list_search th.th3_top{
	background:url(../images/list/bg_panel_th3_top.gif) left top repeat-x #DBFF88;
}
#list table#list_search td.td4_top{
	background:url(../images/list/bg_panel_td4_top.gif) right top no-repeat #ECFFBF;
}
/*テーブル 2行目セルの 背景*/
#list table#list_search th.th1{
	background:url(../images/list/bg_panel_th1.gif) left top repeat-y #DBFF88;
}
#list table#list_search td.td2{
	background:#ECFFBF;
}
#list table#list_search th.th3{
	background:#DBFF88;
}
#list table#list_search td.td4{
	background:url(../images/list/bg_panel_td4.gif) right top repeat-y #ECFFBF;
}
/*テーブル colspanセルの 背景画像*/
#list table#list_search td.td_span3{
	background:url(../images/list/bg_panel_td4.gif) right top repeat-y #ECFFBF;
}
/*テーブル ジャンルアイコンの行のセルの背景画像 角丸含む*/
#list table#list_search th.th_bottom2{
	background:url(../images/list/bg_panel_th_bottom2.gif) left bottom no-repeat #DBFF88;
}
#list table#list_search td.td_span3_bottom2{
	background:url(../images/list/bg_panel_td_span3_bottom2.gif) right bottom no-repeat #ECFFBF;
}

/*テーブル 最後の影*/
#list table#list_search th.th_bottom1{
	background:url(../images/list/bg_panel_th_bottom1.gif) left bottom no-repeat #FFFFFF;
    font-size:0px;
	height:5px;
	margin:0;
	padding:0;
}
#list table#list_search td.td_span3_bottom1{
	background:url(../images/list/bg_panel_td_span3_bottom1.gif) right bottom no-repeat #FFFFFF;
    font-size:0px;
	height:5px;
	margin:0;
	padding:0;
}

/*注意書き*/
#list table#list_search .small09{
	padding:3px 0 0 0;
    font-size:0.9em;
}

/*フロート左*/
.float_l{
	float:left;
}

/*フロート右*/
.float_r{
	float:right;
}

/*キーワード検索注意書き*/
#list table#list_search .input_keywords{
	width:320px;
	float:left;
}
#list table#list_search .note_keywords{
    font-size:0.9em;
	width:250px;
	float:right;
}

/*ジャンル（グルメなど）テーブル内テーブル*/
#list table#list_search table.search_items{
	margin:0;
	padding:0;
	float:left;
}
#list table#list_search table.search_items td{
	background:none;
	margin:0;
	padding:0;
	vertical-align:middle;
}

/*ジャンル（グルメなど）テーブル内チェックボックス*/
#list table#list_search table.search_items input{
	margin:0;
	_margin:4px 2px;
    border:none;
}

/*チェックボックス隣のアイコン画像*/
#list table#list_search .checkbox_img{
	padding:0 5px;
}

/*検索ボタン*/
#list table#list_search #submit_search{
	padding:0;
	margin:0;
	float:left;
}

#list table#list_search #link_f_search{
	background:url(../images/common/right_icon.gif) left center no-repeat;
	padding-left:7px;
	margin:3px;
}

/*--------------------------
ツアーリスト画面内 こだわり検索条件表示
---------------------------*/

#list #condition_area{
	background:url(../images/list/bg_condition_top.gif) left top no-repeat;
	width:720px;
	margin:0 0 10px 24px;	
	padding:0;
}

/*こだわり検索表示の際の見出し部分*/
#list #h5_condition{
	width:704px;
	margin:0 10px;	
	padding:7px 0 3px 0;
	border-bottom:1px dotted #999999;
/*	overflow:hidden;*/
    font-size:1.2em;
    font-weight:bold;
    color:#006600;
}

#list #condition_main{
	background:url(../images/list/bg_condition_bottom.gif) left bottom no-repeat #DBFF88;
	width:720px;
	
	min-height:54px;
	height: auto !important;
	height: 54px;
	
	margin:0;
	padding:0 0 8px 0;
/*	overflow:hidden;*/
	position: relative;
}

/*※ボタンを右下寄せにする※絶対値*/
#list #condition_main #btn_bottom{
	width:153px;
	height:46px;
	position:absolute;
	right:8px;
	bottom:8px;
}	

/*「検索条件を変更ボタン」と「検索条件をクリア」の間隔を調整*/
#list #condition_main #btn_change_search{
	padding:0 0 4px 0;
}

/*テーブル全体*/
#list table#condition{
	table-layout:fixed;
	padding:10px 0;
	margin:0;
	margin-left:0;
	width:545px;
}

/*テーブルセル横幅*/
#list table#condition .colth{
	width:90px;
}
/*#list table#condition .coltd{
	width:450px;
} */

/*テーブル 文字*/
#list table#condition th,
#list table#condition td{
    font-size:1.2em;
	line-height:1.4;
    font-weight:normal;
    color:#333333;
	vertical-align:top;
}

/*テーブル th のみ インデント的左余白*/
#list table#condition th{
	padding:0 0 1px 12px;
}


/*--------------------------
ツアーリスト画面他
---------------------------*/
/*テーブルの中身を基本左よせにしたので、例外の場合はCSSのクラスをつけることに*/
.align_r{
	text-align:right;
}
.align_c{
	text-align:center;
}

/*---------↓改修20101214↓----------*/
/*ツアーリスト*/
#list_search{
	z-index: 1;
	position: relative;
}

#searchoption{
	position: relative;
	z-index: 10;
	font-size: 0.8em;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #1A3C64;
	color: #333333;
	/zoom: 1;
}

#searchoption .trigger{
	margin: 0;
	padding: 0;
}
#searchoption .trigger a{
	text-indent: -9999px;
	background: url(../images/common/btn_searchoption.jpg) left top no-repeat;
	height: 21px;
	width: 166px;
	padding-bottom: 5px;
	cursor: pointer;
	display: block;
}
#searchoption .trigger a:hover{
	background: url(../images/common/btn_searchoption_ov.jpg) left top no-repeat;
}
#searchoption .trigger.active a{
	background: url(../images/common/ac_searchoption.jpg) left top no-repeat;
}
#searchoption .trigger.active a:hover{
	background: url(../images/common/ac_searchoption_on.jpg) left top no-repeat;
}

#searchoption .detail{
	margin: 0;
	margin-left: -88px;
	z-index: 10;
	display: none;
	position: relative;
	/zoom:1;
	border: 2px solid #90C2E7;
	background: #F0FBFF;
	padding: 10px;
}
#list table#list_search #searchoption .detail table{
	width: 640px;
}
#list table#list_search #searchoption .detail table th{
	color: #003B6E;
	padding: 7px;
	background: none;
	border: none;
	border-bottom: 1px solid #B3C4CE;
	font-size: 1.4em;
}
#list table#list_search #searchoption .detail table td{
	padding: 7px 7px 2px;
	border-bottom: 1px solid #B3C4CE;
}
#list table#list_search #searchoption .detail table td p{
	margin: 0;
	font-size: 1.4em;
	clear: both;
}
#list table#list_search #searchoption .detail table td p a{
	color: #333333;
}
#list table#list_search #searchoption .detail table td ul{
	width: 500px;
}
#list table#list_search #searchoption .detail table td li{
	background: none;
	width: 8em;
	height: auto;
	padding: 0;
	padding-right: 30px;
	padding-bottom: 5px;
	white-space: nowrap;
	float: left;
	font-size: 1.4em;
}
#searchoption .detail input.check{
	vertical-align: middle;
	margin-right: 5px;
	border: none;
}
#searchoption .detail select{
	width: 410px;
	margin-bottom: 5px;
}
#list table#list_search #searchoption .detail table #facility th{
	border: none;
}
#list table#list_search #searchoption .detail table #facility td{
	border: none;
}
#list table#list_search #searchoption .detail table #facility ul{
	margin-bottom: 10px;
}
#list table#list_search #searchoption .detail table #facility p{
	text-decoration: underline;
	padding: 0 0 8px;
}

/**:first-child+html #list table#list_search #searchoption .detail table td p,
*html #list table#list_search #searchoption .detail table td p{
	font-size: 1.1em;
}
*:first-child+html #list table#list_search #searchoption .detail table th,
*html #list table#list_search #searchoption .detail table th{
	font-size: 1.1em;
}
*:first-child+html #list table#list_search #searchoption .detail table td li,
*html #list table#list_search #searchoption .detail table td li{
	font-size: 1.1em;
}
*/
#searchoption .summary{
	margin: 0;
	border: 2px solid #90C2E7;
	background: #F0FBFF;
	padding: 10px;
}

#btn_search {
}
#btn_search li{
	background: none;
	padding: 0;
	width: auto;
	height: auto;
	float: right;
	margin-left: 5px;
}
#btn_search li input{
	border: none;
}

#favoritesearch input.check{
	vertical-align: middle;
	margin-right: 5px;
	border: none;
}

#list .list-table th{
	line-height: 1.2;
}
#list .list-table td{
	vertical-align: top;
}
#list .list-table p.btn_favorite{
	float: right;
	width: 111px;
	padding: 0;
	margin: 0;
}
#list .list-table td.tourimg .caption{
	width: 114px;
	padding: 0;
}
#list p.path{
    font-size:0.7em;
	float: none;
	margin: 0;
	width: auto;
	font-weight: normal;
}
#list img.ico{
	vertical-align: middle;
	margin-right: 5px;
}
#list .list-table th .title{
	clear: both;
/*	padding-left: 85px;
    width:625px;
	position: relative;
	min-height:25px;
	height:auto !important;
	height:25px;*/
}
/*#list .title span{
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 5px;
}
*/
#list .title .btn_favorite{
	float: right;
}
#list td .caption{
	width: 115px;
	float:none;
    padding:2px 4px;
	display: block;
}
#list td .info{
	margin: 0;
	width: 405px;
}
#list td .info th{
	background: #E9F4FA;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 1em;
	color: #666666;
	text-align: center;
	padding: 3px 10px;
	width: 75px;
}
#list td .info td{
	vertical-align: middle;
	padding: 3px 10px;
}
#list td .info .ico{
	float: right;
	margin-right: -10px;
}
#list td .info .price{
	color: #FB0163;
	margin-right: 10px;
}
#list td.moreinfo dl{
	margin: 0;
	padding: 0;
	width: 130px;
	text-align: center;
}
#list td.moreinfo dt{
	background: #E9F4FA;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 1em;
	color: #666666;
	float: none;
	margin: 0;
	padding: 3px 10px;
}
#list td.moreinfo dd{
	float: none;	
	padding: 5px 0px;
}
#list .course-no{
	padding: 5px 0 0;
	margin: 0;
}
#list .iconlist td{
	padding: 0;
	vertical-align: middle;
}
#list .iconlist ul{
	padding: 5px 10px;
}
#list .category{
	float: left;
}
#list .category li{
	display: inline;
}
#list .extra{
	float: right;
	border-left: 1px solid #999999;
}
#list .extra li{
	display: inline;
}

#contents_left .btn_favoritetour{
	text-align: right;
}


/*ツアー詳細*/
#detail #h2_common{
	padding-bottom: 10px;
}
#detail .btn_favoritetour{
	padding:0 5px 0px 0;
	margin: 0;
}
#detail .btn_favoritetour li{
	width: auto;
}
#detail div.wrap-submit{
	position: relative;
	width: 745px;
	padding: 0;
	margin: 0;
	border: 1px solid #FFFFFF;
}
#detail div.wrap-submit .btn_favoritetour{
	position: absolute;
	bottom: 20px;
	right: 10px;
}

/*---------↑改修20101214↑----------*/

td.mid2{
	background: url(../images/common/panel_mid_2.gif) repeat-y;
    padding:3px 15px;
}

a[name]:hover,a[name]:active {
	color: #000000;
}

/*--------- 以下ヘッダ等のスタイルの再上書き用 ---------------*/
#header_area p, dd, dt, dl, ul, li{
margin:0;
padding:0;
}

.m10 p, dd, dt, dl, ul, li{
margin:0;
padding:0;
}