@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------------------- */
/* 使い方、バスの乗り方                                                      */
/* ------------------------------------------------------------------------- */

#container{
	width:100%;
	padding:0;
	border:none;
	background:#eeeeee;
}

.tab_panel{
	padding:25px;
	margin:0;
	background:#FFF;
	font-size:13px;
	line-height:1.6em;
}

.tab_panel a{
	color: #4e41b3;
	text-decoration:underline;
}

.tab_panel a:hover{
	text-decoration:none;
}

.guide_top{
	margin-bottom:20px;
	color:#4E41B3;
	font-size:14px;
	font-weight:bold;
	line-height:1.8em;
}

.guide_caption{
	margin:20px 20px 10px 20px;
	padding: 4px 4px 4px 20px;
	background:#E8E5FE;
	color:#4E41B3;
	font-size:14px;
	font-weight:bold;
}

.guide_sub_caption{
	background: none repeat scroll 0 0 #fbf6ea;
	border-bottom:solid 1px #bbbbbb;
	border-left: solid 5px #999999;
	margin: 10px 40px 5px 40px;
	padding: 5px 15px;
	font-size:13px;
	font-weight:normal;
}

.explanation{
	margin:10px 20px 20px 20px;
	text-indent:1em;
	line-height:1.4em;
}

.explanation .red{
	color:red;
}

.guide_box{
	background:#eee;
	padding:0 10px 10px 10px;
	margin:10px 40px 20px 40px;
}

.guide_box_left1{
	float:left;
	width:550px;
}

.guide_box_left2{
	float:left;
	width:360px;
}

.guide_image_right{
	float:left;
	margin:10px 0 20px 0;
	padding:10px;
	border:solid 1px #eeeeee;
}

.guide_box ul{
	list-style-image:url(../../img/icons/list_style_blue.png);
}

.guide_box ul li{
	margin-left:20px;
	padding:5px 5px 5px 0px;
}

.guide_box .red{
	color:red;
}

.guide_image{
	text-align:center;
	margin-bottom:30px;
}

.guide_image img{
	max-width:600px;
}

.guide_content{
	margin:10px 20px 20px 20px;
}

.guide_rosen_table{
	border-collapse:collapse;
	border:solid 1px #999;
	table-layout:fixed;
	width:700px;
	margin:20px auto;
}

.guide_rosen_table tr th{
	border:solid 1px #999;
	background:#eee;
	padding:5px 5px 5px 10px;
	vertical-align:middle;
}

.guide_rosen_table tr th.agency{
	width:40%;
}

.guide_rosen_table tr th.area{
	width:60%;
}

.guide_rosen_table tr td{
	border:solid 1px #999;
	padding:5px 5px 5px 10px;
	vertical-align: middle;
}

.icon_guide{
	clear:both;
	margin: 10px 20px 20px 20px;
	padding:0;
}

.icon_guide table{
	width:100%;
	height:auto;
	border:1px solid #cccccc;
	background:#FFF;
}

.icon_guide table td.icon{
	border: medium none;
	text-align: left;
	vertical-align:middle;
}

.icon_guide table td.icon{
	width:4%;
	padding:5px 0 5px 12px;
}

.icon_guide table td.icon img{
	width:24px;
	height:24px;
	vertical-align:middle;
}

.icon_guide table td.icon img.transport_icon{
	width:28px;
	height:28px;
	vertical-align:middle;
}

.icon_guide table td.desc{
	width:16%;
	padding:5px 0 5px 2px;
	font-size:12px;
	vertical-align:middle;
}

.bus_agency_table{
	border-collapse:collapse;
	margin:10px 30px 20px 30px;
	table-layout:fixed;
}

.bus_agency_table tr td{
	width:20%;
	padding:5px 5px 5px 5px;
	vertical-align:middle;
	background:#eeeeee;
	border:solid 1px #fff;
	font-size:12px;
}

.bus_agency_table td.empty{
	background:#ffffff;
}

.bus_agency_table td img{
	width:28px;
	height:28px;
	margin-right:9px;
}

.fare_table{
	border-collapse:collapse;
	border:solid 1px #999;
	line-height:1.8;
	margin-bottom:10px;
	table-layout:fixed;
	width:700px;
	margin:20px auto;
}

.fare_table tr th{
	border:solid 1px #999;
	background:#eee;
	padding:3px 5px 3px 10px;
	width:33%;
	font-size:14px;
	vertical-align:middle;
}

.fare_table tr td{
	border:solid 1px #999;
	padding:3px 5px 3px 10px;
	width:33%;
	vertical-align: middle;
}

.fare_table_remark{
	text-align:right;
	margin-right:100px;
	font-size:11px;
}

.table_ic{
	border:solid 1px #ccc;
	margin:20px 0 0 50px;
	border-collapse:collapse;
	width:812px;
}

.table_ic th{
	padding:5px 10px;
	background:#ddd;
	color:#333;
	font-weight:normal;
	border:dotted 1px #FFF;
}

.table_ic td{
	padding:5px 10px;
	border:dotted 1px #bbb;
}

.ic_text{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#999;
	text-decoration:none;
	padding:10px;
	margin:5px 5px;
	color:#fff;
}

/* ------------------------------------------------------------------------- */
/* お得なチケット                                                            */
/* ------------------------------------------------------------------------- */

.ticket_content{
	background-color:#ffffff;
}

.ticket_table_common{
	border-collapse:collapse;
	border: none;
	table-layout:fixed;
	margin:20px 15px;
	padding:0;
}

.ticket_table_common th{
	width:32%;
	border:solid 1px #999;
	background:#E8E5FE;
	padding:6px 5px;
	vertical-align:middle;
}

.ticket_table_common th a{
	font-size:14px;
	line-height:1.6em;
	color:#4e41b3;
	text-decoration:underline;
}

.ticket_table_common th a:hover{
	text-decoration:none;
}

.ticket_table_common td{
	border:solid 1px #999;
	padding:8px;
	width:33%;
	vertical-align:top;
}

.ticket_table_company{
	border-collapse:collapse;
	border: none;
	table-layout:fixed;
	margin:20px 15px;
	padding:0;
}

.ticket_table_company th{
	border:solid 1px #999;
	background:#eeeeee;
	padding:6px 5px;
	width:19%;
	vertical-align:middle;
}

.ticket_table_company th a{
	font-size:14px;
	color:#db6f02;
	text-decoration:underline;
}

.ticket_table_company th a:hover{
	color:#e99c4f;
	text-decoration:none;
}

.ticket_table_company td{
	border:solid 1px #999;
	background:#ffffff;
	padding:5px;
	line-height:1.6em;
	vertical-align:top;
	width:27%;
}

.ticket_table_company td p.ticket_name{
	background:#E8E5FE;
	padding:5px;
	margin:0 0 8px;
	text-align:center;
}

.ticket_table_company td p.ticket_name a{
	font-size:14px;
	font-weight:bold;
	color:#4e41b3;
	text-decoration:underline;
}

.ticket_table_company td p.ticket_name a:hover{
	text-decoration:none;
}

.ticket_table_common .no_border, .ticket_table_company .no_border{
	border:none;
}

.ticket_table_common .discount, .ticket_table_company .discount{
	margin:10px 0 5px 5px;
}

.ticket_table_common .discount span, .ticket_table_company .discount span{
	background:#999;
	border:1px solid #999;
	text-decoration:none;
	padding:3px 20px;
	font-size:9px;
	color:#fff;
}

/* ------------------------------------------------------------------------- */
/* 利用規約                                                                  */
/* ------------------------------------------------------------------------- */

.rule_box{
	padding: 15px 15px 20px;
	background-color:#ffffff;
	line-height:1.6em;
}

.rule_top{
	margin-bottom:20px;
	text-indent:1em;
	font-size:14px;
}

.rule_text{
	text-indent:1em;
	padding:10px 13px 20px;
}

.rule_text > p:not(:last-child) {
	margin-bottom: 10px;
}

.rule_ol{
	margin:-15px 0 20px 50px;
	padding:0 15px;
}

.rule_ol li{
	list-style-type:decimal;
	padding:3px 5px 3px;
}

/* ------------------------------------------------------------------------- */
/* リンク集                                                                  */
/* ------------------------------------------------------------------------- */

.link_box{
	padding:20px;
	background:#FFFFFF;
}

.link_box table {
	border: 1px solid #aaa;
	margin: 0 auto;
	width: 900px;
	border-collapse:collapse;
}

.link_box table th {
	background: #E8E5FE;
	border: 1px solid #aaa;
	color: #4E41B3;
	padding:5px 0;
	font-size:14px;
	font-weight:normal;
}

.link_box table th.name {
	width: 35%;
}

.link_box table th.url {
	width: 65%;
}

.link_box table td {
	color: #333;
	padding:5px 8px 5px 10px;
	border: 1px solid #aaa;
}

.link_box table td.name {
	background: #efefef;
	color: #333;
	vertical-align: middle;
}

.link_box table td.url {
	vertical-align: middle;
}

/* Interaction states
----------------------------------*/

.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #ddddd; color:#333333; background: #ffffff; font-weight: bold; color: #ccccc; outline: none; }