@charset "UTF-8";

body {
	color: #333333;
	font-size: 75%;	
	font-family: sans-serif;
	background: #CC4E7F;
	text-align:center;
	FONT-FAMILY: Verdana, Arial, Sans-Serif;
	FONT-FAMILY: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	FONT-FAMILY: "メイリオ","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	FONT-FAMILY: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	line-height: 1.5;
}
p,dt,dd {
	line-height: 0.7;

}

dt{
	margin-top:4px;
	margin-left:10px;
	padding-left:0px;
}
dd{
	padding-left:10px;
	margin-left:10px;
	line-height: 0.9;
	font-size: 80%;
}
a, a:visited {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-weight:normal;
}
a:hover,a:focus {
	color:#AF0027;
	color: #CC4E7F;
	color: #C42854;
	font-weight:bold;
	font-weight:normal;
	text-decoration:underline;
}

#wrapper {
	width: 966px;
	margin: 0px auto;
	margin-top :7px;
	padding-top: 1px;
	padding-bottom: 7px;
	background: #FFFFFF;
	border: 1px solid #635646;
	text-align:left;
}

#navi-area {
	margin:0;
	padding:0;
}

h1#logo {
	
	height: 146px;
	margin: 0 7px 7px 7px;
	
	background:#D8E9EC;
	_background:#D8E9EC;
	background:  url(../img/flower_01.png) right center repeat  !important;
	background:  url(../img/flower_ping02.png) right center repeat  !important;
	
	
	
}
h1#logo img {
	position: relative;
	left: 65px;
	top: 10px;
	
}

h2 {
	border-left-color:#666666;
	border-left-width:8px;
	border-left-style:solid;

	border-bottom-color:#666666;
	border-bottom-width:2px;
	border-bottom-style:solid;
	
	border-left-color:#635646;
	border-bottom-color:#635646;
	
	color :#005e6f;
	color :#9FDC72;
	color :#005E6F;
	color :#282E6C;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	font-size:160%;
}

h2#head {
	border-left-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	padding-top:0ox;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:10px;
}
h2#ranking {
	background: url(../img/disc.png) right center no-repeat;
	
}

h2#search {
	background: url(../img/search.png) right center no-repeat;
	padding-bottom:0px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	
}

h2#newlyric {
	background: url(../img/document.png) right center no-repeat;
}

h2#otherupdate {
	background: url(../img/document_green.png) right center no-repeat;
}

h2#artistlyrics {
	background: url(../img/document_blue.png) right center no-repeat;
}

h2#menu {
	background: url(../img/folder.png) right center no-repeat;
}

h2#topartist {
	background: url(../img/users.png) right center no-repeat;
	background-color:#FFFFFF;
}


h2#popular {
	background: url(../img/document_pink.png) right center no-repeat;
}
h2#albums {
	background: url(../img/disc_orange.png) right center no-repeat;
}


h2#lyric_title {
	background: url(../img/document.png) right center no-repeat;
	padding-right:40px;
}

h2#wayaku {
	background: url(../img/file_edit.png) right center no-repeat;
    	padding-right:40px;
}

h2#wayaku_g {
	background: url(../img/www_google_co.png) right center no-repeat;
    	padding-right:40px;
}

h2#recommend {
	background: url(../img/star_full.png) right center no-repeat;
}

h3 {
	line-height: 1.5;
	margin-top:5px;
	margin-bottom:5px;
	background: url(../img/016-007.gif) left bottom no-repeat;
	padding-left:20px;
}

h3#artist,
h3#title {
	margin-left:0px;
	padding-left:0px;
}


#navi {
	
	height:20px;
	border-top:1px solid #70747c;
	border-right:1px solid #70747c;
	border-left:1px solid #70747c;
	border-bottom:1px solid #70747c;

	background:#70747C;
	color:white;
	padding-top:4px;
	margin: 0 7px 0px 0px;
	padding-bottom:2px;
}

#navi li {
	float: left;
	height:15px;
	padding-right:3px;
}

#navi li#title {
	padding-left:0px;
	padding-right:15px;
	text-align:right;
	width:70px !important;
	width:80px; /* for IE*/
	font-weight:bold;
}

#navi li#kana {
	width:15px !important;
	width:18px; /*for IE */
}

#navi li#alphabet {
	width:20px;
}

#navi li a {
	display: block;
	color:white;
	font-weight:bold;
	text-align:center;
}

#navi li a:hover, a:focus {
	background: white;
	color: #C71585;
	color: #C42854;
	font-weight:bold;
	background: url(../img/top_bar2.png) right center no-repeat;
	text-align:center;
	
}

ul#albums{
	padding-left:10px;
	margin-left:10x;
}
li#albums{
	padding-left:10px;
	margin-left:10x;
	background: url(../img/arrow.gif) left center no-repeat;
}

ul#menu{
	padding-left:10px;
	margin-left:10x;
}
li#menu{
	padding-left:35px;
	margin-left:10x;
	background: url(../img/arrow_orange.png) left center no-repeat;
}

ul#mybookmark{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	margin-left:10x;
	list-style-position:outside;
}
li#mybookmark{
	padding-left:20px;
	margin-left:10x;
	background: url(../img/arrow_orange.png) left top no-repeat;
	border-bottom: 1px solid #ECECEC;
	
	
}

#mybookmark-set,
#mybookmark-alldel {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align:center;

}

#mybookmark-msg {
	text-align:right;
	margin-left:10px;
}

#mybookmark_del_image {
	background: url(../img/shut_01.gif) middle no-repeat;
	
}

#primary,
#primary_lyric,
#primary-albums,
#secondary,
#thirdly {
	float: left;
	background: white;
	margin: 0 0px 0px 0px;
}
#thirdly {
	float: right;
}
#primary_lyric {
	width:650px;
	margin-left:7px;

}

#primary {
	width: 315px;
	margin-left:7px;
}

#primary-albums {
	width:650px;
	margin-left:7px;
	
	
}

#secondary {
	padding-left:7px;
	width: 320px;
}


#thirdly {
	width: 300px;
	padding-right:7px;
}

.section {
	margin: 0px 7px 15px 0px;
	
}
.section h2 {
	margin-bottom: 6px;
}
.section p {
	margin-bottom: 10px;
}



.section dd {
	margin-bottom: 0px;
	border-bottom: 1px solid #ECECEC;
	padding-top:6px	;
	padding-left:7px	;
}

.section dd#side {
	
	background: url(../img/arrow.gif) left center no-repeat;
	
	padding-left:15px;
	padding-bottom:5px;
	border-bottom: 1px solid #ECECEC;	
}

.section dd#side2 {
	
	
	padding-left:15px;
	padding-bottom:5px;
	border-bottom: 1px solid #ECECEC;	
}

.section ul#list {
	list-style-type:disk;
}




.section table {
width:100%; background-color:white; border-bottom: 1px solid #ECECEC;
}
.section td {

	text-align:left;
}

.section td a {
	color:#000000;
	font-weight:bold;
	font-weight:normal;
	font-size: 80%;
}

.section td a:hover {
	color: #CC4E7F;
	color: #C42854;
	font-weight:bold;
	font-weight:normal;
	font-size: 80%;
}

.section td#ranking_no {
	width:60px;
}
.section td#ranking_phot {
	width:60px;
	height:60px;
	
}
.section td#ranking_url {
	text-align:left;
		
}

.section h3#ranking_no {
	background: url(../img/playico.gif) left bottom no-repeat;
}

.section h3#ranking_title {
	padding-left:0px;
	text-align:left;
}

.section h3#ranking_context	 {
	padding-left:8px;
}



#search-main {
	padding-left:10px;
}

#search-go {
	padding-left:25px;
	margin: 7px 7px 30px 7px;
}

#search-results {
	padding-left:25px;
	margin: 7px 7px 30px 7px;

}

#search-results-main-title{
	font-weight:bold;
	font-size:120%;
	
}

#search-title {
	margin: 7px 7px 0px 7px;
	font-size:140%;
}

#search-title a{
	color:#C15F39;
	color:#7E3939;
	text-decoration:underline;
}

#search-url {
	margin: 5px 7px 10px 40px;
	
}

#search-url a{
	color:red;
}


#copyright {
	border-top:1px solid #70747c;
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}


.list	{
	background: #5A97CD center center;
	background: #005E6F center center;
	COLOR: #000000;
}
.list a:link{
	FONT-WEIGHT: bold;
	FONT-SIZE: 7pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Helvetica, Arial;
	TEXT-DECORATION: none;
	
}
.list a:visited{
	FONT-WEIGHT: bold;
	FONT-SIZE: 7pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Helvetica, Arial;
	TEXT-DECORATION: none;
	
}
.list a:hover,a:focus {

}

.list-title{
	background: #ffFFFF center center;
}

#lyric_context_e {

	padding-top:5px;
}

#blocklyrics {
	padding-top:5px;

}


#products-area {
	padding-left:5px;
}
#go-wayaku {
	text-align:left;
	background: url(../img/arrow_hand_30_down.jpg) left center no-repeat;
	padding-left:35px;
	
}

#go-top {
	text-align:left;
	background: url(../img/arrow_hand_30_up.jpg) left center no-repeat;
	padding-left:35px;
	
}

#go-lyrics {
	text-align:left;
	background: url(../img/arrow_hand_30_up.jpg) left center no-repeat;
	padding-left:35px;
	
}

#more-see {
	text-align:right;
		background: url(../img/arrow_hand_30_right.jpg) left center no-repeat;
		margin-left:180px;
}