@charset "UTF-8";
@import url("elements.css");
@import url("layouts.css");



h1 span {
	background      : url("../img/fanclub/h1.gif") no-repeat;
}



/* index */
/***********************************************************/

body#index ul#intro {
	margin          : 0px 0px 20px 0px;
}

body#index ul#intro li {
	font-size       : 10px;
	color           : #666666;
	line-height     : 1.4;
	background      : url("../img/li_circle.gif") 0px 5px no-repeat;
	margin          : 0px 0px 10px 0px;
	padding         : 0px 0px 0px 10px;
}



/* listbox */

body#index div.listbox img.photo {
	width           : 71px;
	height          : 48px;
	border          : solid 1px #999999;
	display         : block;
}

body#index div.listbox div.title {
	width           : 490px;
	padding         : 5px 7px 4px 7px;
	background      : #ecece7;
}

body#index div.listbox div.title p.artist {
	font-size       : 10px;
	color           : #999999;
	margin          : 0px 0px 2px 0px;
}

body#index div.listbox div.clubname {
	width           : 310px;
}

body#index div.listbox div.title h2 {
	font-weight     : normal;
	font-weight     : bold;
	font-size       : 12px;
}

body#index div.listbox div.title img.loppi,
body#index div.listbox div.title img.web {
	margin          : 0px 0px 0px 5px;
}

body#index div.listbox div.title a.button {
	text-indent     : -9999px;
	width           : 160px;
	height          : 25px;
	background      : url("../img/fanclub/btn_detail.gif") no-repeat;
	margin          : 3px 0px 2px 0px;
	display         : block;
}

body#index div.listbox div.detail {
	width           : 490px;
	padding         : 5px 7px 5px 7px;
}

body#index div.listbox div.detail dl {
	width           : 460px;
	margin          : 0px 0px 2px 0px;
}

body#index div.listbox div.detail dt,
body#index div.listbox div.detail dd {
	font-size       : 10px;
	color           : #666666;
	margin          : 0px 0px 3px 0px;
	float           : left;
}

body#index div.listbox div.detail dt {
	font-weight     : bold;
	width           : 25px;
}

body#index div.listbox div.detail dd {
	width           : 430px;
}

body#index div.listbox div.detail p {
	color           : #999999;
	font-size       : 10px;
	margin          : 0px 0px 0px 0px;
}

body#index div.listbox div.detail *.notice {
	color           : #ff3333;
}

body#index div.listbox div.detail ul {
	margin          : 4px 0px 0px 0px;
}

body#index div.listbox div.detail li {
	font-size       : 10px;
	background      : url("../img/link_arrow.gif") 0px 4px no-repeat;
	margin          : 0px 15px 0px 0px;
	padding         : 0px 0px 0px 7px;
	float           : left;
	display         : inline;
}

body#index div.cheer {
	width           : 590px;
	height          : 50px;
	background      : url("../img/fanclub/cheer_bg.gif") no-repeat;
	margin          : 20px 0px 20px 0px;
	padding         : 13px 10px 0px 10px;
}

body#index div.cheer dt,
body#index div.cheer dd {
	color           : #333333;
	white-space     : nowrap;
	float           : left;
}

body#index div.cheer p {
	text-align      : center;
	line-height     : 1.5;
	color           : #333333;
	margin          : 0px 0px 5px 0px;
}

body#index div.cheer p span.tel {
	font-weight     : bold;
}

body#index div.cheer p span.s {
	font-size       : 10px;
	color           : #666666;
}


/* float clear */
/***********************************************************/

body#index div.listbox div.detail ul:after,
div.listbox dl:after {
	content         : ".";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

body#index div.listbox div.detail ul,
div.listbox dl {
	display         : inline-block;
}

/*\*/
* html body#index div.listbox div.detail ul,
* html div.listbox dl {
	height          : 1%;
}

body#index div.listbox div.detail ul,
div.listbox dl {
	display         : block;
}
/* */