body {
	width:100%;
	margin: 0 0 0 0;
	background-image: url("img/background_loop.jpg");
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
img {
	border: 0 0 0 0;
}
a {
	color: #522e1a;
}
a:hover {
	color: white;
}
#wrap {
	width: 970px;
	margin:0 auto 0 auto;
}

/* header */

#title {
	margin:0 0 0 0;
	background-color: #ebe3cd;
	width: 940px;
	height: 173px;
	float: left;
	background-image: url("img/header_img.jpg");
}
#ht_left {
	margin:0 0 0 0;
	background-image: url("img/header_img_left.png");
	width: 15px;
	height: 173px;
	float: left;
}
#ht_right {
	margin:0 0 0 0;
	background-image: url("img/header_img_right.png");
	width: 15px;
	height: 173px;
	float: left;
}
#header-container {
	width: 970px;
}
#header-img {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color: gray;
	width: 940px;
	height: 308px;
	float: left;
	text-align: center;
}
#h_left {
	margin:0 0 0 0;
	background-image: url("img/topImg_left.png");
	width: 15px;
	height: 308px;
	float: left;
}
#h_right {
	margin:0 0 0 0;
	background-image: url("img/topImg_right.png");
	width: 15px;
	height: 308px;
	float: left;
}
/* header end */

/* content main container */
	
#border-top {
	margin:0 0 0 0;
	background-image: url("img/border_top.png");
	/*background-color: green;*/
	width: 970px;
	height: 51px;
	clear: both;
}
#border_left {
	margin:0 0 0 0;
	background-image: url("img/border_top_left.png");
	width: 15px;
	height: 50px;
	float: left;
}
#border_right {
	margin:0 0 0 0;
	background-image: url("img/border_top_right.png");
	width: 15px;
	height: 50px;
	float: left;
}
#content-main {
	margin:0 0 0 0;
	width:970px;
	background-image: url("img/cloth_loop.png");
	background-repeat: repeat-y;

	font-size: 11pt;

}
#content-inner {
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
}
#border-bottom {
	margin:0 0 0 0;
	background-image: url("img/border_bottom.png");
	/*background-color: green;*/
	width: 970px;
	height: 43px;
	clear: both;
}

/* content main conteiner end */

/* contant inner calum */
#content-left {
	margin:0 0 0 0;
	width:430px;
	float: left;
	padding: 0px 10px 0px 10px;
}
#content-right {
	margin:0 0 0 0;
	width:500px;
	float: left;

}

      *.frame
      {
         border: none 1px #808080;
         width: 470px;
         height: 180px;

         overflow: auto;
      }

/* content inner calum end */

.topic {
	margin-top:17pt;

}
.topic_date {
	font-size:9pt;
	width:80px;
	float:left;
}
.topic-text {
	width:365px;
	float:left;
	font-size: 10pt;
	letter-spacing:-0.2pt;
}
.dotted {
	width:80%;
	border-style:dashed;
}
.pTitle {
	margin:0 0 0 0;
	padding: 10px 15px 10px 0px;
	text-align: center;
}
.staff-label {
	font-size: 8pt;
}
.dvd_pk {
	width:376px;
	height: 532px;
	background-image: url("img/dvd_pk_sdw.png"); 
}
#footer {
	margin:0 0 0 0;
	background-image: url("img/footer_bg.png");
	width:970px;
	height: 180px;
	float:left;
	text-align: center;
}

/* class */

.logo {
	position:relative;left:110px;
	float: left;
}
.clear {
	clear: both;
}
ul.foot-menu {
	margin-top:50px;
	font-size: 9pt;
	letter-spacing: -0.3pt;
}
ul.foot-menu a{
	text-decoration: none;
	font-weight: bold;
}
ul.foot-menu li {
	list-style: none;
	display: inline;
	background: url(img/li_button.gif) left center no-repeat;
	padding-left: 25px;
	padding-right:5px;
}
.copy {
	clear: both;
	text-align: center;
	color:white;
	font-size: 9pt;
}
.menu {
	display : block ;
	position:absolute;
	top:171px;
	margin: 0 0 0 0;
}

.staff_lab_s{
	padding-top:15px;
	padding-bottom:-5px;
	font-size:9pt ;
	color:#87805c;
	font-weight: bold;
}
.dvd_lab{
	font-size:9pt;
	color:#634118;
	font-weight: bold;
	float:left;
}
.dvd_text {
	width:400px;
	float:left;
}
.dvd_detail {
	font-size:11pt;
	color: #373529;
	font-weight: bold;
}
.staff_lab_b{
	font-size:10pt ;
	color:#5e593e;
	font-weight: bold;
}
.staff_3c{
	float: left;
	padding: 30px 30px 30px 65px ;
	width: 220px;
	color: #373529;
	font-weight:bold;
	font-size: 11pt;
}

ul.menuUL li {
	text-indent:-9999px;   overflow:hidden;   list-style:none;
	float:left;
	z-index:10;
}
li.story a {
	display : block ;
    width : 145px;
    height:121px;
    background-repeat : no-repeat ;
    background-position : top center ;
    background-image : url(img/menu/story.png) ;
}
li.story a:hover{
    background-image : url(img/menu/story_hover.png) ;
}
li.chara a {
	display : block ;
    width : 145px;
    height:121px;
    background-repeat : no-repeat ;
    background-position : top center ;
    background-image : url(img/menu/chara.png) ;
}
li.chara a:hover{
    background-image : url(img/menu/chara_hover.png) ;
}
li.staff a {
	display : block ;
    width : 145px;
    height:121px;
    background-repeat : no-repeat ;
    background-position : top center ;
    background-image : url(img/menu/staff.png) ;
}
li.staff a:hover{
    background-image : url(img/menu/staff_hover.png) ;
}

li.trailer a {
	display : block ;
    width : 145px;
    height:121px;
    background-repeat : no-repeat ;
    background-position : top center ;
    background-image : url(img/menu/trailer.png) ;
}
li.trailer a:hover{
    background-image : url(img/menu/trailer_hover.png) ;
}
li.dvd a {
	display : block ;
    width : 145px;
    height:121px;
    background-repeat : no-repeat ;
    background-position : top center ;
    background-image : url(img/menu/dvd.png) ;
}
li.dvd a:hover{
    background-image : url(img/menu/dvd_hover.png) ;
}
li.special a {
	display : block ;
    width : 145px;
    height:121px;
    background-repeat : no-repeat ;
    background-position : top center ;
    background-image : url(img/menu/special.png) ;
}
li.special a:hover{
    background-image : url(img/menu/special_hover.png) ;
}