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

/* index page title */
#contents-pack #pack-left h3{
background-image: url(../images/title_page_member.gif);
height:45px;
}
#pack-left h4,#pack-left h5{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
overflow: hidden;
}


/* head */
#pack-left #head-member{
margin:0 0 20px 0;
position: relative;
}
#head-member h4{
background-image: url(../images/body_member.gif);
height: 90px;
width: 300px;
}
#head-member .illust{
height: auto;
width: 180px;
position: absolute;
top: 20px;
right: 10px;
}
#head-member .lead{
width:300px;
margin:0 0 10px 0;
}
#head-member .visual{
height: 210px;
width: 510px;
}



/* what is possible? */

#box-member{
}
#box-member h5.body-member1{
background-image: url(../images/title_member_possible1.gif);
height: 30px;
width: 300px;
}
#box-member h5.body-member2{
background-image: url(../images/title_member_possible2.gif);
height: 30px;
width: 300px;
margin:20px 0 0 0;
}
#box-member h5.body-member3{
background-image: url(../images/title_member_possible3.gif);
height: 30px;
width: 300px;
margin:20px 0 0 0;
}
#box-member h5.body-member4{
background-image: url(../images/title_member_possible4.gif);
height: 30px;
width: 300px;
margin:20px 0 0 0;
}
#box-member dl{
	width:510px;
	height:auto;
	margin:0 0 10px 0;
}
#box-member dt{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
float: left;
height: 10px;
width: 47px;
overflow: hidden;
}
#box-member dt.sono1{
background-image: url(../images/text_member_sono1.gif);
}
#box-member dt.sono2{
background-image: url(../images/text_member_sono2.gif);
}
#box-member dt.sono3{
background-image: url(../images/text_member_sono3.gif);
}
#box-member dd{
display: block;
float: left;
width: 443px;
}