@charset "euc-jp";

/*
=========================================================
last updated:2009/01/26
=========================================================


/* 1.Common
=============================================================================== */
/* Reset
---------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/

html {color:#000000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
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;}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/
input,textarea,select {*font-size:100%;}

/*because legend doesn't inherit in IE */
legend {color:#000;}


/* Fonts
---------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/

body{font-size:13px;*font-size:small;*font:x-small;}
;;body {line-height:1.4;} /* opera9 */
body:first-of-type {line-height:1.4;} /* safari3 */

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* style
---------------------------------------------*/
img {margin:0;padding:0;vertical-align:bottom;border:0;}
p.arw{background: url(http://i.yimg.jp/images/music/soundstation/special/promo/arw01.gif) no-repeat 0 center;text-align:left;font-size:108%;padding-left:16px;}
em{font-weight:bold;}


/* clearfix
----------------------------------------- */
.clrfx:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clrfx {
min-height: 1px;
}

* html .clrfx {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*************************************
  MULTIPLE
*************************************/
/* text-align */
.txtL {text-align:left;}
.txtR {text-align:right;}
.txtC {text-align:center;}

/* clear */
.clr{clear:both;}
.clrL{clear:left;}
.clrR{clear:right;}
.none {background-image:none !important;border:none !important;}

/* float */
.flL{float:left;}
.flR{float:right;}



/* 2.Frame
=============================================================================== */
body {
text-align:center;
}

div#wrapper{
margin:0 auto;
width:950px;
}


#bground{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/back_all.gif) repeat-x #027192;
}

#bluepart{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/back_ttl.jpg) no-repeat center top;
}


#whitepart{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/back_ttl.gif) no-repeat center top;
  width: 950px;
  text-align:center;
  margin:0 auto;
}

#whitepart2{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/back_ttl_1224.gif) no-repeat center top;
  width: 950px;
  text-align:center;
  margin:0 auto;
}

/*---------------------------------------------
   header
---------------------------------------------*/
div#header{
text-align:left;
position:relative;
padding-top:57px;
}

/* login area
------------------------------- */
div#header div#loginArea {
	text-align:left;
	position:absolute;
	left:2px;
	top:5px;
	z-index:100;
	width: 950px;
}

div#header div#loginArea p#logo {
padding:0 10px 0 0;
float:left;
}

div#header div#loginArea p#logo img{
vertical-align:bottom;
}

div.yjmthloginarea {
padding:8px 0 0 0;
float:left;
font-size:inherit;
}

div.yjmthloginarea p {font-size:100%;}
div.yjmthloginarea p strong {font-weight:bold;}
div.yjmthloginarea p a {color:#0189fc !important;}


/* logo area
------------------------------- */

div#header #sslogo {
  padding: 8px 0 0 0;
  width: 265px;
  float: right;
}

/* keyvisual
------------------------------- */
div#keyvisual{
  width:635px;
  float: left;
  margin-bottom: 15px;
}


div#keyvisual2{
  width:580px;
  float: left;
  margin-bottom: 15px;
}

div#emi{
  width:363px;
  float: right;
  margin-top: 124px;
  margin-bottom: 15px;
}

h1{
  width:580px;
  height:124px;
  text-indent:-9999px;
  overflow:hidden;
}

div#t-warning{
  width: 350px;
  text-align: left;
  margin: auto;
}

.whitelink{
  color: #FFFFFF;
  background:url(http://i.yimg.jp/images/premium/special/soundstation/yaji5.gif) no-repeat;
  padding-left: 13px;
}

/* contents-artist
------------------------------- */
#whiteback{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/box1.gif) repeat-y;
  padding: 14px 7px 15px 7px;
}

#whiteback-ja{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/box1.gif) repeat-y;
  padding: 0px 7px 15px 7px;
}

#blueback{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/back2.gif) repeat-y;
  padding: 10px 7px 5px 7px;
}

#mainttl{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/catch1.gif) no-repeat;
  height: 36px;
}

#hitartist{
  width: 450px;
  height: 36px;
  float: left;
  text-indent:-9999px;
  overflow:hidden;
}

#ssenjoy{
  width: 260px;
  float: right;
  margin-right: 12px;
}

#artist{
  padding-bottom: 14px;
}

table.artistlineup{
  margin: auto;
}

table.artistlineup td{
  border: 2px #ffffff solid;
  overflow:hidden;
}

.atbox{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/under_2.gif) no-repeat bottom;
  width: 150px;
  margin: auto;
  text-align:center;
}

.atname{
  background-color: #eeefef;
  margin: 1px;
  padding: 4px;
  font-size: 120%;
  font-weight: bold;
}

.atttl{
  width: 150px;
  padding: 4px 0 4px 0;
}

.atttl2{
  width: 148px;
  padding: 4px 0 4px 0;
}

.headphone{
  padding-right: 3px;
}

.link1{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/yaji1.gif) no-repeat;
  padding-left: 12px;
}

#jacatch{
  padding: 10px 0 10px 8px;
  text-align: left;
  font-size: 140%;
  font-weight: bold;
}

/* weekly recommend
------------------------------- */



#weeklyrec{
  width: 519px;
  float: left;
  background:url(http://i.yimg.jp/images/premium/special/soundstation/osusume.gif) no-repeat;
  }
  
#weeklyrec h3{
  text-indent:-9999px;
  overflow:hidden;
  height: 35px;
  float: left;
}


#ranking{
  width: 414px;
  float: right;
  background:url(http://i.yimg.jp/images/premium/special/soundstation/sssaisei.gif) no-repeat;
}

#ranking h3{
  text-indent:-9999px;
  overflow:hidden;
  height: 35px;
  float: left;
}

#wrlines{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/wrlines.gif) no-repeat bottom #FFFFFF;
}

#wline{
  width: 508px;
  padding: 0 5px 0 5px;
}

.tbl{
  margin: 5px 0 5px 0;
  padding: 5px 0 5px 0;
}

#rline{
  width: 414px;
  text-align: left;
}

.osusumesongs{
  width: 169px;
  height: 170px;
  padding: 5px;
}

.osusumesongs2{
  width: 169px;
  padding: 5px;
}

.song1{
  padding: 5px 0 2px 0;
}

.song2{
  padding: 4px 0 4px 0;
}

.wdate{
  color: #FFFFFF;
  float: right;
  height: 25px;
  font-weight: bold;
  padding: 10px 5px 0 0;
}

.rankwht{
  height: 34px;
  padding: 5px 0 5px 0;
}

.rankgray{
  height: 34px;
  background-color: #efefef;
  padding: 5px 0 5px 0;
}

.ssrankinglnk{
  text-align: right;
  padding: 1px 5px 5px 0;
  font-weight: bold;
}

.oukan{
  width: 25px;
  text-align: center;
}

.rankmusic{
  padding: 0 3px 0 1px;
}

.rankartist{
  width: 90px;
  padding: 0 3px 0 1px;
}

.ranklisten{
  width: 73px;
  padding-right: 5px;
}

/* Ã瀡¦¡¦¡éÇࡦE¦¡¦¢á³¡¦E¡¦I
------------------------------- */

.listensearch{
  width: 910px;
  padding: 15px 0 0 0;
  margin: auto;
  text-align: center;
}

.listensearch-ja{
  width: 910px;
  padding: 0 0 0 0;
  margin: auto;
  text-align: center;
}


.lsttl{
  float: left;
}

.kensaku{
  padding-top: 5px;
  text-align: right;
  float: right;
}



#sskensaku{
  font-weight: bold;
  padding-right: 5px;
}

#sskensaku td{
  padding: 0 5px;
}

.ksbtn{
  padding-bottom: 2px;
}

.search-main{
  border-top: #0aa3ff 3px solid;
  height: 26px;
  padding-bottom: 5px;
}

.tablist{
  display: inline;
}

#search-title{
  background-color: #def7fe;
  height: 33px;
}

.ichiran{
  padding: 8px 10px 0 0;
}

.yaji5{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/yaji6.gif) no-repeat;
  padding-left: 12px;
}


#musiclist{
  padding: 10px 0 20px 0;
}

.search-list-a{
  width: 454px;
  border-right: #66CCFF 1px dotted;
  text-align: left;
}

.search-music{
  width: 360px;
  float: left;
  padding: 8px;
}

.kyoku{
  padding: 15px 0 2px 0;
}

.haishin{
  font-size: 80%;
  text-align: center;
}

.search-artist{
  padding-left: 22px;
}

.search-list-b{
  width: 455px;
  text-align: left;
}

.search-list-c{
  width: 454px;
  background-color: #eeefef;
  text-align: left;
  border-right: #66CCFF 1px dotted;
}

.search-list-d{
  width: 455px;
  background-color: #eeefef;
  text-align: left;
}

.tokuten{
  display: inline;
}

#tokutenshousai{
  padding-bottom: 15px;
}

#shousailogin{
  width: 350px;
  padding-top: 5px;
  margin: auto;
  text-align: center;
}

#loginlink{
  text-align:left;
}

.yaji4{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/yaji4.gif) no-repeat;
  padding-left: 12px;
}

#shuryo{
  padding-bottom: 15px;
}

.yaji6{
  background:url(http://i.yimg.jp/images/premium/special/soundstation/yaji6.gif) no-repeat;
  padding-left: 12px;
}

.themodoru{
  padding: 10px 10px 0 0;
}

/*---------------------------------------------
   plugin module
---------------------------------------------*/
div#plugin {
background:#ffffff;
border: 1px solid #0d73ca;
text-align:center;
padding:10px;
color:#000000;
width:850px;
margin:10px auto 0 auto;
}

*:first-child+html div#plugin {
height:100%;
}

div#plugin:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

* html div#plugin {
display: inline-block;
}

/* no ie mac \*/
* html div#plugin {
height: 1%;
}

div#plugin {
display: block;
}
/* */

div#plugin div.txt{
float:left;
text-align:left;
font-size:93%;
width:88%;
}

div#plugin div.btn{
float:right;
margin-left:10px;
}

/*---------------------------------------------
  footer
---------------------------------------------*/
div#footer {
margin-top:20px;
padding:0 0 12px 0;
text-align:center;
color:#00c0ff;
}

div#footer a{color:#ffffff;}
div#footer a:hover{color:#fcf927;}

div#footer div.footerLnk01 {
font-size:108%;
}

div#footer div.footerLnk02 {
margin-top:15px;
padding:10px 0 0 0;
font-size:93%;
}

div#footer div.footerLnk02 p {
margin:0 0 5px 0;
}


/*---------------------------------------------
  Premium Order Button
---------------------------------------------*/
.member-mod span {
	display: block;
	margin: 0 auto;
	width: 476px;
	height: 76px;
	background: url(http://i.yimg.jp/images/premium/special/soundstation_02/img/btn_member.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.yimg.jp/images/premium/special/soundstation_02/img/btn_member.png");
	_cursor: pointer;
}

.twofree-mod .go2entry a {
	display: block;
	margin: 0 auto;
	width: 471px;
	height: 48px;
	background: url(http://i.yimg.jp/images/premium/special/soundstation_02/img/btn_2free.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.yimg.jp/images/premium/special/soundstation_02/img/btn_2free.png");
	_cursor: pointer;
}

.twofree-mod .login,
.twofree-mod .more {
	width: 25em;
	margin: 6px auto 0;
	line-height: 1.1;
	text-align: left;
}

.twofree-mod .login a,
.twofree-mod .more a {
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/premium/special/soundstation_02/img/icon_01.png) 0 50% no-repeat;
}

.entry-mod .go2entry a {
	display: block;
	margin: 0 auto;
	width: 472px;
	height: 49px;
	background: url(http://i.yimg.jp/images/premium/special/soundstation_02/img/btn_entry.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.yimg.jp/images/premium/special/soundstation_02/img/btn_entry.png");
	_cursor: pointer;
}

.entry-mod .login,
.entry-mod .more {
	width: 25em;
	margin: 6px auto 0;
	line-height: 1.1;
	text-align: left;
}

.entry-mod .login a,
.entry-mod .more a {
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/premium/special/soundstation_02/img/icon_01.png) 0 50% no-repeat;
}

#entry-top a {
	color: #FFFFFF;
}

#entry-bottom .login a,
#entry-bottom .more a {
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/premium/special/soundstation/yaji4.gif) 0 50% no-repeat;
}