@charset "utf-8";


/* ===================
courseDisplay
===================*/
#courseDisplay .course{
	padding-bottom: 28px;
	}

#courseDisplay .course .courseHeader{
	background-color: #ffffff;
	padding-top: 15px;
	}
#courseDisplay .course .title {
	display: inline;
	float: left;
	width: 435px;
	}
	#courseDisplay .course .title span{
		display: inline;
		float: left;
		width: 60px;
		height: 55px;/*40*/
		text-align: right;
		}
	#courseDisplay .course .title h2{
		display: inline;
		float: left;
		width: 370px;
		padding-top: 3px;
		padding-left: 5px;
		font-weight: bold;
		color: #e46518;
		}
	#courseDisplay .course .title p{
		display: inline;
		float: left;
		width: 370px;
		padding-top: 5px;
		padding-left: 5px;
		color: #e46518;
		}
#courseDisplay .course .pulldown{
	display: inline;
	float: right;
	width: 325px;
	}
#courseDisplay .course .week{
	display: inline;
	float: left;
	width: 160px;
	}
#courseDisplay .course .class{
	display: inline;
	float: right;
	width: 160px;
	}
#courseDisplay .course .pulldown select{
	width: 145px;
	}
#courseDisplay .course .subMenu{
	display: inline;
	float: right;
	width: 325px;
	padding-top: 8px;
	padding-bottom: 5px;
	}
	#courseDisplay .course .subMenu .cartBtn{
		display: inline;
		float: left;
		width: 180px;
		}
	#courseDisplay .course .subMenu .tieupBtn{
		display: inline;
		float: left;
		width: 125px;
		}

#courseDisplay .course .classlist{
	text-align: right;
	padding-top: 12px;
	color: #221815;
	}
	#courseDisplay .course .classlist a{
		background: url(../../common_img/arrow-circle02.png) no-repeat left 50%;
		padding-left: 18px;
		color: #221815;
		}
	#courseDisplay .course .classlist a:link {
		text-decoration: none;
		color: #221815;
		}
	#courseDisplay .course .classlist a:visited {
		text-decoration: none;
		color: #221815;
		}
	#courseDisplay .course .classlist a:hover {
		text-decoration: underline;
		color: #e46518;
		}
	#courseDisplay .course .classlist a:active {
		text-decoration: underline;
		}
	#courseDisplay .course .classlist a:focus {
		}



/* ===================
courseList
===================*/
#courseDisplay #courseList{
	padding-bottom: 28px;
	margin-right: -10px
	}

#courseDisplay #courseList .classCell{
	background-color: #ffffff;
	display: inline;
	float: left;
	width: 183px;
	margin-right: 10px;
	margin-top: 10px;
	/*padding-bottom: 15px;*/
	}
	#courseDisplay #courseList .close,
	#courseDisplay #courseList .end{
		/*定員締め切り*//*予約受付終了*/
		background-color: #e6e7e7;
		}
#courseDisplay #courseList .classCell .box{
	/*IE7 BugFix*/
	zoom: 1;
	}

#courseDisplay #courseList .classCell .mark{
	display: inline;
	float: left;
	width: 37px;
	/*height: 30px;*/
	text-align: right;
	padding-top: 8px;
	}
#courseDisplay #courseList .classCell .status{
	display: inline;
	float: left;
	width: 135px;/*145*/
	text-align: right;
	padding-top: 13px;
	}
	#courseDisplay #courseList .comingsoon .status{
		/*予約開始前*/
		color: #e46518;
		}
	#courseDisplay #courseList .accept .status{
		/*予約受付中*/
		color: #e46518;
		}
	#courseDisplay #courseList .close .status{
		/*定員締め切り**/
		color: #221815;
		}
	#courseDisplay #courseList .end .status{
		/*予約受付終了*/
		color: #221815;
		}
	#courseDisplay #courseList .normal .status{
		/*受付終了（講座開講中）*/
		color: #221815;
		}
#courseDisplay #courseList .classCell .thumbnail{
	display: inline;
	float: left;
	width: 183px;
	/*height: 109px;*/
	text-align: center;
	}
#courseDisplay #courseList .classCell dl{
	clear: both;
	width: 163px;/*183*/
	margin: 0 auto;
	}
#courseDisplay #courseList .classCell dt{
	padding: 15px 0 10px 0;
	}
#courseDisplay #courseList .classCell dd{
	padding-bottom: 10px;
	color: #221815;
	}
#courseDisplay #courseList .classCell .list{
	width: 163px;
	margin: 0 auto;
	}
	#courseDisplay #courseList .classCell .list a{
		padding-left: 15px;
		color: #221815;
		background: url(../../common_img/arrow-circle01.png) no-repeat left 50%;
		}
	#courseDisplay #courseList .classCell .list a:link {
		text-decoration: none;
		color: #221815;
		}
	#courseDisplay #courseList .classCell .list a:visited {
		text-decoration: none;
		color: #221815;
		}
	#courseDisplay #courseList .classCell .list a:hover {
		text-decoration: underline;
		color: #e46518;
		}
	#courseDisplay #courseList .classCell .list a:active {
		text-decoration: underline;
		}
	#courseDisplay #courseList .classCell .list a:focus {
		}
#courseDisplay #courseList .classCell .classBtn{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	}



/* ===================
referral
===================*/
#courseDisplay #courseList .referral {
	/*background-color: #f00;*/
	position: relative;
	min-height: 330px;
	}
#courseDisplay #courseList .referral .boxLine{
	
	}
#courseDisplay #courseList .referral .referralImg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -156px;
	margin-left: -83px;
	text-align: center;
	/*border: 2px solid #e46518;*/
	}



/* ===================
tieupHeader
===================*/
#courseDisplay .tieupHeader {
	padding: 10px 0;
	background-color: #ffffff;
	}

#courseDisplay .tieupHeader span{
	display: inline;
	float: left;
	width: 50px;
	text-align: right;
	}
#courseDisplay .tieupHeader  h2{
	display: inline;
	float: left;
	width: 700px;/*712*/
	padding-top: 6px;
	padding-left: 5px;
	font-weight: bold;
	color: #e46518;
	}



/* ===================
tieupList
===================*/
#courseDisplay #tieupList {
	padding-bottom: 28px;
	margin-right: -10px
	}

#courseDisplay #tieupList .tieupCell{
	background-color: #ffffff;
	display: inline;
	float: left;
	width: 183px;
	margin-right: 10px;
	margin-top: 10px;
	/*padding-bottom: 20px;*/
	}
#courseDisplay #tieupList .tieupCell .presents{
	padding-top: 13px;
	color: #e46518;
	width: 163px;/*183*/
	margin: 0 auto;
	}
#courseDisplay #tieupList .tieupCell dl{
	clear: both;
	width: 163px;/*183*/
	margin: 0 auto;
	}
#courseDisplay #tieupList .tieupCell dt{
	padding: 13px 0 10px 0;
	}
#courseDisplay #tieupList .tieupCell dd{
	padding-bottom: 10px;
	color: #221815;
	}
#courseDisplay #tieupList .tieupCell .list{
	width: 163px;
	margin: 0 auto;
	padding-bottom: 20px;
	
	}
	#courseDisplay #tieupList .tieupCell .list a{
		padding-left: 15px;
		color: #221815;
		background: url(../../common_img/arrow-circle01.png) no-repeat left 50%;
		}
	#courseDisplay #tieupList .tieupCell .list a:link {
		text-decoration: none;
		color: #221815;
		}
	#courseDisplay #tieupList .tieupCell .list a:visited {
		text-decoration: none;
		color: #221815;
		}
	#courseDisplay #tieupList .tieupCell .list a:hover {
		text-decoration: underline;
		color: #e46518;
		}
	#courseDisplay #tieupList .tieupCell .list a:active {
		text-decoration: underline;
		}
	#courseDisplay #tieupList .tieupCell .list a:focus {
		}



/* ===================
etc
===================*/
#courseDisplay #contents .separator {
	width: 100%;
	height: 8px;
	border: none;
	background: url(../../img/line-separator.png) repeat-x left top;
	margin: 30px 0 25px 0;
	}
	#courseDisplay .separator hr{
		display: none;
		/*visibility: hidden;*/
		border: 0;
		}

#courseDisplay .course .classlistBtm {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}



/* ===================
limited
===================*/

.limited #side{
	padding-top: 200px !important;
	}

.limited #footer p{
	text-align: center;
	color: #e46518;
	margin-bottom: 1em;
	}



/* ===================
notFound
===================*/
#courseDisplay #courseList p.notFound{
	background-color: #ffffff;
	text-align: center;
	padding: 35px 0 30px 0;
	margin: 10px 0 0 0;
	width: 762px;
	}