@charset "utf-8";

/*/////////////////////////////////////////////////////////////
dododay

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------
[dodepart.css] Only dodepart category style
	0. Import Common CSS
	1. ショップdododay共通
	99. Clearfix

//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Import Common CSS
------------------------------------------------------------ */

@import url("/css/common/base.css");
@import url("/css/common/layout.css");
@import url("/css/common/module.css");

/* ------------------------------------------------------------
	1. ショップdododay共通
------------------------------------------------------------ */

/* Title
------------------------------------------------- */
.ttlDodepart {
	min-height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eedc9c;
	background: url(/img/dodepart/bg_ttl.png) repeat-y;
	color: #271811;
	font-size: 124%;
}

.ttlDodepart span {
	display: block;
	padding: 7px 10px;
}

.ttlDodepart.materials span,
.ttlDodepart.tools span,
.ttlDodepart.library span {
	padding-left: 50px;
	background: url(/img/dodepart/spr_ico_ttl.png) no-repeat;
}

.ttlDodepart.materials span { background-position: 0 0; }
.ttlDodepart.tools span { background-position: 0 -100px; }
.ttlDodepart.library span { background-position: 0 -200px; }

/* 下層 */
.ttl12 {
	min-height: 16px;
	padding-left: 37px;
	background: #eee url(/img/dodepart/spr_ico_ttl.png) no-repeat;
}

.ttl12.materials01 { background-position: 0 -600px; }
.ttl12.materials02 { background-position: 0 -700px; }
.ttl12.materials03 { background-position: 0 -800px; }
.ttl12.materials04 { background-position: 0 -1600px; }
.ttl12.materials05 { background-position: 0 -1300px; }
.ttl12.materials06 { background-position: 0 -1900px; }
.ttl12.library01 { background-position: 0 -300px; }
.ttl12.library02 { background-position: 0 -400px; }
.ttl12.library03 { background-position: 0 -500px; }
.ttl12.shop01 { background-position: 0 -900px; }
.ttl12.shop02 { background-position: 0 -1000px; }
.ttl12.shop03 { background-position: 0 -1100px; }
.ttl12.shop04 { background-position: 0 -1200px; }
.ttl12.shop05 { background-position: 0 -1300px; }
.ttl12.shop06 { background-position: 0 -1400px; }
.ttl12.shop07 { background-position: 0 -1500px; }
.ttl12.shop08 { background-position: 0 -1600px; }
.ttl12.shop09 { background-position: 0 -1700px; }
.ttl12.shop10 { background-position: 0 -1800px; }

/* ------------------------------------------------------------
	2. ショップdododayトップページ
------------------------------------------------------------ */

div#blockRecommendShop,
div#blockTopMaterials,
div#blockTopTools,
div#blockTopLibrary,
div#blockTopSpecial,
div#blockShoplist {
	margin-bottom: 20px;
}

/* おすすめDIY店
------------------------------------------------- */
dl.unitRecommendShop dt,
dl.unitRecommendShop dd.description,
dl.unitRecommendShop dd.viewMore {
	float: right;
	width: 615px;
}

dl.unitRecommendShop dt {
	margin-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
}

dl.unitRecommendShop dd.img {
	float: left;
	width: 122px;
	width: 120px;
	text-align: center;
	border: 1px solid #ccc;
}

dl.unitRecommendShop dd.img a {
	display: block;
	width: 100%;
}

dl.unitRecommendShop dd.description {
	line-height: 1.8;
}

/* 売れ筋ランキング
------------------------------------------------- */
div#blockTopRank {
	margin-bottom: 50px;
}

div.unitTopRank {
	float: left;
	width: 230px;
	padding: 10px 10px 20px;
	background: #ffc;
}

div.unitTopRank.even {
	background: #fff;
}

div.unitTopRank ol.unitRank li {
	margin-bottom: 5px;
	padding: 5px 0 5px 25px;
	background: url(/img/common/spr_ico_rank_num.png) no-repeat;
	font-size: 93%;
	font-weight: bold;
}

div.unitTopRank ol.unitRank li.rank1 { background-position: 0 0; }
div.unitTopRank ol.unitRank li.rank2 { background-position: 0 -200px; }
div.unitTopRank ol.unitRank li.rank3 { background-position: 0 -400px; }

div.unitTopRank ol.unitRank li dl dt {
	float: right;
	width: 135px;
}

div.unitTopRank ol.unitRank li dl dd {
	float: left;
	width: 60px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
}

div.unitTopRank ol.unitRank li dl dd a {
	display: block;
}

/* 書籍 */
div.unitTopRank ol.unitRank li dl.itemRankBook dd {
	border: none;
	background: none;
}

div.unitTopRank ol.unitRank li dl.itemRankBook dd img {
	border: 1px solid #ccc;
}

/* 特集
------------------------------------------------- */
div#blockTopSpecial div.unitTtl {
	margin-bottom: 10px;
}

div#blockTopSpecial div.unitTtl h2 {
	float: left;
	padding: 1px;
	border: 1px solid #cacaca;
}

div#blockTopSpecial div.unitTtl p {
	margin-left: 240px;
	padding-top: 5px;
	font-size: 93%;
}

/* ------------------------------------------------------------
	3. ショップdododay下層トップ
------------------------------------------------------------ */

/* カテゴリ目次
------------------------------------------------- */
div#blockMaterialsIndex,
div#blockLibraryIndex,
div#blockToolsIndex {
	margin-bottom: 30px;
}

div.unitMaterialsIndex,
div.unitLibraryIndex,
div.unitToolsIndex {
	margin-bottom: 20px;
}

/* 道工具館トップ
------------------------------------------------- */
div#blockToolsIndex {
	margin-top: 20px;
}

div.itemToolsIndex {
	position: relative;
	display: inline;
	float: left;
	width: 180px;
	margin-left: 10px;
}

div.itemToolsIndex.firstChild {
	margin-left: 0;
}

div.itemToolsIndex h3 {
	margin-bottom: 5px;
	padding-top: 160px;
}

div.itemToolsIndex h3 a {
	padding-left: 8px;
	background: url(/img/common/spr_ico_common.png) no-repeat 0 -4002px;
}

div.itemToolsIndex p.img {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 5px;
}

div.itemToolsIndex p.img img {
	border: 1px solid #ccc;
}

div.itemToolsIndex ul {
	font-size: 77%;
	letter-spacing: 1px;
}


/* ------------------------------------------------------------
	4. ショップ一覧
------------------------------------------------------------ */

/* ショップ一覧リスト
------------------------------------------------- */
div.blockShopIndex {
	margin-top: 20px;
}

div.unitShopIndex {
	margin-bottom: 20px;
}

div.itemShopIndex {
	position: relative;
	display: inline;
	float: left;
	width: 180px;
	margin-left: 10px;
}

div.itemShopIndex.firstChild {
	margin-left: 0;
}

div.itemShopIndex h4 {
	margin-bottom: 5px;
	padding-top: 160px;
	line-height: 1.2;
}

div.itemShopIndex p.img {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	padding: 2px;
}

div.itemShopIndex p.description {
	font-size: 77%;
	letter-spacing: 1px;
}

div.blockShopIndex p.goPageTop {
	padding-top: 0;
}

/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */
div.unitShopIndex:after,
div.unitToolsIndex:after,
dl.unitRecommendShop:after,
div.unitTopRank ol.unitRank li dl:after,
div#blockTopRank:after,
div#blockStepRegister ol:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

div.unitShopIndex,
div.unitToolsIndex,
dl.unitRecommendShop,
div.unitTopRank ol.unitRank li dl,
div#blockTopRank,
div#blockStepRegister ol {
	display: inline-block;
}

/* exclude MacIE5 \*/
* html div.unitShopIndex,
* html div.unitToolsIndex,
* html dl.unitRecommendShop,
* html div.unitTopRank ol.unitRank li dl,
* html div#blockTopRank,
* html div#blockStepRegister ol {
	height: 1%;
}

div.unitShopIndex,
div.unitToolsIndex,
dl.unitRecommendShop,
div.unitTopRank ol.unitRank li dl,
div#blockTopRank,
div#blockStepRegister ol {
	display: block;
}
/* end: exclude MacIE5 */