@charset "utf-8";

/* table表
--------------------*/

/*thが右端に来たときのスタイル*/
table.table th.last{
padding:15px 10px;
text-align:center;
color:#800000;
border-bottom:1px dotted #e25d2b;
background:#fee3c5;
}

/*tdが2つならんだ時左側のtdに使用するスタイル*/
table.table td.line{
padding:15px 10px;
border-bottom:1px dotted #e25d2b;
border-right:1px dotted #e25d2b;
}


/* シンプルな表 */
table.simple{
border-top:1px solid #e25d2b;
border-left:1px solid #e25d2b;	
empty-cells:show;
}

table.simple th,table.simple td{
padding:15px 10px;
border-right:1px solid #e25d2b;
border-bottom:1px solid #e25d2b;
}

table.simple th{
color:#800000;
background:#fee3c5;	
text-align:center;
}


/* 2列のボックス
--------------------*/
.boxWrap li{
float:left;
width:45%;
margin:10px 2%;
}

.boxWrap img{
max-width:100%;
height:auto;
}

.boxWrap p{margin-top:5px;}

table.simple th.table_title{
	background-color: #e5680c;
	color: #FFF;
	font-weight: bold;
}
table.simple th.table_title a{
	color: #800000;
}
table.simple th.table_title p{
	font-weight: normal;
	margin:0;
	padding:0;
}

/* ボタン
--------------------*/
ul.btn2 li{
float:left;
width:45%;
height:80px;
margin:10px 2%;
border:1px solid #ccc;
border-radius:5px;
transition:.5s;
background:#fff url(../images/arrowRedBtn.png) no-repeat 95% 50%;
}

ul.btn2 li:hover{
background:#d31f1f url(../images/arrowWhiteBtn.png) no-repeat 95% 50%;
}

ul.btn2 li a{
display:block;
padding-left:10px;
line-height:80px;
font-size:18px;
}

ul.btn2 li.longMenu a{
padding-top:15px;
height:65px;
line-height:1.3;
}

ul.btn2 li a:hover{
color:#fff;
text-decoration:none;
}

@media only screen and (max-width: 767px){
ul.btn2 li,ul.btn2 li:hover{
float:none;
width:100%;
height:auto;
margin:10px 0;
padding:10px 0;
background-position:98% 50%;
}
ul.btn2 li a,ul.btn2 li.longMenu a{
padding:0 0 0 10px;
height:auto;
line-height:1.3;
}
}

@media only screen and (max-width: 480px){
.boxWrap li{width:100%;float:none;margin:10px 0 15px;text-align:center;}
.boxWrap p{text-align:left;}
ul.btn2 li a{font-size:14px;}
}




/* 201311 ejchoi 追加
--------------------*/

/* basic */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.ml20{margin-left:20px !important;}
.p20{padding:20px !important;}
.pr30{padding-right:30px !important;}
.pl30{padding-left:30px !important;}
.crBox{clear:both !important;}
.ta-C{ text-align:center !important;}
.ta-R{ text-align:right !important;}
.ta-L{ text-align:left !important;}
.bdG{ border:1px solid #d4d4d4 !important;}
/* 20131120　追加 */
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
	}
.fl{float: left;}
.fr{float: right;}

/* pdf icon */
a.pdf{
background:url(../images/iconPdf.gif) no-repeat right 2px;
padding-right: 20px;
}


/* get Adobe Reader */
.getAR{
background:#f2efe8;
padding:15px 20px;
margin-top:20px;
}
.getAR .img{
float:right;
}
@media only screen and (max-width: 480px){
.getAR .img{
	float:none !important;
}
}


/* 安全報告書 */
.anzenList{
padding:0 20px 10px 20px;
}
.anzenList li{
border-bottom:1px dotted #e4d0ae;
color:#666;
padding:10px 0;
}


/* IR情報 */
.irNav li{
float:left;
margin-right:20px;
margin-bottom:5px;
}
.irNav li a{
padding-left:15px;
background:url(../images/arrowSubnav.png) no-repeat 0 50%;
color:#000;
}
.irGoTop{
text-align:right;
padding-right:20px;
background:url(../images/irGoTop.png) no-repeat right 1px;
margin:10px 0 30px 0;
}
.irGoTop a{
color:#000;
}

/* お問い合わせ */
ul.ulCT{
margin:0 0 30px 30px;
}
ul.ulCT li{
background:url(../images/arrowSubnav.png) no-repeat 0 5px;
padding-left:15px;
}


/* プライバシーポリシー */
.policybtLv1{margin-top:10px;}
.policybtLv2{margin-bottom:30px !important;}
.policylLv1{margin-left:15px;}
.policyBox{margin-left:15px; background:#f6f3ec; padding:10px; margin:10px 0;}
.policyLi_dot li{ list-style:disc; margin-left:15px;}
.policyLi_dl { margin-bottom:10px;}
.policyLi_dl dt{ float:left; clear:both; width:40px;}
.policyLi_dl dd{ padding-left:40px;}
.policyLi_square { margin-left:15px;}
.policyLi_square li{ list-style:square; margin-left:15px;}


/* サイトのご利用について */
.redTxt{ color:#d31f1f}


/* 共通
--------------------*/
.fontRed{ color:#FF0000;}
.contentBGP{
	padding: 10px;
	margin-bottom: 30px;
	background-color: #fff0f5;
}
.col2L{
	float: left;
	width: 36% ;
	margin-right: 20px;
}

.col2R{
	float: right;
	width: 36%;
	margin-left: 20px;
}
.col3L{
	width: 32%;
	padding-right: 2%;
	float:left;
}
.col3M{
	width: 32%;
	padding-right: 2%;
	float:left;
}
.col3R{
	width: 32%;
	float:left;
}


/* 20131127 追加
--------------------*/
/*sl/運転日*/
table.calendar{
	border: 1px solid #FFF;
}
table.calendar tr th{
	color:#800000;
	padding: 3px 0;
	text-align: center;
	border: 1px solid #FFF;
	background-color: #fee3c5;
}
table.calendar tr th.month{
	font-size: 14px;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #FFF;
	background-color: #fee3c5;
}
table.calendar tr td{
	padding: 3px 0;
	text-align: center;
	border: 1px solid #FFF;
	background-color: #f6f3ec;
}
table.calendar tr th.sat{
	color: #0030ff;
}
table.calendar tr th.sun{
	color: #ff0000;
}
table.calendar tr td.hol{
	background-color: #ffcccc;
}
table.calendar tr td.week{
	background-color: #ccffcc;
}
table.calendar tr td.event{
	background-color: #ffcc66;
}

/* 駅情報 */
div#box1 dl.timeTable table.table tr th,
div#box1 dl.timeTable table.table tr td,
div#box2 dl.timeTable table.table tr th,
div#box2 dl.timeTable table.table tr td{
	padding: 3px 5px !important;

}
div#box1 .table_right,
div#box2 .table_right{
	text-align: right;
	padding: 0 5px !important;
}
/* 時刻表 */
table.time_holiday{
	width: 100%;
}
table.time_holiday tr th{
	color: #cb3939;
	text-align: center;
	font-weight: bold;
	border: 1px solid #cb3939;
	background-color: #ffcccc;
	padding: 15px 10px;
}
table.time_holiday tr td{
	border: 1px solid #cb3939;
	padding: 15px 10px;
}

table.time_weekday{
	width: 100%;
}
table.time_weekday tr th{
	color: #006900;
	text-align: center;
	font-weight: bold;
	border: 1px solid #006900;
	background-color: #ccffcc;
	padding: 15px 10px;
}
table.time_weekday tr td{
	border: 1px solid #006900;
	padding: 15px 10px;
}


/* listスタイル
--------------------*/
.listStyle01 ul li{
	list-style:none;
	line-height:1.5;
	background:url(../images/icon_check.gif) no-repeat 0 2px;
	padding-left:24px;
	padding-bottom:10px;
}


.col2{
	width:698px;
	position:relative;
}
@media only screen and (max-width: 767px){
.col2{
	width:100%;
	position:relative;
}
}
@media only screen and (max-width: 480px){
.col2{
	width:100%;
	position:relative;
}
}

.col2 .left{
	width:339px;
	float:left;
}
@media only screen and (max-width: 767px){
.col2 .left{
	width:48%;
	float:left;
}
}
@media only screen and (max-width: 480px){
.col2 .left{
	width:100%;
}
}

.col2 .right{
	width:339px;
	float:right;
	padding-top:50px;
}
.col2 .right_flo{
	width:339px;
	float:right;
}

@media only screen and (max-width: 767px){
.col2 .right{
	width:48%;
	float:right;
	padding-top:30px;
}
}
@media only screen and (max-width: 480px){
.col2 .right{
	width:100%;
	padding-top:0px;
	text-align:center;
}
}

.col3 img{
	padding-bottom:20px;
}

.col3 .left{
	width:300px;
	float:left;
}
@media only screen and (max-width: 767px){
.col3 .left{
	width:300px;
	float:left;
}
}
@media only screen and (max-width: 480px){
.col3 .left{
	width:100%;
}
}


.col3 .right_flo{
	width:378px;
	float:right;
}

@media only screen and (max-width: 767px){
.col3 .right_flo{
	width:48%;
	float:right;
}
}
@media only screen and (max-width: 480px){
.col3 .right_flo{
	width:100%;
	padding-top:0px;
	text-align:center;
}
}


#mv{
	padding:20px 0;
}
#mv img{
	width:100% !important;
}
@media only screen and (max-width: 767px){
#mv{
	padding:0px 0px 20px 0;
}
#mv img{
	width:100% !important;
}
}
@media only screen and (max-width: 480px){
#mv{
	padding:0px 0px 10px 0;
}
#mv img{
	width:100% !important;
}
}






.rc_lt_10{
	position:absolute;
	z-index:1000;
	left:0;
	top:0;
	background:url(../images/rc_lt_10.png) no-repeat 0 0;
	width:10px;
	height:10px;
}
.rc_rt_10{
	position:absolute;
	z-index:1000;
	right:0;
	top:0;
	background:url(../images/rc_rt_10.png) no-repeat 0 0;
	width:10px;
	height:10px;
}
.rc_lb_10{
	position:absolute;
	z-index:1000;
	left:0;
	bottom:0;
	background:url(../images/rc_lb_10.png) no-repeat 0 0;
	width:10px;
	height:10px;
}
.rc_rb_10{
	position:absolute;
	z-index:1000;
	right:0;
	bottom:0;
	background:url(../images/rc_rb_10.png) no-repeat 0 0;
	width:10px;
	height:10px;
}




table.style01{
border-right:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
}

table.style01 th{
	color:#ffffff;
	border:0;
	border-bottom:1px solid #d4d4d4;
	background:url(../images/bg_table_orange.gif) repeat;
}
table.style01 tr:first-child th{border-top:1px solid #d4d4d4;}
table.style01 tr:last-child th{border-bottom:1px solid #d4d4d4;}

table.style01 td{border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fff;}