a:link {color:#6666cc} /*未訪問のリンクの色*/
a:visited {color:#cc6666;} /*訪問済みのリンクの色*/
a:hover {color:#ffffff; } /*カーソルが乗っているリンクの色*/
a:active {color:#ffff00;} /*クリック中のリンクの色*/

body {
    color: #555555;
    background-color: #ffffff;
    background-image: url("img/haikei/haikei-bass.GIF");
}



#content {
    width: 960px; margin: 0 auto;
    
}

h1 {
        font-size: 16px; color: red; line-height: 18px
}


.text12 {  font-size: 12px; line-height: 13px;
}
.text12b { font-size: 12px; line-height: 13px; font-weight: bolder;
}
.text14 {  font-size: 14px; line-height: 15px;
}
.text14b { font-size: 14px; line-height: 15px; font-weight: bolder;
}
.text16 {  font-size: 16px; line-height: 18px;
}
.text16b { font-size: 16px; line-height: 18px; font-weight: bolder;
}

.text_white { color: #ffffff; }

a {
        text-decoration: none
}

a:hover {  
        color: #CC3300; text-decoration: underline
}



/*メインページ*/


#title_1 {
	width: 400px; padding: 10px; margin: 5px auto 5px; text-align: center; font-size: 14px;
}

#title_2 {
	width: 400px; margin: 10px auto; text-align: center; line-height: 2; font-size: 14px; 
}

.menu1_table {
	width:960px;  text-align: center; vertical-align: bottom; font-size: 12px;
	margin: auto; line-height: 2;
	
}

.menu3_table {
	width:600px; margin: 0px 180px; top: 0px;
}

.menu3_table td {
	width:100px; height: 30px; background-color: #000000; text-align: center; vertical-align: middle; font-size: 14px; 
}

.menu3_table td a {
        color: #ffffff;
}

.basstitle_img {
         width: 598px; margin: 0px auto 5px;
}

.uline_title {
        width:400px; margin: -120px auto 0px; font-size: 24px; font-weight: bolder; text-align: center; text-decoration: underline; color: #ffffff;
}




    /*インフォメーション*/

#information {
        width: 400px; margin: 10px auto; padding: 10px 20px; border: solid 2px #cccccc;
}

.info_title {
    text-align: center; margin: auto; font-size: 16px;
}

.info_date {
       text-align: center; margin: 5px auto 5px; font-size: 12px;
}

.info_livedate {
    font-size: 12px; font-weight: bolder;
}

.info_honbun {
       margin: auto; font-size: 12px;
}


    /*左側コンテンツ*/

#left {
       width:480px; height: 1250px; float: left;
}

.twitter_frame {
	width:450px; height: 550px; margin: auto; padding: 0px 0px; border: text-align: center; 
}

.twitter {
	width:400px; margin: 0px 15px; padding: 0px 0px; border: text-align: center; 
}

.facebook {
	width:400px; margin: auto; padding: 10px 20px; font-size: 12px;
}

.blog {
	width:400px;  margin: auto; padding: 20px 50px; text-align: center; 
	
}

.youtube_frame {
    width:352px; height: 198px; margin: auto; padding: 0px 0px; border:0px; text-align: center;
}



    /*右側コンテンツ*/

#right {
        width:480px; height: 1250px; float: right;
}



#school {
	width:440px; margin: auto;
}


#lesson {
         width:400px; height: 108px; margin: -123px auto 0px; padding: 0px 20px; font-size: 12px; 
}

#lesson a {
         color: #ffffff; 
}


.uline_link {
        width:400px; font-size: 18px; font-weight: bolder; text-align: center; text-decoration: underline;
}

        

#demae {
	width:440px; margin: auto;
}

#event {
	width:400px; height: 140px; padding: 10px 20px; margin: -165px auto 0px;   font-size: 12px; color: #ffffff
}

#event a {
         color: #ccccff; 
}

#bottle {
    width:440px; margin: auto;
}

#coaster {
    width:440px; margin: auto;
}


#hayamasa {
	width:440px; margin: auto;
	}

#hayamasacon {
	width:400px; height: 160px; padding: 10px 20px; margin: -180px auto 10px; font-size: 12px; 
}

#hayamasacon a {
         color: #ffffff; 
}

#menu_2 {
    width: 400px; text-align: center; margin: 5px auto 5px; font-size: 14px;
}

#info {
         width: 960px; font-size: 14px; text-align: center; margin: auto;  padding: 20px 10px; background-color: #eeeeff;
}






/*ライブスケジュール*/

#livetitle {
        width: 960px; margin: 10px auto 0px; text-align: center;
}


.livetitle {
        font-size: 14px; color: #ffffff; text-align: center; 
}

.month_table {
	font-size: 12px; text-align: center; 
	margin: 50px auto 10px; line-height: 2;
	
}









.live_newtable {
    width:600px; margin: auto; border-collapse: separate; border-spacing: 0px 5px;
}


.live_newtable td {
    height: 200px; background-color: #eeeeee;
}

.live_newtable2 {
    width:600px; margin: 0px auto 5px; border-collapse: collapse;
}

.live_newtable2 td {
    height: 170px; background-color: #eeeeee;
}


.live_info {
    width: 400px; margin: 0px auto 5px; font-size: 14px; font-weight: bolder;
}

.live_deli {
    width: 400px; margin: 0px auto 5px; font-size: 12px; font-weight: bolder;
}

.live_main {
    width: 400px; margin: 0px auto 5px;
}

.live_date {
    width: 400px; font-size: 14px; font-weight: bolder;
}

.live_place {
    width: 400px; font-size: 14px; font-weight: bolder;
}

.live_time {
    width: 400px; font-size: 12px;
}

.live_title {
    width: 400px; margin: 0px auto; font-size: 12px;
}

.live_menber {
    width: 400px; margin: 0px auto 5px; font-size: 12px;
}

.live_charge {
    width: 400px; margin:  0px auto 5px; font-size: 12px;
}

.live_flyers {
    width: 400px; margin:  0px auto 5px; font-size: 12px;
}

.live_address {
    width: 400px; margin: 0px auto; auto; font-size: 12px;
}

.live_phone {
    width: 400px; margin: auto; font-size: 12px;
}




#mikami_schedule {
    width:600px; margin: 20px auto 20px; padding: 20px 0px; border-collapse: separate; border-spacing: 0px 2px; background-color: #eeeeee;
}

.mikami_title {
    width:400px; margin: 5px auto 0px;  font-size: 14px;
}

.mikami_date {
    width: 400px; margin: 15px auto 0px; font-size: 14px; font-weight: bolder;
}

.mikami_place {
    width: 400px; margin: 10px auto 0px;font-size: 14px; font-weight: bolder;
}

.mikami_time {
    width: 400px; margin: 5px auto;font-size: 12px;
}

.mikami_address {
    width: 400px; margin: 10px auto; font-size: 12px;
}

.mikami_menber {
    width: 400px; margin: 40px auto 0px; font-size: 12px; text-align: center;
}

.mikami_live {
    width: 400px; margin: 5px auto 0px; background-color: #dddddd;
}

.mikami_table {
    width:580px; margin: 0px auto 0px; border-collapse: separate; border-spacing: 0px 2px;
}

.mikami_table td {
    background-color: #dddddd; padding: 0px 0px 10px 0px;
}








.live_table {
        width:450px; margin: 10px auto; border-collapse: separate; border-spacing: 0px 2px; 
}


.live_table td {
       height: 100px; background-color: #eeeeff; vertical-align: middle;
}


.live {
        width: 360px; margin: auto; font-size: 12px; line-height: 18px;
}


.year {
       width:100px; font-weight: bold; background-color: #ccffee;
}

.month {
       width:50px; background-color: #eeffee; 
}

.home {
       background-color: #ccffee; font-weight: bold;
}
       

.ryoushou {
        width:480px; font-size: 12px; margin: auto; text-align: center;
}

.sentou {
        font-size: 12px; margin: auto; line-height: 2; text-align: center;
}





/*アフィリエイト*/

#affiliate_1 {
         width: 960px;  text-align: center; margin: auto;
}

#affiliate_2 {
         width: 960px;  text-align: center; margin: auto; padding: 10px; 
        
}




/*プロフィール*/


#pro_photo {
        width:300px; margin: 70px auto 0px; padding: 20px 50px;
}

#pro_photo img {
        width:300px;
}

#pro1 {
	width:600px; margin: auto; padding: 5px; font-size: 14px;
}

#pro_disco {
	margin: auto; text-align: center; line-height: 1; font-size: 14px; 
}


.pro_discot {
	margin: 10px auto; 
}


.pro_disco {
        width:120px; height: 150px; text-align: center; padding-top: 10px; font-size: 12px;
}



/*お勧め商品*/


#recommend {
	width:400px; margin: auto; padding: 20px 0px;
	
}



/*ディスコグラフィ*/

span {
        white-space: nowrap;
}

#disco_title {
        width:400px; margin: -120px auto 90px; font-size: 24px; font-weight: bolder; text-align: center; text-decoration: underline; color: #ffffff;
}


.disco_table {
        width:360px; background-color: #eeeeee; margin: 10px auto;
}

.disco_photo {
        height: 120px; text-align: center; padding-top: 5px;

}

.disco_title {
        font-size: 16px; font-weight: bolder; text-align: center; 
}

.disco_group {
        height: 20px; text-align: center; vertical-align: top; font-size: 14px; 
}

.disco_tune {
       padding: 0px 10px; font-size: 12px;
}

.disco_sonota  {
        text-align: center; padding-top: 20px; font-size: 12px;
}


/*リンク*/

.link_setumei {
    width: 600px; text-align: center; margin: auto; font-size: 14px:
}

.link_table {	
	margin: 10px auto; 
}

.link_table td {
       background-color: #dddddd; padding: 10px 20px; font-size: 14px; font-weight: bold; text-align: center; line-height: 2;
}


/*レッスン*/

 
.school_table {
	margin: auto; margin: 15px auto 30px; 
}

.school_table td {
	width:100px; font-size: 16px; text-align: center; padding: 5px; text-decoration: underline; 	
}

.school_table td a {
        color: #ffffff;
}


.koushi {
        width:500px; margin: 5px auto 0px; font-size: 16px; text-align: center;
}

#lesson_pro {
       width: 840px; margin: 5px auto 30px; font-size: 14px; background-color: #ffffff;
}
       

.masao_img {
         width:150px; margin: 5px 10px 0px 0px; float: left;
}

.masao_img img {
         width:150px;
}


#school_content {
        width:900px;  height: 1330px; margin: auto;
}

#basslesson {
         width:840px; background-color: #ffffff; margin: 5px auto 5px; padding: 0px 20px; font-size: 14px; 
}

.shomei {
         width:840px; font-size: 14px; text-align: right;
}

.seit {
        width:200px; margin: 10px auto 10px; font-size: 18px; font-weight: bolder; text-decoration: underline; text-align: center; line-height: 20px; 
}

.wood {
        width:240px; margin: 10px auto 10px; font-size: 16px; font-weight: bolder; text-decoration: underline; text-align: center; line-height: 18px; 
}

.text18b { 
        font-size: 16px; line-height: 18px; font-weight: bolder; padding: 10px 10px; background-color: #ffdddd;
} 


#school_bass {
         width:385px; height: 500px; background-color: #ffffff; margin: 10px 5px 10px 10px; padding: 10px 20px; font-size: 14px; border: solid 2px #cccccc; float: left;
}

#school_riron {
         width:385px; height: 500px; background-color: #ffffff; margin: 10px 10px 10px 5px; padding: 10px 20px; font-size: 14px; border: solid 2px #cccccc; float: right;
}

.address_table {
         width:460px; background-color: #ffffff; margin: 10px auto 10px; padding: 10px 20px; font-size: 14px; border-collapse: separate;

}

.address_table th {
        vertical-align: middle; text-align: center; border: solid 1px #cccccc;
}

.address_table td {
        vertical-align:middle; padding: 0px 10px; border: solid 1px #cccccc;
}

#online_lesson {
         width:600px; background-color: #ffffff; margin: 5px auto 5px; padding: 10px 20px; font-size: 14px;
}

.online_text {
        font-size: 16px; text-align: center; line-height: 18px; font-weight: bolder;  margin: auto; padding: 10px 10px; background-color: #ffdddd;
}




.spin-image {
  -webkit-animation: spin 2s infinite linear; /* Safari用 */
  animation: spin 2s infinite linear; /* 標準 */
}

@-webkit-keyframes spin { /* Safari用 */
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin { /* 標準 */
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}