@charset "shift_jis";
/* CSS Document */

/*----------------------------------------------------
  基本設定
----------------------------------------------------*/
#container-kodama h1,h2,h3,h4,h5,h6,p,ul,li,dl {
	margin:0px;
	padding:0px;
}
#container-kodama img {
	border:none;
}
#container-kodama ul {
	list-style-type:none;
}
#container-kodama p,dl {
	line-height:165%;
	font-size:0.8em;
}
#container-kodama table {
	font-size:0.8em;
}
#container-kodama table p{
	font-size:1em;
}

/*発地別カラー指定*/
#container-kodama .sc1 {
    color: #E77480 !important;
}
#container-kodama .sc2 {
    color: #3FBEEF !important;
}
#container-kodama .sc3 {
    color: #F1B916 !important;
}
#container-kodama .sc4 {
    color: #7ABD29 !important;
}


/*マージン0*/
#container-kodama .mt0 {
	margin-top:0 !important;
}
#container-kodama .mb0 {
	margin-bottom:0 !important;
}
#container-kodama .mr0 {
	margin-right:0 !important;
}
#container-kodama .ml0 {
	margin-left:0 !important;
}

#container-kodama .tx-small {
	font-size:10px !important;
}


/*----------------------------------------------------
  コンテンツ設定
----------------------------------------------------*/
#container-kodama {
	width:946px;
	padding-top:10px;   
}
#container-kodama:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}
#container-kodama #breadcrumbs-kodama{
	float:left;
	margin-left:30px;
	font-size:0.7em;
	line-height:135%;
	padding:0px 0px 5px;
}
#container-kodama #breadcrumbs-kodama li{
	float:left;
}

/*----------------------------------------------------
  発着駅タブ
----------------------------------------------------*/
#container-kodama .tx-tab p{
	font-weight:bold;
	font-size:16px;
	line-height:135%;
	margin-left:30px;
}
#container-kodama .tx-tab-b{
	color:#00a3ff;
}
#container-kodama .navi-st{
	float:left;
	padding:0px 30px;
	background: url(/kodama/images/bg_tab.gif) repeat-x;
	margin:10px 0px;
}
#container-kodama .navi-st li{
	float:left;
	margin-right:18px;
}
#container-kodama .li-last{
	margin-right:0px !important;
}

/*----------------------------------------------------
  title
----------------------------------------------------*/
#container-kodama #title{
	text-align:center;
	padding-bottom:15px;
	clear:both;
}

/*----------------------------------------------------
  navi
----------------------------------------------------*/
#container-kodama .navi{
	float:left;
	width:220px;
	position:relative;
}
#container-kodama .navi li{
	height:37px;
}
#container-kodama .navi li.h52{
	height:52px;
}
#container-kodama .navi li.ti {
	height:29px;
}
#container-kodama .navi .text{
	font-size:0.8em;
	line-height:1.2;
	height:auto;
	margin-bottom:20px;
	background:url(/kodama/images/navi_bg01.gif) 0 0 no-repeat scroll #e8f5fe;
	border-bottom:#c7c8cc dotted 1px;
	padding-top:10px;
	padding-bottom:10px;
}

#container-kodama .navi li.bnr80{ /*駅弁ナビのバナー用*/
	height:80px;
}


/*----------------------------------------------------
  contents
----------------------------------------------------*/
#container-kodama #contents{
	clear:right;
	float:left;
	margin-left:30px;
	margin-right:18px;
	width:650px;
}
#container-kodama #contents h3{
	margin-bottom:10px;
	clear:both;
}

/*----------------------------------------------------
  料金表
----------------------------------------------------*/
#container-kodama .bt-tab{
	float:left;
	/*padding-left:15px;　タブが3つの時に使用*/
	padding-left:90px;
	background: url(/kodama/images/bg_bt-tab.gif) repeat-x;
	/*width:635px;　タブが3つの時に使用*/
	width:560px;
}
#container-kodama .bt-tab li{
	float:left;
	margin:0px 10px 0px 0px;
	height:35px;
	padding:0px;
}
#container-kodama .bt-tab li img{
	margin:0px;
	padding:0px;
}
#container-kodama #panel1b,#container-kodama #panel2,#container-kodama #panel3b,#container-kodama #panel4{
	display:none;
}
#container-kodama .tx-plan{
	clear:both;
	text-align:center;
	padding:5px;
	border-right: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
}
#container-kodama .table-plan {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	width:650px;
	margin-bottom:10px;
	clear:both;
}

/*index用*/
#container-kodama #tabs-e .table-plan,
#container-kodama #tabs-g .table-plan {
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
}

#container-kodama .table-plan th{
	border-bottom: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	padding:3px;
	text-align:center;
	font-weight:normal;
}

#container-kodama .table-plan .th-width th{
	width:12%;
}
/*index用*/
#container-kodama #tabs-e .table-plan .th-width th,
#container-kodama #tabs-g .table-plan .th-width th {
	width:10%;
}

#container-kodama .table-plan td{
	border-bottom: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	padding:3px;
	text-align:right;
}
#container-kodama .table-plan .dot-left{
	border-left: 1px dotted #a8a8a8;
	text-align:left;
}
#container-kodama .table-plan .dot-bottom{
	border-bottom: 1px dotted #a8a8a8;
}


/*テーブルの区切り線を黒くする*/
#container-kodama .table-plan th.bt-black,
#container-kodama .table-plan td.bt-black {
	border-top: 1px solid #000000 !important;
}
#container-kodama .table-plan th.bb-black,
#container-kodama .table-plan td.bb-black {
	border-bottom: 1px solid #000000 !important;
}
#container-kodama .table-plan th.bl-black,
#container-kodama .table-plan td.bl-black {
	border-left: 1px solid #000000 !important;
}
#container-kodama .table-plan th.br-black,
#container-kodama .table-plan td.br-black {
	border-right: 1px solid #000000 !important;
}



/*---テキスト---*/
#container-kodama .table-plan .tx-center{
	text-align:center;
}
#container-kodama .table-plan .tx-price{
	color:#dd0906;
	font-weight:bold;
}
#container-kodama .table-plan .tx-difference{
	color:#0139cc;
}
#container-kodama .tx-indent{
	padding-left:1em;
	text-indent:-1em;
}

/*---通常期---*/
#container-kodama .bg-ordinary,#container-kodama .tx-ordinary{
	background-color:#f3f8fc;
}

/*---繁忙期---*/
#container-kodama .bg-busy,#container-kodama .tx-busy{
	background-color:#fdf4f5;
}

/*---発地別ページ用---*/
#container-kodama .bg-gray{
	background-color:#ebebeb;
	/*width:8em;*/
	text-align:center !important;
}

/*ie7 only
*:first-child+html #container-kodama table.table-plan th.bg-ordinary{
	width:40%;
}
*/


/*----------------------------------------------------
  タイムテーブル
----------------------------------------------------*/
#container-kodama .time-table{
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	width:650px;
	margin-bottom:10px;
	text-align:center;
}
#container-kodama .time-table th{
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	padding:3px;
	font-weight:normal;
	text-align:center;
	width:5em;
}
#container-kodama .time-table td{
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	padding:3px;
}
#container-kodama .time-table tr:nth-child(even) td {
    background-color: #fff;   /* 偶数行の背景色 */
}
#container-kodama .time-table .even th,#container-kodama .time-table .even td {
    background-color: #fff;   /* 偶数行の背景色 */
}

/*---上り---*/
#container-kodama .up {
	border:3px solid #ff7f00;
}
#container-kodama .time-table .th-up th{
	background-color:#ffd8b2 !important;
}
#container-kodama .time-table .th-up th.tx-up{
	background-color:#ff7f00 !important;
	color:#fff;
	font-weight:bold;
	width:12%;
}
#container-kodama .up tr:nth-child(odd) td {
    background-color: #fff2e5;   /* 奇数行の背景色 */
}
#container-kodama .up .odd th,#container-kodama .up .odd td {
    background-color: #fff2e5;   /* 奇数行の背景色 */
}

/*---下り---*/
#container-kodama .down {
	border:3px solid #0066cb;
}
#container-kodama .time-table .th-down th{
	background-color:#d9ebfa !important;
}
#container-kodama .time-table .th-down th.tx-down{
	background-color:#0066cb !important;
	color:#fff;
	font-weight:bold;
	width:12%;
}
#container-kodama .down tr:nth-child(odd) td {
    background-color: #eef7ff;   /* 奇数行の背景色 */
}
#container-kodama .down .odd th,#container-kodama .down .odd td {
    background-color: #eef7ff;   /* 奇数行の背景色 */
}

/*----------------------------------------------------
  お申し込みの際のご注意
----------------------------------------------------*/
#container-kodama .li-attention {
	float:left;
	margin-bottom:20px;
}
#container-kodama .li-attention li{
	width:154px;
	margin:0px 10px 5px 0px;
	float:left;
}
#container-kodama .li-attention .limit{
	width:318px;
	margin-right:0px;
}

/*----------------------------------------------------
  ご購入方法
----------------------------------------------------*/
#container-kodama .tx-border {
	border-bottom:1px solid #333;
}
#container-kodama .area {
	border:1px solid #333;
	margin:10px 0px;
	padding:10px;
	float:left;
	width:624px;
}
#container-kodama .area dl{
	float:left;
	/*width:60%;*/
}
#container-kodama .area dt{
	font-weight:bold;
}
#container-kodama .area .tx-buy{
	float:right;
	width:38%;
	margin-top:4em;
	padding-left:1em;
	text-indent:-1em;
}
#container-kodama .tx-right{
	text-align:right;
}

/*----------------------------------------------------
  SNS
----------------------------------------------------*/
#container-kodama .sns{
	float:right;
	margin:0px 30px 10px 10px;
}
/*--------AddThis--------*/
#container-kodama .sns .addthis_toolbox{
	float:right;
}
/*--------Twitter--------*/
#container-kodama .sns .twitter-share-button{
	float:right;
	width:auto;
	margin-right:10px;
}
/*--------Facebook--------*/
#container-kodama .sns .fb_iframe_widget {
	float:right;
	margin-right:10px;
}
/*--------メールでURLを送る--------*/
#container-kodama .sns .tx-mail {
	float:left;
	margin:0px 10px;
	background: url(/images/icon_sns_mail.gif) no-repeat left center;
	padding-left: 20px;
}

/*---いいね！ボタンのマージン調整
#container-kodama iframe {
    width: 115px!important;
	margin-right:5px;
}---*/

/*---新tweetボタンの幅調整
#container-kodama iframe.twitter-share-button {
    width: 135px!important;
	margin-right:5px;
}---*/

/*----------------------------------------------------
  footeNote
----------------------------------------------------*/
#container-kodama #footNote {
    clear: both;
    color: #333333;
    font-size: 0.7em;
    line-height: 200%;
    text-align: right;
	margin:0px 30px 18px 0px;
}

/*----------------------------------------------------
  for IE
----------------------------------------------------*/
*html #container-kodama #contents{
	margin-left:15px;
}
	
*html #container-kodama .bt-tab li,*html #container-kodama .navi li{
	margin-bottom:-3px;
}
#container-kodama .time-table th{
	 /width:auto;
}

#container-kodama .time-table th span{
	 /width:3.5em;
	 /display:block;
}
#container-kodama .time-table th.tx-up span,
#container-kodama .time-table th.tx-down span{
	 /width:5em;
	 /display:block;
}


#container-kodama .sns{
	height/*\**/:21px\9;
}
#container-kodama .area:not(:target) {
	width:622px\9; /* IE9 */
}

/*----------------------------------------------------
  2012年3月10日（土）以降タイムテーブル追加
----------------------------------------------------*/
#container-kodama .mr4 {
	margin-right:4px;
}
#container-kodama #panel6,#container-kodama #panel8{
	display:none;
}

/*----------------------------------------------------
  フッターバナー追加
----------------------------------------------------*/
#container-kodama #footBnr{
	margin-top:30px;
	padding-top:30px;
	border-top:#CCC dotted 1px;	
}

#container-kodama #footBnr .links{
	width:612px;
	padding-left:30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left:#c3bc7c solid 2px;
	border-right:#c3bc7c solid 2px;
	border-bottom:#c3bc7c solid 2px;
}

#container-kodama #footBnr .links li{
	font-weight:bold;
	font-size:1em;
	float:left;
	margin-right:50px;
}

#container-kodama #footBnr .links li.end {
	margin-right:0;
}


#container-kodama #footBnr .links a{
   background: url("/images/arrow.gif") no-repeat scroll left 7px transparent;
   display: block;
   padding: 0.4em 0 0 15px;
}

/*IE7対応*/
*:first-child+html #container-kodama #footBnr .links li{
	font-size:14px;
}



/*----------------------------------------------------
  e-pla/yakkan.aspx タイムテーブル追加
----------------------------------------------------*/
.wrap{
	width:760px;
}
#container-kodama_yak img {
	border:none;
}
#container-kodama_yak .time-table{
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	width:760px;
	margin-bottom:10px;
	text-align:center;
}
#container-kodama_yak .time-table th{
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	padding:3px;
	font-weight:normal;
	text-align:center;
	width:5em;
}
#container-kodama_yak .time-table td{
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	padding:3px;
}
#container-kodama_yak .time-table tr:nth-child(even) td {
    background-color: #fff;   /* 偶数行の背景色 */
}
#container-kodama_yak .time-table .even th,#container-kodama .time-table .even td {
    background-color: #fff;   /* 偶数行の背景色 */
}
#container-kodama_yak .mr10 {
	margin-right:10px;
}
#container-kodama_yak #panel6,#container-kodama_yak #panel8{
	display:none;
}
#container-kodama_yak table {
	font-size:1em;
}
#container-kodama_yak table p{
	font-size:1em;
}
#container-kodama_yak .tx-indent{
	padding-left:1em;
	text-indent:-1em;
	text-align:left;
}

/*---上り---*/
#container-kodama_yak .up {
	border:3px solid #ff7f00;
}
#container-kodama_yak .time-table .th-up th{
	background-color:#ffd8b2 !important;
}
#container-kodama_yak .time-table .th-up th.tx-up{
	background-color:#ff7f00 !important;
	color:#fff;
	font-weight:bold;
	width:12%;
}
#container-kodama_yak .up tr:nth-child(odd) td {
    background-color: #fff2e5;   /* 奇数行の背景色 */
}
#container-kodama_yak .up .odd th,#container-kodama_yak .up .odd td {
    background-color: #fff2e5;   /* 奇数行の背景色 */
}

/*---下り---*/
#container-kodama_yak .down {
	border:3px solid #0066cb;
}
#container-kodama_yak .time-table .th-down th{
	background-color:#d9ebfa !important;
}
#container-kodama_yak .time-table .th-down th.tx-down{
	background-color:#0066cb !important;
	color:#fff;
	font-weight:bold;
	width:12%;
}
#container-kodama_yak .down tr:nth-child(odd) td {
    background-color: #eef7ff;   /* 奇数行の背景色 */
}
#container-kodama_yak .down .odd th,#container-kodama_yak .down .odd td {
    background-color: #eef7ff;   /* 奇数行の背景色 */
}

/*----------------------------------------------------
  20120907追記
----------------------------------------------------*/
#container-kodama #title .attention{
	margin-top:10px !important;
	}

/*----------------------------------------------------
  20120928追記
----------------------------------------------------*/
/*---FireFoxのフォントサイズをそろえる---*/

body:first-of-type #yakkan .medium {
	font-size:90%;
}
body:first-of-type #yakkan .small {
	font-size:60%;
}
body:first-of-type #yakkan .priceTable .small {
	font-size:70%;
}
body:first-of-type #yakkan .attention .small {
	font-size:90%;
}
body:first-of-type #yakkan .attention .small_r {
	font-size:90%;
}

/*body:first-of-type #yakkan .proviso .medium {
	font-size:80%;
}*/


/*----------------------------------------------------
  20130726追記　/kodama/shop_about.htmlページ用
----------------------------------------------------*/
#mainArea #jtb_shopabout {
	width:750px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#mainArea #jtb_shopabout .tx-indent {
	padding-left:1em;
	text-indent:-1em;
}

#mainArea #jtb_shopabout .lead {
	font-size:14px;
	font-weight:bold;	
}

#mainArea #jtb_shopabout .box {
	border:#333 solid 1px;
	padding:20px;
	text-align:left;
	width:460px;
	margin:auto;
}

#mainArea #jtb_shopabout .box dt,
#mainArea #jtb_shopabout .box dd,
#mainArea #jtb_shopabout p {
	font-size:12px;
}
#mainArea #jtb_shopabout .box dd{
	margin-left:1em;
}


/*----------------------------------------------------
  20130909追記
----------------------------------------------------*/
#container-kodama .apply_up {
	background:#e8f5fe;
	border-top:#4c69a8 6px solid;
	width:687px;
	/*height:215px;*/
	height:15em;
	margin:30px auto;
}

#container-kodama .apply_up ul {
	margin-left:10px;
	padding-bottom:10px;
}

#container-kodama .apply_up li {
	float:left;
	text-align:left;
	font-size:0.8em;
	line-height:1.4;
}
#container-kodama .apply_up li.call {
	margin-right:9px;
	margin-left:9px;
	padding:0 9px;
	border-right:#b0becb dotted 1px;
	border-left:#b0becb dotted 1px;
}

#container-kodama .apply_up li.long {
	width:234px;
}

#container-kodama .apply_up li.short {
	width:195px;
}

#container-kodama .apply_up li.end {
	border-right:none;
	margin-right:0;
	padding-right:0;
}

#container-kodama .apply_up li .tx-ip {
	text-decoration:underline;
	font-weight:bold;
}

#container-kodama .apply_btm li {
	float:left;
	margin-right:7px;
}

#container-kodama .apply_btm li.end {
	margin-right:0;
}


/*----------------------------------------------------
  20140307追記 (空席ボタン追加）
----------------------------------------------------*/
#container-kodama .btn_wrap {
	width:886px;
	margin:0 auto 30px;
}

#container-kodama .btn_wrap .vacant_up {
	background:#ffe9c5;
	border-top:#ff5c00 6px solid;
	width:187px;
	/*height:215px;*/
	height:15em;
	margin:30px auto;
}
#container-kodama .btn_wrap .vacant_up div{
	margin:0 9px;
	padding:0 0 10px 0;
}
#container-kodama .btn_wrap .vacant_up div p{
	text-align:left;
	font-size:0.8em;
	line-height:1.4;
}