body{
	color: #333333;
	background-color: #FFFFFF;
	margin: 0;
	font: 77%/1.8em arial,helvetica,clean,sans-serif;
    text-align: left;
    letter-spacing: 0.09em;
}

h1,h2,h3,h4,h5,h6{font-weight: normal;}

img{border: none;}

dl{
	padding: 0;
	margin: 0 0 15px 0;
   }

dt{
	padding: 0;
	margin: 0;
    font-weight: bolder;
	}

dd{
	padding: 0;
	margin: 0 0 6px 0;
    }

h1{
  margin: 50px 0 0 0;
  padding: 0 0 10px 30px;
  border-bottom: 1px solid #CCCCCC;
  }

h3{
  /*font: 152%/1.8em " pro w3", "Hiragino Kaku MIncho Pro" "平成明朝体", "MS 明朝", serif;*/
  font-family:"ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
  font-size: 136%;
  font-weight: bolder;
  letter-spacing: 0.08em;
  margin: 5px 0 15px 0;
  }

h4{
  font-family: Verdana;
  color: #333333;
  font-size: 107%;
  font-weight: bolder;
  letter-spacing: 0.08em;
  margin: 0 0 5px 0;
   }

.data{
  color: #777777;
  font: bolder 92%/1.8em arial, helvetica, clean, sans-serif;
  letter-spacing: 0.09em;
  margin: 0 0 10px 0;
  padding: 0;
  }
　　　

/****************テキスト・フォント*********************/

.highlight{
	font-size: 110%;
	font-weight: bolder;
	}

.red{
	color: #DB1D19;
	}

.yellow{
	color: #FFCC00;
	}

.clear{
	clear: both;
	}


.h4_s{
  font-family: Verdana;
  color: #333333;
  font-size: 100%;
  font-weight: bolder;
  letter-spacing: 0.08em;
  margin: 0 0 5px 0;
   }


/*
	10px: 77% / 11px: 85% / 12px: 92% / 14px: 107% / 16px: 122% / 18px: 136% / 20px: 152% / 24px: 182%
*/


/****************　*********************/



#container{
	width: 850px;
	margin: 20px auto;
    paddinng: 0;
    /*background-color:#FF9966;*/
	}
	
#header{
	width:850px;
	height:82px;
    margin: 0;
    padding: 0;
	}	

#logo{
    width: 245px;
    height: 92px;
    float: left;
    clear: both;
}



/****************gNavi*********************/

body div#gNavi{
    width: 560px;
    height: 45px;
    float: right;
    margin: 47px 0 0 45px;
}


body div#gNavi ul {
	margin: 0;
	padding: 0;
}



body div#gNavi ul li {
	display: block;
	list-style-type: none;
	padding: 0;
	float: left;
}

body div#gNavi ul li.gNavi01 { background: url(../img/gn_news_b.gif) no-repeat;}
body div#gNavi ul li.gNavi02 { background: url(../img/gn_sche_b.gif) no-repeat;}
body div#gNavi ul li.gNavi03 { background: url(../img/gn_works_b.gif) no-repeat;}
body div#gNavi ul li.gNavi04 { background: url(../img/gn_memo_b.gif) no-repeat;}
body div#gNavi ul li.gNavi05 { background: url(../img/gn_about_b.gif) no-repeat;}
body div#gNavi ul li.gNavi06 { background: url(../img/gn_link_b.gif) no-repeat;}
body div#gNavi ul li.gNavi07 { background: url(../img/gn_cont_b.gif) no-repeat;}

body div#gNavi ul li a {
	display: block;
	width: 80px; height: 45px;
}


body div#gNavi ul li a:hover { background-color: transparent;}

body div#gNavi ul li a:hover img {width: 0; height: 0; visibility: hidden; }
body.news  div#gNavi ul li.gNavi01 a img {width: 0; height: 0; visibility: hidden; }
body.sche  div#gNavi ul li.gNavi02  a img {width: 0; height: 0; visibility: hidden; }
body.works  div#gNavi ul li.gNavi03  a img {width: 0; height: 0; visibility: hidden; }
body.memo  div#gNavi ul li.gNavi04 a img {width: 0; height: 0; visibility: hidden; }
body.about  div#gNavi ul li.gNavi05 a img {width: 0; height: 0; visibility: hidden; }
body.link  div#gNavi ul li.gNavi06 a img {width: 0; height: 0; visibility: hidden; }
body.cont  div#gNavi ul li.gNavi07 a img {width: 0; height: 0; visibility: hidden; }



/****************sNavi*********************/

body div#sNavi{
    width: 210px;
    float: left;
    margin: 0 10px 0 0;
    }

body div#sNavi ul {
	margin: 0;
	padding: 0;
}


body div#sNavi ul li {
	display: block;
	list-style-type: none;
    margin: 0;
	padding: 0;
	float: left;
}


body div#sNavi ul li.sNavi01 { background:  url(../../about/img/sn_bio_b.gif) no-repeat;}
body div#sNavi ul li.sNavi02 { background:  url(../../about/img/sn_perfo_b.gif) no-repeat;}
body div#sNavi ul li.sNavi03 { background:  url(../../about/img/sn_exhi_b.gif) no-repeat;}
body div#sNavi ul li.sNavi04 { background:  url(../../works/images/sn_project_b.gif) no-repeat;}
body div#sNavi ul li.sNavi05 { background:  url(../../works/images/sn_perfo_b.gif) no-repeat;}
body div#sNavi ul li.sNavi06 { background:  url(../../works/images/sn_photo_b.gif) no-repeat;}
body div#sNavi ul li.sNavi07 { background:  url(../../works/images/sn_web_b.gif) no-repeat;}
body div#sNavi ul li.sNavi08 { background:  url(../../works/images/sn_other_b.gif) no-repeat;}
body div#sNavi ul li.sNavi09 { background:  url(../../works/images/sn_sound_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_new { background:  url(../../schedule/img/sn_new_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_2007 { background:  url(../../schedule/img/sn_2007_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_2008 { background:  url(../../schedule/img/sn_2008_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_2009 { background:  url(../../schedule/img/sn_2009_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_2010 { background:  url(../../schedule/img/sn_2010_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_artist { background:  url(../../links/img/sn_artist_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_shop { background:  url(../../links/img/sn_shop_b.gif) no-repeat;}
body div#sNavi ul li.sNavi_space { background:  url(../../links/img/sn_space_b.gif) no-repeat;}




body div#sNavi ul li a {
	display: block;
	width: 210px; height: 40px;
}


body div#sNavi ul li a:hover { background-color: transparent;}

body div#sNavi ul li a:hover img {width: 0; height: 0; visibility: hidden; }
body.biograohy  div#sNavi ul li.sNavi01 a img {width: 0; height: 0; visibility: hidden; }
body.performancelive  div#sNavi ul li.sNavi02  a img {width: 0; height: 0; visibility: hidden; }
body.exhibition  div#sNavi ul li.sNavi03  a img {width: 0; height: 0; visibility: hidden; }
body.project  div#sNavi ul li.sNavi04 a img {width: 0; height: 0; visibility: hidden; }
body.performance  div#sNavi ul li.sNavi05  a img {width: 0; height: 0; visibility: hidden; }
body.photo  div#sNavi ul li.sNavi06  a img {width: 0; height: 0; visibility: hidden; }
body.web  div#sNavi ul li.sNavi07 a img {width: 0; height: 0; visibility: hidden; }
body.other  div#sNavi ul li.sNavi08  a img {width: 0; height: 0; visibility: hidden; }
body.sound  div#sNavi ul li.sNavi09  a img {width: 0; height: 0; visibility: hidden; }
body.new  div#sNavi ul li.sNavi_new  a img {width: 0; height: 0; visibility: hidden; }
body.sche2007  div#sNavi ul li.sNavi_2007  a img {width: 0; height: 0; visibility: hidden; }
body.sche2008  div#sNavi ul li.sNavi_2008 a img {width: 0; height: 0; visibility: hidden; }
body.sche2009  div#sNavi ul li.sNavi_2009  a img {width: 0; height: 0; visibility: hidden; }
body.sche2010  div#sNavi ul li.sNavi_2010  a img {width: 0; height: 0; visibility: hidden; }
body.artist  div#sNavi ul li.sNavi_artist  a img {width: 0; height: 0; visibility: hidden; }
body.shop  div#sNavi ul li.sNavi_shop a img {width: 0; height: 0; visibility: hidden; }
body.space  div#sNavi ul li.sNavi_space  a img {width: 0; height: 0; visibility: hidden; }



#wrapper{
    width: 810px;
	margin: 15px 15px 30px 25px;
	paddinng: 0;
    }


.line{
	margin: 20px 0 0 0;
	border-top: 1px solid #CCCCCC;
} 



#contents{
    width: 590px;
    float: left;
    margin: 0 0 40px 0;
    overflow: hidden;
    }

    #contents p{
    margin: 0 0 5px 0;
    }  
 
.articles{
   width: 590px;
   height: 40px;
   margin: 0 0 15px 0;
   clear: both !important;
   }


.block{
    width: 590px;
    margin: 0 0 40px 0;
    overflow: auto; 
    }

.block2{
    width:auto;
    margin: 0;
    overflow: auto; 
    }

.imgArea{
    width: 280px;
    float: left;
    margin: 0 15px 0 0;
    }

.txtArea{
    width: 295px;
    float: right;
    }


#footer{
	width: 850px;
	height: 30px;
	clear: both;
	margin:0;
}

.copyright{
	text-align:right;
	font-size: 92%;
	line-height:180%;
	margin: 0 20px 0 0;
}

/****************top*********************/

	
#mainImage{
	width: 810px;
	height: 300px;
	margin: 20px 0;
	padding: 0;
}

#updata{
	width: 370px;
	height: 180px;
	float:left;
	background-image: url(../../top/img/tit_whats.gif);
    background-position:left top;
	background-repeat: no-repeat;
	margin: 10px 10px 0 0;
	padding: 30px 20px 0 0;
	/*background-color:#FF6666;*/
}	

#updata ul{
    background: url(../img/yajirushi.gif)  no-repeat 0px 0.1em;
	list-style: none !important;
    list-style-position:outside;
	margin: 15px 0 0 6px;
	padding: 0; /*important*/
    }

#updata ul li{
	background: url(../img/yajirushi.gif)  no-repeat 0px 0.1em;
	line-height: 70%;
	text-indent: 15px;
    margin: 0.25em 0;  
    padding: 0 0 15px 8px;
	}


#bnrArea{
	width: 410px;
	height: 180px;
    float: right;
    background-image: url(../../top/img/tit_project.gif);
	background-position:left top;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
    padding: 35px 0 0 0;
    /*background-color:#ffcc33;*/
	}



.pagetop{
    float: right;
    clear:both;
    }

.pagetop a{
    padding:150px 0 0 0;
    }




/********************レイアウト**********************/

.mb{ margin-bottom: 15px; !important} 

.mb30{ margin-bottom: 30px; !important} 

#right{float: right;}

#left{float: left;}

.bnr_anokoro{ margin: 50px 0 10px 0;}

.bnr_anokoro_mt0{ margin: 20px 0 10px 0;}	

.bnr_ningen{ margin: 10px 0 10px 0;}

.dotline{
margin:10px 0px;
border-top: 1px dotted red;
}	
	

/*-----*/

.clearBoth {
	clear: both;
	}
	
	.clearfix:after {
  　　　content: ".";
  　　　 display: block;
  　　　 clear: both;
  　　　 height: 0;
  　　　 visibility: hidden;
　　　}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */