/* CSS Document */
#page
{
	width: 1003px;
}

#menu
{
	margin: 0 0 7px 355px;
	overflow: hidden;
}

	#menu li
	{
		float: left;
	}
		
		#menu li a
		{
			font: normal 0.7em Tahoma;
			color: #3d4f63;
			display: block;
			text-decoration: none;
		}
		
		#menu li a span
		{
			display: block;
			padding: 10px 10px 5px 10px;
		}
		
		#menu li a:hover, #menu li .sel
		{
			color: #e5ebf2;
			background: url(/img/menu_left.png);
		}
		
		#menu li a:hover span, #menu li .sel span
		{
			background: url(/img/menu_right.png) top right no-repeat;
		}
		
#top
{
	overflow: hidden;
	width: 100%;
}

	#top .left
	{
		width: 34px;
		height: 254px;
		float: left;
		background: url(/img/top_left.png);
	}
	
		#top .left a
		{
			width: 20px;
			height: 20px;
			display: block;
		}
		
		#top .left .home
		{
			margin: 100px 0 0 7px;
			background: url(/img/home.png) 0 -20px no-repeat;
		}
		
		#top .left .home:hover
		{
			background: url(/img/home.png) 0 -1px no-repeat;
		}
		
		#top .left .mail
		{
			margin: 10px 0 0 7px;
			background: url(/img/mail.png) 0 -20px no-repeat;
		}
		
		#top .left .mail:hover
		{
			background: url(/img/mail.png)  no-repeat;
		}
		
	#top #logo
	{
		width: 298px;
		margin: 0 11px;
		float: left;
	}
	
	#top .right
	{
	float: right;
	width: 648px;
	height: 254px;
	background-image: url(/img/top_right.jpg);
	}

#body
{
	overflow: hidden;
	margin-top: 17px;
}

	#body .left
	{
		float: left;
		width: 280px;
		margin: 0 0 0 55px;				
		font: normal 0.7em Tahoma;
	}
	
	#body .left h1
	{
		font-size: 1.3em;
	}
		/*
			�¡���¸�»�¸�·�°���¸�� �½�¾�²�¾�����µ�¹ �¸ �±�»�¾�º�° �²���²�¾�´�° �¸�· �º�°���°�»�¾�³�°
		*/
		
		.news
		{
		}
			
			.news div
			{
				text-align: right;
				background: url(/img/dotted.png) repeat-x;
				padding: 10px 0;
			}
		
			.news span
			{
				display: block;
				text-align: left;
				color: #99a6b4;
			}
			
			.news p
			{
				text-align: left;
				margin: 10px 0;
			}
			
			.news a
			{
				color: #c60000;
				text-align: right;
			}
			
			.news a:hover
			{
				text-decoration: none;
			}
			
		.left hr
		{
			overflow: hidden;
			background: url(/img/dotted.png) repeat-x;
			height: 1px;
			line-height: 0;
			border: 0;
		}
		
			
		
			.special h3
			{
				text-align: left;
				padding: 0 0 0 12px;
				margin: 0 0 10px 0;
				background: url(/img/strel.png) no-repeat center left;
			}
			
				.special h3 a
				{
					color: #c50000;
					text-decoration: none;
				}
				
				
				
				.special span,
				.special b
				{
					text-align: left;
					display: block;
				}
				
				.special .price
				{
					display: block;
					margin-top: 10px;
					color: #c50000;
					font-weight: bold;
				}
				
				.special a
				{
					color: #c60000;
					text-align: right;
				}
				
				.special a:hover
				{
					text-decoration: none;
				}


	#body .right
	{
		width: 635px;
		float: left;
		margin-left: 30px;
	}
	
		#body .right #search
		{
	height: 248px;
	margin-bottom: 15px;
	background-image: url(/img/filter.png);
		}
		
		/*
			�¡���¸�»�¸�·�°���¸�� ���¾���¼�� �¿�¾�¸���º�°
		*/
			#search label
			{
				display: block;
				float: left;
				width: 140px;
				color: #3d4f63;
			}
		
			#search div
			{
				padding: 3px 0 2px 0;
				margin: 0 0 0 20px;
				font: normal 0.7em Tahoma;
				color: #99a6b4;
				clear: both;
				position: relative;
			}
			
			#search input, 
			#search select
			{
				font: normal 1em Tahoma;
				width: 150px;
				margin-right: 5px;
			}
			
			#search select
			{
				color: #99a6b4;
				width: 153px;
			}
			
				#search div span
				{
					color: #5b728a;
				}
				
					#search div span img
					{
						vertical-align: middle;
					}
			
			#search .custom_1
			{
				padding-top: 10px;
			}
			
				#search .custom_1 label
				{
					width: 70px;
					line-height: 20px;
				}
			
				#search .custom_1 a
				{
					color: #c60000;
					padding: 2px 6px;
					display: block;
					float: left;
					text-decoration: none;
				}
				
				#search .custom_1 .sel
				{
					background: #c60000;
					color: #fff;
				}
			
			#search .custom_2
			{
			}
			
				#search .custom_2 input
				{
					width: 50px;
				}
				
				#search .custom_2 select
				{
					width: 53px;
				}
				
			#search .custom_3
			{
				position: absolute;
				left: 300px;
			}
			
			#search .custom_4
			{
				position: absolute;
				left: 300px;
				top: 25px;
			}
			
			#search .submit
			{
				background: url(/img/search.png) no-repeat;
				color: #fff;
				width: 83px;
				height: 23px;
				border: 0;
				display: block;
				text-decoration: none;
				text-align: center;
				line-height: 22px;
				font-weight: bold;
			}
			
			#search .submit:hover
			{
				color: #ccc;
			}
			
			#search span a
			{
				color: #c50000;
				text-decoration: none;
				font-weight: bold;
			}
			
			#search span a:hover
			{
				color: green;
			}


#footer
{
	background: #f3f4f5 url(/img/dotted_footer.png) repeat-x top;
	width: 100%;
	height: 120px;
	clear: both;
	margin-top: 30px;
	color: #3d4f63;
	font: normal 0.7em Tahoma;
	position: relative;
}

	
	#footer a
	{
		color: #3d4f63;
	}

	
	#footer a:hover
	{
		text-decoration: none;
	}
	
	#footer .copy
	{
		position: absolute;
		top: 32px;
		left: 53px;
	}
	
	#footer .contact
	{
		position: absolute;
		top: 32px;
		left: 210px;
	}

/*
	� �°�·�½���µ ���¾���¼��
*/

.form label
{
	display: block;
	float: left;
	width: 140px;
	color: #3d4f63;
}

.errors
{
	margin: 20px 0;
	color: #c60000;
}

.errors strong
{
	color: #000;
}

.blockhelp
{
	font: normal 0.7em Verdana;
	position: absolute;
	display: none;
	width: 250px;
	background: #fff;
	border: 1px solid #ccc;
	left: 714px;
	z-index: 10;
}
		
#blocknaz
{
	top: 370px;
	height: 130px;
}

#blockplace
{
	top: 393px;
	height: 220px;
}

	#blockplace a, #blocknaz a, .greenlink
	{
		color: green;
	}

	#blockplace a:hover, #blocknaz a:hover, .greenlink:hover
	{
		text-decoration: none;
	}
	
	#blockplace .selected,
	#blocknaz .selected
	{
		color: red;
	}
	

.blockhelp ul
{
	margin-top: 10px;
}

.blockhelp ul li
{
	margin: 5px 0 5px 15px;
}

	#blocknaz .close,
	#blockplace .close
	{
		color: red;
		position: absolute;
		right: 10px;
		top: 10px;
	}

/*
	���µ�����¾�º�°�����°
*/
#metromap
{
	position: absolute;
	display: none;
	width: 600px;
	height: 733px;
	border: 1px solid #ccc;
	top: 5%;
	left: 5%;
	z-index: 10;
}

#metromap .pp
{
	position: absolute;
	display: none;
	cursor: pointer;
}

	#metromap .greenlink
	{
		font: normal 0.7em Verdana;
	}
	
	#metromap #metrocol
	{
		position: absolute;
		left: 10px;
		top: 10px;
	}
	
	#metromap #metrocentr
	{
		position: absolute;
		left: 10px;
		top: 30px;
	}
	
	#metromap #metroclear
	{
		position: absolute;
		left: 10px;
		top: 50px;
	}

/*
	�¢�¸�¿�¾�³���°���¸�º�°
*/

h1
{
	background: url(/img/bullet.png) no-repeat left center;
	padding-left: 15px;
	color: #0f1f2c;
	font: bold 1em Tahoma;
	margin-bottom: 10px;
}

#content
{
	font: normal 0.7em Tahoma;
	color: #081118;
}
	
	#content p
	{
		margin-bottom: 10px;
	}

/*
Pagination
*/
#pagination
{
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
}

#pagination a
{
	padding: 7px;
	color: #c60000;
}
	
	#pagination a:hover
	{
		text-decoration: none;
	}

#pagination span
{
	padding: 7px;
}