@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:100%;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:#000;}
table{font-size:100%;}
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:#f91ee7;text-decoration:underline;}
a:hover{color:#fae004;text-decoration:none;}
a:visited{color:#d4b0fd;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;}
/**/

/*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,
#info h4.album,
#Twitter h4,
#Station h4,
#Movie h4,
#Station dd a,
.plugin span a,
#Station,
#Movie{
background:url(http://i.yimg.jp/images/music/event/vamps_2010/allsplt.png) no-repeat;
}


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

#wapper{
background:#0b121e url(http://i.yimg.jp/images/music/event/vamps_2010/wapBg01.png) repeat-y 50% 0;
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;}
/**/

#WapInnr{
background:url(http://i.yimg.jp/images/music/event/vamps_2010/wapBg02.png) no-repeat 50% 100%;
clear:both;
width:100%;
}

#WapBox{
background:url(http://i.yimg.jp/images/music/event/vamps_2010/background.jpg) no-repeat 50% 0;
clear:both;
width:100%;
}


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

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

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

 /*plugin
--------------------------------------------*/
.plugin{
border:1px solid #333333;
color:#9a9a9a;
margin:30px auto 0;
padding:10px 15px;
width:820px;
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:-281px -481px;
width:150px;
padding-top:33px;
}

 /*backlink
--------------------------------------------*/
.backlink{
clear:both;
font-size:123%;
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;
}

#header #yjmcLogo{
float:right;
padding:10px 20px 0 0;
}

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

#header p#report{
color:#e1dfe1;
font-size:93%;
margin:0 0 0 10px;
padding:10px;
}

#header p#report strong{
font-weight:bold;
font-size:134%;
}

#header .hdInnr{
padding:0 20px 25px;
}

#header h1{
display:block;
text-indent:-9999px;
overflow:hidden;
width:500px;
height:185px;
}

#header p#stream{
color:#fff;
font-size:20px;
font-weight:bold;
line-height:1.33em;
padding:14px 0 0 5px;
}

#header h3{
color:#e1dfe1;
font-size:123%;
font-weight:bold;
padding-top:20px;
line-height:1.3em;
}

#header p#notify{
color:#e1dfe1;
font-size:116%;
padding-top:15px;
line-height:1.3em;
width:460px;
}

#header p#notify span{
display:block;
font-size:86%;
padding-top:5px;
}

/* contents
--------------------------------------------*/
div#contents{
padding:0 20px 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;
}

/* Player
---------------------*/
#lftbox{
float:left;
width:450px;
}

dl#Player dt{
background-position:0 -71px;
color:#ffffff;
padding:20px 25px;
width:400px;
height:305px;
line-height:1.4em;
}

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;
display:inline-block;
vertical-align:middle;
}

dl#Player dt strong.st01{

padding:0 20px;
line-height:140%;
width:360px;
}

dl#Player dt strong.st02{
padding:0 5px;
width:390px;
}
dl#Player dt strong.st03{
font-weight:normal;
}

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

dl#Player dd{
background:#15171a;
color:#9a9a9a;
padding:15px;
}


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

dl#Player dd dl dt{
background:none !important;
color:#9a9a9a;
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-right:15px;
}

#info p.pic img{
border:1px solid #650383;
}
#info h4{
font-size:116%;
font-weight:bold;
}

#info p{
font-size:116%;
line-height:1.5em;
}

#info h4.album{
color:#a7c6d8;
background-position:-5px -6px;
padding-left:25px;
margin-left:148px;
margin-bottom:10px;
line-height:23px;
}

#info h4.link{
color:#9cb9ca;
clear:both;
padding-top:15px;
margin-bottom:10px;
}

#info p.capt{
line-height:1.3em;
color:#e1dfe1;
}

/* Twitter
---------------------*/
#Twitter{
float:right;
width:450px;
}

#Twitter h4{
background-position:0 -422px;
text-indent:-9999px;
overflow:hidden;
width:450px;
height:55px;
}

#Twitter div.clrfix{
background:#181818;
padding:15px;
}

#Twitter textarea{
color:#242424;
font-size:116%;
width:100%;
}

#Twitter div.clrfix p{
font-size:93%;
margin-top:5px;
color:#ffffff;
}

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

#Twitter div.clrfix p.morelink{
}

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

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

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

#Twitter div#comment li p.txt{
font-size:93%;
margin-left:60px;
line-height:1.3em;
}

#Twitter div#comment li p.txt span{
color:#107301;
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 ¡ù¡ù{zoom:1;}


/* SoundStation
---------------------*/
#Station{
float:left;
background-position:0 -647px;
width:450px;
overflow:hidden;
*zoom:1;
}

#Station h4{
background-position:23px -561px;
text-indent:-9999px;
overflow:hidden;
width:450px;
height:29px;
margin-top:8px;
margin-bottom:5px;
}

#Station dl{
float:left;
width:200px;
margin-left:15px;
margin-top:2px;

}

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

#Station dd{
margin-top:10px;
text-align:center;
}

#Station dd a{
background-position:-76px -482px;
display:inline-block;
overflow:hidden;
width:197px;
height:0;
padding-top:57px;
}

#Station p{
font-size:108%;
margin-left:225px;
margin-top:7px;
line-height:1.7em;
color:#e1dfe1;
}

/* Movie
---------------------*/
#Movie{
float:right;
background-position:0 -651px;
width:450px;
overflow:hidden;
*zoom:1;
}

#Movie h4{
background-position:23px -601px;
text-indent:-9999px;
overflow:hidden;
width:450px;
height:38px;
margin-bottom:5px;
}

#Movie dl{
float:left;
width:200px;
margin-left:15px;
margin-top:10px;
}

#Movie dt{
width:196px;
border:1px solid #650383;
}
#Movie dd{
font-size:108%;
margin-top:10px;
text-align:center;
}

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

#Movie p{
font-size:108%;
margin-left:225px;
margin-top:10px;
line-height:1.7em;
color:#e1dfe1;
}


/* footer
--------------------------------------------*/
#footer{
clear:both;
color:#9a9a9a;
padding:15px 20px 20px;
text-align:center;
}

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