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

/* メインビジュアル */
div.mainVisual{
	margin: 0 auto;
	height: 399px;
	background: #2A0A0A;
}

div.mainVisual ul#slider{
	margin: 0 auto;
	width: 980px;
	height: 399px;
}

/* トップページのみ背景 */
div.topContentArea{
	background: url(../img/top/img_bg.png) repeat-x;
	/* height: 586px; */
	padding-top: 22px;
}

/* コンテンツスライダー */
div.contentSlider{
	height: 140px;
	padding: 10px 0;
	margin: 0 auto;
	background-color: #FFFFFF;
}

div.contentSlider div.contentBox{
	width: 304px;
	height: 140px;
	overflow: hidden;
	margin: 0 8px;
	background: url(../img/top/img_bg02.jpg) no-repeat right;
}

div.contentSlider div.contentBox p.contentBoxLeft{
	float: left;
	width: 100px;
}

div.contentSlider div.contentBox dl.contentBoxRight{
	float: left;
	width: 180px;
	margin-left: 10px;
}

div.contentSlider div.contentBox dl.contentBoxRight dd{
	font-size: 12px;
}

div.contentSlider div.contentBox dl.contentBoxRight dd p{
	width: 179px;
	margin-top: 8px;
}

div.contentSlider div.contentBox dl.contentBoxRight dd p.btn{
	margin: 5px 0 0 109px;
}

div.topContentArea .bx-wrapper{
	max-width: 980px !important;
}

div.topContentArea .bx-wrapper .bx-viewport{
	width: 960px !important;
	height: 160px !important;
	margin: 0 auto;
}

div.topContentArea .bx-wrapper .bx-prev {
	left: 0px;
	background: url(../img/top/ico_prev02.png) no-repeat;
	height: 159px;
	margin-top: 0;
}

div.topContentArea .bx-wrapper .bx-next {
	right: 0px;
	background: url(../img/top/ico_next02.png) no-repeat;
	height: 159px;
	margin-top: 0;
}

div.topContentArea .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	outline: 0;
	width: 10px;
	height: 159px;
	text-indent: -9999px;
	z-index: 9999;
}

/* コンテンツエリア */
div.content a:link{
	text-decoration: none;
	color: #2A0A00;
	font-weight: bold;
}

div.content a:visited{
	color: #2A0A00;
}

div.content a:hover{
	color: #91197F;
}

div.content{
	margin: 30px auto 0;
	width: 980px;
	overflow: hidden;
}

div.content div.leftPart{
	float: left;
	width: 690px;
}

div.content div.leftPart ul.info{
	overflow: hidden;
	margin-top: 10px;
	height: 312px;
	width: 659px;
	padding-right: 20px;
	overflow: scroll;
}

div.content div.leftPart ul.info li{
	margin-top: 17px;
	padding-bottom: 17px;
	border-bottom: dotted 1px rgba(42,10,0,0.48);
}

div.content div.leftPart ul.info li dl{
	overflow: hidden;
}

div.content div.leftPart ul.info li dl dt{
	float: left;
	width: 95px;
	margin-left: 20px;
}

div.content div.leftPart ul.info li dl dd{
	float: left;
	margin-left: 5px;
	width: 415px;
	padding-left: 105px;
}
div.content div.leftPart ul.info li dl dd.event{
	background: url(../img/common/ico_event.png) no-repeat 0 0;
}

div.content div.leftPart ul.info li dl dd.info{
	background: url(../img/common/ico_info.png) no-repeat 0 0;
}

div.content div.leftPart ul.info li dl dd.online-shop{
	background: url(../img/common/ico_online-shop.png) no-repeat 0 0;
}

div.content div.leftPart ul.info li dl dd.seminar{
	background: url(../img/common/ico_school.png) no-repeat 0 0;
}

div.content div.leftPart ul.info li dl dd.school-news{
	background: url(../img/common/ico_school-news.png) no-repeat 0 0;
}

div.content div.leftPart ul.info li dl dd.shop-info{
	background: url(../img/common/ico_shop-info.png) no-repeat 0 0;
}

div.content div.leftPart p{
	text-align: center;
	margin-top: 30px;
}

/* バナーエリア */

div.content div.rightPart{
	float: left;
	width: 250px;
	margin-left: 40px;
	margin-top: 15px;
}

div.content div.rightPart p{
	margin-bottom: 15px;
}

div.content div.rightPart p.last{
	margin-bottom: 0;
}