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

div#categpryTitle {
	position: relative;
	width: 964px;
	height: 171px;
	margin: 0 0 13px -4px;
	background: url(../images/areablog/bg-contentsheader.jpg) no-repeat 0 0;
	}
	
div#categpryTitle h2 {
	padding: 46px 0 0 13px !important;
	}
	
div#left {
	position: relative;
	float: left;
	width: 398px;
	height: 478px;
	margin-left: -3px;
	background: url(../images/areablog/bg-left.gif) no-repeat;
	}
	div#left div.inner {
		padding: 15px;
		font-size: 86%;
		}
	div#left h3 { margin-bottom: 20px;}
	div#left table#area {
		width: 100%;
		margin-top: 1em;
		}
	div#left table#area td {
		width: 33%;
		padding: 4px 0 4px 13px;
		background: url(../images/common/bullet.gif) no-repeat 0 50%;
		}
	div#left div#areamap {
		width: 358px;
		margin: 18px auto;
		padding: 5px;
		}
	
div#right {
	float: right;
	width: 558px;
	height: 478px;
	}
	
div#information {
	height: 193px;
	background: url(../images/areablog/bg-right-1.gif) no-repeat;
	}
	div#information div.inner {
		padding: 13px;
		}
	div#information ul {
		height: 120px;
		overflow: auto;
		}
	div#information li {
		margin: 0 5px;
		padding: 8px 0;
		border-bottom: dotted 1px #CCC;
		}
	div#information li span {
		padding-right: 3px;
		}
	
div#orders {
	height: 272px;
	margin-top: 14px;
	background:url(../images/areablog/bg-right-2.gif) no-repeat;
	}
	div#orders div.inner {
		padding: 13px;
		font-size: 86%;
		}
	div#orders div.inner h3 {
		margin-bottom: 13px;
		padding: 5px 0;
		line-height: 19px;
		font-weight: normal;
		}
	div#orders div.inner h3 span {
		padding-left: 8px;
		}
		
	div#orders div.inner p {
		margin-bottom: 1em;
		}
	div#orders div.inner li {
		margin-right: 8px;
		margin-bottom: 5px;
		}
	
	
div#areaList {
	height: 357px;
	margin-top: 13px;
	background: url(../images/areablog/bg-areaList.gif) no-repeat;
	}
div#areaList ul.clearfix {
	padding: 5px 0 0 7px;
	}
div#areaList ul.clearfix li.block {
	float: left;
	width: 309px;
	height: 173px;
	margin-right: 8px;
	background: url(../images/areablog/bg-arealist_block.gif) no-repeat 0 0;
	}

div#areaList li.block ul {
	width: 292px;
	height: 128px;
	overflow: auto;
	margin: 0 0 0 13px;
	padding: 0;
	}	
div#areaList li.block ul li {
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 5px 0 5px 17px;
	background: url(../images/common/ico-externalLink.gif) no-repeat 0 50%;
	border-bottom: dotted 1px #CCC;
	font-size: 86%;
	}
	
div#areaList li.block h4 {
	margin: 16px 0 9px 0;
	padding: 0 0 0 30px;
	}