@charset "utf-8";
/* CSS Document */


div.contents{width:1080px; margin:0 auto; overflow:hidden;}
div.contents>.section{float:left;}
div.contents>.sub{width:810px; border-right:1px solid #CCC;  box-sizing:border-box;
padding:40px 0; padding-right:30px;}
div.contents>.sub>h2.pageTitle{
	height:50px;
	font-size:24px;
	line-height:40px; font-weight:bold;
	background-image:url(../images/cmnBar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
div.contents>.sub>.substance{padding-top:40px;;}
div.contents>.sub>.substance>h2#container_title{display:none;}
div.contents>div.lnb{width:270px;}

/*process*/
div.process{width:780px; padding-bottom:40px;}
div.process>ul{overflow:hidden;
	background-image:url(../images/subTopLine.jpg);
	background-repeat:repeat-x;
	background-position:0 15px;
}
div.process>ul>li{width:78px; height:60px; float:left; position:relative;}
div.process>ul>li>div.circle{width:30px; height:30px; border-radius:20px;
	border:5px solid #F30; padding-top:5px; box-sizing:border-box;
	margin:0 auto;
}
div.process>ul>li>div.circle>span.point{display:block;
	width:10px; height:10px; background-color:transparent;
	border-radius:10px; margin:0 auto;
}
div.process>ul>li>div.circle>span.on{
	background-color:#000;
}
div.process>ul>li>div.txt{height:20px; line-height:20px; text-align:center;
	margin-top:10px;
}
div.process>ul>li>a{
	display:block; width:100%; height:60px; 
	position:absolute;
	top:0; left:0; z-index:10;
}

/*lesson*/
div.lesson{width:780px; padding-bottom:40px;}
div.lesson>ul{overflow:hidden;
	/*background-image:url(../images/subTopLine.jpg);*/
	background-repeat:repeat-x;
	background-position:center 20px;

}
div.lesson>ul>li{width:78px; height:80px; float:left; position:relative;}
div.lesson>ul>li>div.txt{
	height:30px; line-height:30px; text-align:center;
	border-bottom:4px solid #F30;
	font-weight:bold;
	box-sizing:border-box;
	margin-bottom:10px;
	border-bottom:4px solid #CCC;
}
div.lesson>ul>li>div.circle{
	width:40px; height:40px; border-radius:40px;
	line-height:40px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	background-image:;
	background-repeat:repeat-x;
	background-color:#CCC;
}
div.lesson>ul>li>a{
	display:block; width:100%; height:100%; 
	position:absolute;
	top:0; left:0; z-index:10;
}
div.lesson>ul>li.on>div.txt{border-bottom:4px solid #F30;}
div.lesson>ul>li.on>div.circle{background-color:#F30; color:#FFF;}

/*gallery*/
div.gallery{padding:40px 0;}
div.gallery>ul{}
div.gallery>ul>li{width:160px; height:60px;
	line-height:55px;
	border:4px solid #EEE;
	border-radius:10px;
	box-sizing:border-box;
	float:left; margin-right:20px;
}
div.gallery>ul>li.on{
	border-color:#F30;
}
div.gallery>ul>li>a{
	display:block; width:100%; height:100%;
	text-align:center;
}

/*venueRental*/
div.venueRental{padding:40px 0;}
div.venueRental>ul{}
div.venueRental>ul>li{
	width:160px; height:60px;
	line-height:55px;
	border:4px solid #EEE;
	border-radius:10px;
	box-sizing:border-box;
	float:left; margin-right:20px;	
}
div.venueRental>ul>li.on{
	border-color:#F30;
}
div.venueRental>ul>li>a{
	display:block; width:100%; height:100%;
	text-align:center;
}