@charset "utf-8";

/*container
------------------------------------------------------------------------*/

body#top div#container {
	width: 860px;
	background-image: none;
	}


/*title
------------------------------------------------------------------------*/
div#title {
	width: 610px;
	height:120px;
	}

div#title h2,
div#title p {
	position: absolute;
	left: -2000px;
	width: 200px;
	}

body#top div#title {
	margin: 0 0 13px 0;
	background: url("../images/title.jpg") no-repeat;
	}


/*box01-04,linkbox
------------------------------------------------------------------------*/
body#top div#box01,
body#top div.box02,
body#top div#box03 {
	width: 630px;
	margin: 5px 0 0;
	}

body#top div.linkbox {
	width: 630px;
	margin:10px 0px;
	}

body#top div#box01:after,
body#top div.box02:after,
body#top div#box03:after,
body#top div.linkbox:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}

* html body#top div#box01,
* html body#top div.box02,
* html body#top div#box03,
* html body#top div.linkbox {
	display: inline-block;
}
/* no ie mac \*/
* html body#top div#box01,
* html body#top div.box02,
* html body#top div#box03,
* html body#top div.linkbox { height: 1%;}
body#top div#box01,
body#top div.box02,
body#top div#box03,
body#top div.linkbox { display: block;}
/* */


/*div.boxleft
------------------------------------------------------------------------*/
body#top div.boxleft {
	width: 305px;
	float:left;
	}


/*div.boxright
------------------------------------------------------------------------*/
body#top div.boxright {
	width: 310px;
	float:right;
	}

/*div.box1col
------------------------------------------------------------------------*/
body#top div.box1col {
	width: 620px;
	margin: 15px 0 0 5px;
	}


/*div.linkbox div.boxleft
------------------------------------------------------------------------*/
body#top div.linkbox div.boxleft {
	background:#E7E7E7;
	}


/*div.linkbox div.boxright
------------------------------------------------------------------------*/
body#top div.linkbox div.boxright {
	background:#E7E7E7;
	}


/*div.boxleft div.linkbox
------------------------------------------------------------------------*/
body#top div.boxleft div.linkbox {
	width: 305px;
	background:#E7E7E7;
	}


/*div.boxright div.linkbox
------------------------------------------------------------------------*/
body#top div.boxright div.linkbox {
	width: 310px;
	background:#E7E7E7;
	}


/*news
------------------------------------------------------------------------*/
body#top dl#news {
	width: 300px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-bottom:3px double #E7E7E7;
	}

body#top dl#news dt {
	margin: 0;
	padding: 0;
	line-height:1.0;
	font-size: 0;
	}

body#top dl#news dd {
	padding: 5px 0 0 5px;
	font-size: 77%;
	}

body#top dl#news dd div.day {
	color: #ED701B;
	float: left;
	margin-bottom: 5px;
	}

body#top dl#news dd div.headline {
	margin: 0 0 5px 7.5em;
	}

body#top dl#news dd div.headline a {
	color: #000;
	}


/*newrelease
------------------------------------------------------------------------*/
body#top dl#newrelease {
	width: 300px;
	margin-bottom: 5px;
	border-bottom:3px double #E7E7E7;
	}

body#top dl#newrelease dt {
	margin: 0;
	padding: 0;
	line-height:1.0;
	font-size: 0;
	}

body#top dl#newrelease dt img,
body#top dl#newrelease dd {
	vertical-align: bottom;
	}

body#top dl#newrelease dd {
	padding: 5px 5px 0;
	}


/*dl.newrelease div.productinfo
------------------------------------------------------------------------*/
body#top dl#newrelease div.productinfo {
	width: 290px;
	color:#000;
	font-size:77%;
	margin-bottom:5px;
	}

body#top dl#newrelease div.productinfo:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}
* html body#top dl#newrelease div.productinfo {
	display: inline-block;
}
/* no ie mac \*/
* html body#top dl#newrelease div.productinfo{ height: 1%;}
body#top dl#newrelease div.productinfo { display: block;}
/* */

body#top dl#newrelease div.productinfo div.infoimg {
	width:70px;
	float:left;
	}

body#top dl#newrelease div.productinfo p {
	margin-left:78px;
	}

body#top dl#newrelease div.productinfo p.producttitle {
	font-weight:bold;
	color:#CE5C00;
	}
body#top dl#newrelease div.productinfo p.producttitle a {
	color:#CE5C00;
	}


/*licensearea
------------------------------------------------------------------------*/
div#licensearea {
	width: 200px;
	margin: 20px 0 0 0px;
}

div#licensearea p.jasrac {
	margin: 5px 0;
	font-size: 77%;
	color: #666;
	line-height: 100%;
}


/*top_column
------------------------------------------------------------------------*/
div#top_column {
	width: 850px;
	margin: 20px 0 0;
	padding-left: 10px;
	background-image: none;
}

div#left_column {
	float: left;
	width: 300px;
	margin-right: 20px;
}

div#center_column {
	float: left;
	width: 310px;
	margin-right: 20px;
}

div#right_column {
	float: left;
	width: 190px;
}


/*contentsbox
------------------------------------------------------------------------*/
body#top div.contentsbox {
	width: 300px;
	margin-bottom: 6px;
}

body#top div.contents_info {
	padding: 5px 10px 10px;
	background: url("../images/contentsbox.gif") bottom no-repeat;
	border-top: none;
	font-size: 93%;
	color: #333;
}

div.contents_info:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}
* html div.contents_info {
	display: inline-block;
}
/* no ie mac \*/
* html div.contents_info{ height: 1%;}
div.contents_info { display: block;}
/* */


body#top div.contents_info div.contents_img {
	float:right;
	margin: 0 0 0 5px;
}

body#top div.contents_info div.contents_img img {
	border: 1px solid #e2e2e2;
}

body#top div.contents_info p.contents_lead {
	line-height: 140%;
}

ul.categorylist {
	margin: 15px 0 0 15px;
	padding: 0;
	list-style-image: url("../images/arrow02.gif") ;
	line-height: 130%;
}

ul.categorylist li a {
	color: #5a63bc;
}

ul.categorylist li a:hover {
	color:#FF9700;
}


/* #newtitlebox
------------------------------------------------------------------------*/
div#newtitlebox {
	width: 310px;
	margin: 6px 0 0;
	background: url("../images/newtitlebox.gif") bottom no-repeat;
}

div.newtitle_info {
	width: 286px;
	margin: 2px 0 0 14px;
}

div.newmusic {
	width: 286px;
	padding: 8px 0;
	border-bottom: 1px dotted #d6d7d6;
}

div.song {
	width: 230px;
	margin: 0 0 0 54px;
}

p.nt_icon {
	float: left;
	margin: 3px 0 0;
}

div.song dl {
	line-height: 120%;
}

div.song dl dt {
	font-size: 77%;
	color: #f90;
}

div.song dl dd a {
	font-size: 93%;
	color: #555;
	outline: none;
}

div.song dl dd a span {
	color: #2278c1;
	outline: none;
}

div.song dl dd a:hover,
div.song dl dd a:hover span {
	color: #f90;
	outline: none;
}

div.newtitle_txt {
	text-align: right;
	padding: 20px 0 8px;
}


/* #recommendbox
------------------------------------------------------------------------*/
div#recommendbox {
	width: 310px;
	margin: 19px 0 0;
	background: url("../images/recommendbox.gif") bottom no-repeat;
}

div.recommend_info {
	width: 302px;
	margin: 0 4px;
}

div.recommend_info h4 {
	width: 282px;
	xheight: 35px;
	xmargin: 0 4px;
	font-size: 123.1%;
	font-weight: bold;
	padding: 5px 10px;
	background: #e1e1e1 url("../images/title_recommend2.jpg") top no-repeat;
}

p.recommend_lead {
	xwidth: 282px;
	font-size: 93%;
	margin: 10px 12px 5px;
	padding: 0 0 15px;
	line-height: 120%;
	color: #b2761b;
	background: url("../images/recommend_dot.gif") bottom repeat-x;
}

div#recommendbox div.newmusic {
	width: 270px;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: 1px dotted #d6d7d6;
}

div#recommendbox div.song {
	width: 100%;
	margin: 0;
}

div#recommendbox div.song dl {
	line-height: 120%;
}

div#recommendbox div.song dl dt {
	font-size: 77%;
	color: #f90;
}

div#recommendbox div.song dl dd a {
	font-size: 93%;
	color: #555;
	outline: none;
}

div#recommendbox div.song dl dd a span {
	color: #2278c1;
	outline: none;
}

div#recommendbox div.song dl dd a:hover,
div#recommendbox div.song dl dd a:hover span {
	color: #f90;
	outline: none;
}

div.recommend_txt {
	text-align: right;
	padding: 20px 5px 10px;
}


/* #rankingbox
------------------------------------------------------------------------*/
div#rankingbox {
	width: 190px;
	margin: 9px 0 0;
	background: url("../images/rankingbox.gif") bottom no-repeat;
}

div.ranking_info {
	width: 182px;
	padding: 2px 4px;
}

div.rank {
	padding: 8px 0;
	border-bottom: 1px dotted #d6d7d6;
}

div.rank dl {
	margin: 5px 10px 0 18px;
	line-height: 120%;
}

div.rank dl dt {
	font-size: 77%;
	color: #f90;
}

div.rank dl dd a {
	font-size: 93%;
	color: #555;
	outline: none;
}

div.rank dl dd a span {
	color: #2278c1;
	outline: none;
}

div.rank dl dd a:hover,
div.rank dl dd a:hover span {
	color: #f90;
}

/*.bn
------------------------------------------------------------------------*/
div.bn_box {
	margin: 30px 0 0;
}

div.bn_box .bn {
	margin-bottom: 10px;
}