@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------
Reset
-------------------------------------------------*/
html,div,img,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,dt,p{
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight:normal;
	border:0px;
	list-style:none;
}


/*-------------------------------------------------
Common
-------------------------------------------------*/

/* Body */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0px;
	padding:0px;
	background:url(../img/common/bg.gif) repeat;
	color:#47210d;
	text-align:center;
	font-size:62.5%;
}

/* Link */
a {text-decoration: underline; color:#FFF;}
a:visited {text-decoration: underline; color:#FFF;}
a:hover {text-decoration: none;}

/*-------------------------------------------------
Wrapper
-------------------------------------------------*/

#wrapper {
	width:938px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	line-height:180%;
	color:#FFF;
	background:#000;

}
#wrapper p.blue {
	color:#00C8FA;
}
#wrapper p.red {
	color:red;
}
/*-------------------------------------------------
Header
-------------------------------------------------*/

#header {
	width:938px;
	height:238px;
	background:url(../img/common/header.jpg) no-repeat;
	position:relative;
}

#header h1 a {
	position:absolute;
	background:url(../img/common/title.jpg) no-repeat;
	width:490px;
	height:154px;
	text-indent:-1000em;
	outline:none;
	top:50px;
}

#header p{
	font-size:1.1em;
	text-align:left;
	padding:10px 0px 0px 0px;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/
#waku_navi {
  position:absolute;
  
  margin: 0;
  padding: 0;
  top: 195px;
  width: 938px;
  height: 60px;
  color: red;
  text-align: center;

/*
  color: #794c2c;
  background-color: #eee9e2;
*/
}
#navi {
  display: block;
  width:690px;
  height:34px;
  float:left;

  margin: 5px;
/*  background-color: #eee9e2;*/
}

#navi li {
  width:130px;
  height:28px;
  float:left;

  margin-left:5px;
  border:solid 1px #fff;
  line-height: 28px;
  font-size: 11pt;
}

#navi li a {
  text-decoration: none;
}

#member {
	position:absolute;
	top:-5px;
	right: -15px;

   display: inline;
	width:230px;
	height:34px;

  margin: 10px;
/*  background-color: #eee9e2;*/
}
#member li {
	width:105px;
	height:28px;
	float:left;

  margin-left:5px;
  line-height: 28px;
  font-size: 11pt;
  border:solid 1px #fff;
}
#member li a {
  text-decoration: none;
}

#login {
    width: 938px;

	position:absolute;
	top:180px;

    text-align:right;
	line-height:160%;
}
#login p {
   display: inline;

	width:280px;
	text-align:right;

	padding: 0 3px;
	
	color:black;
	background-color: #eee9e2;
}
#login p a{
	color: #000;
	text-decoration: none;
}
/*-------------------------------------------------
Contents
-------------------------------------------------*/
#contents {
	width:938px;
	background:url(../img/common/contents_top.jpg) no-repeat top;
	margin:0px auto;
	font-size:1.2em;
	z-index:1;

	position:relative;
}

#contents_bottom {
	width:938px;
	background:url(../img/common/contents_bottom.jpg) no-repeat bottom;
	margin:0px auto;
	zoom:100%;
}

#contents_bottom:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    
    border:dotted 1px #fff;
}

#contents:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#contents p {
	margin:8px;
}

#contents ul,dl {
	margin:8px;
}

#contents li,dt {
	margin:2px;
}

#contents h2.top {
	background:url(../img/toppage/h2_01.jpg) no-repeat;
	width:468px;
	height:67px;
	text-indent:-1000em;
	display:block;
	margin:0px 0px 10px 17px;
}

#contents h2.artist {
	background:url(../img/toppage/h2_02.jpg) no-repeat;
	width:468px;
	height:49px;
	text-indent:-1000em;
	display:block;
	margin:0px 0px 10px 17px;
}

#contentsleft {
	width:218px;
	float:left;
	margin:0px;
}

#contentscenter {
	width:500px;
	float:left;
	margin:0px;
}
#contentsright {
	width:216px;
	float:right;
	margin:0px;
}
#contentsbottom {
	float:clear;
	margin:10px auto;

	text-align: center;
}
#contentsbottom h2{
  font-size:12pt;
}

/*	topページ以外	*/
#contentscenterright {
	width:716px;
	float:left;
	margin:20px auto;
	text-align:center;
/*	border:dotted 1px #fff;*/
}



/*-------------------------------------------------
Center
-------------------------------------------------*/

/*IE6ハック*/
*html div.contentsblock_top {
	position:relative;
	z-index:1;
}

div.contentsblock_top {
	width:498px;
	background:#000;
	border:1px solid #000066;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

div.centerimg {
	margin:0px auto;
	text-align:center;
}

div.textblock {
	margin:5px 0px 5px 17px;
}

div.contentsblock {
	width:478px;
	background:#000;
	border:1px solid #000066;
	margin:10px 0px 0px 0px;
	padding:0px 10px 10px 10px;
}

/*IE6ハック*/
*html div.contentsblock {
	padding:0px 5px 10px 5px;
}


div.lbox{
	float:left;
	margin: 15px 0 5px 3px;
	width:228px;
	height:320px;

//	border-bottom:dotted 1px #ccc;
/*

  color: #794c2c;
  background:#ececec;
  border:dotted 1px #fff;
 */

}

div.rbox{
	float:right;
}

/*-------------------------------------------------
Sidebar
-------------------------------------------------*/

#leftside {
	float:left;
	width:218px;
}

#leftside img.bunner{
	padding:10px 0px 0px 0px;
}

div.inner{
	margin:10px 9px 0px 9px;
}

#rightside {
	float:right;
	width:218px;
}

/*-------------------------------------------------
Footer
-------------------------------------------------*/

#footer {
	height:168px;
	width:938px;
	clear:both;
	background:url(../img/common/footer.jpg) no-repeat;
	margin:0px auto;
	text-align:center;
}

#footer ul{
	text-align:center;
	padding:25px 0px 10px 0px;
}

#footer li{
	font-size:1.2em;
	display:inline;
}

#footer li a{
	color:#FFF;
}

#footer p{
	font-size:1.1em;
}