@charset "UTF-8";

/* Style Import
----------------------------------------- */
@import "css/yui-font.css";
@import "css/default.css"; /* initial setting */
@import "css/layout.css";/* layout style */
@import "css/blogstyle.css";/* blog control style */
@import "css/DropDownMenu.css";

/*
===== 3: link setting ===========================
*/
a:link {
	text-decoration: none;
	color: #951c10;	
}
a:visited {
	text-decoration: none !important;
	color: #951c10;	
}
a:hover{
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #951c10;	
}


.maincol {
	text-align: left;
}

.section {
	margin: 10px 0;
}

.infoBox {
	float: left;
	padding: 8px;
	border:#8a8a8a 1px solid;
	width: 483px;
	height: 161px;
}
dl.news,
#entriesList dl {
	margin: 10px 0 5px 5px;
	font-size: 93%;
}
dl.news dt,
#entriesList dt {
	background: url(images/infoPoint.gif) no-repeat 75px 4px;
	width: 100px;
	float: left;
}
dl.news dd,
#entriesList dd {
	margin-left: 110px;
}

dl.news dd a:link,
#entriesList dd a:link {
	color: #666666 !important;
	text-decoration: none !important;
}
dl.news dd a:visited,
#entriesList dd a:link {
	color: #666666 !important;
	text-decoration: none !important;
}
dl.news dd a:hover,
#entriesList dd a:link {
	color: #951c10 !important;
	text-decoration: none !important;	
}
dl.news dd a:active,
#entriesList dd a:link {
	color: #666666 !important;
	text-decoration: none !important;	
}
.bannerArea {
	float: right;
}
ul.banner li {
	margin-bottom: 10px;
}

/*
===== 2: index ===========================
*/
h2.reco {
	margin-bottom: 10px;
}
.section {
	margin: 10px 0 0 0;
}
.recoBox {
	margin: 10px 0 0 0;
	width: 688px;
	float:left;
}
.bannerBox {
	margin: 20px 0 0 0;
	width: 168px;
	float: right;
}
.box a,
.box_lastChild a {
	width: 168px;
	height: 245px;
	display: block;
}
.box {
	float: left;
	margin-right: 3px;
	margin-bottom: 5px;
}
.box img {
	padding: 3px;
}
.box a:link {
	text-decoration: none;
}
.box a:visited {
	text-decoration: none;
}
.box a:hover,
.box_lastChild a:hover {
	background: url(images/goodsHover.gif) no-repeat center top;
	text-decoration: none;
}
.box a:active {
	text-decoration: none;
}
.blogEntryHeader {
	margin-top: 5px;
	background: url(images/goodsTitle.gif) no-repeat center top;
	width: 168px;
	height: 21px;
}
.blogEntryHeader h3 {
	color: #fff;
	padding: 2px 0 0 10px;
	font-size: 93%;
}
.blogEntryHeader h3 a:link {
	color: #fff;
	text-decoration: none;
}
.blogEntryHeader h3 a:visited {
	color: #fff;
	text-decoration: none;
}
.blogEntryHeader h3 a:hover {
	color: #fff;
	text-decoration: none;
}
.blogEntryHeader h3 a:active {
	color: #fff;
	text-decoration: none;
}
dl.spec {
	margin-left: 1px;
}
dl.spec dt {
	width: 70px;
	float: left;
	background: url(../images/share/specDot.gif) no-repeat 65px 5px;
}
dl.spec dd {
	margin-left: 85px;
}
.box a:link {
	color: #666666 !important;
}
.box a:visited {
	color: #666666 !important;
}
.box a:hover {
	color: #666666 !important;
}
.box a:active {
	color: #666666 !important;
}

.maincol {
	clear: both;
}
.hrLine {
	clear: both;
	border-top: #333 1px dashed;
	height: 1px;
	margin: 0.5em 0;
}