@charset 'iso-8859-1';

/* body
----------------------------------------*/
html{
background:#181818;
}

body{
text-align:center;
}

img{
display:block;
}

div#wrap{
background:url(static/images/background.gif) repeat-y;
width:926px;
margin:auto;
text-align:left;
}

/* menu
----------------------------------------*/
div#menu{
background:#091E5C;
position:fixed;
top:0;
width:906px;
height:29px;
margin-left:10px;
}

*html div#menu ,*:first-child+html div#menu{
margin:0;
}

*:first-child+html div#menu{
margin-left:-2px;
}

div#menu ul{
width:900px;
margin:auto;
}

div#menu ul li{
float:left;
border-right:1px solid #000000;
}

div#menu ul li a{
display:block;
background-image:url(images/b_menu.jpg);
background-repeat:no-repeat;
height:26px;
}

div#menu ul li#b_top a{
width:223px;
}
div#menu ul li#b_top a:hover{
background-position:0 -26px;
}

div#menu ul li#b_outline a{
background-position:-224px 0;
width:225px;
}
div#menu ul li#b_outline a:hover{
background-position:-224px -26px;
}

div#menu ul li#b_newelement a{
background-position:-450px 0;
width:225px;
}
div#menu ul li#b_newelement a:hover{
background-position:-450px -26px;
}

div#menu ul li#b_mainsys{
border:none;
}
div#menu ul li#b_mainsys a{
background-position:-676px 0;
width:224px;
}
div#menu ul li#b_mainsys a:hover{
background-position:-676px -26px;
}



/* contents
----------------------------------------*/
div#contents{
width:900px;
margin:auto;
padding-top:29px;
padding-bottom:60px;
}

*html div#contents{
padding-top:0;
padding-bottom:0;
}

div#contents #spec{
width:844px;
margin:0 auto;
margin-bottom:16px;
}


/*hr*/
div#contents .hrLine{
margin:10px auto;
}

/* SeriesTitle
----------------------------------------*/
div#contents div#series_title{
width:870px;
margin:0 auto;
margin-bottom:10px;
}

div#series_title h2{
float:left;
}

div#series_title div#list ul li{
display:inline;
background:url(images/icon_bs8x.gif) no-repeat left center;
padding-left:12px;
margin-right:12px;
}

div#series_title div#list{
margin-left:188px;
}


/* movie
----------------------------------------*/
div#contents div#movie{
background:url(images/back_movie.jpg) no-repeat;
width:845px;
height:180px;
margin:0 auto;
text-align:center;
}

div#movie div#playButton{
width:158px;
margin:0 auto;
padding-top:110px;
}


/* elementSet
----------------------------------------*/
#contents div.elementSet{
width:845px;
margin:auto;
padding-bottom:10px;
}

#contents div.elementSet img.bodyLine{
margin:25px 0;
}

#contents div.elementSet img.bodyLine_b{
margin-bottom:25px;
}


/*h2*/
div.elementSet h2{
background:url(images/h2_backimg.gif) no-repeat;
padding-left:64px;
height:62px;
text-align:left;
}

div.elementSet h3{
margin-top:10px;
}

/*body*/
div.elementSet div.body{
margin-top:10px;
margin-bottom:60px;
}

div.body table{
width:845px;
}

div.body table tr td{
vertical-align:top;
width:385px;
}

div.vMiddle table tr td{
vertical-align:middle;
}

div.body table tr td.centerTopics{
text-align:center;
width:auto;
}

div.body table tr td.centerTopics img{
margin:auto;
}

div.body table tr td img.infoText{
margin-top:15px;
}

div#newac table tr td img.infoText{
margin-top:0;
}

div.vMiddle table tr td img.infoText{
margin-top:0;
margin-left:20px;
}


/* footer
----------------------------------------*/
#footer{
background:#000000;
position:fixed;
bottom:0;
width:900px;
height:42px;
margin-left:13px;
border-top:3px solid #091E5C;
}

#footer .leftside{
float:left;
}

#footer .rightside{
float:right;
width:535px;
}


/* Footer BannerArea
----------------------------------------*/
#bannerArea{
padding:5px;
padding-bottom:0;
}

#bannerArea .leftside{
margin-bottom:6px;
}

#bannerArea .rightside{
margin-bottom:6px;
}



/* Footer SITE information
----------------------------------------*/
#siteInfo .leftside{
}

#siteInfo .rightside{
}

#siteInfo #fromlogo{
width:137px;
margin-left:12px;
margin-top:13px;
}

*html #siteInfo #fromlogo{
margin-left:6px;
}

#siteInfo address{
float:left;
margin-top:7px;
margin-right:5px;
}

#siteInfo #wmp{
float:right;
width:88px;
margin-top:3px;
margin-right:5px;
}