#titles {
    overflow: hidden;
    background-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 99999;
    left: 0;
    top: 0;
}
#titles div#the-end {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 12px #fff;
    width: 100%;
    text-align: center;
	margin-left:40px;}
	
#credits {
    color: #fff;
    position: absolute;
}
#credits h1 {
    color: #888;
    width: 100%;
    height: 100%;
    margin: 50px 0 20px 40px;
    text-align: center;
    font-size: 20px;
    font-family: monospace;
    text-transform: uppercase;
    letter-spacing: 10px;
}

#credits dl {
    margin-top: 40px;}

#credits dt {
    float: left;
    width: 260px;
	height:40px;
    margin: 0;
    padding-top: 13px;
    text-align: right;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    font-size: 16px;
    clear:left;}

#credits dd {
    width: 100%;
	height:40px;
    margin-left:280px;
    padding-top: 16px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    font-size: 13px;}
	
#credits p {
    width: 508px;
    margin: 10px 0 10px 40px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 20px;}

#credits p img{
	margin:30px auto;}


#credits footer {
    color: #888888;
    width: 100%;
    margin: 80px 0 80px 40px;
    text-align: center;
    font-size: 10px;
    font-family: sans-serif;
}




/*--clearfix--*/

.clearfix: after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* close commented backslash hack */