@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	width:980px;
	height:980px;
	font-size:14px;
	}
.djib3 #container { 
	width: 980px;
	height:980px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0px; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: none;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.djib3 #header { 

	padding: 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	width:980px;
	height:100px;
} 
.djib3 #mainContent { 
	width:980px;
	height:880px;
	background-image:url(image/main/mainback.jpg);
}
	.djib3 #sidebar {
		width:180px;
		height:840px;
		}
		.djib3 #sidebar img{
			border:none;
			text-decoration:none;
			}
		#b_top {
			width:130px;
			height:25px;
			position:relative;
			top:45px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_story {
			width:130px;
			height:25px;
			position:relative;
			top:40px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_character {
			width:130px;
			height:25px;
			position:relative;
			top:40px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_gallery {
			width:130px;
			height:25px;
			position:relative;
			top:40px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_spec {
			width:130px;
			height:25px;
			position:relative;
			top:40px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_download {
			width:130px;
			height:25px;
			position:relative;
			top:40px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_campaign {
			width:130px;
			height:25px;
			position:relative;
			top:50px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_special {
			width:130px;
			height:25px;
			position:relative;
			top:60px;
			left:25px;
			border:none;
			text-decoration:none;
			}
		#b_tokuten {
			width:130px;
			height:25px;
			position:relative;
			top:70px;
			left:25px;
			border:none;
			text-decoration:none;
			}
	.djib3 #main {
		width:800px;
		height:840px;
		position:absolute;
		top:100px;
		left:180px;
		}
		.djib3 #news {
			width:730px;
			height:230px;
			position:relative;
			top:50px;
			left:0px;
			font-size:16px;
			}
			#samary {
				width:550px;
				list-style-image:none;
				}
			#banner {
				position:absolute;
				top:150px;
				left:530px;
				}
/*
		.djib3 #news {
			width:730px;
			height:230px;
			position:relative;
			top:590px;
			left:0px;
			font-size:16px;
			}
			#samary {
				width:550px;
				list-style-image:none;
				}
			#banner {
				position:absolute;
				top:150px;
				left:530px;
				}
		#cdm	{width:648px;
				 height:518px;
				 position:absolute;
				 top:0px;
				 left:65px;
				 }
*/
    .djib3 #footer { 
	    padding: 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
    	background:#DDDDDD; 
    } 
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* story.html */
.djib3 #mainContent1 { 
	width:980px;
	height:880px;
	background-image:url(image/back.jpg);
}
/* character */
#c_select {
	width:800px;
	height:70px;
	}
	#Image10 {
		position:absolute;
		top:0px;
		left:0px;
		}
	#Image11 {
		position:absolute;
		top:0px;
		left:160px;
		}
	#Image12 {
		position:absolute;
		top:0px;
		left:320px;
		}
	#Image13 {
		position:absolute;
		top:0px;
		left:480px;
		}
	#Image14 {
		position:absolute;
		top:0px;
		left:640px;
		}
	#Image15 {
		position:absolute;
		top:35px;
		left:230px;
		}
	#Image16 {
		position:absolute;
		top:35px;
		left:420px;
		}
#m_character {
	width:800px;
	height:750px;
	}
	#c_main_a {
		width:450px;
		height:750px;
		float:left;
		}
	#c_main_b {
		width:300px;
		height:750px;
		position:absolute;
		top:70px;
		left:450px;
		}
		/* For IE7 hack */
		*+html #m_character {
			width:800px;
			height:750px;
			}
			*+html #c_main_a {
				width:450px;
				height:750px;
				float:left;
				}
			*+html #c_main_b {
				width:300px;
				height:750px;
				}
	#sam_v_1	{
				width:35px;
				height:35px;
				z-index:3;
				position:absolute;
				top:550px;
				left:327px;
				}
	#sam_v_2	{
				width:35px;
				height:35px;
				z-index:3;
				position:absolute;
				top:550px;
				left:385px;
				}
	#sam_v_3	{
				width:35px;
				height:35px;
				z-index:3;
				position:absolute;
				top:550px;
				left:446px;
				}
/* gallery.html */
#g_main {
		width:800px;
		height:840px;
		position:absolute;
		top:100px;
		left:180px;
		}
#g_main a {
			text-decoration:none;
   		   }
#g_img01 {
	      width:200px;
		  height:150px;
		  position:absolute;
		  top:85px;
		  left:45px;
		  border:none;
	}
	#g_img100 {
			  width:640px;
		 	  height:480px;
		 	  position:absolute;
			  top:168px;
			  left:54px;
			  }
#g_img02 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:85px;
		  left:274px;
		  border:none;
		  }
#g_img03 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:85px;
		  left:504px;
		  border:none;
		  }
#g_img04 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:258px;
		  left:45px;
		  border:none;
		  }
#g_img05 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:258px;
		  left:274px;
		  border:none;
		  }
#g_img06 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:258px;
		  left:504px;
		  border:none;
		  }
#g_img07 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:431px;
		  left:45px;
		  border:none;
		  }
#g_img08 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:431px;
		  left:274px;
		  border:none;
		  }
#g_img09 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:431px;
		  left:504px;
		  border:none;
		  }
#g_img10 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:604px;
		  left:45px;
		  border:none;
		  }
#g_img11 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:604px;
		  left:274px;
		  border:none;
		  }
#g_img12 {
		  width:200px;
		  height:150px;
		  position:absolute;
		  top:604px;
		  left:504px;
		  border:none;
		  }
	#prev	{
			 width:110px;
			 height:30px;
			 position:absolute;
			 top:700px;
			 left:250px;
			 }
	#next	{
			 width:110px;
			 height:30px;
			 position:absolute;
			 top:700px;
			 left:400px;
			 }
	#back	{
			 width:115px;
			 height:30px;
			 position:absolute;
			 top:700px;
			 left:550px;
			 }
/* campaign.html */
.djib3 #main_cam {
		width:750px;
		height:800px;
		position:absolute;
		top:100px;
		left:180px;
		background-image:url(image/campaign/campaign_back.jpg);
		}
	#prev01 {
			width:80px;
			height:40px;
			position:absolute;
			top:750px;
			left:235px;
			}
	#next01 {
			width:80px;
			height:40px;
			position:absolute;
			top:750px;
			left:440px;
			}
	#page101{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:320px;
			}
	#page201{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:350px;
			}
	#page301{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:380px;
			}
	#page401{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:410px;
			}			
	#order {
			border:none;
			position:absolute;
			top:635px;
			left:170px;
			}
	#order a {
			text-decoration:none;
			}
/* download.html */
	.djib3 #main_down {
		width:750px;
		height:790px;
		position:absolute;
		top:100px;
		left:180px;
		background-image:url(image/download/download.jpg);
		}
* html body #d_table01 {
			position:absolute;
			top:-600px;
			left:190px;
			}
*:first-child+html #d_table01 {
			position:relative;
			top:-650px;
			left:190px;
			}
#d_table01 {
			position:absolute;
			top:120px;
			left:190px;
			}
	#d_table01 td {
					text-align:center;
					}
#shopitem	{
			width:200px;
			position:absolute;
			top:650px;
			left:190px;
			}
/* special.html */
	.djib3 #main_special {
		width:750px;
		height:790px;
		position:absolute;
		top:100px;
		left:180px;
		background-image:url(image/special/special.jpg);
		}
	#opmovie {
		position:absolute;
		top:120px;
		left:190px;
		}
/* tokuten.html */
.djib3 #main_tokuten {
	width:750px;
	height:790px;
	position:absolute;
	top:100px;
	left:180px;
	background-image:url(image/tokuten/tokuten.jpg);
	}
	#sofmap_01 {
				width:300px;
				height:400px;
				position:absolute;
				top:150px;
				left:50px;
				}
	#sofmap_02 {
				width:280px;
				height:400px;
				position:absolute;
				top:150px;
				left:400px;
				}
	#sofmap_tx {
				width:500px;
				height:200px;
				position:absolute;
				top:600px;
				left:150px;
				}
	#mm_01	{
			 width:130px;
			 height:360px;
			 position:absolute;
			 top:150px;
			 left:50px;
			 }
	#mm_02	{
			 width:130px;
			 height:360px;
			 position:absolute;
			 top:150px;
			 left:210px;
			 }
	#mm_03	{
			 width:130px;
			 height:360px;
			 position:absolute;
			 top:150px;
			 left:380px;
			 }
	#mm_04	{
			 width:130px;
			 height:360px;
			 position:absolute;
			 top:150px;
			 left:540px;
			 }
	#ms_tx {
				width:500px;
				height:200px;
				position:absolute;
				top:600px;
				left:50px;
				}
	#md_tx {
				width:500px;
				height:200px;
				position:absolute;
				top:600px;
				left:380px;
				}
	#prev11 {
			width:80px;
			height:40px;
			position:absolute;
			top:750px;
			left:215px;
			}
	#next11 {
			width:80px;
			height:40px;
			position:absolute;
			top:750px;
			left:440px;
			}
	#page102{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:310px;
			}
	#page202{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:340px;
			}
	#page302{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:370px;
			}
	#page402{
			width:25px;
			height:30px;
			position:absolute;
			top:760px;
			left:400px;
			}
		#t_1 {
			  position:absolute;
			  top:60px;
			  left:50px;
			  }
		#t_2 {
			  position:absolute;
			  top:60px;
			  left:450px;
			  }
		#t_3 {
			  position:absolute;
			  top:440px;
			  left:50px;
			  }
		#t_4 {
			  position:absolute;
			  top:440px;
			  left:450px;
			  }
.djib3 #main_tokuten04 {
	width:750px;
	height:790px;
	position:absolute;
	top:100px;
	left:180px;
	background-image:url(image/tokuten/tokuten.jpg);
	text-align:center;
	}
		#t_a1 {
				width:140px;
				height:140px;
				position:absolute;
				top:60px;
				left:30px;
				}
		#t_a2 {
				width:140px;
				height:140px;
				position:absolute;
				top:60px;
				left:170px;
				}
		#t_a3 {
				width:140px;
				height:140px;
				position:absolute;
				top:60px;
				left:310px;
				}
		#t_a4 {
				width:140px;
				height:140px;
				position:absolute;
				top:60px;
				left:450px;
				}
		#t_a5 {
				width:140px;
				height:140px;
				position:absolute;
				top:60px;
				left:590px;
				}
		#t_b1 {
				width:140px;
				height:140px;
				position:absolute;
				top:200px;
				left:30px;
				}
		#t_b2 {
				width:140px;
				height:140px;
				position:absolute;
				top:200px;
				left:170px;
				}
		#t_b3 {
				width:140px;
				height:140px;
				position:absolute;
				top:200px;
				left:310px;
				}
		#t_b4 {
				width:140px;
				height:140px;
				position:absolute;
				top:200px;
				left:450px;
				}
		#t_b5 {
				width:140px;
				height:140px;
				position:absolute;
				top:200px;
				left:590px;
				}
		#t_c1 {
				width:140px;
				height:140px;
				position:absolute;
				top:310px;
				left:30px;
				}
		#t_c2 {
				width:140px;
				height:140px;
				position:absolute;
				top:310px;
				left:170px;
				}
		#t_c3 {
				width:140px;
				height:140px;
				position:absolute;
				top:310px;
				left:310px;
				}
		#t_c4 {
				width:140px;
				height:140px;
				position:absolute;
				top:310px;
				left:450px;
				}
		#t_c5 {
				width:140px;
				height:140px;
				position:absolute;
				top:310px;
				left:590px;
				}
		#t_d1 {
				width:140px;
				height:140px;
				position:absolute;
				top:460px;
				left:30px;
				}
		#t_d2 {
				width:140px;
				height:140px;
				position:absolute;
				top:460px;
				left:170px;
				}
		#t_d3 {
				width:140px;
				height:140px;
				position:absolute;
				top:460px;
				left:310px;
				}
		#t_d4 {
				width:140px;
				height:140px;
				position:absolute;
				top:460px;
				left:450px;
				}
		#t_d5 {
				width:140px;
				height:140px;
				position:absolute;
				top:460px;
				left:590px;
				}
		#t_e1 {
				width:140px;
				height:140px;
				position:absolute;
				top:600px;
				left:30px;
				}
		#t_e2 {
				width:140px;
				height:140px;
				position:absolute;
				top:600px;
				left:170px;
				}
		#t_e3 {
				width:140px;
				height:140px;
				position:absolute;
				top:600px;
				left:310px;
				}
		#t_e4 {
				width:140px;
				height:140px;
				position:absolute;
				top:600px;
				left:450px;
				}
		#t_e5 {
				width:140px;
				height:140px;
				position:absolute;
				top:600px;
				left:590px;
				}
	.comment_tok	{position:absolute;
					 top:810px;
					 left:350px;
					 }