#personality {
width:940px;
margin:0 auto;
padding:40px 0 40px;
}

#personality :after {
content:"";
display:block;
clear:both;
height:0;
}

#personality {display:inline-block;}

#personality {display:block;}

#personality .portrait img {width:120px;}

#personality .program {
font-size:12px;
padding:5px 0 0;
}

#personality .program img {
vertical-align:text-bottom;
margin-right:5px;
}

/*モーダル部分CSS*/
.personalityBox {}
.personalityBox ul li{ float:left; width:100px; margin:10px 24px;}
.personalityBox ul li a img:hover {filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.personalityBox ul li img{ width:100%;}
.personalityBox ul li span{ display:inherit; text-align:center;}

.window {width:500px; background:#fff; padding:50px;}
.window .left { float:left; width:120px;}
.window .left img { width:100%;}
.window .right { float:right; width:330px;}
.window .right .yomi { font-size:10px; color:#999; margin-bottom:15px;}
.window .right .program { margin-bottom:15px;}
.window .right .copy { margin-bottom:15px;}

.personalityBox .section h2 {
background:#e4e9ec;
font-size:18px;
line-height:24px;
font-weight:normal;
margin:0 0 10px;
padding:10px;
border-radius:2px;
}