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

	For beginner file

	Last update : 2009.10.30
	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 common
---------------------------------------------*/

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

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

#begin001, #begin003, #begin005, #begin007{
	float:left;
	width:395px;
}


#begin002, #begin004, #begin006, #checktest{
	float:right;
	width:395px;
}

.block{
	width:395px;
}

.block .text{
	float:left;
	width:283px;
}

.block .photo{
	float:right;
	width:96px;
	padding-bottom:17px;
}

#checktest{
	width:348px;
	padding:15px 20px 0 27px;
	border-top:2px dotted #f8c6c0;
	border-left:2px dotted #f8c6c0;
}

/* hack for IE6 - 20091214 */
* html #checktest{
	width:395px;
}


#checktest .text{
	float:right;
	width:230px;
}

#checktest .photo{
	float:left;
}



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

#main, .group{
	clear:both;
}

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

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

ul{
	list-style:none;
}

#main{
	width:844px;
	padding:38px 57px 30px 45px;
	border:2px solid #f8c6c0;
}

#main .group{
	width:844px;
}

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

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

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

#h1area p.lead{
	font-size:86%;
	line-height:1.5;
	padding:8px 0 25px 0;
}

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

.group{
	padding-top:15px;
}

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

#begin001{
	background:url("../imgj/beginner/ttl_num01.gif") no-repeat 0 0;
}

#begin002{
	background:url("../imgj/beginner/ttl_num02.gif") no-repeat 0 0;
}

#begin003{
	background:url("../imgj/beginner/ttl_num03.gif") no-repeat 0 0;
}

#begin004{
	background:url("../imgj/beginner/ttl_num04.gif") no-repeat 0 0;
}

#begin005{
	background:url("../imgj/beginner/ttl_num05.gif") no-repeat 0 0;
}

#begin006{
	background:url("../imgj/beginner/ttl_num06.gif") no-repeat 0 0;
}

#begin007{
	background:url("../imgj/beginner/ttl_num07.gif") no-repeat 0 0;
}

.block h2{
	padding:1px 0 3px 54px;
	font-size:150%;
	line-height:1.34;
}

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

.block h2 a:link{
	color:#000;
	text-decoration:none;
}

.block h2 a:visited{
	color:#666;
	text-decoration:none;
}

.block h2 a:hover{
	color:#f36;
	text-decoration:underline;
}

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

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

#checktest h2{
	padding:1px 0 3px 0;
	font-size:150%;
	line-height:1.34;
}

#checktest .text p{
	margin:15px 0 17px 0;
	line-height:1.5;
}