@charset "utf-8";

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

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------
[dowork.css] Only dowork category style
	0. Import Common CSS
	1. みんなの作品自慢共通
	2. みんなの作品自慢カテゴリトップ
	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. みんなの作品自慢共通
------------------------------------------------------------ */

/* カテゴリ別タイトル
------------------------------------------------- */
#ttlDiy,
#ttlCraft,
#ttlElectronic,
#ttlRecycle,
#ttlGarden {
	padding: 20px 30px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #fff;
	font-size: 124%;
}

#ttlDiy { background-image: url(/img/dowork/bg_ttl_diy.png); }
#ttlCraft { background-image: url(/img/dowork/bg_ttl_craft.png); }
#ttlElectronic { background-image: url(/img/dowork/bg_ttl_electronic.png); }
#ttlRecycle { background-image: url(/img/dowork/bg_ttl_recycle.png); }
#ttlGarden { background-image: url(/img/dowork/bg_ttl_garden.png); }

/* ------------------------------------------------------------
	2. みんなの作品自慢カテゴリトップ
------------------------------------------------------------ */

/* カテゴリの説明
------------------------------------------------- */
div#blockAboutCategory {
	margin-bottom: 30px;
}

div#blockAboutCategory h2 {
	margin-bottom: 10px;
}

div#blockAboutCategory div#categoryAvatar {
	display: inline;
	float: left;
	width: 200px;
	margin-left: 10px;
}

div#blockAboutCategory div.unitTxt {
	margin-left: 210px;
	padding: 20px 30px 0;
}

/* 今週の作品人気ランキング
------------------------------------------------- */
div#blockWeeklyRank {
	margin-bottom: 30px;
}

/* タイトル */
div#blockWeeklyRank div.unitTtl {
	margin-bottom: 10px;
}

div#blockWeeklyRank div.unitTtl h2 {
	float: left;
	width: 275px;
	padding: 7px 0 7px 25px;
	background: url(/img/common/spr_ico_common.png) no-repeat 0 -200px;
	font-size: 124%;
}

div#blockWeeklyRank div.unitTtl h2 a {
	color: #844a29;
}

div#blockWeeklyRank div.unitTtl p.note {
	float: right;
	width: 450px;
	padding-top: 7px;
	color: #666;
	text-align: right;
}

/* ランキング */
div#blockWeeklyRank ol.unitRank li {
	float: left;
	width: 129px;
	margin-right: 1px;
	padding: 10px;
	background: #fff6bd;
}

div#blockWeeklyRank ol.unitRank li.rank2,
div#blockWeeklyRank ol.unitRank li.rank4 {
	background: #ffc;
}

div#blockWeeklyRank ol.unitRank li dl {
	position: relative;
	min-height: 60px;
}

div#blockWeeklyRank ol.unitRank li dl dt {
	margin-left: 70px;
	padding-top: 25px;
	background: url(/img/common/spr_ico_rank_num.png) no-repeat;
	font-size: 77%;
	font-weight: bold;
	letter-spacing: 1px;
}

div#blockWeeklyRank ol.unitRank li.rank1 dl dt { background-position: -3px -5px; }
div#blockWeeklyRank ol.unitRank li.rank2 dl dt { background-position: -3px -205px; }
div#blockWeeklyRank ol.unitRank li.rank3 dl dt { background-position: -3px -405px; }
div#blockWeeklyRank ol.unitRank li.rank4 dl dt { background-position: -3px -605px; }
div#blockWeeklyRank ol.unitRank li.rank5 dl dt { background-position: -3px -805px; }

div#blockWeeklyRank ol.unitRank li dl dd.img {
	position: absolute;
	top: 0;
	left: 0;
}

div#blockWeeklyRank ol.unitRank li dl dd.img img {
	border: 1px solid #ddd;
}

div#blockWeeklyRank ol.unitRank li dl dd.change {
	position: absolute;
	top: 2px;
	left: 88px;
}

/* ------------------------------------------------------------
	3. 月間ユーザーランキング
------------------------------------------------------------ */

/* ランキングヘッダ
------------------------------------------------- */
div#blockRankingHeader {
	min-height: 150px;
	margin-bottom: 20px;
	padding: 50px 50px 0 170px;
	background: url(/img/dowork/bg_ranking_header.png) no-repeat;
	line-height: 1.8;
}

div#blockRankingHeader .ttl {
	margin-bottom: 10px;
}

/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */

div#blockAboutCategory:after,
div#blockWeeklyRank ol.unitRank:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

div#blockAboutCategory,
div#blockWeeklyRank ol.unitRank {
	display: inline-block;
}

/* exclude MacIE5 \*/
* html div#blockAboutCategory,
* html div#blockWeeklyRank ol.unitRank {
	height: 1%;
}

div#blockAboutCategory,
div#blockWeeklyRank ol.unitRank {
	display: block;
}
/* end: exclude MacIE5 */