@import "common.css";

/* CSS Document */

/* ------------------------------
main-visual
------------------------------ */

#main-visual{
clear:both;
margin:19px;
}

/* ------------------------------
contents
------------------------------ */

#contents {
width:860px;
margin:auto;
}

/* ------------------------------
whats-new
------------------------------ */

#whats-new {
float:left;
width:550px;
margin:auto;
}
#whats-new dl {
clear:both;
padding-left:1em;
padding-top:1em;
padding-bottom:1em;
width:530px;
margin-left:20px;
border-bottom:1px solid #cccccc;
}
#whats-new dl dt {
font-weight:bolder;
border-left:8px solid #ff9900;
padding-left:0.3em;
margin-bottom:0.3em;
}
#whats-new dl dd {
margin-left:1.1em;
}
#whats-new dl #strong {
border-left:8px solid #ffffff;
background-color:#ccffff;
}
.past-background {
background:#F4FFFF;
}
#whats-new dl dt.past-borderleft {
font-weight:bolder;
border-left:8px solid #f4a460;
padding-left:0.3em;
margin-bottom:0.3em;
}
#random {
float:right;
height:140px;
width:180px;
}

/* ------------------------------
news-rerease
------------------------------ */

#news-rerease {
float:right;
width:250px;
margin:auto;
}
#news-rerease dl dt {
color: #666666;
font-size:95%;
margin-top:1em;
margin-left:1em;
margin-right:1em;
line-height:1.1em;
}
#news-rerease dl dd {
margin-left:2em;
margin-right:1em;
}

/* ------------------------------
misaka
------------------------------ */

#misaka {
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
#misaka p {
margin-left:1.6em;
margin-right:1em;
}

/* ------------------------------
mobile
------------------------------ */

#mobile {
margin-left:2em;
height:80px;
background-image:url(../images/qr-code.gif);
background-repeat:no-repeat;
display:block;
background-position:right top;
}