@charset "utf-8";



/* =================================================================================== */
/*



	Site Common Settings "common.css"
	(c) 2008 TriAx Co.,Ltd. Web Design Group
	
	Table of Contents
		1. Universal Settings
		2. Hyper Text
		3. Universal Containers
		4. Header Elements
		5. Footer Elements



*/
/* =================================================================================== */



/* 1. Universal Settings */
/* =================================================================================== */
body,
.canvas,
.main * {
	color:#41191D;
	line-height:1.5em;
}



.main p {
	margin-bottom:1em;
}



.hr {
	width:100%;
	height:2px;
	margin:5px 0;
	background:url(/common/images/commonBorder.png) 0 0 repeat-x;
}



	.hr hr {
		display:none;
	}



.goDetail a {
	width:67px;
	height:22px;
	background:url(/common/images/goDetail.png) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}



	.goDetail a:hover { background-position:0 -22px; }
	.goDetail a:active { background-position:0 -44px; }



.goReservation a {
	width:207px;
	height:22px;
	background:url(/common/images/goReservation.png) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}



	.goReservation a:hover { background-position:0 -22px; }
	.goReservation a:active { background-position:0 -44px; }



.goMenu a {
	width:117px;
	height:22px;
	background:url(/common/images/goMenu.png) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}



	.goMenu a:hover { background-position:0 -22px; }
	.goMenu a:active { background-position:0 -44px; }



.goEvents a {
	width:117px;
	height:22px;
	background:url(/common/images/goEvents.png) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}



	.goEvents a:hover { background-position:0 -22px; }
	.goEvents a:active { background-position:0 -44px; }



.goGooglemap a {
	width:117px;
	height:22px;
	background:url(/common/images/goGooglemap.png) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}



	.goGooglemap a:hover { background-position:0 -22px; }
	.goGooglemap a:active { background-position:0 -44px; }



.backList {
	width:100%;
	margin-top:10px;
	padding-top:10px;
	background:url(/common/images/commonBorder.png) left top repeat-x;
}



	.backList a {
		width:117px;
		height:22px;
		background:url(/common/images/backList.png) 0 0 no-repeat;
		text-indent:-9999px;
		display:block;
		float:right;
		overflow:hidden;
	}
	.backList a:hover { background-position:0 -22px; }
	.backList a:active { background-position:0 -44px; }



/* Border of Article Photos */
/* .photo p = Outer + .photo img = Inner */
.photo p {
	_width:1px; /* Fit the Border for IE */
	display:table; /* Fit the Border for Modern Browser */
	border:1px solid #FFF;
}



	.photo a img,
	.photo a:hover img,
	.photo a:visited img,
	.photo img {
		border:1px solid #CCC;
	}



.breadCrumb {
	width:100%;
	padding-bottom:10px;
}



	.breadCrumb ul li {
		display:inline;
	}



.main .caption {
	margin:10px 0;
	padding:10px 0 5px;
	font-size:130%;
	background:url(/common/images/commonBorder.png) 0 bottom repeat-x;
}



	.main .caption h2 {
		height:20px;
		text-indent:-9999px;
	}



.main .categoryHeader {
	margin:10px 0;
}



/* 2. Hyper Text */
/* =================================================================================== */
a,a:visited {
	color:#993333;
}



a:hover {
	color:#993333;
	text-decoration:none;
}



/* 3. Universal Containers */
/* =================================================================================== */
body {
	background:#170507 url(/common/images/bodyBackground.png) center top repeat-y;
	text-align:center;
}



	body .canvas {
		width:100%;
		background:url(/common/images/canvasBackground.png) center top no-repeat;
	}



		.canvas .wrapper {
			width:931px;
			margin:0 auto;
			_padding-left:1px; /* IE Centering Bug Fix */
			text-align:left;
		}
		
		
		
			.canvas .header {
				width:100%;
			}
			
			
			
			.canvas .main {
				padding:10px 15px;
				background:url(/common/images/pageDivider.png) 0 top no-repeat; /* Gradient of Header bottom */
			}



/* 4. Header Elements */
/* =================================================================================== */
.header table {
	height:129px; /* Vertical Position of Navigation */
}



.header .ci {
	width:210px;
	padding-top:10px;
	vertical-align:top;
}



	.header h1 {
		width:180px;
		height:72px;
		background:url(/common/images/ci.png) 0 0 no-repeat;
		text-indent:-9999px;
}



.header .header_001 {
	height:80px; /* Vertical Position of Border */
	padding-top:20px;
	text-align:right;
	background:url(/common/images/headerBorder.png) left bottom repeat-x;
}



.header .navigation {
	vertical-align:bottom;
}



	.navigation ul {
		width:667px;
		height:38px;
		float:right;
		background:url(/common/images/navigation.png) 0 -114px no-repeat;
	}
	
	
	
		.navigation ul li {
			float:left;
				height:38px;
			display:block;
		}
		
		
		
			.navigation ul li a {
				height:38px;
				text-indent:-9999px;
				display:block;
				overflow:hidden;
			}
			
			
			
			.navigation .navigation_001 { /* Concept */
				width:88px;
			}
			
			
			
				.navigation .navigation_001 a { background:url(/common/images/navigation.png) 0 0 no-repeat; }
				.navigation .navigation_001 a:hover { background-position:0 -38px; }
				.navigation .navigation_001 a:active { background-position:0 -76px; }
				
				
				
			.navigation .navigation_002 { /* Menu */
				width:84px;
			}
				
				
				
				.navigation .navigation_002 a { background:url(/common/images/navigation.png) -88px 0 no-repeat; }
				.navigation .navigation_002 a:hover { background-position: -88px -38px; }
				.navigation .navigation_002 a:active { background-position: -88px -76px; }
				
				
				
			.navigation .navigation_003 { /* Interior */
				width:94px;
			}
				
				
				
				.navigation .navigation_003 a { background:url(/common/images/navigation.png) -172px 0 no-repeat; }
				.navigation .navigation_003 a:hover { background-position: -172px -38px; }
				.navigation .navigation_003 a:active { background-position: -172px -76px; }
				
				
				
			.navigation .navigation_004 { /* Information */
				width:140px;
			}
				
				
				
				.navigation .navigation_004 a { background:url(/common/images/navigation.png) -266px 0 no-repeat; }
				.navigation .navigation_004 a:hover { background-position: -266px -38px; }
				.navigation .navigation_004 a:active { background-position: -266px -76px; }
				
				
				
			.navigation .navigation_005 { /* Access */
				width:96px;
			}
				
				
				
				.navigation .navigation_005 a { background:url(/common/images/navigation.png) -406px 0 no-repeat; }
				.navigation .navigation_005 a:hover { background-position: -406px -38px; }
				.navigation .navigation_005 a:active { background-position: -406px -76px; }
				
				
				
			.navigation .navigation_006 { /* Inquiries */
				width:165px;
			}
				
				
				
				.navigation .navigation_006 a { background:url(/common/images/navigation.png) -502px 0 no-repeat; }
				.navigation .navigation_006 a:hover { background-position: -502px -38px; }
				.navigation .navigation_006 a:active { background-position: -502px -76px; }



.header .headerFlash,
.header .headerPhoto {
	width:100%;
	margin-top:12px;
}



	.headerFlash p {
		width:931px;
		height:308px;
		text-indent:-9999px;
		display:block;
	}



	.headerPhoto p {
		width:931px;
		height:308px;
		text-indent:-9999px;
		display:block;
	}



/* 5. Footer Elements */
/* =================================================================================== */
.canvas .footer {
	width:100%;
	padding-top:128px;
	background:url(/common/images/footerBackground.png) 0 0 no-repeat;
}



	.footer table {
		width:100%;
		background:url(/common/images/pageDivider.png) left top no-repeat;
	}
	
	
	
		.footer .footerLogo {
			width:100px;
			padding:20px 10px;
		}
		
		
		
			.footer .footerLogo a {
				width:84px;
				height:34px;
				display:block;
				text-indent:-9999px;
				background:url(/common/images/footerLogo.png) 0 0 no-repeat;
			}
			
			
			
		.footer .footerAddress {
			vertical-align:middle;
		}
		
		

		
		.footer .footerLinks {
			padding:0 10px 5px;
			text-align:right;
			vertical-align:bottom;
		}
		
		
		
			.footer .footerLinks ul li {
				display:inline;
			}
			
			
			
		.footer .footerCopyright {
			padding:5px 10px 0;
			font-size:80%;
			text-align:right;
		}