.cf:after{
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}

.cl{
	clear: both;
}

.listIcon{
	display: block;
	margin-left: 3px;
	padding-left: 20px;
	background: url('/img/toppage/list_icon.png') no-repeat scroll left 2px transparent;
}

#container{
	width: 986px !important;
	padding: 0 !important;
}

#header{
	width: 960px;
	margin: 0 auto 20px;
}

#jsWrap{
	width: 970px;
	height: 358px;
	margin: 0 auto 20px;
	background: url(/img/toppage/bg_rotation.png) top center no-repeat;
}

/*slide show*/

.slideShow{
	position: relative;
	display: none;
	margin: 0 auto;
	margin-bottom: 24px;
	padding: 14px;
	text-align: left;
	border: 1px solid #aaa;
	background: #3b3b3b;
	box-shadow: 0 4px 3px #e4e4e4;
}

.slideShow .mainView{
	position: relative;
	float: right;
	overflow: hidden;
	width: 714px;
}
.slideShow .mainView ul{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.slideShow .mainView ul li{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.slideShow .mainView ul li img{
	width: 100%;
}

.slideShow .thumbNail{
	overflow: hidden;
	width: 100%;
}

.slideShow .thumbNail ul{
	position: absolute;
	top: 14px;
	width: 186px;
}

.slideShow .thumbNail ul li{
	overflow: hidden;
	height: 90px;
	margin-bottom: 8px;
	cursor: pointer;
}

.slideShow .thumbNail ul li img{
	width: 100%;
}

.slideShow .thumbNail ul li.active{
	opacity: 1!important;

	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
}

.slideShow .mainView .btnPrev, .slideShow .mainView .btnNext{
	position: absolute;
	z-index: 100;
	top: 0;
	width: 5%;
	height: 100%;
}
.slideShow .mainView .btnPrev{
	left: 0;
	background: #ccc url(/img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext{
	right: 0;
	background: #ccc url(/img/btnNext.png) no-repeat center center;
}


/* =======================================
ClearFixElements
======================================= */
.slideShow ul:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}

.slideShow ul{
	display: inline-block;
	overflow: hidden;
}


.categoryUl{
	display: block;
	width: 935px;
	height: 220px;
	margin: 0 auto 23px;
}

.categoryUl li.categoryLi{
	display: block;
	float: left;
	margin: 0 0 5px 5px;
	list-style: none;
}

.categoryUl li a{
	display: block;
	width: 183px;
	height: 105px;
	text-indent: -9999px;
}
.categoryUl li.linkShops a:hover, .categoryUl li.linkRepair a:hover, .categoryUl li.linkEvent a:hover, .categoryUl li.linkKanplaza a:hover, .categoryUl li.linkPiano a:hover, .categoryUl li.linkSb a:hover, .categoryUl li.linkDigital a:hover, .categoryUl li.linkGuitar a:hover, .categoryUl li.linkOnline a:hover, .categoryUl li.linkLesson a:hover{
	background-position: 0 -105px;
}

.categoryUl li.linkShops a{
	background: url(/img/toppage/btn_shopInfo.png) no-repeat;
}
.categoryUl li.linkLesson a{
	background: url(/img/toppage/btn_school.png) no-repeat;
}
.categoryUl li.linkOnline a{
	background: url(/img/toppage/btn_online.png) no-repeat;
}
.categoryUl li.linkGuitar a{
	background: url(/img/toppage/btn_guitar.png) no-repeat;
}
.categoryUl li.linkDigital a{
	background: url(/img/toppage/btn_digital.png) no-repeat;
}
.categoryUl li.linkSb a{
	background: url(/img/toppage/btn_brand.png) no-repeat;
}
.categoryUl li.linkPiano a{
	background: url(/img/toppage/btn_piano.png) no-repeat;
}
.categoryUl li.linkKanplaza a{
	background: url(/img/toppage/btn_kanplaza.png) no-repeat;
}
.categoryUl li.linkEvent a{
	background: url(/img/toppage/btn_event.png) no-repeat;
}
.categoryUl li.linkRepair a{
	background: url(/img/toppage/btn_repair.png) no-repeat;
}
/*.categoryUl li.linkSchool a{
background: url(/img/toppage/btn_daikanyama.png) no-repeat;
}*/

.noMargin{
	margin-left: 0 !important;
}

li.categoryLi ul li{
	display: none;
}

/*アプリ紹介バナー*/
.appInfoBn li{
	display: block;
}
.appInfoBn li:first-child{
	margin-right: 10px;
}

/*コンテンツ*/
div.infoWrap{
	font-size: 12px;
	width: 930px;
	margin: auto;
}

div.infoWrap ul.appInfoBn{
	text-align: center;
}

/*サイト更新情報*/
div.leftWrap{
	float: left;
	width: 650px;
}

div.leftWrap dt{
	font-weight: bold;
}

/*サイト右バナー*/
div.rightWrap{
	float: right;
	width: 250px;
}


.infoBox{
	display: block;
	margin-bottom: 23px;
	border: solid 1px #ccc;
	background: #f9f9f9;
}

div.rightWrap .infoBox2{
	padding: 10px 4px 5px;
}

div.leftWrap li, div.leftWrap dd, div.leftWrap li a, div.leftWrap dd a{
	display: block;
	text-decoration: none;
}

div.leftWrap li a:hover, div.leftWrap dd a:hover{
	background: #fff;
}


div.leftWrap .listWrap{
	display: block;
	margin: 0 22px;
}
#newinfo > ul > li:not(:last-of-type) .listWrap{
	border-bottom: dashed 1px #6a6a6a;
}
.outletList .listWrap, #newinfo .listWrap{
	padding-top: 15px;
	padding-bottom: 18px;
}

.outletUl .listWrap{
	padding: 18px 0 18px;
}


.outletList .listWrap b,
#newinfo .listWrap b{
	display: block;
	margin-bottom: 5px;
	color: #000;
}


div.leftWrap .listWrap .description{
	display: block;
	color: #000;
}

div.leftWrap .listWrap .description b{
	font-weight: 100;
}

div.leftWrap .listWrap .cat{
	color: #000;
}

div.leftWrap .listWrap .title, .outletUl .title{
	padding-right: 7px;
	text-decoration: underline;
	color: #0332fa;
}


h3.h3_newinfo, h3.h3_shoppinginfo{
	display: block;
	width: 650px;
	height: 44px;
	text-indent: -9999px;
}

div.infoWrap h3{
	font-size: 15px;
	margin-bottom: 13px;
}

div.rightWrap h3{
	display: block;
	width: 250px;
	height: 44px;
	text-indent: -9999px;
}
h3.h3_newinfo{
	background: url(/img/toppage/h3_siteNew.png?up=20180508) no-repeat;
}

h3.h3_shoppinginfo{
	background: url(/img/toppage/h3_event.png) no-repeat;
}

.rightWrap .infoBox object{
	display: block;
	margin: 10px auto 13px;
	border: 1px solid #cdcdcd;
}

h3.h3_pickup{
	background: url(/img/toppage/h3_pickupCon.png) no-repeat;
}

h3.h3_etc{
	background: url(/img/toppage/h3_etc.png?up=20180508) no-repeat;
}

.pickupBox{
	padding: 10px 0 5px;
}

a.btn_more{
	display: block;
	float: right;
	width: 106px;
	height: 36px;
	margin: 20px;
	text-indent: -9999px;
	background: url(/img/toppage/btn_more.png) 0 0 no-repeat;
}
a.btn_more:hover{
	background-position: 0 -36px;
}

/*side banner*/

.infoBox2 li a{
	display: block;
	width: 240px;
	margin: 0 auto 5px;
}

.banner li{
	display: none;
}
.outletUl .outdiv{
	margin: 0 22px;
	padding: 18px 0;
	padding: 18px 0 18px;
	border-bottom: dashed 1px #6a6a6a;
}
.outletUl span{
	color: #333;
}

.infoBox2 .outletUl li a{
	display: block;
	width: 648px;
}

.outletUl li a:hover{
	background: #fff;
}

.outletUl b{
	display: none;
}

/*festaBnrArea*/

#festaBnrArea{
	width: 932px;
	margin: 0 auto 30px;
	text-align: center;
	border: solid 1px #ccc;
}
#festaBnrArea a:hover img{
	zoom: 1;
	cursor: pointer;
	opacity: .6;

	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: 'alpha(opacity=60)';  /* ie 8 */
	-moz-opacity: .6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: .6;              /* Safari 1.x */
}

/*newyear*/

#newyear{
	width: 960px;
	margin: -10px auto 10px auto;
}