/* CSS Document */

@charset "UTF-8";

/* **********************************************
乗下車場所一覧 ポップアップ
*********************************************** */

/*  --リセット--- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0;
}

/* body */

html{
margin:0px;
padding:0px;
font-style:normal;
font-family:Verdana,Arial,sans-serif,'ＭＳ Ｐゴシック';
line-height: 1.0;
}


body{
	padding:0px;
	font-size:12px;
	color: #333333;
	background: #FFFFFF;
	text-align:center;
	margin-top: 5px;
	}
	
/* リンク */
a:link {
	color: #0066CC;
	text-decoration: underline;
}
a:visited {
	color: #0066CC;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/* **********************************************
* コンテンツ
*********************************************** */
#container{
	width:690px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background: #FFFFFF;
	border: 1px solid #211613
	}
	
#head{
	width:680px;
	margin:5px;
	padding:0px;
	height:30px;
	background: #DCDCDC;
	}

#head h1{
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
	margin: 0px;
	padding:10px;
	font-weight: bold;
	}

#main{
	width:678px;
	margin:0px 5px 5px;
	padding:0px;
	text-align:center;
	border: 1px solid #8C8B8B;
	}

#main p{
	height:20px;
	background-color:#E6E5E5;
	margin:5px;
	padding:10px 5px 5px;
	text-align:left;
	color: #004B9D;
	text-indent: 10px;
	}

#list{
	width:580px;
	margin:20px auto 10px;
	}

#list table{
	width:580px;
	}

#list th{
	height:30px;
	padding:3px;
	border-bottom: 1px solid #8C8B8B;
	text-align: left;
	font-weight: normal;
	text-indent: 20px;
	background-image:url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	line-height: 1.2;
	}
	
#list td{
	height:30px;
	padding:3px;
	border-bottom: 1px solid #8C8B8B;
	text-align: left;
	line-height: 1.2;
	}

	
/* **********************************************
* 地図　レイアウト
*********************************************** */

/*--標準の横幅--*/	
#map_container{
	width:450px;
	border: 1px solid #211613;
	margin:0px auto;
	text-align:left;
	background: #FFFFFF;
	}

/*--横幅2倍サイズ--*/	
#map_container02{
	width:900px;
	border: 1px solid #211613;
	margin:0px auto;
	text-align:left;
	background: #FFFFFF;
	}
	
/*--ヘッダ（標準）--*/	
#map_head{
	width:440px;
	height:35px;
	background-image:url(../img/map_title.gif);
	margin: 5px 5px 10px;
	border-bottom: 1px solid #8C8B8B;
	}
	
/*--ヘッダ（横幅2倍サイズ）--*/	
#map_head02{
	width:890px;
	height:35px;
	background-image:url(../img/map_title.gif);
	margin: 5px 5px 10px;
	border-bottom: 1px solid #8C8B8B;
	}
	
	
#map_head h1, #map_head02 h1{
	height:15px;
	font-size: 14px;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 5px 5px;
	text-align: center;
	}
	

/*--地図　本文（標準）--*/	
#map_contents{
    width:450px;
	margin:0px;
	}
	
/*--地図　本文（横幅2倍サイズ）--*/	
#map_contents02{
    width:900px;
	margin:0px;
	overflow:hidden;
	}
				
#map_main01{
	width:430px;
	height:30px;
	margin:0px 5px 10px 15px;
	text-align:left;
	}
	
#map_main01-left{
	width:70px;
	height:30px;
	float: left;
}

/*--印刷ボタンの右横　幅300px（標準サイズ） --*/
#map_main01-right{
	width:300px;
	height:20px;
	margin:5px 0px 0px;
	float: right;
}


#map_main01-right h2{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
	width:220px;
	float:left;
}
#map_main01-right img{
	border:0px;
	float:right;
}
/*--印刷ボタンの右横　幅350px --*/
#map_main02-right{
	width:350px;
	height:20px;
	margin:5px 0px 0px;
	float: right;
}


#map_main02-right h2{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color:#F00;
	width:350px;
}

#map_main02-right img{
	border:0px;
	float:right;
}

#map_main02{
	width:438px;
	margin:0px 5px 15px;
	text-align:center;
	border: 1px solid #8C8B8B;
}
	
#map_main02 img{
	margin:3px auto;
}

#map_main02_1{
	width:438px;
	height: auto;
	margin:10px 0px 0px;
	text-align:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8B8B;
	}
	
#map_main02_1 p{
	margin:5px 5px 5px 15px;
	text-align:left;
	}
	
/*-- 地図2個並び（横幅2倍サイズ）--*/
#map_main03{
	width:438px;
	/*margin:0px 5px 15px;*/
	margin-bottom:15px;
	text-align:center;
	border: 1px solid #8C8B8B;
}
	
#map_main03 img{
	margin:3px auto;
}

#map_main03 dt{
	margin:0;
	padding:0;
	background-color:#f09dc1;
}
#map_main03 dt img{
	margin:0;
	padding:0;
}

/*--　map_main（横幅2倍サイズ）　--*/
#map_main2{
	width:860px;
	height:30px;
	margin:0px 5px 10px 15px;
	text-align:left;
	}
	
#map_main2-left{
	width:70px;
	height:30px;
	float: left;
}

/*--印刷ボタンの右横　幅780px（横幅2倍サイズ用） --*/
#map_main2-right{
	width:780px;
	height:20px;
	margin:5px 0px 0px;
	float: right;
}


#map_main2-right h2{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color:#F00;
	width:780px;
}

#map_main2-right img{
	border:0px;
	float:right;
}

.f-left{
	float:left}
	
.f-right{
	float:right}
	
.clear{
	clear:both}
	
/*--　--*/







#map_contents h3, #map_contents02 h3{
	width:400px;
	font-size: 14px;
	color: #004B9D;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
	margin: 5px auto;
	}
	
	
	

.text14_b{
	font-weight: bold;

}
.text12_n{
	text-align:left;
	width:400px;
	margin-left:auto;
	margin-right:auto;

}
#comment{
	margin: 5px 0px 5px 5px;
	padding: 0px;
	width: 420px;
	text-align: left;
	height: auto;
	}


#comment dl {
	width: 420px;
	margin: 0px 0px 5px;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #8C8B8B;
	}

#comment dt {
	line-height: 1.2;
	color: #FF0000;
	}

#comment dd {
	line-height: 1.2;
	
}

/* フッター */
#map_footer{
	width:452px;
	clear:both;
	text-align: center;
	margin: 0px 0px 15px;
	}
	
#map_footer02{
	width:900px;
	clear:both;
	text-align: center;
	margin: 0px 0px 15px;
	}

/* 　閉じるボタン　*/
* html input.submit{
padding-top:0.4em;
}

* +html input.submit{
padding-top:0.4em;
}

/*　写真　*/

.access-title{
    width: 420px;
	height: auto;
    margin: 10px auto;
	padding-left: 3px;	
   text-align:left;
   line-height:1.6;
   color:#898989;
   background:#E6E5E5;
   border-bottom:#898989 1px solid;
   border-left:#898989 10px solid;
   font-weight:bold;
}

.access-photo{
    width: 200px;
	height: auto;
    margin: 5px auto;
	padding: 0px;
	
	}
	
.access-photo300{
    width: 300px;
	height: auto;
    margin: 5px auto;
	padding: 0px;
	
	}

.access-txt{    
	width: 420px;
	height: auto;
	margin: 5px auto;
	padding: 0px;
   text-align:left;
   line-height:1.4;
    border-bottom:#8C8B8B 1px dotted;
}

.access-txt2{   
	width: 420px;
	height: auto;
	 margin: 5px auto;
	padding: 0px;
   text-align:left;
   line-height:1.4;
  }

.access-txt3{   
	width: 400px;
	height: auto;
	 margin: 5px auto;
	padding: 0px;
	text-align:left;
	line-height:1.6em;
}
.txt-red{
	color:#F00;
}

/*--　アクセス　--*/
#access-main-t-wrap{
	width:420px;
	height:50px;
	margin:0px auto 10px auto;
	padding:0;
}
#access-main-t-wrap01{
	width:420px;
	height:130px;
	margin:0px auto 10px auto;
	padding:0;
	overflow:hidden;
}

#access-main-t-wrap02{
	width:720px;
	height:50px;
	margin:0px auto 10px auto;
	padding:0;
}
  
#access-main-t{
width:87px;
height:35px;
margin:7px 15px 8px 0px ;
padding:0;
float:left;
}

  
/*--　ピンクベストのみ　--*/ 
#access-icon{
width:300px;
height:50px;
margin:3px 0px 0px 16px;
padding:0px;
float:right;
text-align:left;
line-height:1.4;
} 

* html #access-icon td{
	line-height:1.5;
}

* +html #access-icon td{
	line-height:1.5;
}

/*--　ピンクベストと乗務員　--*/ 
#access-icon02{
width:600px;
height:50px;
margin:3px 0px 0px 16px;
padding:0px;
float:right;
text-align:left;
line-height:1.4;
} 

* html #access-icon02 td{
	line-height:1.5;
}

* +html #access-icon02 td{
	line-height:1.5;
}


/*　QRcode　*/
#QRcode-wrap{
	width:420px;
	height:100px;
	margin:0px auto 10px;
	padding:0;
	border: 1px solid #BEBEBE;
	}  


#QRcode-wrap img{
width:100px;
height:100px;
	margin:0px;
	padding:0;
	float:left;
}
  

#QRcode-wrap-inner{
	width:310px;
	height:70px;
	margin:20px 0px 0px;
	padding:0px;
	float:right;
	text-align:left;
	line-height:1.4;
	}
 
  
/*-----*/
#Mc-wrap{  
width:420px;
height:60px; 
margin:0px auto 5px auto;
padding:0;
border-top: 1px dotted #8C8B8B;
	}
	

#Mc-img{
width:50px;
height:50px;
margin:7px;
padding:0;
float:left;
 }
 
#Mc-txt{
width:280px;
height:40px;
margin:5px 0px;
padding:5px 0px;
text-align:left;
line-height:1.4;
float:left;
 }
 
#QRimg{
width:60px;
height:60px;
margin:7px;
padding:0;
float:right;
}   
  
.answer{
	color: #DE5411;
	line-height:1.4;
}   
 
.textleft{
	text-align:left;
	margin-left:20px;
}


/*-- テキスト --*/

.text10_red{
	color: #FF0000;
	line-height:1.2;
	font-size: 10px;
}
.txred{
	color:#8B0E17;
	line-height:130%;
}



.ad-tx {
    border: 1px solid #69e1f7;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 6px 4px;
    text-align: left;
    width: 408px;
	background:#d8f8fe;
	line-height:18px;
}


/*-- スペース --*/

.sp-r01{
	margin-right:7px;
}
.sp-l01{
	margin-left:7px;
}


.attention {
	line-height:18px;
	list-style-type:disc;
}
	
	
	
.osaka_attention{
	margin:5px 10px 15px;
	color:#F00;
	text-align:left;
	line-height:1.5em;
}


/***********************************************
* google api 仕様
************************************************/
#g-map {
margin:0px auto;
overflow:hidden;
font-size:12px;
}
#g-map h1{
padding:10px 0px 10px 0px;
background-color:#E5007F;
color:#ffffff;
margin:0 auto 20px;
}
#g-map h1 span{
margin:10px 0px 0px 0px;
display:block;
font-weight:normal;
font-size:14px;
}
#g-map h1 em{
font-weight:bold;
font-size:12px;
font-style:normal;
line-height:2;
}

#g-map p.print{
width:770px;
margin:15px auto;
text-align:right;
overflow:hidden;
}

#g-map #content{
width:770px;
margin:0px auto;
line-height:1.5;
position:relative;
}
#g-map ul.coution{
margin:0px 0px 15px 0px;
color:#FF0000;
text-align:left;
list-style:none;
}

#map {
width: 550px;
height: 470px;
margin:0px 20px 10px 0px;
float:left;
}
#g-map p.guide{
position: absolute;  
top: 400px;  
left: 20px; 
z-index:2;
}
#g-map ol {
width: 200px;
float:right
}
#g-map ol li{
margin:0px 0px 10px 0px;
list-style:none;
}

#g-map table{
width:770px;
margin:15px 0px 10px 0px;
border-collapse: collapse;
color:#000000;
clear:both;
}
#g-map table th{
padding:7px 5px 7px 5px;
border:solid 1px #CCCCCC;
text-align:center;
font-weight:normal;
background-color:#DDDDDD;
}
#g-map table th.name{width:200px;}
#g-map table th.access{width:370px;}
#g-map table th.other{width:200px;}
#g-map table td{
padding:3px 5px 3px 5px;
border:solid 1px #CCCCCC;
text-align:center;
}
#g-map table td.access-in{text-align:left;}
#g-map table td.b-coution{
text-align:left;
color:#FF0000;
}
#g-map table caption{
margin:15px 0px 10px 0px;
text-align:left;
}

#g-map p.root{
	margin:10px 0px 0px 0px;
}

#g-map p.close{
margin:15px 0px 10px 0px;
}

a.btn{
display:inline-block;
padding:10px 30px;
font-size:14px;
color: #fff;
border-radius: 3px;
border: 1px solid #3079ed;
background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
text-decoration : none ;
}
a.btn:hover{
border: 1px solid #2f5bb7;
background-color: #357ae8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
background-image: linear-gradient(top,#4d90fe,#357ae8);
}
a.btn:visited{color: #fff;}

/*SRS用*/
div.root{
	margin-bottom:10px;
}


div.note h2{
	text-align:left;
	font-weight:;
	size:0.75em;
	color:#F00;
	margin:0 0 5px 0;
}
div.note p{
	margin:0 0 15px 0;
	text-align:left;
	line-height:1.5em;
}



div.other{
width:770px;
margin:10px auto;
text-align:right;
}
div.other a{
margin-left:10px;
}