@charset "UTF-8";
/* CSS Document */

/*- init -----------------------------------------------------*/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin:0;
	padding:0;
	vertical-align:baseline;
}
h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
	font-size:1.0em;
}
table {border-spacing:0;border-collapse:collapse;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style:none;}
b {font-weight:normal;}
em,i,address {font-style:normal;}

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



/*- common -----------------------------------------------------*/

html{
height:100%;
}

body {
color:#666666;
font-size:12px;
line-height:100%;
font-family: "メイリオ","ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
line-height: 180%;
letter-spacing: 0.1em;
height: 100%;
width: 960px;
margin:0px auto;
text-align: center;
}

a:link {color: #666666; text-decoration:underground;}
a:visited {color: #666666;text-decoration:underground;} 
a:active {color: #999999; text-decoration:none;} 
a:hover {color: #999999; text-decoration:none;}

h2 {
margin-bottom: 30px;
}

h3 {
font-size: 10px;
font-weight: bold;
background-color: #FFFFFF;
display: inline;
padding: 3px;
}


/*************** div ID ***************/

#conts {
width: 100%;
height: 100%;
min-height: 100%;
background: url(../../../../img/common/back.gif) repeat-y;
text-align: left;
}

body > #conts {
height: auto;
}

#left h1 a {
width: 220px;
height: 30px;
position: fixed;
_position: absolute;
top: 50%;
left:auto;
margin-top: -20px;
background: url(../../../../img/common/logo.gif) no-repeat;
background-position: center;
text-indent: -9999px;
display: block;
overflow:hidden;
}

#middle {
width: 370px;
height: 100%;
min-height: 100%;
margin-left: 300px;
padding: 60px 50px;
}

#right {
width: 110px;
height: 200px;
position: fixed;
_position: absolute;
top: 50%;
margin-top: -90px;
margin-left: 850px;
}

#right ul li {
list-style: none;
line-height:100%;
display:block;
list-style: outside
}


#right li a span {
display:none;
list-style: none;
}


#footer {
clear: both;
width: 950px;
text-align: left;
}

/*************** フォント&画像 ***************/


.back {
font-size: 10px;
background: url(../../../../img/common/arrow.gif) no-repeat;
background-position: left center;
text-indent: 10px;
}

.copy {
font-size: 10px;
text-align: left;
}

.kuse {
font-size: 10px;
line-height:normal;
letter-spacing: 0em;
}


.font10 {
font-size: 10px;
}


.font16 {
font-size: 16px;
}

/*************** live ***************/

div.post {
margin-bottom: 80px;
margin-top: 10px;
}

/*************** profile***************/

.pro_img {
margin: 20px 0;
}

/*************** disco ***************/

.disc_box {
width: 110px;
font-size:10px;
line-height: normal;
letter-spacing: 0em;
margin-right: 20px;
margin-bottom: 20px;
float:left;
}

.disc_up {
width: 170px;
float: left;
margin-bottom: 30px;
}

.disc_expl {
width: 200px;
float: left;
}



/*************** garelly ***************/

.gar_box {
width: 110px;
height: 110px;
text-align: center;
margin-right: 20px;
margin-bottom: 20px;
float:left;
display: table-cell;
vertical-align: middle;
line-height: 110px;
}

.right_img {
margin-right: 0;
}


/*************** MENU部分 ***************/

.menu {
margin-top: 0;
font-size: 11px;
}

.pro a {
background: url(../../../../img/common/menu_pro.gif) no-repeat;
width: 58px;
height: 11px;
margin-bottom: 13px;
display:block;
}

.pro a:hover {
background: url(../../../../img/common/menu_pro_o.gif) no-repeat;
}


.dis a {
background: url(../../../../img/common/menu_dis.gif) no-repeat;
width: 110px;
height: 11px;
margin-bottom: 13px;
display:block;
}

.dis a:hover {
background: url(../../../../img/common/menu_dis_o.gif) no-repeat;
}

.live a {
background: url(../../../../img/common/menu_live.gif) no-repeat;
width: 87px;
height: 11px;
margin-bottom: 13px;
display:block;
}

.live a:hover {
background: url(../../../../img/common/menu_live_o.gif) no-repeat;
}

.rad a {
background: url(../../../../img/common/menu_rad.gif) no-repeat;
width: 49px;
height: 11px;
margin-bottom: 13px;
display:block;
}

.rad a:hover {
background: url(../../../../img/common/menu_rad_o.gif) no-repeat;
}


.gar a {
background: url(../../../../img/common/menu_gar.gif) no-repeat;
width: 65px;
height: 11px;
margin-bottom: 13px;
display:block;
}

.gar a:hover {
background: url(../../../../img/common/menu_gar_o.gif) no-repeat;
}


.blog a {
background: url(../../../../img/common/menu_blog.gif) no-repeat;
width: 40px;
height: 11px;
margin-bottom: 13px;
display:block;
}

.blog a:hover {
background: url(../../../../img/common/menu_blog_o.gif) no-repeat;
}

.link a {
background: url(../../../../img/common/menu_link.gif) no-repeat;
width: 33px;
height: 11px;
margin-bottom: 13px;
display:block;
}

.link a:hover {
background: url(../../../../img/common/menu_link_o.gif) no-repeat;
}

.con a {
background: url(../../../../img/common/menu_con.gif) no-repeat;
width: 72px;
height: 11px;
display:block;
}

.con a:hover {
background: url(../../../../img/common/menu_con_o.gif) no-repeat;
}