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


/*---------------------------------
 main-btn-box
----------------------------------*/

.main-btn-box {
	width: 700px;
	margin: 10px 0;
	padding: 0 5px;
	overflow: hidden;
}
	
.main-btn-box li{
	float: left;
	width: 350px;
}

.main-btn-box li a{
	display: block;
}

.main-btn-box li a:hover {
	background-position: left bottom;
}


/*---------------------------------
 dl-list
----------------------------------*/

.dl-list {
	border-top: 1px dotted #ddd;
}

.dl-list dl{
	width: 710px;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
	font-size: 13px;
}

.dl-list dl dt{
	float: left;
	width: 200px;
}

.dl-list dl dd {
	margin-left: 200px;
	width: 510px;
	padding: 0
}


/*---------------------------------
 01
----------------------------------*/

#top-img {
	width: 860px;
	height: 573px;
	margin: 0 -75px;
	padding: 0;
	position: relative;
	/*position: absolute;*/
	/*top: 0;
	left:200px;*/
}

#top-img img {
	margin: 0;
	padding: 0;
	width: 860px;
	height: auto;
	position:absolute;
	left:0;
	top:0;
}

.top-panel {
	margin-top: -100px;
	position: absolute;
}
.top-ptitle {
	/*display: none;*/
}

.top-btn-box {
	width: 45px;
	height: 45px;
	margin: 125px auto 10px auto;
	clear: both;
}

.top-btn-box li a {
	width: 45px;
	height: 45px;
	display: block;
}

.top-btn-box li a.next {
	background:url(../img/common/btn_next.png) no-repeat left top;
}


/*---------------------------------
 02 楽器
----------------------------------*/

.btn-box02-01 {
	height: 90px;
	background: url(../img/common/btn_bg02_01.png) no-repeat left top;
}

/*.btn-box02-02 {	
	height: 60px;
	background: url(../img/common/btn_bg02_02.png) no-repeat left top;
}
*/
.btn-kenban {
	height: 90px;
	background: url(../img/gakki/btn_kenban.png) no-repeat left top;
}

.btn-kangenda {
	height: 90px;
	background: url(../img/gakki/btn_kangenda.png) no-repeat left top;
}

/*.btn-bouon {
	height: 60px;
	background: url(../img/gakki/btn_bouon.png) no-repeat left top;
}

.btn-maker {
	height: 60px;
	background: url(../img/gakki/btn_maker.png) no-repeat left top;
}
*/

/*---------------------------------
 03 鍵盤
----------------------------------*/

.btn-box03-01 {
	height: 55px;
	background: url(../img/common/btn_bg02_02.png) no-repeat left top;
}

.btn-tenji {
	height: 55px;
	background: url(../img/gakki/btn_tenji.png) no-repeat left top;
}

.btn-cyuuko {
	height: 55px;
	background: url(../img/gakki/btn_cyuuko.png) no-repeat left top;
}


/*---------------------------------
 04 修理
----------------------------------*/

.list04 dl dt a {
	padding-left: 20px;
	background: url(../img/common/head_orange.png) no-repeat left center;
}

.img-rbox {
	float: right;
	margin: 0 0 15px 30px;
}

.nolink,
.nolink:hover {
	color: #3e2813;
}

/*---------------------------------
 06 引越
----------------------------------*/

.list06 {
	margin: 0 0 15px 0;
}

.list06 dl {
	font-size: 90%;
}

.list06 dl dt {
	color: #FF6600;
}

.list06 dl dt span{
	font-weight: bold;
	margin-right: 10px;
}


/*---------------------------------
 12 管弦打楽器　修理・点検
----------------------------------*/

.list12 {
	width: 710px;
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
}
	
.list12 li{
	float: left;
	width: 318px;
	border: 1px dotted #ccc;
	padding: 10px 15px;
}

.list12 li span{
	display: block;
	font-weight: bold;
}

/*---------------------------------
 14 取り扱いメーカー
----------------------------------*/

.list14 ul {
	margin-top: 15px;
	width:345px;
	float: left;
	border-top: 1px dotted #eee;
}

.list14 ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #eee;
}

.list14 ul li a {
	padding-left: 20px;
	background: url(../img/common/head_orange.png) no-repeat left center;
}

.list14 ul li span {
	display:block;
	font-size: 85%;
	margin-left:20px;
}

/*---------------------------------
 15 音楽教室
----------------------------------*/

.btn-box15 {
	height: 90px;
	background: url(../img/common/btn_bg02_01.png) no-repeat left top;
}

.btn-kodomo {
	height: 90px;
	background: url(../img/mclass/btn_kodomo.png) no-repeat left top;
}

.btn-otona {
	height: 90px;
	background: url(../img/mclass/btn_otona_202507.png) no-repeat left top;
}

/*---------------------------------
 16 こどもの音楽教室
----------------------------------*/

/*---------------------------------
 YAMAHA音楽教室	201501
----------------------------------*/

.btn-box16y {
	margin: 15px 0;
	height: 190px;
	width: 710px;
}

.btn-box16y li {
	float: left;
	width: 220px;
	margin-right: 22px;
	line-height: 1.4;
}

.btn-box16y li a{
	display: block;
	width: 200px;
	height: 85px;
	padding: 105px 15px 0 15px;
}

.btn-box16y li a:hover {
	background-position: left bottom;
}

.btn-box16 {
	margin: 15px 0;
	height: 190px;
	width: 710px;
}

.btn-box16 li {
	float: left;
	width: 220px;
	margin-right: 22px;
	line-height: 1.4;
}

.btn-box16 li a{
	display: block;
	width: 200px;
	height: 140px;
	padding: 50px 15px 0 15px;
}

.btn-box16 li a:hover {
	background-position: left bottom;
}

.btn-ymc {
	background: url(../img/mclass/btn_ymc_202507.png) no-repeat left top;
}

.btn-soc {
	background: url(../img/mclass/btn_soc.png) no-repeat left top;
}

.btn-skgd {
	background: url(../img/mclass/btn_skgd.png) no-repeat left top;
	margin-right: 0;
}

li.mgnr0 {
	margin-right: 0;
}


/*---------------------------------
 17 ヤマハ音楽教室
----------------------------------*/

.yamaha-box1 {
	margin: 15px 0;
	font-size: 15px;
	width: 710px;
	line-height: 1.7;
}

.yamaha-box1 .img1{
	float: right;
	margin-left: 20px;
}

.yamaha-box1 .img2{
	display:block;
	margin-bottom: 20px;
}

.yamaha-box2 {
	clear: both;
	width: 710px;
	height: 150px;
}

.yamaha-box2 img{
	float: left;
}

.yamaha-box2 p {
	width: 140px;
	float: right;
	margin: 0 10px 0 0;
}

.btn-mlesson {
	width: 126px;
	height: 126px;
	display: block;
	background: url(../img/mclass/img17_04.png) no-repeat left top;
	margin-bottom: 5px;
}


/*---------------------------------
 18 ヤマハ音楽教室　コース
----------------------------------*/

.list18 {
	margin-top: 15px;
	border-top: 1px dotted #ddd;
	width: 710px;
	overflow: hidden;
}

.list18 dl{
	width: 710px;
	/*height: 75px;*/
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px dotted #ddd;
	clear: both;
	overflow: hidden;
	position: relative;
}

.list18 dl dt{
	float: left;
	width: 320px;
}

.list18 dl dt img{
	margin-top: 3px;
}

.list18 dl dd {
	margin-left: 320px;
	width: 385px;
	
	padding-top: 10px;
	overflow: hidden;
}
	
.list18 dl dd a {
	position: absolute;
	right: 0;
	bottom: 5px;
	/*width: 7em;
	float: right;*/
}


/*---------------------------------
 20 サンリツオリジナルコース
----------------------------------*/

.list20 {
	margin: 10px 0;
	border: none;
}

.list20 dl{
	padding: 3px 0;
	border: none;
	
}

.list20 dl dt{
	color: #F90;
	width: 220px;
}

.list20 dl dd{
	margin-left: 220px;
	width:490px;
}

/*---------------------------------
 23 サンリツオリジナルコース　コース紹介
----------------------------------*/

.list21 {
	margin: 10px 0;
	width: 710px;
	border: none;
}

.list21 dl{
	padding: 3px 0;
	border: none;
}


/*---------------------------------
 23 大人の音楽教室
----------------------------------*/

.list23 {
	margin: 15px 0;
	padding: 0;
	width: 710px;
}

.list23 li {
	float: left;
	width: 310px;
	height: 110px;
	padding: 40px 20px 0 20px;
	margin: 0;
}

li.list-yoc {
	background: url(../img/mclass/img23_01_202507.png) no-repeat left top;
	margin-right: 10px;
}

li.list-soc {
	background: url(../img/mclass/img23_02_202507.png) no-repeat left top;
}


.title-o1 {
	border: 1px solid #3e2813;
	font-size: 110%;
	margin-bottom: 5px;
	line-height: 1.4;
	padding: 2px 0;
}

.title-o2 {
	border-bottom: 2px dotted #3e2813;
	font-size: 105%;
	margin-bottom: 5px;
}

.title-o3y {
	display:inline-block;
	background-color: #D6E8F4;
	margin: 5px 0;
	text-indent: 0;
}

.title-o3s {
	display:inline-block;
	background-color: #ffefd5;
	margin: 5px 0;
	text-indent: 0;
}



/*---------------------------------
 34 ヤマハグレード
----------------------------------*/

.list34-2,
.list34-2 dl {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.list34-2 dl dt {
	width: 210px;
}

.list34-2 dl dd {
	margin-left: 210px;
	width: 240px;
}

.tbl34 {
	width: 100%;
	font-size: 95%;
}

.tbl34 td{
	text-align: right;
}

.list34-2 dl dd a{
	width: 100px;
	display: block;
	margin: 2px 0;
	padding: 2px 5px 0 5px;
	font-size: 95%;
	color: #fff;
	background-color: #F60;
	text-align: center; 
}

.list34-2 dl dd a:hover{
	background-color: #F90;
}


/*---------------------------------
 35 ヤマハグレード注意事項
----------------------------------*/

.list35 {
	width: 710px;
	margin-top: 15px;
}

.list35 li {
	list-style-type: square;
	margin-left: 20px;
	padding: 5px 0;
}


/*---------------------------------
 36 レンタルルーム
----------------------------------*/

.list36-2,
.list36-2 ul {
	border: none;
	margin: 0;
	padding: 0;
}

.list36-2 ul li {
	float: left;
	width: 170px;
	/*font-size: 90%;*/
}

.list36-2 dl dd {
	margin-left: 210px;
	width: 240px;
}

.tbl36 {
	width: 100%;
	font-size: 95%;
}

.tbl34 .txtr{
	text-align: right;
}


/*---------------------------------
 38 英語教室
----------------------------------*/

.btn-box38 {
	width: 710px;
	height: 130px;
}

.btn-eigo {
	display: block;
	width: 670px;
	height: 60px;
	background: url(../img/eclass/btn_eigo.png) no-repeat left top;
	padding: 70px 0 0 40px;
	font-size: 110%;
	line-height: 1.4;
}

.btn-box38 li a:hover {
	background-position: left bottom;
}


/*---------------------------------
 39 ヤマハ英語教室（→17）
----------------------------------*/

.btn-elesson {
	width: 126px;
	height: 126px;
	display: block;
	background: url(../img/eclass/img39_04.png) no-repeat left top;
	margin-bottom: 5px;
}


/*---------------------------------
 40 ヤマハ英語教室　コース
----------------------------------*/

.list40 {
	margin-top: 15px;
	border-top: 1px dotted #ddd;
	width: 710px;
}

.list40 dl{
	width: 710px;
	/*height: 50px;*/
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ddd;
	clear: both;
	overflow: hidden;
}

.list40 dl dt{
	float: left;
	width: 210px;
	padding: 5px 0;
}

.list40 dl dd {
	margin-left: 210px;
	width: 490px;
	padding-top: 10px;
	position: relative;
}
	
.list40 dl dd a {
	position: absolute;
	right: 0;
}



/*---------------------------------
 43-78 教室
----------------------------------*/

.list43 {
	margin-top: 15px;
	width: 710px;
}

.list43 dl dt {
	width: 120px;
}

.btn-map {
	border: 2px solid #F90 ;
	padding: 0 5px;
	font-size: 85%;
	cursor: pointer;
	margin-left: 10px;
}

.list43 dl dd {
	margin-left: 120px;
	width: 580px;
}

.list43-2,
.list43-2 dl {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.list43-2 dl dt {
	width: 210px;
}

.list43-2 dl dd {
	margin-left: 210px;
	width: 240px;
}

.list43-2 dl dd a{
	width: 370px;
	height: 20px;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 1px 0;
}

.list43-2 dl dd a.btn-inq-y {
	background: url(../img/common/btn_inq_y.png) no-repeat left top;
	width: 370px;
	display: block;
	height: 20px;
}

.list43-2 dl dd a.btn-inq-s { 
	background: url(../img/common/btn_inq_s.png) no-repeat left top;
	width: 370px;
	display: block;
	height: 20px;
}

.list43-2 dl dd a:hover {
	background-position: left bottom;
}

.list43 dl dd span{
	line-height: 1.5;
}


/*---------------------------------
 79 サンリツ楽器について
----------------------------------*/
.list79 {
	float: left;
}

.list79 dl {
	padding: 3px 0;
	width: 345px;
	font-size: 90%;
}

.list79 dl dt {
	width: 80px;
}

.list79 dl dd {
	width: 265px;
	margin-left: 80px;
}

.list79 span {
	font-size: 85%;
	margin-left: 105px;
	display: block;
	height: 22px;
}


/*---------------------------------
 80-84 店舗
----------------------------------*/

.shop-copy {
	color: #F60;
	font-size: 110%;
	display: block;
	margin-bottom: 5px;
}

.shop-img-box {
	width: 261px;
	float: left;
	margin-right: 25px;
}

.list80 {
	width: 424px;
	/*height: 200px;*/
	float: left;
	position: relative;
	padding-bottom: 28px; /*20151130*/
}

.list80 dl dt{
	float: left;
	width: 79px;
}

.list80 dl dd{
	float: left;
	width: 345px;
}

.btn-mail {
	display: block;
	background: url(../img/common/btn_mail.png) no-repeat left top;
	width: 350px;
	height: 22px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.btn-mail:hover {
	background-position: left bottom;
}


/*---------------------------------
 85 お問い合わせ
----------------------------------*/

.inq-iframe {
	width:710px;
	height: 510px;
}


/*---------------------------------
 86 個人情報の取り扱いについて
----------------------------------*/

.disc,
.decimal {
	width: 680px;
	margin: 5px 0;
	font-size: 90%;
	padding-left: 25px;
}

.disc li{
	list-style: disc;
}

.none {
	padding-left: 32px;
}

.decimal li{
	list-style: decimal;
}

.none li {
	list-style: none;
}


/*---------------------------------
 87 このサイトについて
----------------------------------*/

.text87 {
	width: 710px;
	margin: 5px 0;
	font-size: 85%;
}


/*---------------------------------
 88 サイトマップ
----------------------------------*/

.list88 {
	width: 710px;
	margin: 15px 0;
	font-size: 85%;
}

.list88 ul{
	width: 177px;
	float: left;
}

.list88 ul li{
	padding-left: 12px;
	background: url(../img/common/list_dot.png) no-repeat 2px 5px;
	margin: 1px 0 1px 0;
}

.list88 ul li a{
	display: block;
	/*width: 14em;*/
}

.list88 ul .none_list{
	list-style: none;	
	background: #F6F6DF;
	padding: 3px 5px;
	font-weight: bold;
	/*width: 14em;*/
}