*{ 
 padding: 0px;
 margin: 0px;
}

html {
 scrollbar-track-color: #a2a2a2;
 scrollbar-face-color: #e7e7e7;
 scrollbar-shadow-color: #e7e7e7;
 scrollbar-darkshadow-color: #737373;
 scrollbar-highlight-color: #e7e7e7;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #888888;
 height:100%;
}

body {
 position: relative;
 width: 100%;
 height:100%;
 min-height: 100%;
 top: 0px;
 z-index: 0;
 overflow: auto;
 background-color: #000000;
}

div#container {
 position: absolute;
 width: 100%;
 min-height: 100%;
 top: 0;
 z-index: 1;
}

* html div#container {
 height: 100%; 
}

div#wrapper {
 position: absolute;
 width: 960px;
 height: 590px;
 top: 50%;
 left: 50%;
 margin-left: -480px;
 margin-top: -295px;
 display: block;
 overflow: hidden;
}



/* ヘッダー */

div#container-header {
 width: 960px;
 height: 50px;
 display: block;
 text-align2: center;
 overflow: hidden;
 background: url(http://www.koretame.jp/royalstory/images/bg-header.jpg) top left repeat-x;
}

div#container-header div#menu {
 clear: both;
 width: 880px;
 height: 50px;
 margin: 0px 40px;
}

div#container-header div#menu ul li {
 width: 110px;
 height: 50px;
 text-indent: -9999px;
 list-style-type: none;
 float: left;
}

div#container-header div#menu ul li a {
 width: 110px;
 height: 50px;
 display: block;
 overflow: hidden;
}

div#container-header div#menu ul li.intro {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-intro.jpg) top left no-repeat;
}

div#container-header div#menu ul li.intro a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-intro-over.jpg) top left no-repeat;
}

div#container-header div#menu ul li.outline {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-outline.jpg) top left no-repeat;
}

div#container-header div#menu ul li.outline a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-outline-over.jpg) top left no-repeat;
}

div#container-header div#menu ul li.story {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-story.jpg) top left no-repeat;
}

div#container-header div#menu ul li.story a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-story-over.jpg) top left no-repeat;
}

div#container-header div#menu ul li.chart {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-chart.jpg) top left no-repeat;
}

div#container-header div#menu ul li.chart a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-chart-over.jpg) top left no-repeat;
}

div#container-header div#menu ul li.cast_staff {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-cast_staff.jpg) top left no-repeat;
}

div#container-header div#menu ul li.cast_staff a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-cast_staff-over.jpg) top left no-repeat;
}

div#container-header div#menu ul li.program {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-program.jpg) top left no-repeat;
}

div#container-header div#menu ul li.program a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-program-over.jpg) top left no-repeat;
}

div#container-header div#menu ul li.dvd {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-dvd.jpg) top left no-repeat;
}

div#container-header div#menu ul li.dvd a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-dvd-over.jpg) top left no-repeat;
}

div#container-header div#menu ul li.blog {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-blog.jpg) top left no-repeat;
}

div#container-header div#menu ul li.blog a:hover {
 width: 110px;
 height: 50px;
 background: url(http://www.koretame.jp/royalstory/images/button-blog-over.jpg) top left no-repeat;
}



/* メイン（共通） */

div#container-middle, div#container-main {
 width: 960px;
 height: 510px;
}

div#wrapper-main {
 width: 960px;
 height: 510px;
 background: url(http://www.koretame.jp/royalstory/images/bg-main.jpg) top left no-repeat;
}

div#container-contents {
 position: relative;
 top: 10px;
 left: 260px;
 width: 640px;
 height: 440px;
}

div#container-title {
 width: 600px;
 height: 66px;
 padding: 0px 20px;
}

div#container-submenu {
 position: absolute;
 top: 10px;
 left: 10px;
 width: 240px;
 height: 330px;
}

div#title-entry {
 padding: 23px 10px 0px;
 float: left;
}

div#content-entry {
width: 600px;
 height: 354px;
 padding: 0px 20px;
 overflow: auto;
}

div#content-entrybody {
 vertival-align: top;
}

img.entry-image {
 width: 300px;
 height: 200px;
 margin: 0px 16px 10px 0px;
 float: left;
}

div#content-entrymore {
 clear: both;
 border-top: 1px solid #999999;
 margin-top: 20px;
 padding-top: 16px;
}



/* イントロダクション */

div#container-intro {
 position: relative;
 top: 25px;
 left: 25px;
 clear: both;
 width: 910px;
 height: 460px;
 background: url(http://www.koretame.jp/royalstory/images/bg-intro.jpg) top center no-repeat;
}

div#title-intro {
 width: 600p;
 height: 66px;
 text-indent: -9999px;
 background: url(http://www.koretame.jp/royalstory/images/title-intro.jpg) top right no-repeat;
}

div#content-intro {
 width: 600px;
 height: 354px;
 padding: 0px 20px;
 overflow: auto;
}



/* ストーリー */

div#container-outline {
 position: relative;
 top: 25px;
 left: 25px;
 clear: both;
 width: 910px;
 height: 460px;
 background: url(http://www.koretame.jp/royalstory/images/bg-outline.jpg) top center no-repeat;
}

div#title-outline {
 width: 600p;
 height: 66px;
 text-indent: -9999px;
 background: url(http://www.koretame.jp/royalstory/images/title-outline.jpg) top right no-repeat;
}

div#content-outline {
 width: 600px;
 height: 354px;
 padding: 0px 20px;
 overflow: auto;
}



/* あらすじ */

div#container-story {
 position: relative;
 top: 25px;
 left: 25px;
 clear: both;
 width: 910px;
 height: 460px;
 background: url(http://www.koretame.jp/royalstory/images/bg-story.jpg) top center no-repeat;
}

div#title-story {
 width: 600p;
 height: 66px;
 text-indent: -9999px;
 background: url(http://www.koretame.jp/royalstory/images/title-story.jpg) top right no-repeat;
}

div#content-story {
 width: 600px;
 height: 354px;
 padding: 0px 20px;
 overflow: auto;
}

div#prevnext {
 text-align: center;
}



/* キャスト＆スタッフ */

div#container-cast {
 position: relative;
 top: 25px;
 left: 25px;
 clear: both;
 width: 910px;
 height: 460px;
 background: url(http://www.koretame.jp/royalstory/images/bg-cast.jpg) top center no-repeat;
}

div#title-cast {
 width: 600p;
 height: 66px;
 text-indent: -9999px;
 background: url(http://www.koretame.jp/royalstory/images/title-cast.jpg) top right no-repeat;
}

div#content-cast {
 width: 600px;
 height: 354px;
 padding: 0px 20px;
 overflow: auto;
}

div#catchcopy2 {
 padding-bottom: 5px;
}



/* 放送実績 */

div#container-program {
 position: relative;
 top: 25px;
 left: 25px;
 clear: both;
 width: 910px;
 height: 460px;
 background: url(http://www.koretame.jp/royalstory/images/bg-program.jpg) top center no-repeat;
}

div#title-program {
 width: 600p;
 height: 66px;
 text-indent: -9999px;
 background: url(http://www.koretame.jp/royalstory/images/title-program.jpg) top right no-repeat;
}

div#content-program {
 width: 600px;
 height: 354px;
 padding: 0px 20px;
 overflow: auto;
}



/* DVD情報 */

div#container-dvd {
 position: relative;
 top: 25px;
 left: 25px;
 clear: both;
 width: 910px;
 height: 460px;
 background: url(http://www.koretame.jp/royalstory/images/bg-dvd.jpg) top center no-repeat;
}

div#title-dvd {
 width: 600p;
 height: 66px;
 text-indent: -9999px;
 background: url(http://www.koretame.jp/royalstory/images/title-dvd.jpg) top right no-repeat;
}

div#content-dvd {
 width: 600px;
 height: 354px;
 padding: 0px 20px;
 overflow: auto;
}

div#dvdbox-image img {
 width: 125px;
 height: 180px;
 vertical-align: bottom;
 margin-right: 20px;
 margin-bottom: 6px;
 float: left;
}

div#dvdbox-detail {
 clear: both;
}



/* フッター */

div#container-footer {
 width: 960px;
 height: 30px;
 background-color: #000000;
}

div#updates {
 width: 50%;
 float: left;
}

div#updates dl dt {
 width: 87px;
 height: 30px;
 text-indent: -9999px;
 float: left;
 background: url(http://www.koretame.jp/royalstory/images/updates.gif) left top no-repeat;
}

div#updates dl dd ul li {
 list-style-type: none;
}

div#copyright {
 width: 50%;
 text-align: right;
 float: right;
}

div#copyright ul{
 margin-right: 10px;
}

div#copyright ul li {
 display: inline;
 list-style-type: none;
}
