/*--------------------------------------------

	For knowledge file

	Last update : 2010.5.31
	mio urakami

	---------------------------
	1-0 structure
		1-1 common
		1-2 howtoindex
		1-3 howtocateindex
		1-4 float clear

	2-0 visual setting
		2-1 common
			2-1-1 h1area
			2-1-2 block
		2-2 howtoindex
			2-2-1 pickup
			2-2-2 block h2
		2-3 howtocateindex
			2-3-1 h1area
			2-3-2 blocklink
			2-3-3 block
			2-3-4 block h2
		2-4 faq
--------------------------------------------*/


/*----------------------------------------------------------------
1-0 structure
-----------------------------------------------------------------*/

/*--------------------------------------------
1-1 common
---------------------------------------------*/

#h1area h1{
	float:left;
	width:490px;
}

#h1area .lead{
	float:right;
	width:440px;
}

#pickup h2{
	float:left;
	width:435px;
}

#pickup .textblock{
	float:right;
	width:492px;
}

.block01{
	float:left;
	width:288px;
	margin-right:43px;
}

.block02{
	float:left;
	width:288px;
}

.block03{
	float:right;
	width:288px;
}

.block .banner p.ban{
	float:left;
	width:95px;
}

.block .banner p.bantext{
	float:right;
	width:176px;
}

/*--------------------------------------------
1-2 howtoindex
---------------------------------------------*/

#pickup ul{
	float:left;
	width:244px;
	margin:0.6em 0 0.5em 0;
}

/*--------------------------------------------
1-3 howtocateindex
---------------------------------------------*/

.howtocateindex .blocklink{
	width:946px;
	padding-left:4px;
}

.howtocateindex .blocklink li{
	float:left;
	width:90px;
	margin-right:15px;
	padding-bottom:23px;
}

/* --------------------------------------------
1-4 float clear
---------------------------------------------*/

#pickup, #main, .block, .howtocateindex .blocklink, .block .banner{
	clear:both;
}

/*----------------------------------------------------------------
2-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------
2-1 common
---------------------------------------------*/

ul{
	list-style:none;
}

#main{
	width:950px;
}

#main a:link, #pickup a:link{
	color:#000;
	text-decoration:none;
}

#main a:visited, #pickup a:visited{
	color:#666;
	text-decoration:none;
}

#main a:hover, #pickup a:hover{
	color:#f36;
	text-decoration:underline;
}

.howtoindex #contents li, .howtocateindex #main li{
	line-height:1.34;
}

/* ----------------------------
2-1-1 h1area
------------------------------*/

#h1area{
	width:936px;
	margin:0 7px;
}

#h1area h1 .sub{
	font-size:58%;
}

#h1area p.lead, #h1area .lead p{
	font-size:86%;
	line-height:1.5;
}

#h1area .lead p.attention{
	margin:0.6em 0 0 0;
	color:#f74645;
	font-size:82%;
}

#h1area h1{
	padding:9px 0 15px 0;
	font-size:200%;
	line-height:1.17;
}

#h1area .lead{
	padding:8px 0 15px 0;
}

/* ----------------------------
2-1-2 block
------------------------------*/

.block{
	padding:7px 0 10px 0;
	background:url("/imgj/common/line_freehand288.gif") no-repeat 0 0;
}

.block ul{
	margin:0 5px 10px 10px;
}

.block li{
	margin:0.8em 0;
	padding-left:10px;
	background:url("/imgj/common/icon_el01.gif") no-repeat 0 0;
	line-height:1.17;
}

.block .banner{
	padding:8px 5px;
	background:url("/imgj/index/line_howto03.gif") repeat-x left top;
}

.block .banner p{
	padding:4px 0;
	font-size:86%;
	line-height:1.5;
}

/* --------------------------------------------
2-2 howtoindex
----------------------------------------------*/

.howtoindex .block{
	padding-top:13px;
}

.howtoindex .block01, .howtoindex .block02, .howtoindex .block03{
	background:url("/imgj/common/line_freehand288.gif") no-repeat 0 100%;
}

/* ----------------------------
2-2-1 pickup
------------------------------*/

#pickup{
	padding:23px 0 10px 0;
	background:url("/imgj/howto/line_howtoindex.gif") no-repeat left top;
}

/*リード文*/
#pickup .lead{
	padding:4px 0 8px 0;
	background:url("/imgj/index/line_pickup.gif") repeat-x left bottom;
	font-size:117%;
	line-height:1.6;
}

/*更新日付*/
#pickup .date{
	margin-left:16px;
	font-size:75%;
	color:#09f;
}

#pickup li{
	margin:0.7em 15px 0.7em 2px;
	padding-left:8px;
	background:url("/imgj/common/arw03_grey.gif") no-repeat 0 4px;
}

/* ----------------------------
2-2-2 block h2
------------------------------*/

.howtoindex .block h2{
	font-size:117%;
	line-height:1.17;
}

.howtoindex .block h2 a{
	display:block;
	width:183px;
/*	height:35px;*/
	padding:1.05em 100px 1.35em 5px;
}

/* hack for IE6 - 20091119 */
* html .howtoindex .block h2 a{
	width:288px;
	padding:0.65em 100px 1.75em 5px;
}

/*タイトルが1行のケース*/
.howtoindex .block h2.line01 a{
	display:block;
	width:183px;
/*	height:19px;*/
	padding:1.6em 100px 1.9em 5px;
}

/* hack for IE6 - 20091119 */
* html .howtoindex .block h2.line01 a{
	width:288px;
	padding:1.2em 100px 2.3em 5px;
}

/*ピンク矢印位置調整*/
.howtoindex .block .arw01{
	position:relative;
	bottom:4px;
	left:6px;
}

.howtoindex #laundry h2{
	background:url("/imgj/howto/ttl_laundry.gif") no-repeat left top;
}

.howtoindex #nunonapu h2{
	background:url("/imgj/howto/ttl_nunonapu.gif") no-repeat left top;
}

.howtoindex #idea h2{
	background:url("/imgj/howto/ttl_idea.gif") no-repeat left top;
}

.howtoindex #pet h2{
	background:url("/imgj/howto/ttl_pet.gif") no-repeat left top;
}

.howtoindex #clean h2{
	background:url("/imgj/howto/ttl_clean.gif") no-repeat left top;
}

.howtoindex #kitchen h2{
	background:url("/imgj/howto/ttl_kitchen.gif") no-repeat left top;
}

.howtoindex #bath h2{
	background:url("/imgj/howto/ttl_bath.gif") no-repeat left top;
}

/* --------------------------------------------
2-3 howtocateindex
----------------------------------------------*/

/* ----------------------------
2-3-1 h1area
------------------------------*/

.howtocateindex #h1area h1{
	padding:9px 0 50px 0;
}

.howtocateindex #h1area .lead{
	padding:8px 0 30px 0;
}


.howtocateindex #topicpath{
	width:950px;
	background:url("/imgj/common/line_dotgrey.gif") repeat-x left bottom;
}

/* ----------------------------
2-3-2 blocklink
------------------------------*/

.howtocateindex .blocklink li a:link{
	text-decoration:none;
}

.howtocateindex .blocklink li a:visited{
	text-decoration:none;
}

.howtocateindex .blocklink li a:hover{
	text-decoration:underline;
}

.howtocateindex .blocklink li{
	font-size:86%;
	line-height:1.34;
}

.howtocateindex .blocklink li img{
	margin-bottom:5px;
}

/* ----------------------------
2-3-3 block
------------------------------*/

.howtocateindex .block{
	padding:0px 0 10px 0;
}


.howtocateindex .block h2{
	width:183px;
	padding:24px 100px 20px 5px;
	background:url("/imgj/common/line_freehand288.gif") no-repeat 0 0;
	font-size:117%;
	line-height:1.34;
}

/* hack for IE6 - 20091119 */
* html .howtocateindex .block h2{
	width:288px;
	padding:1.71em 100px 1.75em 5px;
}

.howtocateindex .block .text{
	margin:15px 0 17px 9px;
	line-height:1.5;
}

/* ----------------------------
2-3-4 block h2
------------------------------*/

/*洗濯と衣類の手入れ*/

/*洗濯をはじめる前に*/
.howtocateindex #laundrypre{
	background:url("/imgj/howto/icon_laundrypre.gif") no-repeat 100% 12px;
}

/*達人洗濯講座*/
.howtocateindex #laundrymachine{
	background:url("/imgj/howto/icon_laundrymachine.gif") no-repeat 100% 12px;
}

/*洗濯物の干し方と糊付け・アイロンがけ*/
.howtocateindex #laundrydry{
	background:url("/imgj/howto/icon_laundrydry.gif") no-repeat 100% 12px;
}

/*季節のお手入れ*/
.howtocateindex #laundryseason{
	background:url("/imgj/howto/icon_laundryseason.gif") no-repeat 100% 12px;
}

/*手洗い・部分洗い*/
.howtocateindex #laundryhandwash{
	background:url("/imgj/howto/icon_laundryhandwash.gif") no-repeat 100% 12px;
}

/*洗濯物の素材・アイテム別*/
.howtocateindex #laundryitem{
	background:url("/imgj/howto/icon_laundryitem.gif") no-repeat 100% 12px;
}

/*洗濯機アンケート*/
.howtocateindex #laundryenquate{
	background:url("/imgj/howto/icon_laundryenquate.gif") no-repeat 100% 12px;
}

/*入浴・シャンプーと洗顔基本*/
.howtocateindex #bathbasic{
	background:url("/imgj/howto/icon_bathbasic.gif") no-repeat 100% 12px;
}

/*入浴・シャンプーと洗顔アイテム別*/
.howtocateindex #bathitem{
	background:url("/imgj/howto/icon_bathitem.gif") no-repeat 100% 12px;
}

/*布ナプキン*/
.howtocateindex #nunonapucare{
	background:url("/imgj/howto/icon_nunonapucare.gif") no-repeat 100% 12px;
}

/*掃除：基本*/
.howtocateindex #cleanbasic{
	background:url("/imgj/howto/icon_cleanbasic.gif") no-repeat 100% 12px;
}

/*掃除：場所・アイテム別*/
.howtocateindex #cleanitem{
	background:url("/imgj/howto/icon_cleanitem.gif") no-repeat 100% 12px;
}

/*食器洗い：基本*/
.howtocateindex #kitchenbasic{
	background:url("/imgj/howto/icon_kitchenbasic.gif") no-repeat 100% 12px;
}

/*食器洗い：アイテム別*/
.howtocateindex #kitchenitem{
	background:url("/imgj/howto/icon_kitchenitem.gif") no-repeat 100% 12px;
}

/*ペット：基本*/
.howtocateindex #petbasic{
	background:url("/imgj/howto/icon_petbasic.gif") no-repeat 100% 12px;
}

/*暮らしに役立つアイディア*/
.howtocateindex #idea{
	background:url("/imgj/howto/icon_idea.gif") no-repeat 100% 12px;
}

/*暮らしに役立つレシピ*/
.howtocateindex #recipe{
	background:url("/imgj/howto/icon_recipe.gif") no-repeat 100% 12px;
}

/* --------------------------------------------
2-4 faq
----------------------------------------------*/

.howtocateindex .faq{
	background:#f6f2ea url("/imgj/howto/foot_faq.gif") no-repeat left bottom;
	margin-bottom:25px;
	padding-bottom:20px;
}

.howtocateindex .faq h2{
	padding:14px;
	background:url("/imgj/howto/ttl_faq_s.gif") no-repeat 0 0;
	text-align:right;
	font-size:117%;
}

.howtocateindex .faq ul{
	margin:30px 18px 0 18px;
}

.howtocateindex .faq li{
	margin:1em 0;
	padding-left:7px;
	background:url("/imgj/subnavi/arw02_grey.gif") no-repeat 0 5px;
	line-height:1.17;
}

.howtocateindex .faq ul a:link{
	text-decoration:none;
}

.howtocateindex .faq ul a:visited{
	text-decoration:none;
}

.howtocateindex .faq ul a:hover{
	text-decoration:underline;
}