/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: Tahoma, Geneva, sans-serif;
 font-size:14px;
 color:#666;
} 

.lineleft{
	float:left;
	background:url(../images/lineleft_03.jpg) no-repeat;
	width:8px;
	height:1182px;
	}
.lineleft2{
	float:right;
	background:url(../images/lineleft_03.jpg) no-repeat;
	width:8px;
	height:1182px;
	margin:-1180px -10px 0 0;
	}
.photo_center img{
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}
 
#pagewidth{ 
 width:1208px; 
 text-align:left; 
 margin:0 auto;
 border-bottom:none; 
 border-top:none;
} 

#pagewidth2{ /*footer*/
 width:100%;
 margin:0 auto;
 text-align:left;
 background :url(../image/footer.png) no-repeat top center;
} 

#pagewidth2_inside{ 
 width:1200px; 
 margin:0 auto;
 text-align:left;
} 
 
#header{
 position:relative; 
 height:150px; 
 background:#FFF; 
 width:1200px;
 display:block;
 overflow:hidden;
} 
 
#maincol{
 background:#FFF;  
 position: relative;
 overflow:hidden;

 }
 
#footer{
 height:90px;
 clear:both;
 display:block;
 overflow:hidden;
 color:#FFF;
 text-align:center;
 
} 

a:link {
color:#FFF;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

a:visited {
color:#FFF;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

a:hover {
color:#FFF;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkblue a:link {
color:#09F;
font-weight: bold;
font-style: normal;
text-decoration: none;  
}

.linkblue a:visited {
color:#09F;
font-weight: bold;
font-style: normal;
text-decoration: none;  
}

.linkblue a:hover {
color:#09F;
font-weight:  bold;
font-style: normal;
text-decoration: none;  
}

.linkwhite a:link {
color:#FFF;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkwhite a:visited {
color:# FFF;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkwhite a:hover {
color:#FF0;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}




.linkback a:link { /* Back */
color:#333;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkback a:visited {
color:#333;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkback a:hover {
color:#09F;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkyellow a:link {
color:#09F;
font-weight: bold;
font-style: normal;
text-decoration: none;  
}

.linkyellow a:visited {
color:#09F;
font-weight: bold;
font-style: normal;
text-decoration: none;  
}

.linkyellow a:hover {
color:#FC0;
font-weight:  bold;
font-style: normal;
text-decoration: none;  
}

/* ******************************************************************** */ 
/* Config														        */
/* ******************************************************************** */
.station_topic {
	/* text-decoration:underline; */
	color:#000;
}

.boxLR {
	width:1200px;
	min-height:500px;
	margin-top:20px;
	border:0px solid black;
}	
.boxLeft {
	float:left;
	width:700px;
	 margin-left:100px; 
	/*margin-top:60px; */
	border:0px solid black;
}
.boxRight {
	float:left;
	width:250px;
	height:500px;
	 margin-left:30px; 
	/*margin-top:60px; */
	border:0px solid black;
}


/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


.txt_headtop{
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:7px;
	}
.txt_headtop2{
	font-size:15px;
	color:#18489e;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:7px;
	}
.txt_headtop22{
	font-size:15px;
	color:#004d26;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:7px;
	}
.txt_headtop3{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:7px;
	}
.txtpink{
	font-size:14px;
	color:#F0C;
	word-wrap:break-word;
	margin:10px 0;
	}
.bg_timetable{
	float:left;
	background:url(../image/ferry_timetable.png) no-repeat;
	width:303px;
	height:184px;
	}
.img_timetable{
	float:left;
	width:245px;
	height:117px;
	margin:46px 0 0 51px;
	border:1px solid #cdcdcd;
	}
.txt_orange{
	color:#ff9c00;
	font-weight:bold;
	}
.bg_route{
	float:left;
	background:url(../image/route.png) no-repeat;
	width:303px;
	height:184px;
	margin-top:10px;
	}
.img_route{
	float:left;
	width:245px;
	height:117px;
	margin:48px 0 0 51px;
	border:1px solid #cdcdcd;
	}
.bg_newss{
	float:left;
	background:url(../image/bg_new.png) no-repeat;
	width:240px;
	height:151px;
	margin-top:8px;
	}