/* default styles
   -------------- */
body { 
	padding: 0; 
	margin: 0; 
	font: 11px Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
	background-color : #F4F4F4;
}

a {
	color: #E0691A;
	background: inherit;
}
a:hover {
	color: #6C757A;
	background: inherit;
}

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }

td {
	border: solid 1px rgb(200,200,200);
}
img {
	border:0px;
}

/* --- base layout --- */
.content { 
	margin: 0 auto;
	width: 820px;
	padding: 10px; 
	border : 1px solid #eee;
	background-color : #FFFFFF;
}
	.content h1 {
		font-size: 11pt;
		padding-bottom: 3px;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 0;
		color: #000000;
		border-bottom: 1px #5A8096 solid;
		letter-spacing: 5px;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.content h2 {
		background: #EDECE6 url(../images/corner.gif) no-repeat right top;;
		color: #003559;
		padding: 7px 0 7px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 0px 0;
	}
	.content h3 {
		font: bold 1em Tahoma, Arial, Sans-Serif;
		color: #74A8F5;
		margin: 0 0 3px 0;
	}
	

.header { 
	height: 45px;
	background: #fff;
	color: #808080;
	margin: 3px 0;
	padding: 2px 0 0 0;
	border-bottom: 1px solid #5A8096;
}
table.header_tbl { 
	width : 100%;
}
	table.header_tbl td { 
		border : 0px;
	}

/* --- logo --- */
.logo {
	font: normal 2.5em Arial,Sans-Serif; 
	letter-spacing: 0.1em; 
	padding: 7px 0 0 8px; 
	margin: 0;
}
	.logo a {
		text-decoration: none;
	}
	.logo_word1  {
		color: #FF6600; 
		background: inherit; 
		font-weight: bold;
	}
	.logo_word2  {
		color: #967A5A; 
		background: inherit; 
		font-weight: bold;
	}
	.logo_word3  {
		color: #999999; 
		background: inherit; 
		font: normal bold 8pt serif;
	}
	.logo_word4  {
		background: inherit; 
		color : #87C0E2;
		font: normal bold 8pt serif;
	}

/* --- footer --- */
.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}
	.footer a { color: #808080; background: #fff; }

/* --- bar --- */
.bar { 
	clear: both;
	font-size: 11px;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #5A8096;
}

	.bar li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background: #5A8096;
		float: left; 
	}
	
	.bar li.active { 
		background: #87C0E2 no-repeat center top; 
		color: 5A8096;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover {
		color: #E3C888;
	} 


/* search 
  --------- */
.search_form { float: right; }

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(../images/input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}


/* left side 
  --------- */
.left {
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
	line-height: 160%;
}
	.left h2 {
		clear: both;
		background: #EDECE6 url(../images/corner.gif) no-repeat right top;
		color: #003559;
		padding: 7px 0 7px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 0px 0;

	}

	.left h3 {
		margin-right:2px;
		padding-left: 20px;
		background: url(../images/icon/squares.gif) no-repeat left;
		text-align : left ;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight:bold;
		color:#6C9261;
	}

.explanation {
	margin: 10px 10px 10px 10px;
		line-height: 200%;
}
	.explanation h3 {
		margin-right:2px;
		padding-left: 20px;
		background: url(../images/icon/squares.gif) no-repeat left;
		text-align : left ;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight:bold;
		color:#6C9261;
		line-height: 200%;
	}
	.explanation p {
		margin-left:20px;
		margin-bottom:10px;
		line-height: 200%;
	}
	.explanation ul {
		list-style: disc outside;
	}


/* right side
   ---------- */
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

/* ----- table ----- */
table.list {
	width: 99%;
	margin-left:10px;
}
	table.list th {
		border: solid 1px rgb(200,200,200);
		background:#967A5A;
		color:#ffffff
	}
	table.list a{
		text-decoration:none;
	}
	table.list a:link {
		text-decoration:none;
	}
	table.list a:visited {
	 	text-decoration:none;
	}
	table.list td {
		line-height:200%;
		font-size:10pt;
	}
	table.list td.picture {
		width:10%;
	}
	table.list td.outline {
		width:33%;
	}
	table.list td.building_outline {
		width:34%;
	}
	table.list td.cost_outline {
		width:13%;
	}
	table.list td.icon {
		width:5%;
		text-align:center;
	}



table.detail {
	width: 95%;
	margin-left:10px;
	margin-bottom:10px;
}
	table.detail td.caption {
		text-align : left ;
		width: 100px;
		font-size : 11pt ;
		clear: both;
		background: #967A5A; 
		color: #FFF;
		margin: 0 0 0 0px; 
		font-weight: bold;
		padding: 5px 5px 5px 5px;
		margin: 2px 2px 2px 2px;
	}
	table.detail td {
		font-size : 10.5pt;
		border: solid 1px rgb(200,200,200);
		padding: 5px 5px 5px 5px;
		line-height:160%;
	}

table.detail_image {
	width: 100%;
}
	table.detail_image td {
		text-align:center;
	}

table.inline_tbl {
	width: 100%;
}
	table.inline_tbl th {
		border: solid 1px rgb(200,200,200);
		text-align:center;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		background: #F5F5F5;
	}
	table.inline_tbl th.charge_name {
		width : 40%;
	}
	table.inline_tbl th.cost{
		width : 20%;
	}
	table.inline_tbl td {
		border: solid 1px rgb(200,200,200);
	}
	table.inline_tbl td.cost_value{
		text-align : right;
	}

table.recommend {
	width: 100%;
	border-bottom: 1px dotted gray;
}
	table.recommend td {
		font-size : 10.5pt;
		border: 0px;
		line-height:160%;
	}
table.detail_header {
	width: 100%;
}
table.detail_header td {
	border:0px;
}
table.simple_campaign {
	width: 100%;
}
	table.simple_campaign td {
		font-size : 10.5pt;
		border: solid 1px rgb(200,200,200);
	}
	table.simple_campaign td.pic {
		width: 75px;
	}
	
/* --- img --- */
img.thumbnail {
	width: 75px;
	height: 56px;
	float: left;
	border:0px;
}

img.banner1 {
	width: 88px;
	height: 31px;
	float: left;
	margin: 0 9px 3px 0;
	border:0px;
}
img.banner2 {
	width: 62px;
	height: 31px;
	float: left;
	margin: 0 9px 3px 0;
	border:0px;
}

/* --- other --- */
input.submit {
	background: #E0691A url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
	clear:left;
}

p.submit {
	text-align : center ;
	clear:left;
}

span.squares {
	display:block;
	float:left;
	width:18px;
	height:18px;
	margin-right:2px;
	background-image:url(../images/icon/squares.gif);
	background-repeat:no-repeat;
}

span.squares span {display:none;}

.space {
	width: 4%;
	margin-bottom:10px;
}

.box {
	border: solid 1px #EDECE6;
	background: #ffffff;
	color: #414141;
	padding: 8px;	
	margin: 0 0 3px 0;
}
.box-title {
	display: block; 
	margin: 0px 0px 0.5em 0px; 
	padding: 2px 5px 2px 5px; 
	background-color: rgb(225,225,225); 
	font-weight: bold; 
	font-size: 120%;
}

.chk_list {
	float:left;
	width:25%;
	text-align:left;
	padding-bottom:2px;
}
.checkbox_group {
	clear:left;
	margin-left:20px;
}
	.checkbox_group h3 {
		clear:left;
		margin-bottom:1px;
		margin-top:5px;
	}

.detail_header {
	font-size : 10.5pt ;
	padding: 20px 20px 20px 20px;
	color: #1D4066;
}

img.thumbnail0 { width:65px; height:65px; border:0px; cursor:hand;}
img.thumbnail1 { width:75px; height:56px; border:0px; cursor:hand;}
img.thumbnail2 { width:56px; height:75px; border:0px; cursor:hand;}
img.thumbnail3 { width:65px; height:65px; border:0px; cursor:hand;}
img.normal1 { width:480px; height:360px; border:0px;}
img.normal2 { width:360px; height:480px; border:0px;}
img.normal3 { width:400px; height:400px; border:0px;}
img.middle1 { width:480px; height:360px; border:0px;}
img.middle2 { width:360px; height:480px; border:0px;}
img.middle3 { width:400px; height:400px; border:0px;}

table.link_table td {
	line-height:150%;
	width :75px;
	height:30px;
	text-align:center;
}
table.link_table2 td {
	line-height:150%;
	width :150px;
	height:30px;
	text-align:center;
}

table.thumbnail_tbl td.thumbnail_td {
	width:200px;
}

table.sitemap {
	width:100%;
}
	table.sitemap td {
		border:0px;
		width:50%;
	}

table.map td {
	border:0px;
	text-align:center;
}
	
table.noborder {
	width:100%;
}
	table.noborder td {
		border: 0px;
	}
	
table.building {
	width:100%;
}
	table.building td {
		border: solid 1px rgb(200,200,200);
		width:50%;
	}
	
table.shop_checkbox {
	margin-left:30px;
}
	table.shop_checkbox td {
		border: 0px;
	}
	table.shop_checkbox td.icon {
		width:15px;
		padding-left:5px;
	}
	table.shop_checkbox td.value {
		width:150px;
	}
	
.shop_cb_area {
	width:100%;
	border: solid 1px rgb(200,200,200);
	clear:left;
}
.shop_cb {
	float:left;
	width:25%;
	text-align:left;
	margin-top:10px;
}

.sidelist {
	line-height:200%;
	margin-top:10px;
	margin-left:10px;
	font-size:12pt;
}



.sub {
	margin-top:5px;
	margin-left:20px;
	padding:5px 10px;
	text-align:justify;
	line-height:200%;
	font-size:14px;
	}

.sub a {
	text-decoration:none;
	color:#7DA62A;
	font-weight:bold;
	}
.sub a:hover {
	text-decoration:none;
	color:#6CC7DC;
	}
.tips {
	text-align:right;
	font-size:11pt;
	font-weight:bold;
}


#station_link {
	line-height:300%;
	padding: 5px 5px 15px 15px;
}

#station_link a {
	font-size:11pt;
	color:#EE8907;
	font-weight:bold;
	text-decoration:none;
}

#station_link a:hover {
	font-size:11pt;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}