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

body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
select,
figure,
figcaption,
table, td, th{
	margin:0;
	padding:0;
}
input[type="text"]{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
}

table, td, th, tr, thead, tbody{
	border:none;
}
table th{
	text-align:left;
	font-weight:normal;
}

ul, ol{
	list-style:none;
}

address{
	font-style:normal;
}


img{
	vertical-align:bottom;
}

a img{
	border:none;
}

a, a:link{
	color:#133cff;
	text-decoration:none;
}
a:visited{
	color:#9720C9;
	text-decoration:none;
}
a:hover{
	color:#ff7d00;
	text-decoration:none;
}


textarea{
	font-size:1em;
}

header,
footer,
section,
figcaption{
	display:block;
}

input[type="radio"],
input[type="checkbox"]{
	vertical-align:-2px;
	margin-right: 3px;
}

/* -------------------------------
 *     Jalan default styles
 * ------------------------------- */

#subnavi #subnaviLinks {
	line-height: 0px;
}

#pankuzu {
  width: 100% !important;
}

.s11_66 {
  color: #666;
  font-size: 70%;
  line-height: 1.1em;
}

#footRLogo{
	padding:0 0 20px;
}




/*
======================================================================
*	コンテンツ部分共通
======================================================================
*/

#contents,
.lightBox{
	font-size:75%;
	line-height:1.4;
}
#contents .lightBox{
	font-size:100%;
}

#contents{
	clear:both;
	width:950px;
	margin:0 auto;
	padding:21px 0 0;
	overflow:hidden;
	zoom:1;
}

#contents a, #contents a:link,
.lightBox a, .lightBox a:link{
	text-decoration:underline;
	color:#133cff;
}
#contents a:visited, .lightBox a:visited{
	text-decoration:underline;
	color:#9720C9;
}
#contents a:hover, .lightBox a:hover{
	text-decoration:none;
	color:#ff7d00;
}


#contents .mainColumn{
	width:740px;
	float:left;
}
#contents .mainColumn.fullWidth{
	width:auto;
	float:none;
}

#contents .sideColumn{
	width:180px;
	float:right;
}

#contents .singleColumn{
	width:740px;
	margin:0 auto;
}
.dpTitle {
	padding: 2px 0px 0 10px;
	margin: 10px 0 15px 0;
	height: 26px;
	background: url(/dp/images/icn_dp_hed_title_o.gif) no-repeat left top;
	font-weight: bold;
	font-size: 18px;
	position: relative;
}
.dpAirImg {
	position: absolute;
	top: -5px;
	right: 0;
}

.clearfix:after{
	display:block;
	clear:both;
	content:".";
	height:0;
	visibility: hidden;
}
.clearfix{
	overflow:visible !important;
	zoom:1;
}


/*	見出し
------------------------------------------------*/
.pageHead{
	border-left:4px solid #ff6600;
	padding:1px 0 0px 6px;
	margin:0 0 9px;
	font-size: 1.5em;
	font-weight: bold;
}
.pageHead.addMB{
	margin:0 0 15px;
}

.contentHead{
	font-weight:bold;
	font-size:1.16em;
	border-bottom:2px solid #bbbbbb;
	padding: 11px 0 3px 7px;
	margin: 0 0 12px;
}
.contentHead02{
	font-weight:bold;
	font-size:1.16em;
	border-bottom:2px solid #ff6600;
	padding: 0px 0 5px 0px;
	margin: 0 0 12px;
}
.contentHead03{
	font-weight:bold;
	border-left:3px solid #ff6600;
	padding: 0 0 0 5px;
	margin: 0 0 7px;
	line-height: 1.2;
}

.kvHead{
	margin:0 0 40px;
}
.kvHead02{
	margin:0 0 5px;
}

/*	見出し下テキスト
------------------------------------------------*/
.leadText{
	margin:0 0 3px;
	font-weight: normal;
	font-size:10px;
	text-align:right;
	color:#666666;
}
.leadText02{
	margin:0 0 10px 10px;
	font-weight: normal;
}
.leadText00{
	margin:0 0 16px;
}
.index .leadText{
	/*font-size:0.83em;*/
	margin-bottom:3px;
}


/*	矢印アイコン
------------------------------------------------*/
.iconArrowList{
}
.iconArrowList li,
.iconArrow{
	background:url(/dp/payment/images/icon_arrow.gif) no-repeat left 3px;
	padding:0 0 0 10px;
}
.iconArrowList li{
	margin:0 0 3px;
}
.iconArrowList02 li,
.iconArrow02{
	background:url(/dp/payment/images/icon_arrow04.gif) no-repeat left 5px;
	padding:0 0 0 10px;
}
.iconArrowList02 li{
	/*margin:0 0 3px;*/
}
.iconMore{
	overflow:hidden;
	zoom:1;
	padding: 3px 0 0;
}
.iconMore p{
	float:right;
	padding-left:15px;
	background:url(/dp/payment/images/icon_arrow03.gif) no-repeat left 2px;
}



/*　ナカグロ用アイコン
-------------------------------------*/
.iconNakaguroList{
}
.iconNakaguroList li,
.iconNakaguro{
	background:url(/dp/payment/images/icon_nakaguro02.gif) no-repeat 1px 5px;
	padding:0 0 0 10px;
}



/*　？アイコン
-------------------------------------*/
.iconQuest{
	margin-left:3px;
}
.iconQuest2{
	padding:0 0 0 15px;
	background:url(/dp/payment/images/icon_quest.gif) no-repeat 0 0;
}


/*	オプションアイコン
------------------------------------------------*/
.optionIcons{
	overflow:hidden;
	zoom:1;
}
.optionIcons li{
	float:left;
	margin: 0 5px 3px 0 !important;
}
.optionIcons li.round{
	width:73px;
}
.optionIcons li img{
	vertical-align:bottom;
}


/* ページトップ
------------------------------------------------*/
.toTop{
	text-align:right;
	padding: 21px 0 0;
	clear: both;
}


/* 便アイコン
------------------------------------------------*/
.iconFlight{
	margin:0 6px 0 0;
}


/* ページ上部お知らせエリア
------------------------------------------------*/
.atNews{
	margin:0 0 15px;
}

/*	テキストフィールド
------------------------------------------------*/
.tf,
.tf02{
	border:1px solid #9e9e9e;
	height:20px;
	text-indent:5px;
	line-height:20px;
}
.tf02{
	border:1px solid #c3c3c3;
	background:#efefef;
}
.busInfo{
	margin:0 0 5px;
	font-size:10px;
	color:#666666;
}


/*	セレクトボックス
------------------------------------------------*/
select{
	border:1px solid #94979e;
}



/*	文字装飾
------------------------------------------------*/
.bold{
	font-weight:bold;
}
.noBold{
	font-weight:normal;
}

.selected,
.colOrange{
	color:#ff6600;
}

.colOrange02{
	color:#e76700;
}
.colGreen{
	color:#309400;
}

.colRed,
.alert{
	color:#fe0000;
}

.colPink{
	color:#e34d9b;
}
.colBlue{
	color:#0060ff;
}

.smaller{
	font-size:0.83em;
}
.larger{
	font-size:1.16em;
}
.larger02{
	font-size:1.33em;
}
.alert{
	font-weight:bold;
	/*margin:0 0 10px;*/
}
.alert.mb{
	margin:0 0 30px;
}

.alertBox{
	background:#ffdddd;
	padding: 10px 14px;
	margin: 0px 0 15px;
	font-weight:bold;
	color:#cc0000;
}
.alertBox p{
	margin-bottom:2px;
}
.alertBox p .nextPlan{
	padding:0 0 0 10px;
}
.iconAlert{
	background:url(/dp/payment/images/icon_alert.gif) no-repeat left 0px;
	padding-left:21px;
}
.hide{
	display:none;
}

.inline{
	display:inline;
}

.grayTxt{
	color:#666666;
}

/*	インデント
------------------------------------------------*/
.indentList li,
.indentText{
	text-indent:-1em !important;
	padding-left:1em !important;
}
.indentList02 li,
.indentText02{
	text-indent:-0.5em !important;
	padding-left:0.5em !important;
}
.indentText03{
	text-indent:-1.5em !important;
	padding-left:1.5em !important;
}



.figTable{
	width:auto;
	display: block;
}
.figTable table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #f7dcc9;
}
.figTable table.borderLess{
	border:none;
}
.figTable table th,
.figTable table td{
	border:1px solid #f7dcc9;
	padding:7px 13px;
}
.figTable table th{
	background:#faeddf;
	vertical-align:middle;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

.figTable table th.cellNone,
.figTable table td.cellNone{
	background:none;
	border:none;
}
.figTable.payment + .figTable.payment {
  margin-top: 10px;
}
.figTable.payment table td{
	vertical-align:text-top;
}
.figTable.payment table td .smaller{
	margin-top:5px;
}


/* FF幅調整 */
#contents .srchDeparture .cont .formParts .tf, x:-moz-any-link{
	padding-right:5px;
}
#contents .srchDeparture .cont .formParts .tf.year,
#contents .srchDeparture .cont .formParts .tf.month,
#contents .srchDeparture .cont .formParts .tf.date,
#contents .srchDeparture .cont .formParts .tf.time{
	margin-right:2px;
	margin-left:4px;
}
#contents .srchDeparture .cont .formParts .tf.year{
	width:40px;
	margin-left:0;
}
#contents .srchDeparture .cont .formParts .tf.month{
	width:24px;
}
#contents .srchDeparture .cont .formParts .tf.date{
	width:24px;
}
#contents .srchDeparture .cont .formParts .tf.time{
	width:24px;
}



#contents .srchDeparture .cont .formParts .rd{
	float:left;
	margin-right:3px;
}
#contents .srchDeparture .cont .formParts .rd input{
	vertical-align:-2px;
	margin-right:2px;
}
#contents .srchDeparture .cont .formParts .rd.first input{
	margin-left:1px;
}
#contents .srchDeparture .cont .formParts .rd.last{
	margin-right:0;
}
#contents .srchDeparture .cont .formParts .btnCalendar img{
	vertical-align:-4px;
}
#contents .srchDeparture .cont .formParts.typeAddHead{
	padding: 1px 0 7px;
}
#contents .srchDeparture .cont .formParts.typeAddHead.last{
	padding-bottom:13px;
}
#contents .srchDeparture .cont .formParts.borderLess{
	border-bottom:none;
}
#contents .srchDeparture .cont .formParts dt{
	margin:0 0 0px;
	width:42px;
	float:left;
	padding:2px 0 0;
}
#contents .srchDeparture .cont .formParts.typeAddHead dt{
	border-left:4px solid #ff6600;
	padding:0 0 0 6px;
	float:none;
	width:auto;
	margin: 0 0 3px;
}
#contents .srchDeparture .cont .formParts.typeAddHead dt img{
	display:block;
}
#contents .srchDeparture .cont .formParts dd{
	padding:3px 0 0;
	float:left;
	width: 280px;
	/* [disabled]overflow: hidden; */
	/* [disabled]zoom: 1; */
}
#contents .srchDeparture .cont .formParts dd.links{
	margin-left:57px;
	clear:both;
}
#contents .srchDeparture .cont .formParts dd img{
}
#contents .srchDeparture .cont .formParts.typeAddHead dd{
	float:none;
	width:auto;
}
#contents .srchDeparture .cont .formParts.typeHalf dt.last{
	width:40px;
}
#contents .srchDeparture .cont .formParts.typeHalf dd{
	width:120px;
}
#contents .srchDeparture .cont .formParts.typeHalf dd.last{
	width:110px;
}

#contents .srchDeparture .cont .formParts dt.dtS{ width:29px; }
#contents .srchDeparture .cont .formParts dd.ddS{ width:293px; }
#contents .srchDeparture .cont .formParts dd.ddS div.toolTipBox{
	float:left;
}
#contents .srchDeparture .cont .formParts dd.ddS .sboxTime{
	margin:2px 0 0;
	float:left;
}

/* セレクトボックス */
#contents .srchDeparture .cont .formParts select{
	display:inline;
}
#contents .srchDeparture .cont .formParts .sboxRegion{
	width:85px;
	margin-right: 6px;
}
#contents .srchDeparture .cont .formParts .sboxState{
	width:230px;
}
#contents .srchDeparture .cont .formParts .sboxOther{
	width:60px;
	margin-top: 1px;
}
#contents .srchDeparture .cont .formParts .sboxTime{
	width: 100px;
	margin-right: 2px;
}
#contents .srchDeparture .cont .formParts .defalt{
	padding:0 0 0 5px;
}




/*
=============================================================
*	1ページもの
=============================================================
*/


/*　特定商取引
------------------------------*/
#contents .transContBox{
	padding:20px 0 0;
}
#contents .transContBox .expGuideBox{
	margin-bottom:17px;
}
#contents .transContBox .contentHead02{
	padding-bottom:7px;
	margin-bottom:11px;
}


/*　高速路線バスと高速ツアーバスの違い
----------------------------------------------*/
#contents .defferContBox{
	padding:20px 0 0;
}
#contents .defferContBox .figTable{
	margin:0 0 8px;
}
#contents .defferContBox .figTable table{
}
#contents .defferContBox .figTable .cell01{
}
#contents .defferContBox .figTable .cell02{
	width:35%;
	text-align:center;
}
#contents .defferContBox .figTable .cell03{
	width:35%;
	text-align:center;
}



/*　利用規約
----------------------------------------------*/
#contents .termContBox{
	padding:20px 0 0;
}

#contents .termContBox .termList{
}
#contents .termContBox .termList li{
	margin-bottom:30px;
	padding:5px;
	border:#eeeeee 3px solid;
}
#contents .termContBox .termList li .contentHead02{
	padding:3px 5px;
	background:#eeeeee;
	border-bottom:none;
}
#contents .termContBox .termList li .numberingList{
	padding:0 0 0 2em;
	display:block;
	list-style:decimal;
}
* html #contents .termContBox .termList li .numberingList{
	padding-left:2.5em;
}
#contents .termContBox .termList li .numberingList li{
	margin-bottom:5px;
	padding:0;
	border:none;
}
#contents .termContBox .termList li p{
	padding:0 10px;
}
#contents .termContBox .termList li .numberingList li p{
	margin-bottom:5px;
}
#contents .termContBox .termList li .numberingListCustom{
}
#contents .termContBox .termList li .numberingListCustom li{
	padding-left:1.2em;
	text-indent:-1.2em;
}
#contents .termNav{
	margin:0 0 20px;
}
#contents .termNav ul{
	overflow:hidden;
}
#contents .termNav ul li{
	float:left;
	margin:0 15px 0 0;
	padding:0 0 0 15px;
	background:url(../images/common/icon_arrow_under.gif) no-repeat 0 5px;
}
#contents .termContBox .provisionBox{
	padding:20px 0 60px;
}
#contents .termContBox .provisionBox .taR{
	text-align:right;
}


/*　お知らせ
----------------------------------------------*/
.expGuideBox .newsTxt{
	margin:0 0 15px;
}



/*
=============================================================
*	バス停確認
=============================================================
*/

#container740{
	width:740px;
	margin:0 auto;
}
#container740 #header {
  min-height: 41px;
  _height: 41px;
  border-bottom: solid 3px #7e7e7e;
  background: none;
  border-top: solid 7px #ff7011;
  position: relative;
  width: 740px;
}
#container740 .catch,
#container740 .description {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#container740 #site-title {
  left: 5px;
  top: 3px;
}
#container740 #site-title a {
  background: url(https://www.jalan.net/uw/images/header630_logo.gif) no-repeat;
  width: 100px;
  height: 34px;
}
#container740 ul {
  position: absolute;
  top: 20px;
  right: 0;
  list-style: none;
}
#container740 li {
  float: left;
}
#container740 #welcome {
  *zoom: 1;
  width: 740px;
  *margin-top: 5px;
}
#container740 #welcome:before, #header740 #welcome:after {
  content: "";
  display: table;
}
#container740 #welcome:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}

#container740 #pankuzu{
	width:740px !important;
	margin:0 auto !important;
}

#container740 #contents{
	width:740px;
	margin:0 auto;
	padding-bottom:20px;
}
#container740 #contents .pageHead{
	margin: 0 40px 15px;
}
#container740 #contents .mapImage{
	width:656px;
	height:458px;
	margin:0 auto;
	border: 1px solid #c3c3c3;
}
#container740 #contents .popAtTxt{
	width:656px;
	margin:0 auto 5px;
	text-align:right;
	font-size:10px;
}
#container740 #contents .mapImage #mapCanvas{
	width:100%;
	height:100%;
}

/*
===========================================================
*	お支払用CSS
===========================================================
*/


.payContBox{
}
.payContBox .payBox{
	margin:0 0 42px;
}

.payContBox .payBox .payLead{
	margin-bottom:7px;
}
.payContBox .payBox .figTable table{
	margin:0 0 5px;
}
.payContBox .payBoxCon{
	margin:0 0 25px;
}
.payContBox .payBoxCon:last-child .payLogos{
	margin-bottom:20px;
}

.payContBox .payBox .figTable .tdCell01{
}
.payContBox .payBox .figTable .tdCell02,
.payContBox .payBox .figTable .tdCell03,
.payContBox .payBox .figTable .tdCell04{
	width:28%;
}
.payContBox .payBox .figTable .tdCell12,
.payContBox .payBox .figTable .tdCell13{
	width:42%;
}

.payContBox .payBox .settlementStores{
	padding:12px 10px 0;
}

.payContBox .payBox .settlementStores li{
	margin:0 0 20px;
}
.payContBox .payBox .settlementStores li .bold{
	margin:0 0 5px;
}
.payContBox .payBox .settlementStores li.last{
	margin-bottom:0;
}
.payContBox .payBox .settlementStores li .stlCont{
	overflow:hidden;
	zoom:1;
}
.payContBox .payBox .settlementStores li .stlCont .logo{
	float:left;
	width:132px;
}
.payContBox .payBox .settlementStores li .stlCont .text{
	padding:0 0 0 132px;
}

/*
===========================================================
*
===========================================================
*/
.payContBox .payBoxCon ol li{
	list-style:decimal;
	margin:0 0 20px 18px;
}
.payContBox .payBoxCon ol li img{
	display:block;
	margin: 7px 0 0;
}
.procedureBoxCont{
	overflow:hidden;
}
.procedureBoxCont .procedureBox{
	overflow:hidden;
	clear:both;
	margin:0 0 25px;
}
.procedureBoxCont .procedureBox .procedureBoxL{
	width:380px;
	float:left;
	margin-right:30px;
}
.procedureBoxCont .procedureBox .procedureBoxR{
	width:300px;
	float:right;
	text-indent:-20px;
}
.procedureBoxCont .procedureBox .procedureBoxR span{
	color:#FF8000;
}
.payArrow .iconArrow{
	background:url(/dp/payment/images/icon_arrow05.gif) no-repeat left 5px;
	padding:0 0 0 7px;
}

.paymentNoticeList {
		margin: 0 50px 16px;
}

.paymentNoticeList li {
		margin-top: 16px;
}

.fcOrange {
		color: #ff8000
}