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



/* setting */
/*/////////////////////////////////////////////////*/

body {
	text-align      : left;
	color           : #555555;
	background      : url("../img/body.gif") no-repeat;
}

div#body {
	margin          : 0px;
}


/* main */

div#main {
	width           : 825px;
	background      : url("../img/main_bg.gif") repeat-y !important;
	margin          : 132px 0px 0px 0px;
}

div#main div.wrapper {
	width           : 825px;
	background      : url("../img/main_top.gif") no-repeat !important;
}

/* header_searchbox */

div#header_searchbox {
	width           : 333px;
	height          : 32px;
	margin          : 0px;
	position        : absolute;
	top             : 0px;
	left            : 482px;
	z-index         : 99;
}

div#header_searchbox div#artist_search {
	width           : 237px;
	height          : 32px;
	background      : url("../img/header-sb_artist.gif") no-repeat;
	position        : absolute;
	top             : 0px;
	left            : 0px;
}

div#header_searchbox div#artist_search p {
	text-indent     : -9999px;
	width           : 88px;
	height          : 15px;
	background      : url("../img/header-sb_artist_search.gif") no-repeat;
	margin          : 0px 0px 0px 0px;
	position        : absolute;
	top             : 10px;
	left            : 5px;
}

div#header_searchbox div#artist_search input {
	line-height     : 17px;
	font-size       : 12px;
	width           : 98px;
	height          : 17px;
	position        : absolute;
	top             : 6px;
	left            : 98px;
	border          : solid 2px #777777;
}

div#header_searchbox div#artist_search a#btn_search {
	text-indent     : -9999px;
	line-height     : 1px;
	width           : 28px;
	height          : 16px;
	background      : url("../img/header-sb_btn_search.gif") no-repeat;
	position        : absolute;
	top             : 9px;
	left            : 204px;
	display         : block;
}

div#header_searchbox div#detail_search a#btn_detail {
	text-indent     : -9999px;
	line-height     : 1px;
	width           : 93px;
	height          : 32px;
	background      : url("../img/header-sb_btn_detail.gif") no-repeat;
	position        : absolute;
	top             : 0px;
	left            : 240px;
	display         : block;
}

/* logo */

a#logo {
	text-indent     : -9999px;
	width           : 108px;
	height          : 108px;
	background      : url("../img/logo.gif") no-repeat;
	position        : absolute;
	top             : 10px;
	left            : 42px;
	display         : block;
}




/* topicpath */

ul#topicpath {
	padding         : 10px 0px 12px 0px !important;
	position        : relative;
	left            : -4px;
}

ul#topicpath li {
	font-size       : 10px !important;
	line-height     : 1.4 !important;
	float           : left;
}

ul#topicpath li.top a {
	line-height     : 1.4 !important;
	background      : url("../img/topicpath.gif") 0px 1px no-repeat !important;
	padding         : 0px 0px 0px 15px;
}

ul#topicpath li a,
ul#topicpath li span {
	background      : url("../img/topicpath_arrow.gif") 0px 3px no-repeat;
	margin          : 0px 0px 0px 5px;
	padding         : 0px 0px 0px 8px;
}


/* contents */

div#contents {
	width           : 635px;
	float           : right;
}

div#contents h1 {
	text-indent     : -9999px;
	background      : url("../img/h1_bg.gif") no-repeat;
	width           : 660px;
	height          : 37px;
	position        : absolute;
	top             : 95px;
	left            : 165px;
}

div#contents h1 span {
	width           : 630px;
	height          : 17px;
	position        : absolute;
	top             : 15px;
	left            : 15px;
	display         : block;
}

div#contents div.contents {
	width           : 610px;
}

/* pagetop */

div.pagetop {
	width           : 610px;
}

div.pagetop a {
	text-indent     : -9999px;
	width           : 26px;
	height          : 9px;
	background      : url("../img/pagetop.gif") no-repeat;
	margin          : 0px 0px 0px auto;
	padding         : 0px 0px 0px 7px;
	display         : block;
}


/* footer */

div#footer {
	width           : 830px;
	background      : url("../img/main_bottom.gif") 0px top #ffffff no-repeat !important;
	margin          : 0px 0px 20px 0px;
}

#footer ul {
	margin          : 20px 15px 8px 0px;
	width           : 300px;
	text-align      : right;
	float           : right;
}

#footer li {
	display         : inline;
	padding         : 0px 0px 0px 3px;
}

#footer a {
	text-decoration : none;
	margin          : 0px 5px 0px 0px;
}

#footer .copy {
	font-size       : 9px;
	color           : #999999;
	line-height     : 1.4;
	width           : 380px;
	_width          : 400px;
	margin          : 0px 15px 8px 0px;
	padding         : 20px 0px 0px 20px;
	float           : left;
}


/* float clear */

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

#footer {
	display         : inline-block;
}


/*\*/
* html #footer {
	height          : 1%;
}

#footer {
	display         : block;
}
/**/


/* column layout */

span.column,
div.column {
	display         : block;
}

span.column *.left,
div.column *.left {
	float           : left;
	display         : block;
}

span.column *.right,
div.column *.right {
	float           : right;
	display         : block;
}


/* listbox */

div.listbox {
	width           : 610px;
	background      : url("../img/listbox_top.gif") 0px top no-repeat;
	margin          : 0px 0px 10px 0px;
	padding         : 0px 0px 0px 0px;
}

div.listbox div.boxbottom {
	width           : 590px;
	background      : url("../img/listbox_bottom.gif") 0px bottom no-repeat;
	padding         : 10px 10px 5px 10px;
}


/* float clear */

div#body:after,
div#globalnavi:after,
div#main:after,
div#main div.wrapper:after,
div#contents:after,
ul#topicpath:after,
div.column:after,
div#footer:after,
div#notice:after {
	content         : ".";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

div#body,
div#globalnavi,
div#main,
div#main div.wrapper,
div#contents,
ul#topicpath,
div.column,
div#footer,
div#notice {
	display         : inline-block;
}

/*\*/
* html div#body,
* html div#globalnavi,
* html div#main,
* html div#main div.wrapper,
* html div#contents,
* html ul#topicpath,
* html div.column,
* html div#footer,
* html div#notice {
	height          : 1%;
}

div#body,
div#globalnavi,
div#main,
div#main div.wrapper,
div#contents,
ul#topicpath,
div.column,
div#footer,
div#notice {
	display         : block;
}
/* */