@charset "euc-jp";
/*************************************
  BASE
  基本要素
*************************************/

/*RESET
--------------------------------------------*/
html{height:100%;margin:0;padding:0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,script{margin:0;padding:0;word-break:break-all;/* for IE */}
table{border-collapse:collapse;border-spacing:0;text-align:left;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:116%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
hr{color:#cacaca;background-color:#cacaca;border:none;height:1px;}
img{vertical-align:bottom;}


/* fonts - Based on YUI fonts.css
----------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.2.2
*Opera9 Compatible!
----------------------------------------------------------------*/
body {font-size:13px;*font-size:small;*font:x-small;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#494344;}
small{font-size:13px;*font-size:small;*font:x-small;}
select, input, textarea {font-size:99% !important;}
pre, code {font:13px monospace;*font-size:13px;}
body * {line-height:1.22em;}

/*

===== 3:link setting ===========================
*/

a{color:#ea6171;text-decoration:underline;}
a:hover{color:#850413;text-decoration:none;}
a:visited{color:#4d09b3;text-decoration:underline;}


/*************************************
 COMMON
  共通要素
*************************************/

/*clearfix
--------------------------------------------*/
.clrfix:after{
content:".";
clear:both;
display:block;
height:0px;
visibility:hidden;
line-height:0;
font-size:0;
}

.clrfix{
display:inline-block;
}

/*\*/
* html .clrfix{height:0;}
.clrfix{display:block;}
/**/
strong{
font-weight:bold;
}

/*noscript
--------------------------------------------*/
p.nojava{
text-align:center;
padding:5px;
margin:10px 0 5px 0;
background-color:#ffffcc;
}

p.nojava span{
color:#ff0000;
}

/*画像読み込み
--------------------------------------------*/
dl#Player dt,
dl#Player dt span.code,
#Twitter h4,
.plugin span a,.innrbox_clrfix h3,#Station h4,#Movie h4,#Station dd a{
background:url(http://i.yimg.jp/images/music/event/angela/CSSSprite.png) no-repeat;
}
#wapper{
background:url(http://i.yimg.jp/images/music/event/angela/background.jpg) no-repeat top #efefef;
}
#album{
background:url(http://i.yimg.jp/images/music/event/angela/bg.png) no-repeat;
}

/*テキストを飛ばす
--------------------------------------------*/
#header #yjmcLogo a,#header h1,dl#Player dt span.code,.innrbox_clrfix h3,#Station dd a{
text-indent:-9999px;
overflow:hidden;
}

/*************************************
  LAYOUT
*************************************/
/*layout
--------------------------------------------*/
body{margin:0;text-align:center;height:100%;}

#wapper{
clear:both;
width:100%;
margin:0;
padding:0;
}
#wapper:after{content:".";clear:both;display:block;height:0px;visibility:hidden;line-height:0;font-size:0;}
#wapper{display:inline-block;}
/*\*/
* html #wapper{height:0;}
#wapper{display:block;}
/**/


#MainCnts{
clear:both;
width:950px;
margin:0 auto;
padding:0;
text-align:left;

}

 /*EMG setting
--------------------------------------------*/
#emg{background:#dfdfdd;clear:both;text-align:center;padding:10px;}
#emg br{display:none;}
#emg table{margin:auto;}
#emg table table{margin:0;}

#emg a,
#emg a:hover{color:#00f;text-decoration:underline;}
#emg a:visited{color:#810081;}

 /*plugin
--------------------------------------------*/
.plugin{
clear:both;
width:850px;
margin:auto;
border:1px solid #bcb6a8;
background:#fafafa;
padding:10px 15px;
overflow:hidden;
*zoom:1;
}

.plugin p{
overflow:hidden;
*zoom:1;
}
.plugin span{
float:right;
display:inline-block;
margin-left:5px;
}

.plugin span a{
display:inline-block;
height:0;
overflow:hidden;
vertical-align:middle;
}

.plugin span.flash a{
background-position:-238px -567px;
width:150px;
padding-top:35px;
}

 /*backlink
--------------------------------------------*/
.backlink{
clear:both;
font-size:124%;
margin-top:30px;
text-align:center;
}

/* header
--------------------------------------------*/
#header:after{content:".";clear:both;display:block;height:0px;visibility:hidden;line-height:0;font-size:0;}
#header{display:inline-block;}
/*\*/
* html #header{height:0;}
#header{display:block;}
/**/

#header div.clrfix{
clear:both;
margin-bottom:10px;
}

#header #yjmcLogo{
float:left;
margin:5px 0 0 12px;
}

#header #yjmcLogo a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:187px;
height:83px;
}

#header p#report{
color:#a289cc;
font-size:116%;
margin:0 0 0 10px;
padding:33px 0 0;
float:left;
}

#header p#report strong{
font-weight:bold;
font-size:134%;
}
#header h1{
display:block;
text-indent:-9999px;
overflow:hidden;
width:534px;
height:171px;
margin:0 12px;
}
#header p#stream{
color:#fff;
font-size:20px;
font-size:177%;
line-height:1.33em;
padding:0 10px 0 48px;
}
#header dl{
width:476px;
margin:32px 0 30px 15px;
}
#header dt{
font-weight:bold;
font-size:124%;
}
#header dd{
margin-top:8px;
padding-right:32px;
font-size:116%;
}


/* contents
--------------------------------------------*/
div#contents{
padding:0 0 30px;
}
div#contents:after{content:".";clear:both;display:block;height:0px;visibility:hidden;line-height:0;font-size:0;}
div#contents{display:inline-block;}
/*\*/
* html div#contents{height:0;}
div#contents{display:block;}
/**/
div.innrbox{
margin-top:15px;
padding-top:5px;
}
#contents .clrfix{
background:#d2cec5;
border:solid 4px #fafafa;
padding-bottom:10px;
}
#contents .clrfix .clrfix{
background:none;
border:none;
}


/* Player
---------------------*/
#lftbox{
float:left;
width:490px;
margin:10px 0 0;
padding:0 4px 0 7px;
border-right:#fff 2px solid;
}	
#lftbox dl{
background:#beb9ae;
width:485px;
}
dl#Player dt{
background-position:2px -63px;
color:#ffffff;
width:483px;
height:389px;
line-height:1.4em;
margin-left:3px;
}

dl#Player dt span.clear{
display:inline-block;
height:300px;
width:0;
vertical-align:middle;
}

dl#Player dt strong{
font-size:108%;
font-weight:bold;
color:#e85e75;
display:inline-block;
vertical-align:middle;
}

dl#Player dt strong.st01{
font-size:124%;
margin:20px;
line-height:140%;
width:433px;
}

dl#Player dt strong.st02{
padding:0 5px;
width:390px;
}

dl#Player dt span.code{
background-position:-2px -479px;
width:74px;
height:74px;
padding:0;
clear:both;
float:right;
}

dl#Player dd{
padding:15px;
width:450px;
margin-bottom:10px;
margin-left:3px;
}


dl#Player dd dl{
border-top:1px solid #515151;
margin-top:15px;
width:auto !important;
}

dl#Player dd dl dt{
background:none !important;
color:#494344;
padding:10px 0 0 0;
width:auto;
height:auto;
}

dl#Player dd dl dd{
background:none;
padding:0;
}

#info{
margin:20px 0;
}

#info p.pic{
float:left;
width:131px;
margin:0 10px 9px 0;
}
#info p.capt{
margin-right:5px;
}
#info p.pic img{
border:1px solid #616061;
}
#capt{
float:right;
width:330px;
}

#album{
font-size:124%;
font-weight:bold;
height:25px;
width:475px;
padding-left:10px;
padding-top:5px;
color:#FFF;
margin-bottom:10px;
}

#info p{
font-size:116%;
line-height:1.5em;
}
.link{
font-weight:bold;
clear:both;
}

/* Twitter
---------------------*/
#Twitter{
float:right;
width:435px;
position:relative;
}

#Twitter h4{
background-position:0 10px;
text-indent:-9999px;
overflow:hidden;
width:423px;
height:72px;
top:-28px;
right:13px;
position:absolute;
margin-bottom:10px;
}

#Twitter div.clrfix{
margin:0 0 15px;
padding:44px 13px 0 7px;
}

#Twitter textarea{
color:#242424;
background:#efefed;
font-size:116%;
width:100%;
height:4em;
}
#tweetOauthBtn input {
width:142px !important;
height:28px !important;

}
#requestOauthBtn input {
width:189px !important;
height:28px !important;
margin:0 0 0 228px;
}
#Twitter div.clrfix p{
margin-top:5px;
color:#494344;
}

#Twitter div.clrfix strong{
font-weight:bold;
}

#Twitter div.clrfix p.morelink{
color:#494344;
}

#Twitter div#comment{
background:#fff;
border-top:1px solid #545453;
border-left:1px solid #545453;
padding:5px 10px;
overflow:auto;
height:500px;
margin-top:5px;
}

#Twitter div#comment li{
border-bottom:1px solid #cdd4d4;
padding:10px 0;
overflow:hidden;
*zoom:1;
}

#Twitter div#comment p.pic{
float:left;
width:48px;
}

#Twitter div#comment li p.txt{
color:#000;
margin-left:60px;
line-height:1.3em;
}

#Twitter div#comment li p.txt span{
color:#5d9954;
display:block;
}

#btnBox{
clear:both;
margin-top:5px;
}
#btnBox:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;}
* html #btnBox{display:inline-block;height:1%;}
#btnBox{display:block;}
*:first-child+html #btnBox{zoom:1;}

/* SoundStation
---------------------*/
#Station{
float:left;
background-position:0 -647px;
border:solid 5px #fafafa;
background:#d2cec5;
margin:8px 0 25px;
width:462px;
min-height:290px;
height: auto !important;
height: 290px;
overflow:hidden;
*zoom:1;
}

#Station h4{
background-position:0 -458px;
text-indent:-9999px;
overflow:hidden;
width:462px;
height:50px;
margin-bottom:5px;
}

#Station dl{
float:left;
width:200px;
height:210px;
padding:2px 0 7px 10px;
}

#Station dt{
width:200px;
height:153px;
padding-top:4px;
text-align:center;
background:#e3e2dd;
margin:0;
}

#Station dd{
padding:5px 0;
text-align:center;
background:#e3e2dd;
width:200px;

}

#Station dd a{
background-position:0 -560px;
display:block;
overflow:hidden;
width:197px;
height:50px;

}

#Station p{
font-size:116%;
padding-left:7px;
line-height:1.7em;
width:242px;
float:left;
}

/* Movie
---------------------*/
#Movie{
float:right;
background-position:0 -651px;
width:463px;
overflow:hidden;
*zoom:1;
border:solid 5px #fafafa;
background:#d2cec5;
margin:8px 0 25px;
min-height:290px;
height: auto !important;
height: 290px;

}

#Movie h4{
background-position:0 -507px;
text-indent:-9999px;
overflow:hidden;
height:50px;
}

#Movie dl{
float:left;
width:210px;
height:210px;
padding:2px 0 7px;
margin:7px 10px 7px;
background:#e3e2dd;
display:inline;
}

#Movie dt{
width:209px;
}
#Movie dt img{
border:1px solid #aeaca7;
margin:5px;
}
#Movie dd{
width:200px;
padding:10px 5px;
font-size:108%;
text-align:center;
}

#Movie dd span{
font-size:116%;
font-weight:bold;
}

#Movie p{
font-size:116%;
margin-top:10px;
margin:8px 3px 0 221px;
padding-left:5px;
line-height:1.7em;
}

/* footer
--------------------------------------------*/
#footer{
clear:both;
padding:15px 0 20px;
margin-top:30px;
text-align:center;
border-top:#bcb6a8 solid 1px;
}

#footer p,
#footer address{
padding-top:5px;
}