@charset "utf-8";

/*--------------------------------------------------------------------
Created : 2008/02/17
Last Update : 2008/02/18
Site URL : http://www.roland.com/piano/grand/
File name : base.css
Author:
--------------------------------------------------------------------*/






/*--------------------------------------------------------------------
 Common
--------------------------------------------------------------------*/

*{
	padding:0;
	margin:0;
}

body{
	font-size:62.5%;
	font-family: "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	color:#666;
}

img{
	border:0;
}

/*link*/
a:link   { color:#333; text-decoration:underline;}
a:visited{ color:#333; text-decoration:underline;}
a:hover  { color:#888; text-decoration:none;}

a.none:link   { text-decoration:none;}
a.none:visited{ text-decoration:none;}
a.none:hover  { text-decoration:none;}

.line12{line-height:1.2;}
.line14{line-height:1.4;}

.font8{ font-size:0.8em;}
.font9{ font-size:0.9em;}
.font10{ font-size:1.0em;}
.font12{ font-size:1.2em;}
.font13{ font-size:1.3em;}
.font14{ font-size:1.4em;}

.marginTop10{ margin-top:10px;}

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

.clear{
	clear:both;
}

/*--------------------------------------------------------------------
 Base Frame 
--------------------------------------------------------------------*/
#wrapper{
	width:960px;
	margin:0 auto;
	font-size:1.1em;
}

#header{
	width:960px;
	height:97px;
	background-image:url(../../images/header_bak.jpg);
	position:relative;
}

#contentsContainer{
	width:960px;
	background:url(../../images/side_bakimg.jpg) bottom right no-repeat;
}

#contentsContainer #contents{
	width:780px;
	float:left;
}

#contentsContainer #side{
	width:180px;
	float:right;
}

#footer{
	clear:both;
	position:relative;
	width:960px;
	height:35px;
	border-top:1px solid #999;
	margin-top:20px;
	text-align:center;
	
}


/*--------------------------------------------------------------------
 Header 
--------------------------------------------------------------------*/
#header h1{
	position:absolute;
	top:8px;
	left:20px;
}

#header p{
	position:absolute;
	top:17px;
	right:21px;
}

#header ul{
	list-style:none;
	width:900px;
	position:absolute;
	bottom:0;
	left:30px;
}

#header ul li{
	float:left;
	width:150px;
	height:33px;
}
#header ul li img{
	vertical-align:bottom;
}

/*--------------------------------------------------------------------
 Side
--------------------------------------------------------------------*/
#contentsContainer #side #topicBanner{
	width:180px;
	background:url(../../images/side_bakimg.jpg) top right;
	text-align:center;
}

#contentsContainer #side #topicBanner img{
	margin:12px 0;
}

#contentsContainer #side ul#interview{
	list-style:none;
	width:180px;
}

#contentsContainer #side ul#interview li img{
	vertical-align:bottom;
}

#contentsContainer #side ul#interview li.border{
	border-top:2px solid #ACA8A1;
}

#contentsContainer #side ul#specialContents{
	list-style:none;
	width:166px;
	margin:0 auto;
}

#contentsContainer #side ul#specialContents li{
	margin-top:7px;
}

/*--------------------------------------------------------------------
 Footer
--------------------------------------------------------------------*/
#footer img{
	position:absolute;
	top:7px;
	right:14px;
}
#footer p{
	margin:0 auto;
	margin-top:7px;
}

/*--------------------------------------------------------------------
 Content
--------------------------------------------------------------------*/
#breadCrubm{
	height:25px;
	padding:7px;
	width:100%;
}

p.patgetopLink{
	width:100%;
	padding:15px 0;
	text-align:right;
}
p.patgetopLink a{
	background:url(../../images/icon_pagetop.gif) left center no-repeat;
	padding-left:20px;
}