@charset "utf-8";

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

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

/*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 #FFF;
border-left:1px solid #FFF;	
empty-cells:show;
}

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

table.simple th{
color:#FFF;
background:#01A0EB;	
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: #1258AE;
	color: #FFF;
	font-weight: bold;
}
table.simple th.table_title a{
	color: #01479D;
}
table.simple th.table_title p{
	font-weight: normal;
	margin:0;
	padding:0;
}

/* ボタン
--------------------*/
ul.btn2 li{
float:left;
width:32%;
height:80px;
margin-bottom: 1%;
margin-right: 1%;
border-radius:5px;
transition:.5s;
background:#C6E8F8 url(../images/arrowRedBtn.png) no-repeat 2% 50%;
background-size: 23px;
}

.page-id-8 ul.btn2 li,.page-id-14 ul.btn2 li{
width:49.5%;
}

.page-id-8 ul.btn2 li:nth-child(2n),.page-id-14 ul.btn2 li:nth-child(2n) {
    margin-right: 0;
}

.page-id-8 ul.btn2 li:nth-child(3n){
    margin-right: 1%;
}


ul.btn2 li:hover{
background:#01479D url(../images/arrowWhiteBtn.png) no-repeat 2% 50%;
background-size: 23px;
}

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

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;
}




.page-id-8 ul.btn2 li,.page-id-14 ul.btn2 li{
    float: none;
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 10px 0;
    background-position: 98% 50%;
}

}

@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:#F4F4F4;
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%;
background-size: 10px;
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{
padding: 30px;
/*background-color: #E1F5FF;*/
}

ul.ulCT li{
background:url(../images/arrowSubnav.png) no-repeat 0 5px;
background-size: 18px;
padding-left:25px;
}




/* プライバシーポリシー */
.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: #E1F5FF;
}
.contentBGP.hide {
	display: none;
}
.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:#01479D;
	padding: 3px 0;
	text-align: center;
	border: 1px solid #FFF;
	background-color: #C6E8F8;
}
table.calendar tr th.month{
	font-size: 14px;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #FFF;
	background-color: #C6E8F8;
}
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: 15px 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_holiday2{
	width: 100%;
}
table.time_holiday2 tr th{
	color: #cb3939;
	text-align: center;
	font-weight: bold;
	border: 1px solid #cb3939;
	background-color: #ffcccc;
	padding: 15px 0px;
}
table.time_holiday2 tr td{
	border: 1px solid #cb3939;
	padding: 15px 0px;
}

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;
}

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


/* listスタイル
--------------------*/
.listStyle01 ul li{
	list-style:none;
	line-height:1.5;
	background:url(../images/icon_check.png) no-repeat 0 2px;
	background-size: 20px;
	padding-left:30px;
	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{

}

table.style01 th{
	color:#ffffff;
	border:0;
	border-bottom:1px solid #d4d4d4;
	background-color:#01A0EB;
}
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{ background:#E6F7FF;}

/* ボタン2 */
.irNav2 li{
float:left;
margin-right:20px;
margin-bottom:5px;
}
.irNav2 li a{
padding-left:15px;
background-size: 10px;
}