@charset "Shift_JIS";

/* ------------------------------
     File Name: structure.css
     Created: 2008-08-07
     Last Update: 2009-01-27
------------------------------ */

/* ------------------------------
     div#header
------------------------------ */

div#header img#catchcopy {
 margin-bottom: 10px;
} 

div#header address {
 position: relative;
 width: 920px;
}

div#header img#tel {
 position: absolute;
 top: -60px;
 right: 0;
}
  
div#header ul#sitemap {
 text-align: right;
}

div#header ul#sitemap li {
 display: inline;
}

div#header ul#sitemap li#profile {
 border-right: 1px solid #666;
 margin-right: 5px;
 padding-right: 10px;
}
  
 
/* ------------------------------
     div#global-nav
------------------------------ */ 

div#global-nav {
 margin-bottom: 8px;
}

div#global-nav ul li {
 float: left;
 width: 184px;
 height: 35px;
}

div#global-nav ul li#menu-cd {
 background: url(../common_img/cd_on.gif) no-repeat;
}

div#global-nav ul li#menu-dvd {
 background: url(../common_img/dvd_on.gif) no-repeat;
}

div#global-nav ul li#menu-instrument {
 background: url(../common_img/instrument_on.gif) no-repeat;
}

div#global-nav ul li#menu-sheet {
 background: url(../common_img/sheet_on.gif) no-repeat;
}

div#global-nav ul li#menu-event {
 background: url(../common_img/event_on.gif) no-repeat;
}

div#global-nav ul li a {
 display: block;
 width: 184px;
 height: 35px; 
}

div#global-nav ul li a:hover {
 background-color: transparent;
}

div#global-nav ul li a:hover img {
 visibility: hidden;
}


/* ------------------------------
     div#topicpath
------------------------------ */

div#topicpath ul {
 clear: left;
 font-size: 82%;   /* 13px */
}

div#topicpath ul li {
 display: inline;
}
 

/* ------------------------------
     div#info
------------------------------ */

div#info {
 text-align: center; 
 margin-top: 10px;
}

div#info img {
 border: 1px solid #999;
}


/* ------------------------------
     div#main1
------------------------------ */

*:first-child+html div#main1 div#menu {
 margin-bottom: 25px;
}

* html div#main1 div#menu {
 margin-bottom: 25px;
}

div#main1 div#menu ul {
 margin-left: 20px;
 
}

div#main1 div#menu ul li.menu {
 margin-right: 25px;
}

div#main1 div#menu ul li {
 float: left;
 width: 200px;
 height: 150px;
 margin-bottom: 25px;
}

div#main1 div#menu ul li#menu-cd {
 background: url(../img/menu01_on.jpg) no-repeat;
}

div#main1 div#menu ul li#menu-dvd {
 background: url(../img/menu02_on.jpg) no-repeat;
}

div#main1 div#menu ul li#menu-instrument {
 background: url(../img/menu03_on.jpg) no-repeat;
}

div#main1 div#menu ul li#menu-sheet {
 background: url(../img/menu04_on.jpg) no-repeat;
}

div#main1 div#menu ul li#menu-event {
 background: url(../img/menu05_on.jpg) no-repeat;
}

div#main1 div#menu ul li#menu-event2 {
 background: url(../img/menu06_on.jpg) no-repeat;
}

div#main1 div#menu ul li a {
 display: block;
 width: 200px;
 height: 150px; 
}

div#main1 div#menu ul li a:hover {
 background-color: transparent;
}

div#main1 div#menu ul li a:hover img {
 visibility: hidden;
}

div#main1 div#news1 {
 margin-bottom: 15px;
 width: 630px;
 background-color: #fff;
 border: 5px solid #f00;
 padding: 5px;
 margin-left: 20px;
}

div#main1 div#news2 {
 width: 630px;
 background-color: #fff;
 border: 5px solid #ccc;
 padding: 5px;
 margin-left: 20px;
}

div#main1 div#news1 h2 img,
div#main1 div#news2 h2 img {
 margin-bottom: 10px;
}
 
div#main1 div#news2 dl dt {
 font-weight: bold;
 color: #930;
}

div#main1 div#news2 dl dd {
 margin-bottom: 10px;
}

div#main1 div#news2 dl dt {
 float: left;
 width: 8em;
}
 
div#main1 div#news2 dl dd {
 margin-left: 8em;
}

div#main1 div#news2 dl dd.cd {
 background: url(../img/cd.png) left top no-repeat;
 padding-left: 30px;
}

div#main1 div#news2 dl dd.dvd {
 background: url(../img/dvd.png) left top no-repeat;
 padding-left: 30px;
}

div#main1 div#news2 dl dd.musicalinstrument {
 background: url(../img/musicalinstrument.png) left top no-repeat;
 padding-left: 30px;
}

div#main1 div#news2 dl dd.score {
 background: url(../img/score.png) left top no-repeat;
 padding-left: 30px;
}

div#main1 div#news2 dl dd.event {
 background: url(../img/event.png) left top no-repeat;
 padding-left: 30px;
}

div#main1 div#news2 dl dd.live {
 background: url(../img/live.png) left top no-repeat;
 padding-left: 30px;
}


/* ------------------------------
     div#main2
------------------------------ */

/*   div#content
------------------------------ */

div#main2 div#content div.frame h2 img {
 margin-bottom: 10px;
}

div#main2 div#content div.frame {
 
 margin-bottom: 15px;
 background-color: #fff;
 padding: 5px;
}

body#cd-cassette div#main2 div#content div.frame {
 border: 5px solid #6cabe7;
}

body#dvd div#main2 div#content div.frame {
 border: 5px solid #61a737;
}

body#sheet div#main2 div#content div.frame {
 border: 5px solid #960;
}

body#instrument div#main2 div#content div.frame {
 border: 5px solid #fd4b4b;
}

body#event-plan div#main2 div#content div.frame {
 border: 5px solid #f60;
}

div#main2 div#content div.frame table.list img {
 border: 3px solid #efefef;
}

div#main2 div#content div.frame table.list a:hover img {
 border: 3px solid #f60;
}

div#main2 div#content div.frame table.list td {
 padding: 5px;
}

div#main2 div#content div.frame table.list tr {
 border-bottom: 1px dotted #ccc;
}

div#main2 div#content div.frame table.list tr.none {
 border: 0;
}

div#main2 div#content div.frame table.list td.space {
 width: 121px;
}

/*   instrument
------------------------------ */

div#main2 div#content div.frame table#search {
 background-color: #999;
 margin-bottom: 5px;
 color: #fff;
}

div#main2 div#content div.frame table#search td {
 padding: 5px 10px;
}

div#main2 div#instrument-info img.info01 {
 margin-bottom: 5px;
}  

/*   div#sub-r
------------------------------ */

div#main2 div#sub-r img#info-pic {
 margin-bottom: 15px;
}

div#main2 div#sub-r div.frame h2 img {
 margin-bottom: 10px;
}

div#main2 div#sub-r div.frame {
 margin-bottom: 15px;
 background-color: #fff;
 padding: 5px;
}

body#cd-cassette div#main2 div#sub-r div.frame {
 border: 5px solid #6cabe7;
}

body#dvd div#main2 div#sub-r div.frame {
 border: 5px solid #61a737;
}

body#sheet div#main2 div#sub-r div.frame {
 border: 5px solid #960;
}

body#instrument div#main2 div#sub-r div.frame {
 border: 5px solid #fd4b4b;
}

body#event-plan div#main2 div#sub-r div.frame {
 border: 5px solid #f60;
}

div#main2 div#sub-r div.frame .date {
 color: #930;
 font-weight: bold;
}

div#main2 div#sub-r div.frame dd {
 margin-bottom: 5px;
}

div#main2 div#sub-r div.frame p.date {
 margin-bottom: 5px;
}

div#main2 div#sub-r div.frame ol.rank li {
 margin-bottom: 5px;
}

div#main2 div#sub-r div.frame ol.rank li.rank1 {
 background: url(../cd-cassette/img/rank1.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank2 {
 background: url(../cd-cassette/img/rank2.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank3 {
 background: url(../cd-cassette/img/rank3.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank4 {
 background: url(../cd-cassette/img/rank4.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank5 {
 background: url(../cd-cassette/img/rank5.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank6 {
 background: url(../cd-cassette/img/rank6.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank7 {
 background: url(../cd-cassette/img/rank7.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank8 {
 background: url(../cd-cassette/img/rank8.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank9 {
 background: url(../cd-cassette/img/rank9.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div.frame ol.rank li.rank10 {
 background: url(../cd-cassette/img/rank10.gif) 0 3px no-repeat;
 padding-left: 28px;
}

div#main2 div#sub-r div#partner img {
 margin-bottom: 6px;
 border: 1px solid #ccc;
} 

div#main2 div#sub-r div#partner img.partner-pic {
 margin-right: 2px;
}

div#main2 div#sub-r div.frame ol.rank li.ranking-pic {
 padding-left: 28px;
} 

/*   event
------------------------------ */

div#main2 h3 img#event-plan-pic {
 margin-bottom: 10px;
} 

div#main2 div#artist {
 width: 350px;
 padding-left: 25px;
 margin-bottom: 20px; 
} 

div#main2 div#artist div#marufuku h3,
div#main2 div#artist div#guppy h3 {
 margin-bottom: 10px;
}

div#main2 div#artist div#marufuku img,
div#main2 div#artist div#guppy img {
 margin-bottom: 10px;
}

div#main2 div#artist div#marufuku ul li,
div#main2 div#artist div#guppy ul li {
 margin-bottom: 5px;
}

div#main2 div#artist div#marufuku {
 float: left;
 width: 160;
}

div#main2 div#artist div#guppy {
 float: right;
 width: 160;
}

div#main2 img#btn01 {
 margin-bottom: 15px;
}

div#main2 img#tel2 {
 margin-bottom: 20px;
} 


/* ------------------------------
     div#main3
------------------------------ */

/*   company
------------------------------ */

body#company div#main3 div.frame {
 border: 5px solid #6cabe7;
}

div#main3 table#details {
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 background-color: #fff;
 margin-bottom: 15px;
}

div#main3 table#details td {
 border-bottom: 1px solid #666;
 border-left: 1px solid #666;
 padding: 5px;
}    

div#main3 table#details td.table-bg {
 background: url(../company/img/table_bg.gif) top left repeat-x;
}

div#main3 div.frame {
 background-color: #fff;
 padding: 10px;
 
}

div#main3 div.frame h2 {
 margin-bottom: 10px;
}

div#main3 div.frame h3 {
 margin-top: 15px;
 margin-bottom: 10px;
}

/*   sitemap
------------------------------ */ 

div#main3 div.frame ul#sitemap-list {
 margin-left: 10px;
 list-style: disc;
}

div#main3 div.frame ul#sitemap-list ul {
 margin-left: 10px;
 margin-top: 10px;
}

div#main3 div.frame ul#sitemap-list li {
 margin-bottom: 10px;
 
} 

div#main3 div.frame ul.sitemap-list li {
 list-style: disc;
}

div#main3 div.frame ul.sitemap-list2 li {
 list-style: circle;
}


/*   inquiry
------------------------------ */

div#main3 table#inquiry td {
 padding: 5px;
}

div#main3 div#btn {
 text-align: center;
} 

/*   piano
------------------------------ */ 

body#instrument div#main3 div.frame {
 border: 5px solid #fd4b4b;
}

body#instrument div#main3 div.frame div.section {
 margin-bottom: 20px;
}

body#instrument div#main3 div.frame div.section h3 {
 border-left: 5px solid #fd4b4b;
 padding-left: 5px;
 color: #fd4b4b;
}

/*   event-iquiry
------------------------------ */

body#event-plan div#main3 div.frame {
 border: 5px solid #f60;
}

/*   privilege
------------------------------ */

body#privilege div#main3 div.frame {
 border: 5px solid #6cabe7;
}

div#main3 div.frame ul#privilege-list {
 margin-bottom: 20px;
}

div#main3 div.frame ul#privilege-list li {
 margin-bottom: 5px;
}

/*   valentine
------------------------------ */

body#valentine div#main3 div.frame {
 border: 5px solid #6cabe7;
}

 
/* ------------------------------
     div#sub-l
------------------------------ */

div#sub-l h3 img {
 margin-bottom: 10px;
}

div#sub-l div#member {
 background-color: #fff;
 width: 140px;
 border: 5px solid #ccc;
 margin-bottom: 10px;
 padding: 5px;
}

div#sub-l div#member img.btn01 {
 margin-bottom: 10px;
 margin-left: 5px;
}

div#sub-l div#online {
 background-color: #fff;
 width: 140px;
 border: 5px solid #e51075;
 margin-bottom: 10px;
 padding: 5px;
}

div#sub-l div#online p#search {
 background: url(../common_img/view.png) left center no-repeat;
 padding-left: 22px;
}

div#sub-l div#online form {
 margin-bottom: 10px;
}

div#sub-l div#online dl {
 margin-bottom: 10px;
}

div#sub-l div#online dl#minyou {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: 10px 0;
}
 
div#sub-l div#online dl#rock {
 border-bottom: 1px solid #ccc;
 padding-bottom: 10px;
}

div#sub-l div#online dl#other {
 border-bottom: 1px solid #ccc;
 padding-bottom: 10px;
}

div#sub-l div#online dl#manual {
 border-bottom: 1px solid #ccc;
 padding-bottom: 10px;
}

div#sub-l div#online dl#score {
 border-bottom: 1px solid #ccc;
 padding-bottom: 10px;
}

div#sub-l div#online dt {
 background: url(../common_img/arr.png) left center no-repeat;
 padding-left: 16px;
}

div#sub-l div#online dd {
 margin-left: 5px;
 background: url(../common_img/arr.png) left center no-repeat;
 padding-left: 16px;
}

div#sub-l div#online dl#manual dd {
 background: none;
}

div#sub-l img.bn {
 margin-bottom: 5px;
} 

div#sub-l div#instrument-box {
	width: 160px;
	background-color: #999;
	margin-bottom: 5px;
	color: #fff;
	text-align: center;
	padding-top: 5px;
}

div#sub-l ul#instrument-menu {
 margin-bottom: 5px;
}

div#sub-l ul#instrument-menu li {
 width: 160px;
 height: 35px;
}

div#sub-l ul#instrument-menu li#menu01 {
 background: url(../instrument/img/btoki_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu02 {
 background: url(../instrument/img/bt01_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu18 {
 background: url(../instrument/img/bt03_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu03 {
 background: url(../instrument/img/bt02_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu04 {
 background: url(../instrument/img/bt04_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu05 {
 background: url(../instrument/img/bt05_on.gif) no-repeat;
}  

div#sub-l ul#instrument-menu li#menu06 {
 background: url(../instrument/img/bt15_on.gif) no-repeat;
} 

div#sub-l ul#instrument-menu li#menu07 {
 background: url(../instrument/img/bt06_on.gif) no-repeat;
} 

div#sub-l ul#instrument-menu li#menu08 {
 background: url(../instrument/img/bt07_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu09 {
 background: url(../instrument/img/bt08_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu10 {
 background: url(../instrument/img/bt09_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu11 {
 background: url(../instrument/img/bt10_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu12 {
 background: url(../instrument/img/bt11_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu13 {
 background: url(../instrument/img/bt17_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu14 {
 background: url(../instrument/img/bt13_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu15 {
 background: url(../instrument/img/bt16_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu16 {
 background: url(../instrument/img/bt18_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu17 {
 background: url(../instrument/img/bt19_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu19 {
 background: url(../instrument/img/bt20_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu21 {
 background: url(../instrument/img/bt21_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li#menu22 {
 background: url(../instrument/img/bt22_on.gif) no-repeat;
}

div#sub-l ul#instrument-menu li a {
 display: block;
 width: 160px;
 height: 35px; 
}

div#sub-l ul#instrument-menu li a:hover {
 background-color: transparent;
}

div#sub-l ul#instrument-menu li a:hover img {
 visibility: hidden;
}


/* ------------------------------
     div#footer
------------------------------ */

div#footer ul#footer-nav {
 margin-bottom: 5px;
}

div#footer ul#footer-nav li {
 display: inline;
 margin-right: 5px;
}
 
div#footer ul#footer-nav li#law,
div#footer ul#footer-nav li#individual {
 border-right: 1px solid #fff;
 padding-right: 8px;
}
 
div#footer a {
 color: #fff;
}