@charset "UTF-8";

html {
}

body {
background-image:url(../imgdir/bg.jpg);
background-repeat:no-repeat;
background-color:#dfe8ef;
background-position:left top;
_text-align:center;
}

#wrapper {
width:730;
margin:0 auto;
padding:100px 0 0;
text-align:left;
}


/*********************

header

*********************/
#header {
height:107px;
position:relative;
}
	#header h1 {
	position:absolute;
	top:0px;
	left:200px;
	}


	#header p#logo {
	position:absolute;
	top:0px;
	left:200px;
	text-indent:-9999em;
	}
		#header p#logo a,
		#header p#logo a:hover,
		#header p#logo a:active {
		width:341px;
		height:90px;
		display:block;
		}

		#header p#logo a { background:url(../imgdir/logo_link.png) no-repeat 0 0; }

		#header p#logo a:hover { background:url(../imgdir/logo_link.png) no-repeat -359px 0px; }




/*********************

contentsArea

*********************/
#contentsArea {
height:280px;
margin:0 0 4px;
position:relative;
}


	

	
/*********************
	
	MainArea
	
*********************/
	#main p#music { 
	position:absolute;
	}
	
	
	#main p#music {
	top:0;
	left:0;
	text-indent:-9999em;
	}
		#main p#music a,
		#main p#music a:hover,
		#main p#music a:active {
		width:485px;
		height:280px;
		display:block;
		}

		#main p#music a { background:url(../imgdir/banner_music02.jpg) no-repeat 0 0; }

		#main p#music a:hover { background:url(../imgdir/banner_music02.jpg) no-repeat -485px 0px; }
	
	
	
/*********************
	
	twitterArea
	
*********************/
	#twitterArea {
	position:absolute;
	top:0px;
	right:0px;
	width:240px;
	_width:240px;
	height:280px;
	_height:280px;
	padding:0px 0 0 5px;
	z-index:200;
	}
	
	
	
/*********************
	
	bnr
	
*********************/
	#bnrArea {
height:60x;
margin:0 0 5px;
position:relative;
}

	
	
	p#bnr {
	padding:0 5px 0 0;
	}
	
	

	
	
/*********************

footer

*********************/
#footer {
height:25px;
position:relative;
}

	#footer address { 
	position:absolute;
	}
		#footer address { width:262px; height:10px; left:234px; top:5px; }
	


/* ==============================================================

============================================================== */

html{color:#fff;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
hr{display:none;}
legend{color:#333;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}



/* ==============================================================

	Basic Hyperlink Format
	
============================================================== */
/* \*/ a { outline:none; overflow:hidden; } /**/
/* \*/ a:focus { outline:none; overflow:hidden; } /**/

a         { color: #ff9999; text-decoration: underline; }
a:link    { color: #ff9999; text-decoration: underline; }
a:visited { color: #ff9999; text-decoration: underline; }
a:hover   { color: #fff; text-decoration: none; }


/* ==============================================================

	layout
	
============================================================== */
.left {float:left; display:inline;}
.right {float:right; display:inline;}
.center {text-align:center; }
.clear {clear:both;}




/* ==============================================================

	clearfix
	
============================================================== */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

	/* for IE6 */
	* html .clearfix {display:inline-block;}
	
	/* for IE7 */
	*+html .clearfix {display:inline-block;}