@charset "utf-8";
/*-------------------------------------------------------------------------
 reset
-------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

body {
z-index:1;
margin:0;
padding:0;
background:#000;
color:#fff;
font-family:'メイリオ',Meiryo,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
line-height:1.6;
}

ol, ul {
list-style:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

img {
border:0;
vertical-align: top;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {/*html5のタグをブロック要素に*/
display:block;
}

a {
color:#FFF;
text-decoration:underline;
}












.fL{
float:left;
}

.fR{
float:right;
}

a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

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

.clearfix{display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*---------layout:index.html---------*/
#wrapper{
width:100%;
}

h1{
width:375px;
position:absolute;
top:30px;
left:30px;
}




#menu{
width:510px;
position:absolute;
top:0px;
right:30px;
text-align:right;
}

#menu .prof{
position:absolute;
top:30px;
right:400px;
}

#menu .news{
position:absolute;
top:30px;
right:320px;
}

#menu .live{
position:absolute;
top:30px;
right:240px;
}

#menu .works{
position:absolute;
top:30px;
right:160px;
}

#menu .blog{
position:absolute;
top:30px;
right:80px;
}

#menu .fb{
position:absolute;
top:30px;
right:0px;
}

#menu .prof a {
display: block;
width: 104px;
height:116px;
background: url(img/n1_prof.png) no-repeat 0 0;
}

#menu .prof a:hover {
background-position: 0 bottom;
}

#menu .news a {
display: block;
width: 104px;
height:116px;
background: url(img/n2_news.png) no-repeat 0 0;
}

#menu .news a:hover {
background-position: 0 bottom;
}

#menu .live a {
display: block;
width: 104px;
height:116px;
background: url(img/n3_live.png) no-repeat 0 0;
}

#menu .live a:hover {
background-position: 0 bottom;
}

#menu .works a {
display: block;
width: 104px;
height:116px;
background: url(img/n4_works.png) no-repeat 0 0;
}

#menu .works a:hover {
background-position: 0 bottom;
}

#menu .blog a {
display: block;
width: 104px;
height:116px;
background: url(img/n5_blog.png) no-repeat 0 0;
}

#menu .blog a:hover {
background-position: 0 bottom;
}

#menu .fb a {
display: block;
width: 104px;
height:116px;
background: url(img/n6_fb.png) no-repeat 0 0;
}

#menu .fb a:hover {
background-position: 0 bottom;
}



#menu li{
float:left;
vertical-align:middle;
}

#menu li .sl{
margin:0 10px;
}

#bnr{
width:480px;
float:left;
text-align:right;
}

#ft{
width:100%;
text-align:right;
padding:20px 0;
position:absolute;
bottom:0px;
}

h2{
margin-bottom:20px;
position:absolute;
top:160px;
right:530px;
}

h3{
font-weight:bold;
font-size:140%;
}

/*---------layout:news.html---------*/

#news{
width:600px;
height:350px;
position:absolute;
top:210px;
right:50px;
padding:20px;
background-color:rgba(0,0,0,0.6);
}

#news dl{
margin-bottom:40px;
}

#news dt{
width:100px;
float:left;
}

#news dd{
width:480px;
float:left;
margin-bottom:50px;
}

/*---------layout:profile.html---------*/
#profile{
width:600px;
height:350px;
position:absolute;
top:210px;
right:50px;
padding:20px;
background-color:rgba(0,0,0,0.6);
}

/*---------layout:live.html---------*/
#live{
width:600px;
height:350px;
position:absolute;
top:210px;
right:50px;
padding:20px;
background-color:rgba(0,0,0,0.6);
}

#live dt{
width:100px;
float:left;
}

#live dd{
width:460px;
float:left;
margin-bottom:20px;
}

#live .lv_ttl{
font-size:120%;
font-weight:bold;
color:#000;
background-color:#FFF;
margin:30px 0 10px;
padding:0 10px;
}

/*---------layout:works.html---------*/
#works{
width:600px;
height:350px;
position:absolute;
top:210px;
right:50px;
padding:20px;
background-color:rgba(0,0,0,0.6);
}

#works dt{
width:130px;
float:left;
font-weight:bold;
margin-bottom:20px;
}

#works dt .yomi{
font-size:80%;
}

#works .type{
width:55px;
float:left;
margin-bottom:20px;
}

.typ_lb{
font-size:80%;
font-weight:bold;
color:#000;
background-color:#fff;
padding:0 3px;
}


#works .detail{
width:405px;
float:left;
margin-bottom:20px;
}

#works .wrk_ttl{
font-size:120%;
font-weight:bold;
margin:30px 0 10px;
border:1px #FFF solid;
padding:0 10px;
}

/*---------layout:album.html---------*/
#album{
width:600px;
height:350px;
position:absolute;
top:210px;
right:50px;
padding:20px;
background-color:rgba(0,0,0,0.6);
}