@charset "UTF-8";
@import url("elements.css");
@import url("layouts.css");



h1 span {
	background      : url("../img/skhole/h1.gif") no-repeat;
}



/** Boxes */
/**************************************/

div.box {
	margin          : 0 0 30px 0;
}

div.box h2,
div.box h3,
div.box h4,
div.gray-box h3 {
	margin          : 0 0 10px 0;
}

div#mainvisual {
	text-indent     : -9999px;
	background      : url("../../skhole/img/mainvisual.gif");
	width           : 610px;
	height          : 88px;
	margin          : 0 0 30px 0;
}

div.box h3 {
	font-size       : 12px;
	background      : #ebece7;
	padding         : 5px;
}

div.box h4 {
	border-bottom   : 1px dotted #555555;
	padding         : 0 0 9px 0;
}



/** Profiles */
/**************************************/
div#contents div.profiles {
	background     : url("/artist_datas/artist/img/profiles/bg_bottom.gif") 0 bottom no-repeat;
	width          : 610px;
	margin         : 0 0 25px 0;
}

div#contents div.profiles div.wp {
	background     : url("../../skhole/img/bg_top.gif") 0 top no-repeat;
	padding        : 20px 20px 15px 20px;
}

div#contents div.profiles * {
	font-size      : 10px;
}

div#contents div#artist div.profile.left {
	width          : 160px;
}

div#contents div#artist div.profile.right {
	width          : 395px;
}

div#contents div#group div.profile.right {
	width          : 240px;
}



/** P-Boxes */
/**************************************/
div#contents *.p-box {
	display        : block;
}

div#contents *.p-box *.left {
	float          : left;
	display        : block;
}

div#contents *.p-box *.right {
	float          : right;
	display        : block;
}



/** Photos */
/**************************************/
div#contents dl#photos {
	margin         : 0 0 20px 0;
}

div#contents dl#photos dt {
	width          : 150px;
	background     : #333333 url("/artist_datas/artist/img/profiles/loader_photos") center center no-repeat;
}

div#contents dl#photos dt img {
	border         : solid 5px #999999;
	display        : block;
}

div#contents dl#photos a#primary img {
	filter         : alpha(opacity=60);
	-moz-opacity   : 0.6;
	opacity        : 0.6;
}



/** Name */
/**************************************/
div#contents div#name {
	margin         : 0 0 20px 0;
}

div#contents div#name h3 {
	font-size      : 20px;
	font-weight    : bold;
	line-height    : 1.1;
	color          : #555555;
}

div#contents div#name p {
	color          : #999999;
	margin         : 0;
}



/** Profile */
/**************************************/
div#contents div#profile {
	margin         : 0 0 20px 0;
}

div#contents div#profile p {
	padding        : 5px 0 0 0;
}



/** Gray-Boxes */
/**************************************/
div#contents div.gray-box {
	background     : #eeeeee url("../../skhole/img/bg_gray_top.gif") no-repeat;
	width          : 570px;
	margin         : 0 0 10px 0;
}

div#contents div.gray-box div.inner {
	background     : #eeeeee url("../../skhole/img/bg_gray_btm.gif") no-repeat bottom;
	padding        : 10px;
}

div.gray-box h3 {
	border-bottom  : 1px dotted #555555;
	padding        : 0 0 10px 0;
}



/** Clearfix */
/**************************************/
div#contents dl#photos:after,
div#contents *.p-box:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

div#contents dl#photos,
div#contents *.p-box {
	display        : inline-block;
}

/*\*/
* html div#contents dl#photos,
* html div#contents *.p-box {
	height         : 1%;
}

div#contents dl#photos,
div#contents *.p-box {
	display        : block;
}