@charset "utf-8";

/*------------------------------------- ������ �C�[�g�X�}�[�g�Bĉ� ������--------------------------------------------*/
.leftImg{
	float:left;
	display:inline;
	margin:0 10px 5px 0;
	}

.rightImg{
	float:right;
	display:inline;
	margin:0 0 5px 10px;
	}

.clear{
	clear: both;
	font: 1px/1px monospace;
	}


/*---whatAra---*/
#whatArea div.c1 p{
	line-height:160%;
	margin-bottom:10px;
}

/*---c1---*/
#whatArea{
	text-align:left;
}
#whatArea div.c1 h3{
	margin-bottom:10px;
}
#whatArea div.c1 ol{
	margin:10px 30px;
}
#whatArea div.c1 ol li{
	color:#f17123;
	font-weight:bold;
}
/*---c2---*/
#whatArea div.c2{
	width:640px;
	background:url(/image/what/c2_bg.jpg) repeat-y;
}

#whatArea div.c2 .leftArea{
	width:310px;
	display:inline;
	float:left;
}
#whatArea div.c2 .rightArea{
	width:310px;
	display:inline;
	float:right;
}
#whatArea div.c2 p{
	margin:2px 10px;
}
#whatArea div.c2 p.arrow{
	background:url(/image/what/arrow.jpg) no-repeat right center;
	padding-right:10px;
	text-align:right;
}

/*---c3---*/
#whatArea div.c3{
	border:1px solid #ddd;
	margin-top:15px;
}
#whatArea div.c3 h3{
	background-color:#c5cfe6;
	margin:1px;
	padding:5px 10px;
}
#whatArea div.c3 p{
	margin:10px;
}
#whatArea div.c3 p.arrow{
	background:url(/image/what/arrow.jpg) no-repeat right center;
	padding-right:10px;
	text-align:right;
}



/*---whatHowAra---*/
#whatHowArea{
	text-align:left;
}
#whatHowArea p{
	line-height:160%;
}
/*---c1---*/
#whatHowArea div.c1{
	margin-top:25px;
}
#whatHowArea div.c1 .leftArea{
	width:310px;
	display:inline;
	float:left;
	margin-bottom:25px;
}
#whatHowArea div.c1 .rightArea{
	width:310px;
	display:inline;
	float:right;
	margin-bottom:25px;
}
#whatHowArea div.c1 h3{
	margin-bottom:10px;
}
#whatHowArea div.c1 p strong{
	color:#f17123;
	font-weight:normal;
}
#whatHowArea div.c1 p em{
	font-weight:bold;
	font-style:normal;
}



/*---whatHowAra---*/
#whatTypeArea{
	text-align:left;
}

/*---c1---*/
#whatTypeArea div.c1{
	border:1px solid #ddd;
	margin-top:15px;
}
#whatTypeArea div.c1 h3{
	background-color:#c5cfe6;
	margin:1px;
	padding:5px 10px;
}
#whatTypeArea div.c p{
	margin:10px;
}
#whatTypeArea dl{
	margin:15px 25px;
	padding-bottom:15px;
	border-bottom:1px dotted #999;
}
#whatTypeArea dd{
	margin-right:125px;
	line-height:160%;
	margin-bottom:10px;
}
#whatTypeArea dl.type01{
	background:url(/image/what/type/c1_img01.jpg) no-repeat right top;
}
#whatTypeArea dl.type02{
	background:url(/image/what/type/c1_img02.jpg) no-repeat right top;
}
#whatTypeArea dl.type03{
	background:url(/image/what/type/c1_img03.jpg) no-repeat right top;
}
#whatTypeArea dl.type04{
	background:url(/image/what/type/c1_img04.jpg) no-repeat right top;
}
#whatTypeArea dl.type05{
	background:url(/image/what/type/c1_img05.jpg) no-repeat right top;
}
#whatTypeArea dl.type06{
	background:url(/image/what/type/c1_img06.jpg) no-repeat right top;
}

