*{margin:0; padding:0;}
img{border-style:none;}

/* ______________ テキストカラー ______________ */

.normal a:link, a:link.normal{ color:#978eee; text-decoration:underline;  }
.normal a:visited, a:visited.normal { color:#cdb2fd; text-decoration:underline; }
.normal a:hover, a:focus.normal, a:hover.normal , .normal a:focus { color:#fec5a9; text-decoration:none; }
.normal a:active, a:active.normal{ color:#ff9c9e; text-decoration:none; }

/* ______________ 汎用クラス ______________ */

.centertext {
	text-align:center;
	width:auto;
	margin: 3px 0;
}

/* ____ふつう  ______________  */

html {
	overflow-x:hidden;
}
	
body {
	overflow-x:hidden;
	font-size:85%;
}

body.maindesign {
	background: white url(../_img/bkg_d0.jpg) fixed top left;
	color: #8e7d87;
}

h1 {
	position:absolute;
	left:-9999px; top:0px;
}

#design1 {
	background: url(../_img/bkg_d1.png) center center;
}

#design2 {
	width:437px; /* 843*/
	padding-right:277px;
	padding-left:129px;
	background: url(../_img/bkg_d2.png) repeat-y top left; 
}

#margintop {
	width:437px;
	height:128px;
	background: url(../_img/bkg_content.png) repeat-y top left;
}

.content {
	width:400px; /* 437*/
	padding: 10px 17px 15px 20px;
	background: url(../_img/bkg_content.png) repeat-y top left;
}

hr {
	border: none;
	text-align:center;
	color: #8e7d87;
	background: url(../_img/bkg_hr.png) repeat-y ;
	width: 437px;
	height:56px;
	padding: 0px auto 0px;
}

dl {
	margin: 2px 2px 4px;
}
dt {
	padding: 2px 0;
}
dd {
	padding: 2px 1.6em 8px;
	line-height:1.4em;
}

h2,h3 {
	font-size:100%;
	font-weight:normal;
	margin:0 5.0em 0.8em 0;
	padding:0 6px 3px;
	border-bottom: 1px dotted #8e7d87;
}

p {
margin-bottom:1.0em;
}

/* ______________ ヘッダ ______________ */

#titleillust {
	display:block;
	position:absolute;
	top:0px;left:0px;
	width:349px; height:95px;
	background: url(../_img/title.png) no-repeat top left;
	text-indent:-9999px;
}

#headerlist {
	position:absolute;
	top:99px;left:19px; /* 重要 */
	list-style:none;
	text-indent:-9999px;
	width:75px;
}


#headerlist li{
	display:block;
	background-position:1px center;
	background-repeat:no-repeat;
	width:75px; height:23px; /* 重要 */
}
#headerlist li a{
	display:block;
	width:75px; height:23px;
	text-indent:-9999px;
	z-index:11;
}

#headerlist li a:hover {
	background-position: -75px  0px ;
}


#hl1 a {background-image:url(../_img/headerlist__0001.png);}
#hl2 a {background-image:url(../_img/headerlist__0002.png);}
#hl3 a {background-image:url(../_img/headerlist__0003.png);}
#hl4 a {background-image:url(../_img/headerlist__0004.png);}
#hl5 a {background-image:url(../_img/headerlist__0005.png);}
#hl6 a {background-image:url(../_img/headerlist__0006.png);}

/* ______________ フッタ ______________ */

#footer_goback {
	display:block;
	position:absolute;
	top:14px;left:382px;
	width:228px; height:63px;
	background: url(../_img/goback.png) no-repeat top right;
	text-indent:-9999px;
}

#footer {
	width:437px;
	height:138px;
	background: url(../_img/bkg_content.png) repeat-y top left;
}
#footer_jump {
	width:410px;
	padding-top:30px;
	text-align:right;
}

#headercaption {
	position:static;
	list-style:none;
}
#headercaption li{
	position:absolute;
	z-index:10;
	width:136px;
	height:26px; /*33px*/
	text-align:center;
	padding-top:7px;
	left:-9999px;
	background: url(../_img/bkg_headercaption.png) no-repeat top left;
}

/* ______________ インデックス ________________*/
body.index {
	color: white;
	width:100%;
	height:100%;
}
#index_mov {
	margin:-240px 0 0 -256px;
	position: absolute;
	left:50%; top:50%;
	width:512px;
	height:440px;
}
#index_mov a{
	display:block;
	position: absolute;
	top:0px; left:0px;
	width:512px;
	height:40px;
	padding-top:397px;
	text-align:center;
}

/* ___________________ ストーリー ___________________ */
#story {
	text-indent:-9999px;
	width:400px;
	height:679px;
	background: url(../_img/story.png) no-repeat top left;
}

#story h2 {
	margin:0;
	padding:0;
	border: none;
}


/* ___________________ キャラ ___________________ */

.chara_line {
	width:400px;
	margin:3px 0;
}

.chara_face {
	width:190px;
	text-align:center;
	vertical-align:middle;
}

.chara_desc {
	width:170px; /*210*/
	text-align:left;
	vertical-align:top;
	padding: 26px 20px 20px;
}

.chara_voice{
	padding: 8px 0;
}


.chara_voice a{
	width:119px; height:24px;
	display:block;
	text-indent:-9999px;
	background: url(../_img_chara/bkg_voice.png) no-repeat top left;
}
.chara_voice a:hover,.chara_voice a:focus,.chara_voice a:active{
	background-position: -119px  0px ;
}

/* ___________________ ビジュアル ___________________ */

#tvisual {
	border-collapse:separate;
	border-spacing:11px;
}

#tvisual td {
	width:126px; height:94px;
}

#vscreen {
	width:740px; height:660px;
	position:absolute;
	left:50%; top:50%; 
	margin:-330px 0 0 -370px;
	background-image: url(../_img_visual/screen.png);
	display:none;
}
#vscreen_img {
	position:absolute;
	top:50px; left:50px;
}

#vscreen_img img{ position:absolute;}

#vscreen_btn {
	position:absolute;
	top:536px; left:50%;
	width:455px; height:56px;
	margin-left: -227px;
}


#vscreen_btn div {
	position:absolute;
	top:0px;
	margin-left:-31px;
	width:62px;
	height:56px;
}
#vscreen_btn_1 {left:28%;}
#vscreen_btn_2 {left:50%;}
#vscreen_btn_3 {left:72%;}

#vscreen_btn div a{
	display:block;
	width:62px;
	height:56px;
}

#vscreen_btn_1 a{background-image:url(../_img_visual/button1.png);}
#vscreen_btn_2 a{background-image:url(../_img_visual/button2.png);}
#vscreen_btn_3 a{background-image:url(../_img_visual/button3.png);}

#vscreen_btn div a:hover{
	background-position:  0px -56px; 
}

/* ___________________ DL ___________________ */

#banner100bkg {
	background-image: url(../_img_download/banner100_b.png);
	width:400px; height:100px;
	margin-bottom:10px;
}
#banner60bkg {
	background-image: url(../_img_download/banner60_b.png);
	width:400px; height:60px;
	margin-bottom:10px;
}
#banner40bkg {
	background-image: url(../_img_download/banner40_b.png);
	width:400px; height:40px;
	margin-bottom:10px;
}
#banner31bkg {
	background-image: url(../_img_download/banner31_b.png);
	width:400px; height:31px;
	margin-bottom:10px;
}

#banner100bkg a{
	display:block;
	text-align:center;
	width:400px; height:95px;
	padding-top:5px;
}

#banner60bkg a{
	display:block;
	text-align:center;
	width:400px; height:55px;
	padding-top:5px;
}

#banner40bkg a{
	display:block;
	text-align:center;
	width:400px; height:35px;
	padding-top:5px;
}
#banner31bkg a{
	display:block;
	text-align:center;
	width:400px; height:26px;
	padding-top:5px;
}

#banner100bkg span ,#banner60bkg span ,#banner40bkg span ,#banner31bkg span {
	background-color:white;
}

.dlico {
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: -7px;
}