@charset "utf-8";
/* 映像用 CSS */

body {
  margin:0;
  padding:0;
  font-family:sans-serif;
  background-color:#000000;
  }

a { outline:none; }

#all_ctn {
  margin:20px;
  padding:0;
  width:860px;
  }

#head_ctn {
  margin-bottom:20px;
  height:42px;
  }

h1#logo {
  display:block;
  background:url(img/logo.gif) no-repeat 0 0;
  width:422px;
  height:42px;
  text-indent:-9999px;
  margin:0;
  padding:0;
  float:left;
  }

a#info_btn1 , a#info_btn2 {
  display:block;
  background:url(img/btns.jpg) no-repeat ;
  width:142px;
  height:22px;
  text-indent:-9999px;
  float:right;
  margin:0;
  padding:0;
  }
  a#info_btn1:link , a#info_btn1:visited { background-position:0 0; }
  a#info_btn1:hover , a#info_btn1:active { background-position:0 -22px; }
  a#info_btn2:link , a#info_btn2:visited { background-position:-142px 0; }
  a#info_btn2:hover , a#info_btn2:active { background-position:-142px -22px; }

#left_ctn {
  float:left;
  }
  ul#chapter_list {
    margin:0;
	padding:0;
	list-style:none;
	}
	ul#chapter_list li {
	  margin:0;
	  padding:0;
	  }
	  ul#chapter_list li#chapter1 a ,
	  ul#chapter_list li#chapter2 a ,
	  ul#chapter_list li#chapter3 a ,
	  ul#chapter_list li#chapter4 a ,
	  ul#chapter_list li#chapter5 a ,
	  ul#chapter_list li#chapter1_act a ,
	  ul#chapter_list li#chapter2_act a ,
	  ul#chapter_list li#chapter3_act a ,
	  ul#chapter_list li#chapter4_act a ,
	  ul#chapter_list li#chapter5_act a {
	    display:block;
		background:url(img/chapters.gif) no-repeat;
		width:196px;
		height:91px;
		text-indent:-9999px;
		}
		ul#chapter_list li#chapter1 a ,
		ul#chapter_list li#chapter1_act a { height:92px; }
		ul#chapter_list li#chapter1 a:link , ul#chapter_list li#chapter1 a:visited { background-position:-196px 0; }
		ul#chapter_list li#chapter2 a:link , ul#chapter_list li#chapter2 a:visited { background-position:-196px -92px; }
		ul#chapter_list li#chapter3 a:link , ul#chapter_list li#chapter3 a:visited { background-position:-196px -183px; }
		ul#chapter_list li#chapter4 a:link , ul#chapter_list li#chapter4 a:visited { background-position:-196px -274px; }
		ul#chapter_list li#chapter5 a:link , ul#chapter_list li#chapter5 a:visited { background-position:-196px -365px; }
		ul#chapter_list li#chapter1 a:hover , ul#chapter_list li#chapter1 a:active ,
		ul#chapter_list li#chapter1_act a:link , ul#chapter_list li#chapter1_act a:visited { background-position:0 0; }
		ul#chapter_list li#chapter2 a:hover , ul#chapter_list li#chapter2 a:active ,
		ul#chapter_list li#chapter2_act a:link , ul#chapter_list li#chapter2_act a:visited { background-position:0 -92px; }
		ul#chapter_list li#chapter3 a:hover , ul#chapter_list li#chapter3 a:active ,
		ul#chapter_list li#chapter3_act a:link , ul#chapter_list li#chapter3_act a:visited { background-position:0 -183px; }
		ul#chapter_list li#chapter4 a:hover , ul#chapter_list li#chapter4 a:active ,
		ul#chapter_list li#chapter4_act a:link , ul#chapter_list li#chapter4_act a:visited { background-position:0 -274px; }
		ul#chapter_list li#chapter5 a:hover , ul#chapter_list li#chapter5 a:active ,
		ul#chapter_list li#chapter5_act a:link , ul#chapter_list li#chapter5_act a:visited { background-position:0 -365px; }

#right_ctn {
  float:right;
  width:608px;
  }

#footer_ctn {
  clear:both;
  font-size:10px;
  color:#999999;
  padding-top:10px;
  }
  a#shityou {
    float:right;
	display:block;
	background:url(img/btns.jpg) no-repeat;
	width:89px;
	height:22px;
	text-indent:-9999px;
	}
	a#shityou:link , a#shityou:visited { background-position:-284px 0; }
	a#shityou:hover , a#shityou:active { background-position:-284px -22px; }

#title_ctn {
  overflow:auto;
  zoom:1;
  background-color:#C9C9C7;
  height:50px;
  }

h2#dd1_01-04 , h2#dd1_01 , h2#dd1_02 , h2#dd1_03 , h2#dd1_04 ,
h2#dm2_01-04 , h2#dm2_01 , h2#dm2_02 , h2#dm2_03 , h2#dm2_04 {
  display:block;
  background:url(img/titles.gif) no-repeat;
  width:300px;
  height:50px;
  text-indent:-9999px;
  margin:0;
  padding:0;
  }
  h2#dd1_01-04 , h2#dm2_01-04 { background-position:0 0; }
  h2#dd1_01 , h2#dm2_01 { background-position:0 -50px; }
  h2#dd1_02 , h2#dm2_02 { background-position:0 -100px; }
  h2#dd1_03 , h2#dm2_03 { background-position:0 -150px; }
  h2#dd1_04 , h2#dm2_04 { background-position:0 -200px; }
  h2#dd1_01-04 , h2#dd1_01 , h2#dd1_02 , h2#dd1_03 , h2#dd1_04 { float:left; }

p#info {
  display:block;
  background:url(img/info.gif) no-repeat 0 0;
  width:221px;
  height:50px;
  text-indent:-9999px;
  float:right;
  margin:0;
  padding:0;
  }

#dm2_ctn {
  text-align:center;
  padding-top:60px;
  width:608px;
  height:347px;
  background-color:#666666;
  }