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

#top-menu {
	margin:20px 0 0 40px;
	width:1020px;
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}

#top-menu .tm-space {
	margin:0;
	width:7px;
	height:20px;
	float:left;
}

#top-menu .tm-box {
	margin:0 0 0 1px;
	padding:8px 5px 6px 5px;
	width:190px;
	height:20px;
	font-size:16px;
	text-align:center;
	color:#FFFFFF;
	display:block;
	float:left;
}

#top-menu .tm-box:hover {
	color:#000000;
	background-color:#CFCFCF;
}

#item-box {
	margin:0 0 0 20px;
	width:1060px;
}

#item-box .cat-title {
	margin:30px 0 0 20px;
	width:1020px;
	height:40px;
	float:left;
}

#item-box .cat-item {
	margin:20px 0 0 20px;
	width:238px;
	height:295px;
	border-radius:5px;
	border:#FFFFFF 1px solid;
	display:block;
	float:left;
}

#item-box .cat-item:hover {
	background-color:#555555;
}

#item-box .item-img {
	margin:9px 0 0 9px;
	width:220px;
	height:150px;
}

#item-box .item-click {
	margin:10px 0 0 9px;
	width:220px;
	height:20px;
}

#item-box .item-name {
	margin:8px 0 0 9px;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:220px;
	height:20px;
	border-bottom:#FFFFFF 1px solid;
}

#item-box .item-desc {
	margin:7px 0 0 9px;
	font-size:1em;
	color:#FFFFFF;
	text-align:left;
	width:220px;
	height:55px;
}

#item-box .item-name2 {
	margin:8px 0 0 9px;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:220px;
	height:37px;
	border-bottom:#FFFFFF 1px solid;
}

#item-box .item-desc2 {
	margin:7px 0 0 9px;
	font-size:1em;
	color:#FFFFFF;
	text-align:left;
	width:220px;
	height:38px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}

#page-top a {
    background: #999;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: #FFF;
		color:#00026E;
}