body {
background: url(common/images/bg/bg_base_a.jpg) repeat-y;
}
u {
background: #ECEACE;
text-decoration: none;
}
/* ----- header ----- */
#header {
background: url(common/images/bg/bg_base_b.jpg) repeat-y;
}
/* ----- topmovie ----- */
#topmovie {
position: absolute;
left: 240px;
top: 39px;
width: 520px;
height: 152px;
}
/* ----- main ----- */
#main {
background: url(common/images/bg/bg_base_b.jpg) repeat-y;
}
/* ----- leftbox ----- */
#leftbox {
padding: 0px;
margin-top: 0px;
}

/* ----- news ----- */
#news {
float: left;
width: 385px;
margin-top: 65px;
margin-bottom: 8px;
margin-left: 10px;
background: #FFFFFF;
}
#news h2 {
margin: 0px;
position: relative;
top: -8px;
text-align: center;
}
#news .info {
border: 1px solid #FECD67;
padding-bottom: 10px;
padding-right: 0px;
margin: 20px 10px 15px;
background: #FFFFCC;
}
.info:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.info
{
display: inline-block;
}
/* Hides from IE-mac \*/
* html  .info {height: 1%;}
 .info {display: block;}
/* End hide from IE-mac */

#news .info ul {
margin-bottom: 10px;
margin-top: 5px;
}
#news .info li{
list-style: url(common/images/button/square_blue.gif);
margin-left: -11px;
padding-right: 10px;
}
#news .cell {
color: #333333;
overflow: auto;
height: 95px;
scrollbar-base-color: #FFF8EE;
scrollbar-track-color: #FFF8EE;
scrollbar-3dlight-color: #999966;
scrollbar-arrow-color: #CCCC99;
scrollbar-darkshadow-color: #CCCC99;
}
#news .cell p {
margin: 8px 4px 8px 8px;
}
#news .cell ul {
margin-top: 0px;
margin-bottom: 0px;
}
#news .cell li{
list-style: url(common/images/button/star_orange.gif);
margin-left: -13px;
margin-bottom: 5px;
}

/* ----- topics ----- */
#topics {
text-align: center;
overflow: visible;
color: #589B7D;
margin-top: 15px;
margin-bottom: 8px;
background: #D9EEE4;
width: 180px;
margin-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
}
#topics img {
margin: 1px 0px;
}
#topics h2 {
margin: 5px 0px 0px;
padding: 0px;
}
#topics p {
margin: 0px;
padding: 0px;
}

/* ----- space ----- */
#space {
width: 175px;
float: right;
background: #FDDFDF;
padding-top: 5px;
text-align: center;
overflow: auto;
margin-top: 65px;
margin-right: 5px;
border: 1px solid #8A6F6F;
}
#space h2 {
margin: 5px 0px 6px;
padding: 0px;
}
#space ul {
margin-top: 5px;
margin-bottom: 5px;
}
#space li {
text-align: left;
list-style: url(common/images/button/star_green.gif);
margin-left: -12px;
margin-bottom: 5px;
font: 95% "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #669933;
}
#space a:link     {
color: #3366CC;
text-decoration: none;
}
#space a:visited  {
color: #3366CC;
text-decoration: none;
}
#space a:hover    {
color: #000000;
text-decoration: underline;
}
#space .cell {
color: #333333;
overflow: auto;
height: 365px;
scrollbar-base-color: #FFEEEE;
scrollbar-track-color: #FFEEEE;
scrollbar-3dlight-color: #996666;
scrollbar-arrow-color: #CC9999;
scrollbar-darkshadow-color: #CC9999;
}
.newlist {
clear: both;
margin: 4px 0px 4px 8px;
}
.newimg {
float: left;
margin-right: 3px;
}
.newlist .date {
float: left;
}
.newlink {
display: block;
float: left;
width: 265px;
padding-left: 2px;
}
.rss {
margin: 1px 3px 5px;
color: #D27E00;
font: 12px "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.rss img{
position: relative;
top: 2px;
}
.more {
clear: both;
text-align: right;
margin: -5px 5px 5px;
}
.kaiko {
text-align: right;
margin: -2px 0px 0px;
font-size: 85%;
background: #FFBDBD;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 1px;
}
.kaikolist {
padding-left: 10px;
}
.msgwelcome {
color: #339933;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}
.msgwelcome p {
text-align: left;
margin: 5px 15px 8px;
}
.msgstart {
padding: 0px;
margin: 5px 0px 16px;
text-align: center;
}
.msgstart p {
padding: 0px;
margin: 5px 15px 5px;
color: #936868;
font-weight: bold;
text-align: left;
}
.scene {
width: 175px;
float: right;
text-align: center;
margin-right: 5px;
margin-top: 10px;
}