/*=====CSS初期化=====*/
body,div,ul,li,h1,h2,h3,h4,p,article,aside,footer,header,hgroup,nav,section{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

img{
  border:0;
  vertical-align:top;
}

a{
  outline:none;
}

ul{
  list-style:none;
}

li{
  float:left;
}

table,tr,td{
  border:0;
}
/*=====ブロック=====*/
article,aside,footer,header,nav,section{display:block;}

/*=====全体=====*/

body{
  font-size:90%;
  font-family:Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana;
  line-height:180%;
  color:#111111;
  background-color:#ffffff;
  background-image:url(img/bg.jpg);
  background-repeat:no-repeat;
  position:relative;
  z-index:0;
}

a:link,a:visited,a:active{color:#555555;text-decoration:underline;}
a:hover{color:#888888;text-decoration:underline;}

/*=====ヘッダー＆ナビ=====*/

#header{
  width:1000px;
  height:90px;
  margin:0 auto;
  padding:0;
  position:relative;
}

#bgwood{
  width:100%;
  height:333px;
  background-image:url(img/headerbg2.jpg);
  background-repeat:repeat-x;
  overflow:visible;
  padding:40px 0;
  position:relative;
  z-index:-1;
}

#mainbox{
  width:1020px;
  background-color:#fff;
  box-shadow:0px 0px 30px rgba(0,0,0,0.4);
  margin:0px auto 10px;
  position:relative;
  z-index:1;
  overflow:visible;
  border:0px #999 solid;
}

#nav{
  position:absolute;
  z-index:5;
  right:5px;
  top:5px;
  width:300px;
  height:300px;
}

#nav a{
  display:block;
  width:109px;
  height:109px;
  /*border:2px #90F5BD solid;*/
  background-color:#22CC16;
  position:relative;
  font-family:"Segoe UI Light","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",Meiryo;
  color:#fff;
  line-height:109px;
  text-align:center;
  text-decoration:none;
  font-size:22px;
}

#disco a {font-size:18px;}

#nav a:hover{opacity:0.7;}

#nav ul{margin:0;}
#nav li{margin:10px;float:right;}

#title{margin:0px 0 0 0px;}
#contact{margin:50px 0 0 420px;}


/*=====ページ本文共通部分=====*/

#mainarea{
  width:960px;
  padding:30px;
  overflow:hidden;
  z-index:2;
}

h1{
  font-size:20pt;
  font-weight:normal;
  line-height:130%;
  margin:10px 0 5px;
}

h2{
  font-size:10pt;
  font-weight:normal;
  line-height:150%;
  margin:0;
  color:#666;
}

h3{
  width:100%;
  margin:0 auto;
  padding:6px;
  border-bottom:1px #228844 solid;
  font-size:14pt;
  color:#444;
  font-weight:normal;
}

/*=====アバウト=====*/

#aboutsite{
  margin:0 0 80px 0;
}

#aboutsite h1{
  margin-bottom:15px;
}

address{
  display:block;
  border:1px #7F9BFF solid;
  padding:10px;
  margin:20px;
  line-height:150%;
  font-style:normal;
  font-size:14pt;
  background-image:url(img/bg2.jpg);
}

#aboutme{
  margin:0 0 80px 0;
}

#aboutme h1{
  margin-bottom:15px;
}

#aboutme img{
  border:3px #7F9BFF double;
  margin:0 20px 0 0;
}

#aboutme p{
  margin:10px;
}

#environment{
  margin:50px 0 0 0;
}

#environment h4{
  font-size:14pt;
  font-weight:normal;
  line-height:130%;
  margin:0px 0 5px;
  color:#444;
}

#environment p{
  font-size:9pt;
  color:#444;
}

/*=====ワークス=====*/

table#workstable{
  margin:30px 0 0 10px;
}

#workstable td{
  padding:5px 5px;
}

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

#discomain h2{
  font-size:10pt;
  font-weight:normal;
  line-height:150%;
  margin:0;
  color:#666;
}

#discomenu{
  margin:20px;
  position:relative;
  z-index:4;
}

#discomenu a{
  font-size:16pt;
  margin:20px;
  padding:7px 10px;
  display:block;
  border-left:3px #228844 solid;
  text-decoration:none;
}

#discowrapper{
  position:relative;
  top:40px;
}

#discowrapper section{
  margin:0 0 80px 0;
  overflow:hidden;
}

#discowrapper h3{
  margin-bottom:20px;
}

#discoweb li{
  border:1px #999 solid;
  margin:19px 19px;
}

#discoweb a{
  width:280px;
  height:170px;
  display:block;
  background-repeat:no-repeat;
  text-indent:-9999px;
}

#m_idobata a{background-image:url(disco/idobata.jpg)}
#m_adcafe a{background-image:url(disco/adcafe.jpg)}
#m_melo a{background-image:url(disco/melo.jpg)}
#m_idol a{background-image:url(disco/idol.jpg)}
#m_rore a{background-image:url(disco/rore.jpg)}
#m_natsu a{background-image:url(disco/natsu.jpg)}

#discoweb a:hover{background-position:0 -170px;}

#discomusic{
  clear:both;
}

/*=====フッター=====*/

#footer{
  width:100%;
  height:30px;
  background-image:url(img/headerbg2.jpg);
  margin:80px 0 0 0;
  padding:8px 0 0 0;
  text-align:center;
}

#footer small{
  font-size:10pt;
  color:#fff;
}