/*　メイン　*/
html * {margin 0;padding 0}
body {
  margin:0;
  padding:0;
  background:#cc9;
  color:#000;
　font-family: "ＭＳ Pゴシック",sans-serif; 
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:1.2em;
  } html>body {font-size:small;}

td{font-size:1.2em;}

H1
{
    PADDING-RIGHT: 1em;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 1em;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 1em;
    BACKGROUND: #cc9 left top;
    PADDING-BOTTOM: 2px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #500;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #aa9 1px solid;
    LETTER-SPACING: 0.2em;
}
H2
{
    MARGIN-TOP: 0px;
   PADDING-LEFT: 1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    MARGIN-BOTTOM: 4px;
    BORDER-BOTTOM: #aa9 1px solid
}



a:link {
	border-bottom:1px dotted #69f;
	color:#36c;
	text-decoration:none;
}

a:visited {
	border-bottom-color:#969;
	color:#939;
	text-decoration:none;
}

a:hover {
	border-bottom:1px solid #f00;
	color:#f00;
	text-decoration:none;
}

img {
	border:none;
}

.arrow{color:#f30;}
.red{color:#f00;}
.black{color:#111}

/* ヘッダー */ 
#header {
  background:#cc9;
  height:96px;
  margin-right:40px;
  border-bottom:8px solid #660;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:88px;
  } html>body #header {height:98px;}

#logo {
  position:absolute;
  top:24px; left:30px;
  width:205px;
  }html>body #logo {
top:34px;
}


/*　ナビゲーション */

#nav {
  position:relative;
  margin-left:250px;
  height:100%;
  font-size:1em;
  }
#nav div {
  position:absolute;
  width:650px;
  bottom:0;
  left:0;
  border-left:1px solid #990;
  }
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  padding:2px 6px 7px;
  border-width:0;
  border-style:none;
  border-right:1px solid #990;
  text-decoration:none;
  text-transform:lowercase;
  color:#660;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.2em;
  } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}
#nav strong {
  border-bottom:5px solid #990;
  padding-bottom:2px;
  color:#333;
  }
#nav a:hover {
  color:#f00;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom:5px solid #990;
  padding-bottom:2px;
  }
#nav strong a {
  float:none;
  display:inline;
  border-width:0;
  padding:0;
  }
#nav strong a:hover {
  border-bottom-width:0;
  }
#nav em {
  float:none;
  display:block;
  padding-left:0;
  padding-right:0;
  border-right-width:0;
  }
#nav span {display:none;}

/* フッター */
#footer
{
    clear: both;
    padding-right: 12px;
    border-top: #664 1px solid;
    padding-left: 12px;
    background: #bb8;
    padding-bottom: 6px;
    margin-right:40px;
    padding-top: 6px;
    border-bottom: #640 3px solid;
    font-size:0.9em;
}

/* ここからレイアウト設定　*/
.main {
  margin-left:30px;
  width:710px;
}

.contents {
  float:left;
  width:500px;
  margin:0px;
  font-size:1em;
  line-height:1.5em;
  }
.news {
  DISPLAY: block;
  float:right;
  width:190px;
  margin:0;
  font-size:1em;
  line-height:1.5em;
  BACKGROUND: #ffe;
  BORDER-LEFT: #aa9 1px solid;
  BORDER-BOTTOM: #aa9 1px solid

  }
.submenu {
  float:right;
  width:150px;
  font-size:1em;
  line-height:1.5em;
  }
  
.type-C .contents {
  float:none;
  width:100%;
  }
.type-SC .news, .type-CS .news, .type-CN .submenu, .type-C .news, .type-C .submenu {display:none;}
.type-SC .contents, .type-SCN .contents {float:right;}
.type-SC .submenu, .type-SCN .submenu {float:left;}
  
.type-CSN .wrap, .type-SCN .wrap {
  float:left;
  width:500px;
  }
.type-CSN .contents, .type-SCN .contents {width:310px;}
.type-CSN .submenu, .type-SCN .submenu {width:180px;}
.type-CS .contents, .type-SC .contents {width:560px;}
.type-CS .submenu, .type-SC .submenu {width:130px;}



/* ライブ情報用　*/
#liveinfo
{
    PADDING-RIGHT: 11px;
    PADDING-LEFT: 11px;
    PADDING-BOTTOM: 5px;
    MARGIN-RIGHT: 0px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #aa9 1px solid
}
#liveinfo H1{
    MARGIN-TOP: 0px;
    BACKGROUND: #ccb;
    BORDER: #aa9 1px solid
}

#liveinfo h2{
   PADDING-LEFT: 0em;
}

td.livenew{
	color: #ff0000;
	background-color: #ffffff;
	padding:5px;
}

td.liveold{
	color: #000000;
	background-color: #cccccc;
	padding:5px;
}


/* 更新履歴 */
#whatsnew
{
    PADDING-RIGHT: 11px;
    PADDING-LEFT: 11px;
    PADDING-BOTTOM: 5px;
    MARGIN-RIGHT: 0px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #aa9 1px solid
}

#whatsnew h2{
   PADDING-LEFT: 0em;
}
#subbox
{
    BORDER-RIGHT: #aa9 1px solid;
    BACKGROUND: #ffe;
    margin-top: 4px;
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #aa9 1px solid;
    BORDER-BOTTOM: #aa9 1px solid;
}
#subbox H1
{
    BORDER-TOP: #aa9 1px solid;
    MARGIN-TOP: 0px;
    BACKGROUND: #ccb;
    BORDER-BOTTOM: #aa9 1px solid
}
#subbox P
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

/* サブメニュー用 */ 
#menubox{
   BORDER-RIGHT: #aa9 1px solid;
   BACKGROUND: #333;
   color: #ccc;
   margin-top: 4px;
   MARGIN-BOTTOM: 4px;
   PADDING-BOTTOM: 10px;
   BORDER-LEFT: #aa9 1px solid;
   BORDER-BOTTOM: #aa9 1px solid;
}
#menubox H1
{
    BORDER-TOP: #aa9 1px solid;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    BACKGROUND: #001;
    color: #cccccc;
    BORDER-BOTTOM: none;
}
#menubox H2
{
    BORDER-TOP: #aa9 1px solid;
    BORDER-BOTTOM: #aa9 1px solid;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-LEFT: 8px;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
}
#menubox P
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 3px
}

#menubox a:link	 {
	border-bottom:1px dotted #999;
	color: #ccc;
	text-decoration:none;
}

#menubox a:visited {
	border-bottom-color:#999;
 	color: #ccc;
}

#menubox a:hover {
	border-bottom:1px solid #f00;
	color:#f00;
}

/*　メンバー紹介部(トップ用) */

#mempic {
  position:relative;
  padding-bottom:5em;
  margin-bottom:1em;
  }

#mempic ul {
	position:relative;
	margin:0;
	padding:0 15px 5px;
	height:40px;
	border-bottom:1px solid #ccc;
}
#mempic li {
	float:left;
	display:block;
	width:70px;
	height:70px;
	margin:0px;
	padding:0;
	background-position:left top;
	list-style-type:none;
}
#mempic li a {
	display:block;
	width:70px;
	height:70px;
	border-width:0;
	background-repeat:no-repeat;
	background-position:left top;
}

#mempic li.kit a {background-image:url("http://www.nola-jazz.com/img/top_kit_bw.jpg");}
#mempic li.kit a:hover {background-image:url("http://www.nola-jazz.com/img/top_kit_c.jpg");}
#mempic li.kubo a {background-image:url("http://www.nola-jazz.com/img/top_kubo_bw.jpg");}
#mempic li.kubo a:hover {background-image:url("http://www.nola-jazz.com/img/top_kubo_c.jpg");}
#mempic li.kaori a {background-image:url("http://www.nola-jazz.com/img/top_kaori_bw.jpg");}
#mempic li.kaori a:hover {background-image:url("http://www.nola-jazz.com/img/top_kaori_c.jpg");}
#mempic li.sim a {background-image:url("http://www.nola-jazz.com/img/top_sim_bw.jpg");}
#mempic li.sim a:hover {background-image:url("http://www.nola-jazz.com/img/top_sim_c.jpg");}
#mempic li.kaji a {background-image:url("http://www.nola-jazz.com/img/top_kaji_bw.jpg");}
#mempic li.kaji a:hover {background-image:url("http://www.nola-jazz.com/img/top_kaji_c.jpg");}
#mempic li.nob a {background-image:url("http://www.nola-jazz.com/img/top_nob_bw.jpg");}
#mempic li.nob a:hover {background-image:url("http://www.nola-jazz.com/img/top_nob_c.jpg");}

#mempic li a span {
  position:absolute;
  top:90px;
  left:20px;
  display:block;
  width:160px;
  padding-left:10px;
  line-height:1.2em;
  color:#333;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:150px;
  } html>body #mempic li a span {width:150px;}
#mempic li a:hover span {
  color:#c00;
  cursor:pointer;
}

#mempic li.kit a span {}
#mempic li.sim a span {margin-top:2em;}

#mempic li.kubo a span {
  left:160px;
  width:120px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:110px;
  } html>body #mempic li.peter a span {width:110px;}

#mempic li.kaji a span {
  margin-top:2em;
  left:160px;
  width:120px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:110px;
  } html>body #mempic li.peter a span {width:110px;}

#mempic li.kaori a span {
  left:300px;
  width:140px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:130px;
  } html>body #mempic li.peter a span {width:130px;}

#mempic li.nob a span {
  margin-top:2em;
  left:300px;
  width:140px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:130px;
  } html>body #mempic li.peter a span {width:130px;}

/*　メンバー紹介部(各ページ用) */

span.memtitle{
	font-size:26px;
	line-height:32px;
	font-weight:500;
	color: #333333;
}