@charset "utf-8";

/******************************************************************** top structure
*/

.top { background: url(../img/top/bg.jpg) no-repeat 50% 0;}

.top #wrapper { background: none;}

.top #header,
.top #container { width: 960px; margin: 0 auto; text-align: left;}

.top #header {
	position: relative;
	height: 587px;
	z-index: 0;
	background: none;
}

.top #container { padding: 0 0 20px;}

.top #col-x { width: 560px; float: left;}

.top #col-y { width: 380px; float: right;}

/******************************************************************** header
*/

.top #header h1 {
	position: absolute;
	top: 5px;
	left: 12px;
	padding: 0;
}

.top #header #title {
	top: 28px;
	left: 11px;
	padding: 0;
}
.top #header #title a {
	width: 374px;
	height: 36px;
	background: url(../img/top/title.jpg) no-repeat;
}

.top #headNav { top: 12px; padding: 0;}
.top #h-con { top: 37px; padding: 0;}

.top #header h2 { padding: 81px 0 0;}

/*------------------------------------------------------------------* globalNav
*/

.top #globalNav {
	position: relative;
	top: auto;
	left: auto;
	width: 960px;
	padding: 0 0 0 3px;
	margin: 0;
}
.top #globalNav li { padding: 0 10px 0 0; margin: 0;}
.top #globalNav .last { padding: 0;}

/******************************************************************** container
*/

.top #container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/******************************************************************** col-x
*/

.top #col-x #topics {
	width: 560px;
	padding: 0;
	margin: 0;
}
.top #col-x #topics li { padding: 0 0 12px;}
.top #col-x #topi01 { float: left;}
.top #col-x #topi02 { float: right;}
.top #col-x #topi03 { clear: both;}

/*------------------------------------------------------------------* news
*/

.top #col-x #news {
	position: relative;
	width: 560px;
	height: 267px;
	background: url(../img/top/news-bg.gif) no-repeat 0 100%;
	padding: 0;
	margin: 0 0 22px;
}
.top #col-x #news h3 {
	font-size: 1px;
	padding: 0;
	margin: 0;
}

.top #col-x #news div {
	width: 544px;
	height: 214px;
	margin: 0 0 0 8px;
	overflow: auto;
}

.top #col-x #news dl {
	width: 512px;
	margin: 0;
	padding: 0 0 0 15px;
}
.top #col-x #news dt {
	width: 464px;
	background: url(../img/top/arw0.gif) no-repeat 0 1.4em;
	color: #666;
	float: right;
	font-size: 10px;
	vertical-align: middle;
	padding: 10px 0 0 6px;
}
*:first-child + html .top #col-x #news dt { font-size: 75%;} /* for IE 7 */
* html .top #col-x #news dt               { font-size: 75%;} /* for IE 6 or sooner */

.top #col-x #news dd { background: url(../img/top/news-border.gif) no-repeat 0 100%; padding: 0 0 8px;}
.top #col-x #news dd a { display: inline;}
.top #col-x #news .newsImg {
	float: left;
	background: none;
	margin: 0;
	padding: 10px 10px 8px 0;
}

.top #col-x #news ul {
	position: absolute;
	top: 16px;
	left: 50%;
	font-size: 1px;
	padding: 0;
	margin: 0 0 0 165px;
}

/*------------------------------------------------------------------* otherMenu
*/

.top #col-x #otherMenu { width: 560px;}

.top #col-x #otherMenu dl {
	width: 180px;
	float: left;
	background: #f5f5f5;
	padding: 0 0 5px;
	margin: 0;
}
.top #col-x #otherMenu dt { padding: 0 0 5px;}
.top #col-x #otherMenu dd {
	padding: 0 10px;
	background: url(../img/top/menu-border.gif) no-repeat 50% 100%;
}
.top #col-x #otherMenu dd a {
	display: block;
	width: 150px;
	background: url(../img/top/arw0.gif) no-repeat 0 11px;
	padding: 3px 0 6px 8px;
}
.top #col-x #otherMenu .last { background: none;}

.top #col-x #otherMenu p { float: right; padding: 0;}


/******************************************************************** col-y
*/

.top #col-y dl,
.top #col-y p { margin: 0 0 18px; padding: 0;}
.top #col-y li { padding: 0 0 18px;}

/*------------------------------------------------------------------* otherTopics
*/

.top #col-y #otherTopics {
	width: 380ox;
	padding: 20px 0 1px;
}

.top #col-y #otherTopics dl {
	width: 120px;
	min-height: 66px;
	height: auto!important;
	height: 56px;
	padding: 10px 0 0 60px;
	margin: 0;
}
.top #col-y #o-topi01 { background: url(../img/top/othertopi01_rollover.jpg) no-repeat; float: left;}
.top #col-y #o-topi02 { background: url(../img/top/othertopi04_rollover.jpg) no-repeat; float: right;}
.top #col-y #o-topi03 { background: url(../img/top/othertopi03_rollover.jpg) no-repeat; float: left;}
.top #col-y #otherTopics dt a {
	display: block;
	width: 120px;
	margin: 0 0 4px;
}
.top #col-y #otherTopics dd { font-size: 10px; line-height: 1.1em; padding: 0 0 10px}
*:first-child + html .top #col-y #otherTopics dd { font-size: 75%;} /* for IE 7 */
* html .top #col-y #otherTopics dd               { font-size: 75%;} /* for IE 6 or sooner */


.top #col-y #o-topi01.areaAnchorOver { background: url(../img/top/othertopi01.jpg) no-repeat;}
.top #col-y #o-topi02.areaAnchorOver { background: url(../img/top/othertopi04.jpg) no-repeat;}
.top #col-y #o-topi03.areaAnchorOver { background: url(../img/top/othertopi03.jpg) no-repeat;}

.top #col-y #otherTopics .areaAnchorOver a,
.top #col-y #otherTopics .areaAnchorOver dd { color: #5da901;}

/******************************************************************** shopNav
*/