/* CSS Document */

* {
margin: 0;
padding: 0;
}

html {
color: #333;
font: 12px "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "Verdana", sans-serif;
}

body {
	background-color:#9CF;
	background-image:url(../img/back.gif);
}

#wrapper_body {
	padding:0;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background-color:#FFF;
	padding:0;
}

#header {
	height:540px;
	background:url(../img/image.jpg) no-repeat;
}

#headern {
	height:220px;
	background:url(../img/image_n.jpg) no-repeat;
}

#navi	{

	padding-top:500px;
}

#navin	{

	padding-top:185px;
}

#contents {
	width: 900px;
	margin: 0 auto;
	padding-top:10px;
	background-color:#FFF;
}

#contents #main {
	float:left;
	width: 605px;
	padding:25px 0 0 15px;
}

#contents #side {
	float:right;
	width: 230px;
	padding-top:20px;

}

.top	{
	width:620px;
	text-align:right;
	font-size:12px;
	padding-top:3px;
	}

#address {
	padding: 5px 0;
	margin: 5px 15px 0;
	border-top:1px solid #CCC;
	text-align:center;
	font : 80%/1.5em "Trebuchet MS", Trebuchet;
	font-weight: bolder;
	font-style:normal;
	color:#666;
}

a 		{ color: #0066CC; text-decoration: underline; }
a:link		{ color: #0066CC; text-decoration: underline; }
a:visited	{ color: #0066CC; text-decoration: underline; }
a:active	{ color: #0066CC; text-decoration: underline; }
a:hover		{ color: #FF9900; text-decoration: underline; }


#artist a 		{ color: #333333; text-decoration: none; }
#artist a:link		{ color: #333333; text-decoration: none; }
#artist a:visited	{ color: #00CCFF; text-decoration: none; }
#artist a:active	{ color: #00CCFF; text-decoration: none; }
#artist a:hover		{ color: #00CCFF; text-decoration: none; background:#00CCFF;}


blockquote {
	border: 1px dotted #CCC;
	padding:0.2em;
	margin:10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	font: 0/0 sans-serif;
}

.submit {

}

/* #main */

#main img {

	margin-bottom:10px;
}

#main p	{
	
	width:610px;
	font-size:14px;
	line-height:1.6;
	
	padding:0 0 10px 10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #999;
}

/* side */

#side img {
	margin-bottom:20px;
}

#side dl {
	margin-bottom:20px;
}

#side dt {
	padding-left:0px;
	background-position:left;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	border-bottom:1px dotted #999;
	}
	
#side dd{
	padding:10px 0 0 0;
	background:url(./template/piano/img/dd.gif) no-repeat;
	line-height: 1.2em;
}

#side ul {
	margin-left:4px;
	list-style-type:none;
	}

#side li {
	margin: 3px 0 0 0;
	padding-left:8px;
	background:url(./template/piano/img/side_disc.gif) no-repeat 0 8px;
	}


#artist img	{
	border:1px solid #999;
	}

#artist h1	{
	font-size:14px;
	margin:5px 0 10px 0;
	padding:0;
}

.mailmag	{

background-color:#FFF; 
border-collapse:separate; 
border-spacing:3px;
}

ul.news {
margin:10px 0 10px 10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dotted #999;

font-size:14px;
}

li.news {
margin-bottom:8px;
font-size:16px;
}

#ban {
width:620px;
margin-bottom:15px;
}

/* text */

.title	{
	font-size:14px;
	color:#FF3366;
	margin:0 0 10px 0;
	padding:0 0 5px 10px;
	width:610px;
	border-bottom:dotted 1px #999;
	}

.topics	{
	font-size:16px;
	color:#FF3366;
	margin:0 0 10px 0;
	padding:4px 0 5px 10px;
	width:610px;
	border-bottom:solid 3px #CCC;
	font-weight:bold;
	}

.date	{
	font-size:12px;
	color:#666666;
	padding:0 0 3px 10px;
	width:610px;
	
	}
	
/* artist */

h2	{
	width:400px;
	
	text-align:center;
	font-size:14px;
	padding:5px 0;
	margin-left:10px;;
	background-color:#FFE900;
}

#box	{
	width:420px;
	background-color:#FFF;
	margin: 15px auto;
	padding:15px 10px 0 10px;
}

#box img {

	margin:15px 0;
}

#profile	{
	width:400px;
	margin: 0 auto;
}

#web	{
	width:400px;
	border-bottom:dotted 2px #999;
	padding-bottom:3px;
	margin-bottom:5px;
	color:#FF6600;
	font-weight:bold;
}

p { font-size:14px;
color:333;
line-height:1.5;
}

.mbp {
font-size:12px;
color:#FF3366;
line-height:1.4;
font-weight:bold;
}

/* goods */

#goodsp {
	width:600px;
	margin-left:10px;
	}

#goodsp table {
	}
	
#goodsname {
	width:290px;
	background-color:#CF3;
	padding:14px 0;
	text-align:center;
	margin-bottom:10px;
	}

#goodsp	h1 {
	font-size:14px;
	line-height:1.6;
	font-weight:bold;
	}

/* moji */

.mbg {
 background-color:#99FF00;
 }
 
 .mbo {
 background-color:#FF9900;
 }

.sbp {
 	color:#FF3366;
	font-size:10px;
	font-weight:bold;
 }

.m	{
	font-size:12px;
}

.s	{
	font-size:10px;
}