@charset "utf-8";

/*/////////////////////////////////////////////////////////////
dododay

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------
[dopedia.css] Only dopedia 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. ものづくり百科共通
------------------------------------------------------------ */

/* Title
------------------------------------------------- */
.ttlDopedia {
	min-height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eedc9c;
	background: url(/img/dopedia/bg_ttl.png) repeat-y;
	color: #271811;
	font-size: 124%;
}

.ttlDopedia span {
	display: block;
	padding: 7px 10px;
}

.ttlDopedia.diy span,
.ttlDopedia.craft span,
.ttlDopedia.pr span {
	padding-left: 50px;
	background: url(/img/dopedia/spr_ico_ttl.png) no-repeat;
}

.ttlDopedia.diy span { background-position: 0 0; }
.ttlDopedia.craft span { background-position: 0 -100px; }
.ttlDopedia.pr span { background-position: 0 -200px; }

/* カテゴリ目次（左メニュー）
------------------------------------------------- */
div#blockWordCategory {
	margin-bottom: 20px;
}

div#blockWordCategory h2 {
	font-size: 108%;
}

ul.indexCategory li {
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(/img/common/ico_arrow_06.png) no-repeat 0 0.6em;
}

ul.indexCategory li li {
	margin-bottom: 0;
	margin-left: 10px;
	border: none;
	background-image: url(/img/common/ico_arrow_04.png);
}

ul.indexCategory li li li {
	display: none;
}

ul.indexCategory li li li li {
	background-image: url(/img/common/ico_itemized.png);
}

ul.indexCategory li.current {
	display: block;
	background-image: url(/img/common/ico_arrow_06.png);
	font-weight: bold;
}

ul.indexCategory li li li li.current {
	background-image: url(/img/common/ico_itemized.png);
}

ul.indexCategory li.current li {
	display: block;
	font-weight: normal;
}

ul.indexCategory li.current li li {
	display: none;
}

ul.indexCategory li.parent {
	display: block;
	background-image: url(/img/common/ico_arrow_06.png);
}

/* ------------------------------------------------------------
	2. ものづくり百科トップページ
------------------------------------------------------------ */

div#blockTodayKeyword,
div#blockTopDiy,
div#blockTopClaft,
div#blockTopPr,
div#blockTopIndex {
	margin-bottom: 20px;
}

/* 今日のキーワード
------------------------------------------------- */
dl.itemKeyword {
	float: left;
	width: 355px;
	margin-right: 20px;
}

dl.itemKeyword dt,
dl.itemKeyword dd.description {
	float: right;
	width: 190px;
}

dl.itemKeyword dt {
	margin-bottom: 10px;
	padding-top: 10px;
}

dl.itemKeyword dd.description {
	line-height: 1.8;
}

dl.itemKeyword dd.img {
	float: left;
	width: 150px;
	height: 150px;
	border: 1px solid #ccc;
	text-align: center;
}

dl.itemKeyword dd.img a {
	display: table-cell;
	width: 150px;
	height: 150px;
	vertical-align: middle;
}

/* カテゴリ
------------------------------------------------- */
ul.listWordCategory {
	margin: 0 10px 15px;
	line-height: 1.8;
}

ul.listWordCategory li {
	display: inline;
	margin-right: 5px;
	padding-left: 15px;
	background: url(/img/common/spr_ico_common.png) no-repeat 0 -3600px;
}

ul.listWordCategory li.firstChild {
	padding-left: 0;
	background: none;
}

/* 五十音順索引
------------------------------------------------- */
ul.blockIndex li.unitIndex {
	padding: 10px 20px;
}

ul.blockIndex li.unitIndex.odd {
	background: #eee;
}

ul.blockIndex h3 {
	float: left;
	width: 4em;
	padding-top: 0.5em;
}

dl.itemIndex {
	margin-left: 4em;
	line-height: 1.8;
}

dl.itemIndex dt,
dl.itemIndex dd {
	display: inline;
}

dl.itemIndex dt span {
	margin: 0 5px;
}

/* ------------------------------------------------------------
	3. ものづくり百科個別ページ
------------------------------------------------------------ */

/* 用語説明詳細
------------------------------------------------- */
div#blockWordDetail {
	margin-bottom: 30px;
}

div#blockWordDetail .ttl07 {
	margin-bottom: 15px;
}

div#blockWordDetail p.img {
	float: left;
	width: 150px;
	margin: 0 20px 10px 0;
	border: 1px solid #ccc;
	text-align: center;
}

div#blockWordDetail p.body {
	line-height: 1.8;
}

/* 用語閲覧ランキング
------------------------------------------------- */
div#blockWordRank {
	margin-bottom: 20px;
}

div#blockWordRank ol.unitRank li {
	padding: 7px 7px 7px 30px;
	background: url(/img/common/spr_ico_rank_num.png) no-repeat;
	font-weight: bold;
}

div#blockWordRank ol.unitRank li.odd {
	background-color: #ffc;
}

div#blockWordRank ol.unitRank li.rank1 { background-position: 3px 2px; }
div#blockWordRank ol.unitRank li.rank2 { background-position: 3px -198px; }
div#blockWordRank ol.unitRank li.rank3 { background-position: 3px -398px; }
div#blockWordRank ol.unitRank li.rank4 { background-position: 3px -598px; }
div#blockWordRank ol.unitRank li.rank5 { background-position: 3px -798px; }
div#blockWordRank ol.unitRank li.rank6 { background-position: 3px -998px; }
div#blockWordRank ol.unitRank li.rank7 { background-position: 3px -1198px; }
div#blockWordRank ol.unitRank li.rank8 { background-position: 3px -1398px; }
div#blockWordRank ol.unitRank li.rank9 { background-position: 3px -1598px; }
div#blockWordRank ol.unitRank li.rank10 { background-position: 3px -1798px; }

/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */
div#blockWordDetail:after,
div#blockTodayKeyword:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

div#blockWordDetail,
div#blockTodayKeyword {
	display: inline-block;
}

/* exclude MacIE5 \*/
* html div#blockWordDetail,
* html div#blockTodayKeyword {
	height: 1%;
}

div#blockWordDetail,
div#blockTodayKeyword {
	display: block;
}
/* end: exclude MacIE5 */