@charset "UTF-8";
@import url("reset.css");
@import url("clearfix.css");
@import url("base.css");

/* CSS Document */

/*area1
-------------------------------------------------------------*/

h1{
	color:#A67C52;
	font-size:2.0em;
	font-weight:bold;
	width:270px;
	height:65px;
	background-image: url(../img/common/main-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:20px 236px 0 44px;
}

#sitemap #area0 h2{
	width:540px;
	height:80px;
	background-image: url(../img/sitemap/sitemap-area1-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/*area2
-------------------------------------------------------------*/
#area2{
	width:460px;
	height:160px;
	background-image: url(../img/sitemap/sitemap-area2-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 80px;
}

*html #area2{
	width:480px;
	height:160px;
	background-image: url(../img/sitemap/sitemap-area2-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 60px;
}

*:first-child+html #area2{
	width:480px;
	height:160px;
	background-image: url(../img/sitemap/sitemap-area2-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 60px;
}


#area2 ul.leftBox{
	width:200px;
	display:inline;
	float:left;
	margin:15px 0 0 0;
}

#area2 ul.rightBox{
	width:215px;
	display:inline;
	float:left;
	margin:15px 0 0 0;
}

#area2 li{
	color:#42210B;
	width:180px;
	font-size:1.2em;
	line-height:1.75em;
	background-image: url(../img/sitemap/sitemap-list.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 15px;
}

#area2 li a{
	color:#42210B;
	text-decoration:none;
}

#area2 li a:hover
,#area2 li a:focus
,#area2 li a:active{
	color:#42210B;
	text-decoration:underline;
}
/*area3
-------------------------------------------------------------*/
#area3{
	width:460px;
	height:123px;
	background-image: url(../img/sitemap/sitemap-area3-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 80px;
}

*html #area3{
	width:480px;
	height:123px;
	background-image: url(../img/sitemap/sitemap-area3-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 60px;
}

*:first-child+html #area3{
	width:480px;
	height:123px;
	background-image: url(../img/sitemap/sitemap-area3-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 60px;
}

#area3 ul.leftBox{
	width:200px;
	display:inline;
	float:left;
	margin:15px 0 0 0;
}

#area3 ul.rightBox{
	width:215px;
	display:inline;
	float:left;
	margin:15px 0 0 0;
}

#area3 li{
	color:#42210B;
	width:180px;
	font-size:1.2em;
	line-height:1.8em;
	background-image: url(../img/sitemap/sitemap-list.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 15px;
}

#area3 li a{
	color:#42210B;
	text-decoration:none;
}

#area3 li a:hover
,#area3 li a:focus
,#area3 li a:active{
	color:#42210B;
	text-decoration:underline;
}

/*area4
-------------------------------------------------------------*/
#bottomArea{
	width:540px;
	height:203px;
	background-image: url(../img/sitemap/sitemap-area4-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#area4{
	width:230px;
	height:151px;
	float:left;
	display:inline;
	padding:0 0 0 80px;
}

*html #area4{
	width:230px;
	height:151px;
	background-image: url(../img/sitemap/sitemap-area4-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 60px;
}

*:first-child+html  #area4{
	width:230px;
	height:151px;
	background-image: url(../img/sitemap/sitemap-area4-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 60px;
}

#area4 ul{
	display:inline;
	float:left;
	margin:10px 0 0 0;
}

#area4 li{
	color:#42210B;
	width:180px;
	font-size:1.2em;
	line-height:1.8em;
	background-image: url(../img/sitemap/sitemap-list.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 15px;
}

#area4 li a{
	color:#42210B;
	text-decoration:none;
}

#area4 li a:hover
,#area4 li a:focus
,#area4 li a:active{
	color:#42210B;
	text-decoration:underline;
}

#area1{
	width:200px;
	float:left;
	display:inline;
}


#area1 ul{
	width:215px;
	display:inline;
	float:left;
	margin:10px 0 0 0;
}

#area1 li{
	color:#42210B;
	width:120px;
	font-size:1.2em;
	line-height:1.8em;
	background-image: url(../img/sitemap/sitemap-list.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 15px;
}

#area1 li a{
	color:#42210B;
	text-decoration:none;
}

#area1 li a:hover
,#area1 li a:focus
,#area1 li a:active{
	color:#42210B;
	text-decoration:underline;
}


#goTop{
	font-size:1.2em;
	width:530px;
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A67C52;
	padding:5px 10px 20px 0;
	margin:25px 0 0 0;
}

#goTop a{
	color:#0000FF;
	text-decoration:none;
}

#goTop a:hover
,#goTop a:focus
,#goTop a:active{
	color:#0000FF;
	text-decoration:underline;
}