/* CSS Document */

@import "base.css";
/*------------------------
常にインクルードするCSS
------------------------*/



#TopContents{ width:950px; margin:10px auto 0;}

#TopContents #ContentsLeft{ width:270px; float:left; display:inline;/*ie6*/}
#TopContents #ContentsRight{ width:650px; _width:650px; float:right; margin:0 18px 0 0; padding:0; display:inline;/*ie6*/}

#TopContents #ContentsLeft ul#banner_L{ width:250px; margin-left:18px;}
#TopContents #ContentsLeft ul#banner_L li{ width:250px; margin-bottom:10px; display: inline;}

#TopContents #ContentsRight ul#banner_M{width:650px;margin:0px; padding:0;}
#TopContents #ContentsRight ul#banner_M li{width:325px; float:left;}

#TopContents #ContentsRight h3.tit_point{ width:650px; margin-bottom:10px;}
#TopContents #ContentsRight ul#ContentsPoint{ width:650px;}
#TopContents #ContentsRight ul#ContentsPoint li{ float:left; display:inline; margin:5px 13px 5px 13px;}


/*リードTOP
--------------------*/
div#text01{
  width: 650px;
  margin: 0 auto;
  text-align: left;
  margin-bottom:20px;
}

div#text01 p{
	line-height:1.8em;
}


/*リード6つの約束下
---------------------*/
div#text02{
  width: 650px;
  margin: 0 auto;
  text-align: left;
}


div#text03{
  width: 860px;
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  margin: 0 auto;
  padding:20px 0 10px;
  text-align: center;
  font-size:80%;
}



/* 人気・おすすめコースご紹介
----------------------------*/
#TopContents #ContentsRight #Course{
	width:315px;
	float:left;
	margin-right:10px;
	_margin-right:5px;
	text-align:left;
}


#TopContents #ContentsRight #Course h3.tit_course{ width:315px; margin-bottom:10px;}


/*使用箇所不明*/
#TopContents #ContentsRight ul#CourseMenu{
	width:315px;
	text-align: left;
}

#TopContents #ContentsRight ul#CourseMenu li{
	background:url(../common_images/arrow_circle.jpg) no-repeat left top;
	padding-left:20px;
	line-heigt:120%;
	padding-bottom: 10px;
}

/*コース内本文*/
#TopContents #ContentsRight #Course p.crs_p{
	line-height:1.8em;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#bfa75d 1px dotted;
}


/* ニュース
----------------------------------*/
#TopContents #ContentsRight #News{
	width:315px;
	float:right;
	text-align: left;
	margin-right: 10px;
	_margin-right:5px;
}
#TopContents #ContentsRight #News h3.tit_news{ width:315px; margin-bottom:10px;}
#TopContents #ContentsRight #News ul{ width:315px;}
#TopContents #ContentsRight #News ul li{
	background:url(../common_images/arrow.jpg) no-repeat left top;
	padding-left:25px;
	line-heigt:120%;
	padding-bottom: 10px;
}
