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

	For knowledge file

	Last update : 2009.10.18
	mio urakami

	---------------------------
	1-0 structure
		1-1 knowledgeindex
		1-2 knowledgecateindex
		1-3 float clear

	2-0 visual setting
	2-1 common
		2-7-2 common
--------------------------------------------*/


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

/*--------------------------------------------
1-1 knowledgeindex
---------------------------------------------*/

.knowledgeindex .block01{
	float:left;
	width:287px;
}

.knowledgeindex .block02{
	float:right;
	width:623px;
}

.knowledgeindex .block .text{
	float:left;
	width:431px;
	padding-top:21px;
}

.knowledgeindex .block .photo{
	float:right;
	width:168px;
	padding-top:21px;
	padding-bottom:17px;
}

/*--------------------------------------------
1-2 knowledgecateindex
---------------------------------------------*/

.knowledgecateindex #h1area h1{
	float:left;
	width:560px;
	padding:20px 0 30px 0;
	font-size:200%;
	line-height:1.17;
}

.knowledgecateindex #h1area .lead{
	float:right;
	width:360px;
	padding:20px 0;
}

.knowledgecateindex .block01{
	float:left;
	width:224px;
}

.knowledgecateindex .block02{
	float:left;
	width:366px;
}

.knowledgecateindex .block04{
	float:right;
	width:580px;
}

.knowledgecateindex .faq{
	float:right;
	width:329px;
	background:#f6f2ea url("../imgj/library/foot_faq_l.gif") no-repeat left bottom;
}

.knowledgecateindex .profile{
	float:left;
	width:329px;
	background:#f6f2ea url("../imgj/library/foot_faq_l.gif") no-repeat left bottom;
}


/* --------------------------------------------
1-3 float clear
---------------------------------------------*/

#main, .knowledgeindex .block{
	clear:both;
}

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

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

ul{
	list-style:none;
}

.more a:link{
	color:#017669;
}

.more a:visited{
	color:#666;
}

.more a:hover{
	color:#f36;
}


#main{
	width:950px;
}

#knowledge #topicpath{
	width:950px;
	background:url("../imgj/common/line_ttl950.jpg") no-repeat left bottom;
}

.knowledgeindex .block, .knowledgecateindex .block{
	padding:2px 5px 0 0;
	background:url("../imgj/common/line_dotgrey.gif") repeat-x 0 0;
}


/* --------------------------------------------
2-2 knowledgeindex
----------------------------------------------*/

.knowledgeindex h1{
	margin-top:11px;
	padding:55px 7px 25px 7px;
	background:url("../imgj/library/ttl_library.gif") no-repeat 8px 0;
	font-size:200%;
	line-height:1;
}

.knowledgeindex .block01 .lead p{
	margin:0 0 40px 7px;
	font-size:117%;
	line-height:1.9;
}


.knowledgeindex .block h2{
	padding:1px 0 3px 26px;
	background:url("../imgj/common/arw_next.gif") no-repeat 0 0;
	font-size:150%;
	line-height:1.34;
}

.knowledgeindex .block02 h2 .sub{
	font-size:68%;
}

.knowledgeindex .block .text p{
	margin:15px 0 17px 26px;
	font-size:117%;
	line-height:1.5;
}

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

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

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

.knowledgecateindex #h1area .lead, .knowledgecateindex #h1area .lead p{
	line-height:1.5;
}

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

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

.knowledgecateindex .block h2{
	padding:21px 0 0 9px;
	font-size:150%;
	font-weight:bold;
	line-height:1.34;
}

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

.knowledgecateindex .block ul{
	margin:15px 0 15px 63px;
}

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

/* ----------------------------
2-2-1 knowledgecateindex faq
------------------------------*/

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

.knowledgecateindex .faq ul{
	margin:30px 18px 25px 18px;
}

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

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

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

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

/* ----------------------------
2-2-1 knowledgecateindex profile
------------------------------*/

.knowledgecateindex .profile h2{
	padding:14px;
	background:url("../imgj/library/ttl_profile.gif") no-repeat 0 0;
	text-align:right;
	font-size:117%;
}

.knowledgecateindex .profile h3{
	padding:30px 17px 85px 17px;
	background:url("../imgj/library/p_ishikawateiji.jpg") no-repeat 203px 20px;
	line-height:1.34;
}

.knowledgecateindex .profile p.text{
	margin:10px 22px 16px 22px;
	line-height:1.8;
}