@charset "UTF-8";
/* CSS Document */
@import url(init.css);

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


/*************** 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;
}


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


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


.font10 {
font-size: 10px;
}


.font16 {
font-size: 16px;
}
.font16 {
font-size: 14px;
}

.color {
color: #666699;
}

/*************** top***************/

.news {
margin-top: 10px;
text-indent: 10px;
font-size: 10px;
text-decoration: none;
background: url(../img/common/arrow.gif) no-repeat;
background-position: left center;
}
.nounder {
text-decoration: none;
}

/*************** 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;
}

#disc_new {
width: 350px;
height: 110px;
padding: 10px;
background-color: #FFFFFF;
}

.disc_new1 {
width: 110px;
float: left;
}

.disc_new2 {
width: 230px;
text-align: center;
font-size: 12px;
float: left;
margin-left: 10px;
}


#myspace {
width: 370px;
height: 50px;
}

.myspace1 {
width: 210px;
height: 50px;
float: left;
}

.myspace2 {
float: left;
font-size:10px;
margin-top:20px;
}

.otherli {
margin-left: 15px;
list-style: outside;
list-style-type: disc;
}



/*************** gallery ***************/

.gal_kuse {
text-align: center;
}

.gal_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;
}

.yoko {
padding-top: 18px;
margin-bottom: 2px;
}


/*************** contact ***************/

.contact {
font-size: 10px;
background-color: #FFFFFF;
display: inline;
padding: 3px;
}

.thank {
text-align: center;
font-size: 14px;
margin-top: 100px;
}


.mess {padding-top: 50px; clear:both; }
.submit {margin: 10px;}
.return {margin: 10px;}
dt {margin-top: 5px; width: 12em; float:left; clear:both; }
dd {margin-top: 5px; width: 200px; float:left;}

.submit {width:120px; height:30px; float:left; }
.return {width:120px; height:30px; float:left; clear:both; }


/*************** 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;
}