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

	For knowledge file

	Last update : 2009.12.10
	mio urakami

	---------------------------
	1-0 structure
		1-1 common
		1-2 float clear

	2-0 visual setting
		2-1 common
		2-2 h1area
		2-3 block
--------------------------------------------*/


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

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

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

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

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

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

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

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

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

/* --------------------------------------------
1-2 float clear
---------------------------------------------*/

#pickup, #main, .block, .block .banner, .group{
	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;
}

/* --------------------------------------------
2-2 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;
}

.group{
	padding-top:15px;
}

#main h2{
	padding:8px 10px;
	background:url("/imgj/common/ttl_back950.gif") no-repeat 0 0;
	font-size:117%;
}

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

.block{
	padding:7px 0 10px 0;
	background:url("/imgj/common/line_dotgrey.gif") repeat-x 0 100%;
}

.master .block{
	background:none;
}

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

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

.master .block li{
	background:url("/imgj/common/arw02_brown.gif") no-repeat 3px 4px;
}

.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;
}

.block h3{
	padding:16px 0 10px 9px;
	font-size:117%;
	line-height:1.34;
}

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


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