@charset "shift-jis";





#areahd			{width:665px; padding:5px 0 50px 0; background:url(../img/hd-bg.gif) 0 0 no-repeat;}
#areahd img		{margin:0 0 7px 5px;}
#areahd h3		{margin:0 0 30px 10px;}
#areahd h3 img	{margin:0;}
#areahd p		{width:665px; line-height:18px;}
#areahd strong	{font-size:16px; font-weight:bold; color:#269021; margin-bottom:7px; display:block;}

.areadetail					{width:675px; padding-bottom:30px; position:relative;}
.areadetail .areadeta		{clear:both; width:249px; height:25px; position:absolute;top:1px;left:411px;}
.areadetail .areadeta li	{width:81px; height:25px; float:right; padding-left:2px;}
.areadetail h4				{width:660px; height:28px; padding:0; margin-bottom:20px; font-size:21px; font-weight:bold; color:#143000; background:url(../course/img/h3-bg.gif) 0 bottom no-repeat;}
.areadetail .areatxt		{float:right; width:505px; padding-right:15px; line-height:18px;}
.areadetail .areaimg		{float:left;}

.areadetail div						{width:208px; height:329px; padding:19px 0 0 0; margin:30px 15px 0 0; background:url(../img/cassette-bg.gif) 1px 19px no-repeat; border:1px solid #999; float:left; position:relative;}
.areadetail div .coursedeta			{position:absolute;top:1px;left:0;}
.areadetail div .coursedeta li		{width:; height:22px; padding:0 0 0 1px; margin:0; background:none; float:left; border:none;}
.areadetail div .courseimg			{height:135px; padding-left:14px; margin-bottom:5px;}
.areadetail div h5					{
	padding-left:20px;
	margin-bottom:0px;
	background-image: url(../img/course-point.gif);
	background-repeat: no-repeat;
	background-position: 9px 2px;
	height: 30px;
}
.areadetail div .coursetxt			{
	padding:0 9px;
	line-height:18px;
	position: absolute;
	bottom: 78px;
}
.areadetail div .courseprice		{font-weight:bold; color:#c00; position:absolute;top:195px;right:6px; padding:0;}
.areadetail div .coursedepa			{width:201px; height:50px; padding:22px 0 0 7px; background:url(../img/coursedepa-bg.gif) 0 0 no-repeat; position:absolute;bottom:0;left:0;}
.areadetail div .coursedepa li		{width:; height:; padding:0; margin:0 3px 2px 0; background:none; border:none; float:left;}
.areadetail div .coursedepa li img	{width:63px; height:21px;}









/*
#areadeta02		{clear:both; width:690px; height:20px; padding-top:5px; margin:0px 0 15px 0; background:url(../img/course/deta02-bg.gif) 0 bottom no-repeat;}
#areadeta02 dt	{float:left; display:block; font-weight:bold; padding:0 12px 0 0; margin-right:5px; background:url(../img/course/deta02-point.gif) right 3px no-repeat;}
#areadeta02 dd	{float:left; display:block; padding-right:30px;}

#areadeta02 #star00{background:url(../img/course/star00.gif) 0 1px no-repeat; padding:0 0 0 70px;}
#areadeta02 #star01{background:url(../img/course/star01.gif) 0 1px no-repeat; padding:0 0 0 70px;}
#areadeta02 #star02{background:url(../img/course/star02.gif) 0 1px no-repeat; padding:0 0 0 70px;}
#areadeta02 #star03{background:url(../img/course/star03.gif) 0 1px no-repeat; padding:0 0 0 70px;}
#areadeta02 #star04{background:url(../img/course/star04.gif) 0 1px no-repeat; padding:0 0 0 70px;}
#areadeta02 #star05{background:url(../img/course/star05.gif) 0 1px no-repeat; padding:0 0 0 70px;}


#areaphoto		{width:667px; height:370px; padding:0; margin:0 0 0 4px; background:url(../img/course/photo-bg.gif) 0 0 no-repeat; position:relative;}
#areaphoto img	{display:block;}
#areaphoto p	{background:url(../img/course/photo-point.gif) 0 3px no-repeat; padding-left:14px; color:#999;}

#areaphoto01	{width:441px; position:absolute;top:0;left:5px;}
#areaphoto01 img{margin:16px 0 24px 44px;}
#areaphoto02	{width:196px; position:absolute;top:0;left:459px;}
#areaphoto02 img{margin:5px 0 11px 8px;}
#areaphoto03	{width:196px; position:absolute;top:170px;left:459px;}
#areaphoto03 img{margin:5px 0 11px 8px;}


#areatxt		{width:658px; line-height:18px; margin-bottom:25px;}
#areatxt strong	{display:block; font-size:16px; font-weight:bold; color:#269021; margin-bottom:7px;}



#areadeta03,
#areadeta04			{float:left;}
#areadeta03 h4,
#areadeta04 h4		{background:url(../img/course/table-point.gif) 0 1px no-repeat; font-size:16px; color:#333; padding:0 0 4px 20px; font-weight:bold;}
#areadeta03 table,
#areadeta04 table	{border-collapse:collapse; line-height:16px; margin-bottom:20px;}

#areadeta03 table	{width:370px; border:1px solid #999; margin-right:20px;}
#areadeta04 table	{width:280px; border:1px solid #999;}#areadeta03 th,
#areadeta04 th		{padding:5px 0px 5px 7px; padding:0; border-bottom:1px dotted #999; background:#dadecf; font-weight:normal; white-space:nowrap;}
#areadeta03 td,
#areadeta04 td		{padding:5px 7px; border-bottom:1px dotted #999; border-right:1px dotted #999; white-space:nowrap;}

#areadeta04 td		{text-align:center;}


*/

#reserv				{clear:both; width:668px; padding:3px 1px 8px 1px; margin-bottom:20px; background:url(../course/img/reserv-bottom.gif) 0 bottom no-repeat;}
#reserv li			{height:18px; padding:3px 0 4px 0; background:url(../course/img/reserv-border.gif) 0 bottom repeat-x;}
#reserv li.b0		{background:none; padding:3px 0;}
#reserv li div		{width:275px; height:16px; padding:2px 0 0 32px; clear:both; background:url(../course/img/table-point.gif) 12px 0 no-repeat; float:left;}
#reserv li div span	{font-weight:bold; color:#c00; padding-left:7px;}
#reserv li ul		{width:348px; height:16px; float:left; padding:2px 5px 0 0;}
#reserv li li		{float:left; height:16px; padding:0 0 0 10px; margin-right:8px; background:url(../course/img/data02-point.gif) 0 3px no-repeat;}