@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;}


/* 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:#fff;}
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:#2ae7f8;text-decoration:underline;}
a:hover{color:#f8e42a;text-decoration:none;}
a:visited{color:#c09740;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,
#Twitter div.clrfix #twtrBtn,
#Station h4,
#Movie h4,
#Station dt,
#Station dd a,
.plugin span a{
background:url(http://i.yimg.jp/images/music/event/hasakiayumi_2010/allsplt.png) no-repeat;
}


/*************************************
  LAYOUT
*************************************/
/*layout
--------------------------------------------*/
body{background:#000 url(http://i.yimg.jp/images/music/event/hasakiayumi_2010/main_visual.jpg) no-repeat 50% 0;margin:0;text-align:center;height:100%;}

#wapper{
clear:both;
width:950px;
margin:0 auto;
padding:0;
text-align:left;
}
#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;}
/**/


 /*plugin
--------------------------------------------*/
.plugin{
border:1px solid #4e4e4e;
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:-74px -486px;
width:150px;
padding-top:33px;
}

.plugin span.wmp a{
background-position:-135px -455px;
width:88px;
padding-top:31px;
}

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

/* header
--------------------------------------------*/
#header{
padding:10px 20px 20px;
}
#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:left;
}

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

#header p#report{
color:#f8e42a;
font-size:123%;
margin-left:196px;
padding-top:30px;
}

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

#header p#report span{
font-size:80%;
}

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

#header p#stream{
font-size:177%;
line-height:1.33em;
padding-left:5px;
}

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

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

/* contents
--------------------------------------------*/
div#contents{
border-left:1px solid #242424;
border-right:1px solid #242424;
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:10px;
padding-top:10px;
border-top:1px solid #403f3f;
}

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

dl#Player dt{
background-position:0 -72px;
padding:20px 25px;
width:400px;
height:300px;
}

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

dl#Player dt strong{
font-size:108%;
font-weight:bold;
display:inline-block;
width:390px;
padding-right:5px;
vertical-align:middle;
}

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

dl#Player dd{
background:#5b0103;
padding:15px;
}

#info{
padding:15px;
}

#info p.pic{
float:left;
width:131px;
}

#info p.pic img{
border:1px solid #fff;
}

#info h4{
color:#f8e42a;
font-size:116%;
font-weight:bold;
margin-bottom:15px;
}

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

#info h4.album{
background-position:0 -10px;
padding-left:24px;
margin-left:148px;
}

#info h4.link{
clear:both;
padding-top:15px;
}

#info p.capt{
margin-left:148px;
line-height:1.3em;
}

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

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

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

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

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

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

#Twitter div.clrfix p.morelink{
text-align:right;
}

#Twitter div.clrfix #twtrBtn{
background-position:-74px -455px;
border:none;
cursor:pointer;
display:inline-block;
overflow:hidden;
width:61px;
height:23px;
vertical-align:middle;
margin-right:5px;
}

#Twitter div#comment{
background:#403f3f;
border:1px solid #000;
padding:15px 10px;
overflow:auto;
height:580px;
margin-top:20px;
}

#Twitter div#comment li{
border-top:1px solid #616161;
border-bottom:1px solid #000;
padding:15px 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:#9fb97e;
display:block;
}

/* SoundStation
---------------------*/
#Station{
border-right:1px solid #403f3f;
float:left;
padding-right:20px;
width:435px;
overflow:hidden;
*zoom:1;
}

#Station h4{
background-position:0 -612px;
text-indent:-9999px;
overflow:hidden;
width:450px;
height:47px;
}

#Station dl{
float:left;
width:200px;
}

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

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

#Station dd a{
background-position:0 -529px;
display:inline-block;
overflow:hidden;
width:199px;
height:0;
padding-top:59px;
}

#Station p{
font-size:108%;
margin-left:217px;
}

/* Movie
---------------------*/
#Movie{
float:right;
padding-left:20px;
width:432px;
overflow:hidden;
*zoom:1;
}
*html #Movie{margin-right:-6px;padding-left:14px;width:438px;}/*for IE6 text bug*/

#Movie h4{
background-position:0 -661px;
text-indent:-9999px;
overflow:hidden;
width:432px;
height:47px;
}

#Movie dl{
float:left;
width:200px;
}

#Movie dt{
width:200px;
}

#Movie dt img{
border:1px solid #fff;
}

#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:214px;
}


/* footer
--------------------------------------------*/
#footer{
background:#0f0f0f;
border-left:1px solid #242424;
border-right:1px solid #242424;
clear:both;
color:#bebdbd;
padding:0 10px 10px;
text-align:center;
}

#footer address{
padding-top:8px;
}

#footer p{
padding-top:10px;
}