@charset "utf-8";

@import "common.css";


/* ---------------------------------------------------
top.css
トップページ用CSS
--------------------------------------------------- */

/* ---------------------------------------------------
header　（検索を消す）
--------------------------------------------------- */
#header .searchbox {
	display: none;
}

/* ---------------------------------------------------
top_camp　キャンペーン／メインイメージ
--------------------------------------------------- */
.top_camp {
	margin: 0 0 15px 0;
	padding: 0;
}
.top_camp p {
	margin: 0;
	padding: 0;
}
top_camp img {
	display: block;
	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------
top_news　お知らせ
--------------------------------------------------- */
.top_news {
	margin: 0 0 15px 0;
	padding: 0;
}

.top_news p.ttl {
	margin: 0;
	padding: 0;
}

.top_news ul {
	margin: 0;
	padding: 0 5px;
	border: 1px solid #c8c8c8;
	border-top: 0;
}

.top_news ul li {
	margin: 0;
	padding: 0 0 1px 0;
	width: 558px;
	background: url(../images/common/line01.gif) no-repeat center bottom;
	list-style: none;
	font-size: 93%;
	line-height: 1.3;
}
.top_news ul li span.date {
	display: block;
	float: left;
	width: 91px;
	margin: 0;
	padding: 10px 0 10px 15px;
	background: url(../images/common/arw01.gif) no-repeat 5px center;
}
.top_news ul li span.txt {
	display: block;
	float: left;
	width: 447px;
	margin: 0;
	padding: 10px 0 10px 0;
}

.top_news ul li.link {
	margin: 0;
	padding: 10px 4px 10px 0;
	background-image: none;
	text-align: right;
}
.top_news ul li a {
	color: #333;
}
.top_news ul li a:hover {
	color: #999;
}


/* ---------------------------------------------------
top_category　商品カテゴリー
--------------------------------------------------- */
.top_category {
	width: 570px;
	margin: 0 0 15px 0;
	padding: 0;
}

.top_category img {
	display: block;
	margin: 0;
	padding: 0;
}
.top_category a {
	color: #333;
}
.top_category a:hover {
	color: #999;
}

.top_category .ttl {
	margin: 0 0 4px 0;
	padding: 0;
}
.top_category .ttl img {
	display: block;
	margin: 0;
	padding: 0;
}

/* full */
.top_category .full {
	width: 570px;
	margin: 0 0 4px 0;
	padding: 0;
	border-top: 1px solid #c8c8c8;
	background: url(../images/top/top_cat_bg01.gif) no-repeat left bottom;
}
/* half */
.top_category .half {
	width: 570px;
	margin: 0 0 4px 0;
	padding: 0;
	background: url(../images/top/top_cat_bg02.gif) no-repeat left bottom;
}

.top_category .half_one {
	background: url(../images/top/top_cat_bg03.gif) no-repeat left bottom;
}

.top_category .leftbox {
	float: left;
	width: 283px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #c8c8c8;
}
.top_category .rightbox {
	float: right;
	width: 283px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #c8c8c8;
}

/* 画像 */
.top_category .img {
	float: left;
	width: 97px;
	margin: 0;
	padding: 0;
}
.top_category .img a {
	display: block;
	margin: 4px 0 5px 5px;
	padding: 0;
}

/* テキストhalf */
.top_category .txt {
	float: right;
	width: 178px;
	margin: 0;
	padding: 0;
}
.top_category .txt .catttl {
	display: block;
	margin: 9px 0 5px 0;
	padding: 0;
}
.top_category .txt .catlist {
	display: block;
	margin: 0 5px 5px 0;
	padding: 0;
	font-size: 93%;
	line-height: 1.3;
}

/* テキストfull */
.top_category .full .txt {
	width: 465px;
}
.top_category .full .txt .catttl {
	width: 464px;
	margin: 9px 0 15px 0;
}

/* サブカテゴリーfull */
.top_category .full .txt .subcat {
	display: block;
	float: left;
	width: 150px;
	height: 49px;
	margin: 0 5px 0 0;
	padding: 0;
	background: #f7f7f7;
}
.top_category .full .txt .subcat a.subimg {
	display: block;
	float: left;
	width: 42px;
	margin: 6px 0 0 0;
	border-left: 5px solid #f7f7f7;
	padding: 0;
}
.top_category .full .txt .subcat a.subtxt {
	display: block;
	float: right;
	width: 102px;
	margin: 17px 0 0 0;
	padding: 0;
	font-size: 93%;
	line-height: 1.3;
}