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

/*
*/
#gnavi #gnavi03 a{
	background-position:left -50px;
}

/*
アクセスマップ
*/

.access_map{
	width:575px;
	margin:0 auto 20px auto;
}

/*
Googlemap
*/

#googlemap{
	width:602px;
	margin:30px auto 20px auto;
	border:1px solid #69C;
}

/*
航路へ
*/

.bt-to-kouro{
	text-align:center;
}

/*
電車・バスでの港までのアクセス
*/

/*
松山市駅
*/

.access-block01{
	width:690px;
	margin:15px auto;
	background-color:#DFFAC5;
}

.access-block01 table{
	color:#333;
	margin:0px 5px;
}

.access-block01 table td{
	padding:5px 0px;
	font-size:90%;
}

.access-block01 table .line01{
	width:75px;
	text-align:center;
}

.access-block01 table .line02{
	width:125px;
}

.access-block01 table .line02 p{
	display:block;
	background-image:url(../image/terminal/access-arrow01.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:34px;
	color:#FFF;
	padding-left:4px;
	font-size:12px;
}

.access-block01 table .line03{
	width:70px;
	vertical-align:middle;
	text-align:center;
}

.access-block01 table .line03 p{
	padding:0px 5px;
}

/*
JR松山駅
*/

.access-block02{
	width:690px;
	margin:15px auto;
	background-color:#ACF9B8;
}

.access-block02 table{
	color:#333;
	margin:0px 5px;
}

.access-block02 table td{
	padding:5px 0px;
	font-size:90%;
}

.access-block02 table .line01{
	width:75px;
	text-align:center;
}

.access-block02 table .line02{
	width:125px;
}

.access-block02 table .line02 p{
	display:block;
	background-image:url(../image/terminal/access-arrow02.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:34px;
	color:#FFF;
	padding-left:4px;
	font-size:12px;
}

.access-block02 table .line03{
	width:70px;
	vertical-align:middle;
	text-align:center;
}

.access-block02 table .line03 p{
	padding:0px 5px;
}

/*
道後温泉駅
*/

.access-block03{
	width:690px;
	margin:15px auto;
	background-color:#ABFAE2;
}

.access-block03 table{
	color:#333;
	margin:0px 5px;
}

.access-block03 table td{
	padding:5px 0px;
	font-size:90%;
}

.access-block03 table .line01{
	width:75px;
	text-align:center;
}

.access-block03 table .line02{
	width:125px;
}

.access-block03 table .line02 p{
	display:block;
	background-image:url(../image/terminal/access-arrow05.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:34px;
	color:#FFF;
	padding-left:4px;
	font-size:12px;
}

.access-block03 table .line03{
	width:70px;
	vertical-align:middle;
	text-align:center;
}

.access-block03 table .line03 p{
	padding:0px 5px;
}

.access-block03 table .line04{
	width:125px;
}

.access-block03 table .line04 p{
	display:block;
	background-image:url(../image/terminal/access-arrow04.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#FFF;
	padding-left:4px;
	line-height:100%;
	padding-top:13px;
	padding-bottom:13px;
	font-size:12px;
}

/*
高浜駅
*/

.access-block04{
	width:690px;
	margin:15px auto;
	background-color:#A9D2FC;
}

.access-block04 table{
	color:#333;
	margin:0px 5px;
}

.access-block04 table td{
	padding:5px 0px;
	font-size:90%;
}

.access-block04 table .line01{
	width:75px;
	text-align:center;
}

.access-block04 table .line02{
	width:125px;
}

.access-block04 table .line02 p{
	display:block;
	background-image:url(../image/terminal/access-arrow06.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:34px;
	color:#FFF;
	padding-left:0px;
	font-size:12px;
}

.access-block04 table .line03{
	width:70px;
	vertical-align:middle;
	text-align:center;
}

.access-block04 table .line03 p{
	padding:0px 5px;
}

.nosp{
	letter-spacing:-1px;
	padding-left:0px;
}

/*
タクシーでのアクセス
*/

.by-taxi{
	width:690px;
	margin:0 auto;
	overflow:hidden;
}

/*
三津浜港
*/

.by-taxi .left{
	width:335px;
	float:left;
	display:inline;
}

.by-taxi .left dd{
	background-image:url(../image/terminal/access-block-green-bg.png);
	padding:5px 0px 0px 0px;
}

.by-taxi .left dd table{
	width:318px;
	margin:0px auto;
}

.by-taxi .left dd table th{
	background-image:url(../image/terminal/access-block-green-arrow-left.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:126px;
}

.by-taxi .left dd table th p{
	line-height:34px;
	padding-bottom:10px;
	font-size:90%;
	text-align:left;
	padding-left:10px;
	color:#FFF;
	font-weight:normal;
}

.by-taxi .left dd table td{
	background-image:url(../image/terminal/access-block-green-arrow-middle.png);
	background-repeat:repeat-x;
	background-position:left top;
}

.by-taxi .left dd table td div{
	background-image:url(../image/terminal/access-block-green-arrow-right.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.by-taxi .left dd table td div p{
	line-height:34px;
	padding-bottom:10px;
	font-size:90%;
	padding-left:10px;
}

/*
高浜港
*/

.by-taxi .right{
	width:335px;
	float:right;
	display:inline;
}

.by-taxi .right dd{
	background-image:url(../image/terminal/access-block-blue-bg.png);
	padding:5px 0px 0px 0px;
}

.by-taxi .right dd table{
	width:318px;
	margin:0px auto;
}

.by-taxi .right dd table th{
	background-image:url(../image/terminal/access-block-blue-arrow-left.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:126px;
}

.by-taxi .right dd table th p{
	line-height:34px;
	padding-bottom:10px;
	font-size:90%;
	text-align:left;
	padding-left:10px;
	color:#FFF;
	font-weight:normal;
}

.by-taxi .right dd table td{
	background-image:url(../image/terminal/access-block-blue-arrow-middle.png);
	background-repeat:repeat-x;
	background-position:left top;
}

.by-taxi .right dd table td div{
	background-image:url(../image/terminal/access-block-blue-arrow-right.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.by-taxi .right dd table td div p{
	line-height:34px;
	padding-bottom:10px;
	font-size:90%;
	padding-left:10px;
}