@charset "utf-8";


/* ------- base ------- */

body, div, ul, li {
	margin:0;
	padding:0;
}

body {
	background-color: #FFFFFF;
	font-size: 62.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #292623;
}

a:link {
	text-decoration:none;
	color:#339999;
}

a:visited {
	text-decoration:none;
	color:#339999;
}

a:active {
	text-decoration:none;
	color:#66FFFF;
}

a:hover {
	text-decoration:none;
	color:#66FFFF;
}


/* ------- wrapper ------- */

#wrapper {
	width: 900px;
	margin: 0 auto;
}

/* ------- header ------- */

#header {
	height: 85px;
	content:"";
	display:block;
	clear:both
}

.box1{
float:left;
width:70%		
	}

.box2{
float:left;
width:30%		
	}


.bar{
	background:url("img/top-bar.gif");
	margin:0px;
	padding:0px;
	height:5px;
	width:100%;
	font-size:0px;
}

.bar2{
	background:url("img/top-bar.gif");
	margin:0px;
	padding:0px;
	height:1px;
	width:100%;
	font-size:0px;
}

.bar3{
    clear:right;
	background:url("img/top-bar.gif");
	margin:50px 0px 5px;
	padding:0px;
	height:5px;
	width:100%;
	font-size:0px;
}


/* ------- nav ------- */

#nav {
	width: 900px;
	background: #FFFFFF;
}

#nav li {
	list-style-type: none;
}

#nav > li {
	position: relative;
	float: left;
	width: 150px;
}

#nav > li > a {
	display: block;
	padding: 23px 0 23px 0;
	background: #FFFFFF;
	border-bottom: 1px solid #0A9AA7;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.8em;
	line-height: 1;
	text-align: center;
	color: #292623;
}

#nav > li:hover > a {
	background: #4F4944;
	color: #FFFFFF;
	font-weight: bold;
}

#nav .subs {
	visibility: hidden;
	position: absolute;
	width: 760px;
	top: 100%;
	left: 0;
	padding: 15px;
	background: url("images/arrow.png") no-repeat 66px 0 #797168;
}

#nav > li:hover .subs {
	visibility: visible;
}

#nav .subs > li {
	float: left;
	width: 190px;
}

#nav .subs li span {
	font-size: 2.0em;
	color: #FFFFFF;
}

#nav .subs li {
	padding-top: 5px;
}

#nav .subs li a {
	display: block;
	border-left: 6px solid #4F4944;
	padding: 13px 0 13px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: 12px;
	color: #FFFFFF;
}

#nav .subs li a:hover {
	border-left: 12px solid #BCB8B4;
	background: #FFFFFF;
	color: #797168;
	font-weight: bold;
}

/* ------- サブメニューの幅の指定 ------- */

#nav .col4 {
	width: 760px;
}

#nav .col3 {
	width: 570px;
}

#nav .col1 {
	width: 190px;
}

/* ------- 色の指定 ------- */

#nav > li.color-blue:hover > a {
	background: #0F81BD;
}

#nav > li.color-green:hover > a {
	background: #0A9AA7;
}

#nav > li.color-red:hover > a {
	background: #BE386D;
}

#nav .color-blue .subs {
	background: url("images/arrow_blue.png") no-repeat 66px 0 #419ED6;
}

#nav .color-green .subs {
	background: url("images/arrow_green.png") no-repeat 66px 0 #28B8BB;
}

#nav .color-red .subs {
	background: url("images/arrow_red.png") no-repeat 66px 0 #E1608D;
}

#nav .color-blue .subs li a {
	border-left: 6px solid #0F81BD;
}

#nav .color-green .subs li a {
	border-left: 6px solid #0A9AA7;
}

#nav .color-red .subs li a {
	border-left: 6px solid #BE386D;
}

#nav .color-blue .subs li a:hover {
	border-left: 12px solid #A0CFEB;
	color: #419ED6;
}

#nav .color-green .subs li a:hover {
	border-left: 12px solid #94DCDD;
	color: #28B8BB;
}

#nav .color-red .subs li a:hover {
	border-left: 12px solid #F0B0C6;
	color: #E1608D;
}

.footer{
	width:800px;
	height:20px;
	font-size:12px;
	margin-top:20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background:#FFFFFF;
}



.top{
	margin:0px auto;
	padding:0px;
	height:auto;
	width:800px;
}

.main1{
	margin:0px auto;
	padding:0px;
	height:400px;
	width:800px;
	background:#FFFFFF;
	  content:"";
	display:block;
	clear:both;	
}


.main2{
	padding:0px;
	height:auto;
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background:#FFFFFF;
	font-size:13px;
    content:"";
	display:block;
	clear:both;
}

.main-content{
	float:left;
	width:600px;
	height:auto;
}

.right-bar{
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 280px;
	margin-left:0px;
	padding:0px;
	width:200px;
	height:auto;	
	display:inline;
	background:#FFFFFF;
}

.main3{
	height:auto;
	width:800px;
	font-size:14px;
	margin-top: 50px;
	margin-right: 200px;
	margin-bottom: 30px;
	margin-left: auto;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #5EB946;
	padding: 0px;
	background:#FFFFFF;
}

.main4{
	clear:both;
	height:200px;
	width:600px;
	font-size:14px;
	padding:0px;
	height:auto;
	width:800px;
	margin: auto;
	background:#FFFFFF;
}





 ul.infoNewsList{
	height:170px;
	overflow: auto;
}
 ul.infoNewsList li{
	list-style-type: none;
}

.new-top{
	margin:0px;
	padding:0px;
	height:32px;
	width:580px;
	background:#FFFFFF;
}

.new-middle{
	margin:0px;
	padding:0px;
	width:580px;
	height:140px;
	border-top-color: #43BC52;
	border-right-color: #43BC52;
	border-bottom-color: #43BC52;
	border-left-color: #43BC52;
}

.new-bottom{
	bottom left;
	margin:0px;
	padding:0px;
	height:8px;
	width:580px;
}

.new-scroll{
	overflow:auto;
	scrollbar-base-color:#FFFFFF;
	scrollbar-arrow-color:#228b22;
	scrollbar-track-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF;
	width:575px;
	height:140px;
}

table.new{
	margin:0px;
	padding:0px;
	font-size:13px;
	width:550px;
	height:140px;
	border-collapse:collapse;
	border:0px;
}

table.new td{height:20px}

.hizuke{
	color:#FF9933;
	width:110px;
	margin:0px;
	padding:5px 0px 3px 10px;
	vertical-align:top;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#009966;
}

.honbun{
	width:400px;
	margin:0px;
	padding:5px 0px 3px 10px;
	vertical-align:top;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#009966;
}

.new-topartist{
	padding:0px;
	height:30px;
	width:580px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.shiningmusicinfomation{
	height:30px;
	width:445px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 130px;
	
}

table.shiningmusic1{
	padding:0px;
	font-size:13px;
	width:575px;
	height:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


.map{
	float:left;
	height: 150px;
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 30px;
}


.p-address{
	float:right;
	font-size:12px;
	height: auto;
	margin-right: 230px;
	margin-bottom: 30px;
	background:#FFFFFF;
	 }
	 
.p-map{
	clear:right;
	font-size:12px;
	clear:left;
	margin-top: 30px;
	 }
	 
.table1{
	width:500px;
	height:50px;
	clear:both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

		

.rightmenu{
	margin-bottom:3px;
}


#info{
	float:right;
	margin-top: 30px;
	margin-right:200px;
	margin-bottom: 10px;
	margin-left: auto;
	clear:both;
	width:500px;
	
	 }
	 
	/* ------- main ------- */
	
	
	.right{
	font-size: 14px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 180px;
}

.r-comment{
	width:500px;
	margin-top:40px;
	margin-right:auto;
	margin-bottom:30px;
	margin-left:auto;
}

#right-photo{
	float:right;
	margin-top:20px;
	margin-right:130px;
	margin-bottom:50px;
	margin-left:auto;
}

.right-teacher{
margin:0px;
padding:40px 0px 0px 200px;
}

.right-main{
margin:0px;
padding:10px 0px 20px 200px;
}

.hr{
width:100%;
height:4px;
margin:5px 0px 15px;
padding:0px;
background:#66CC99;
font-size:0px;
}

.hr2{
width:800px;
height:3px;
margin:15px auto;
padding:0px;
background:#66CC99;
font-size:0px;
}

.subtop{
	border:none;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}