﻿img {
   border:none;
}

.WtBGContainer img{
   vertical-align:bottom!important;
}

.all{
	width:960px;
	height:auto!important;
	background-image:none;
	background:#94b1cf url(../img/main_back_wt.jpg) no-repeat top center!important;
	margin:0px;
	overflow:auto!important;

}

/*============[CLEARFIX]============*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {display:inline-block;}
/* End hide from IE mac \*/
* html .clearfix { height: 1%;}
.clearfix {display:block;}
/* End hide from IE mac */

.c4{
	width:720px;
	height:90px;
	padding: 0;
	float:right;
	clear:none;
	margin:0;
}















#WtSelect {
	width:870px;
	margin:20px auto 15px auto;
	height:90px;
}

#WtBtn {
	width:143px;
	float:left;
	padding-top:10px;
}


.WtHeader {
	margin:0 auto;
	width:784px;
	height:570px;
}

/*背景画像設定*/
#walk-through {
	background:url(../img/walk-through_bg.jpg) no-repeat top center;
}

#dampierre2 {
	background:url(../img/dampierre_bg.jpg) no-repeat top center;
}

#nightmare2 {
	background:url(../img/nightmare_bg.jpg) no-repeat top center;
}

#sophitia2 {
	background:url(..//img/sophitia_bg.jpg) no-repeat top center;
}

#astaroth2 {
	background:url(..//img/astaroth_bg.jpg) no-repeat top center;
}

#kratos2 {
	background:url(..//img/kratos_bg.jpg) no-repeat top center;
}

#mitsurugi2 {
	background:url(..//img/mitsurugi_bg.jpg) no-repeat top center;
}

#cassandra2 {
	background:url(..//img/cassandra_bg.jpg) no-repeat top center;
}

#yunseong2 {
	background:url(..//img/yunseong_bg.jpg) no-repeat top center;
}

#seongmina2 {
	background:url(..//img/seongmina_bg.jpg) no-repeat top center;
}

#maxi2 {
	background:url(..//img/maxi_bg.jpg) no-repeat top center;
}

#siegfried2 {
	background:url(..//img/siegfried_bg.jpg) no-repeat top center;
}

#rock2 {
	background:url(..//img/rock_bg.jpg) no-repeat top center;
}

#hilde2 {
	background:url(..//img/hilde_bg.jpg) no-repeat top center;
}

#kilik2 {
	background:url(..//img/kilik_bg.jpg) no-repeat top center;
}

#lizardman2 {
	background:url(..//img/lizardman_bg.jpg) no-repeat top center;
}

#cervantes2 {
	background:url(..//img/cervantes_bg.jpg) no-repeat top center;
}

#raphael2 {
	background:url(..//img/raphael_bg.jpg) no-repeat top center;
}

#taki2 {
	background:url(..//img/taki_bg.jpg) no-repeat top center;
}

#talim2 {
	background:url(..//img/talim_bg.jpg) no-repeat top center;
}

#ivy2 {
	background:url(..//img/ivy_bg.jpg) no-repeat top center;
}

#yoshimitsu2 {
	background:url(..//img/yoshimitsu_bg.jpg) no-repeat top center;
}

#voldo2 {
	background:url(..//img/voldo_bg.jpg) no-repeat top center;
}

#xianghua2 {
	background:url(..//img/xianghua_bg.jpg) no-repeat top center;
}

#tira2 {
	background:url(..//img/tira_bg.jpg) no-repeat top center;
}

#zasalamel2 {
	background:url(..//img/zasalamel_bg.jpg) no-repeat top center;
}

#setsuka2 {
	background:url(..//img/setsuka_bg.jpg) no-repeat top center;
}

#amy2 {
	background:url(..//img/amy_bg.jpg) no-repeat top center;
}

#algol2 {
	background:url(..//img/algol_bg.jpg) no-repeat top center;
}


#WtBGContainer {
	background:url(..//img/common_bg.jpg) top center;
	margin:0 auto;
	width:784px;
}

#WtContainer {
	margin:-460px auto 0 auto;
	position:relative;
	z-index:77;
	clear:both;
}

#WtFooter {
	background:url(..//img/common_bottom.png) no-repeat bottom center;
	height:39px;
	line-height:0;
	width:784px;
	margin:0 auto 20px auto;
}

.WtPagetop {
	width:713px;
	text-align:right;
	margin:0 auto;
	margin-top:-18px;
}

.WtPagetop2 {
   width:713px;
   text-align:right;
   margin:0 auto;
   position:relative;
   z-index:177;
}




p.WtBoxTit {
	margin:0 auto;
	width:713px;
}

.WtBox {
	margin:0 auto;
	width:646px;
	background:url(..//img/common_naka_bg.png);
	padding:20px 34px 0 33px;
}

p.WtBoxImg {
	margin:0!important;
	padding-bottom:20px!important;
}

p.WtBoxImgFinal {
	margin:0!important;
	padding-bottom:0!important;
}

.WtBoxFooter {
	height:24px;
	background:url(..//img/common_naka_bottom.png) no-repeat top right;
	margin:0 auto 20px auto;
	width:713px;
}






#WtWriter {
	width:784px;
	margin:0 auto;
}



/* 選択キャラクター */

.c4 ul {
	position: relative;
	overflow:hidden;
	margin:0;
	padding: 0;
	width:720px;
	height:90px;
	list-style-type:none;
	/*background: url(..//img/thum_character.jpg) left top no-repeat;*/
}

.c4 ul li{
	text-indent: -9999px;
}

.c4 ul li a {
	display: block;
	position:absolute;
	width:45px;
	height:45px;
}

.c4 ul li#danpierre a,
.c4 ul li#danpierreon a {
	left: 0;
	top: 0;
	width:66px;
	height: 90px;
	background:url(..//img/thum_character.jpg) 0 0 no-repeat;
}

.c4 ul li#danpierre a:hover,
.c4 ul li#danpierreon a {
	background-position:0 -90px;
}

.c4 ul li#nightmare a,
.c4 ul li#nightmareon a {
	left: 66px;
	top: 0;
	background:url(..//img/thum_character.jpg) -66px 0 no-repeat;
}

.c4 ul li#nightmare a:hover,
.c4 ul li#nightmareon a{
	background-position:-66px -90px;
}

.c4 ul li#siegfried a,
.c4 ul li#siegfriedon a {
	left: 111px;
	top: 0;
	background:url(..//img/thum_character.jpg) -111px 0 no-repeat;
}

.c4 ul li#siegfried a:hover,
.c4 ul li#siegfriedon a{
	background-position:-111px -90px;
}

.c4 ul li#hilde a,
.c4 ul li#hildeon a {
	left: 156px;
	top: 0;
	background:url(..//img/thum_character.jpg) -156px 0 no-repeat;
}

.c4 ul li#hilde a:hover,
.c4 ul li#hildeon a{
	background-position:-156px -90px;
}

.c4 ul li#tira a,
.c4 ul li#tiraon a {
	left: 201px;
	top: 0;
	background:url(..//img/thum_character.jpg) -201px 0 no-repeat;
}

.c4 ul li#tira a:hover,
.c4 ul li#tiraon a {
	background-position:-201px -90px;
}

.c4 ul li#ivy a,
.c4 ul li#ivyon a {
	left: 246px;
	top: 0;
	background:url(..//img/thum_character.jpg) -246px 0 no-repeat;
}

.c4 ul li#ivy a:hover,
.c4 ul li#ivyon a {
	background-position:-246px -90px;
}

.c4 ul li#astaroth a,
.c4 ul li#astarothon a {
	left: 291px;
	top: 0;
	background:url(..//img/thum_character.jpg) -291px 0 no-repeat;
}

.c4 ul li#astaroth a:hover,
.c4 ul li#astarothon a {
	background-position:-291px -90px;
}

.c4 ul li#voldo a,
.c4 ul li#voldoon a {
	left: 336px;
	top: 0;
	background:url(..//img/thum_character.jpg) -336px 0 no-repeat;
}

.c4 ul li#voldo a:hover,
.c4 ul li#voldoon a {
	background-position:-336px -90px;
}

.c4 ul li#mitsurugi a,
.c4 ul li#mitsurugion a {
	left: 381px;
	top: 0;
	background:url(..//img/thum_character.jpg) -381px 0 no-repeat;
}

.c4 ul li#mitsurugi a:hover,
.c4 ul li#mitsurugion a {
	background-position:-381px -90px;
}

.c4 ul li#taki a,
.c4 ul li#takion a {
	left: 426px;
	top: 0;
	background:url(..//img/thum_character.jpg) -426px 0 no-repeat;
}

.c4 ul li#taki a:hover,
.c4 ul li#takion a {
	background-position:-426px -90px;
}

.c4 ul li#cassandra a,
.c4 ul li#cassandraon a {
	left: 471px;
	top: 0;
	background:url(..//img/thum_character.jpg) -471px 0 no-repeat;
}

.c4 ul li#cassandra a:hover,
.c4 ul li#cassandraon a {
	background-position:-471px -90px;
}

.c4 ul li#maxi a,
.c4 ul li#maxion a {
	left: 516px;
	top: 0;
	background:url(..//img/thum_character.jpg) -516px 0 no-repeat;
}

.c4 ul li#maxi a:hover,
.c4 ul li#maxion a {
	background-position:-516px -90px;
}

.c4 ul li#xianghua a,
.c4 ul li#xianghuaon a {
	left: 561px;
	top: 0;
	background:url(..//img/thum_character.jpg) -561px 0 no-repeat;
}

.c4 ul li#xianghua a:hover,
.c4 ul li#xianghuaon a {
	background-position:-561px -90px;
}

.c4 ul li#kilik a,
.c4 ul li#kilikon a {
	left: 606px;
	top: 0;
	background:url(..//img/thum_character.jpg) -606px 0 no-repeat;
}

.c4 ul li#kilik a:hover,
.c4 ul li#kilikon a {
	background-position:-606px -90px;
}

.c4 ul li#cervantes a,
.c4 ul li#cervanteson a {
	left: 66px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -66px -45px no-repeat;
}

.c4 ul li#cervantes a:hover,
.c4 ul li#cervanteson a {
	background-position:-66px -135px;
}

.c4 ul li#setsuka a,
.c4 ul li#setsukaon a {
	left: 111px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -111px -45px no-repeat;
}

.c4 ul li#setsuka a:hover,
.c4 ul li#setsukaon a {
	background-position:-111px -135px;
}

.c4 ul li#raphael a,
.c4 ul li#raphaelon a {
	left: 156px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -156px -45px no-repeat;
}

.c4 ul li#raphael a:hover,
.c4 ul li#raphaelon a {
	background-position:-156px -135px;
}

.c4 ul li#lizardman a,
.c4 ul li#lizardmanon a {
	left: 201px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -201px -45px no-repeat;
}

.c4 ul li#lizardman a:hover,
.c4 ul li#lizardmanon a {
	background-position:-201px -135px;
}

.c4 ul li#seongmi-na a,
.c4 ul li#seongmi-naon a  {
	left: 246px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -246px -45px no-repeat;
}

.c4 ul li#seongmi-na a:hover,
.c4 ul li#seongmi-naon a {
	background-position:-246px -135px;
}

.c4 ul li#yun-seong a,
.c4 ul li#yun-seongon a {
	left: 291px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -291px -45px no-repeat;
}

.c4 ul li#yun-seong a:hover,
.c4 ul li#yun-seongon a {
	background-position:-291px -135px;
}

.c4 ul li#talim a,
.c4 ul li#talimon a {
	left: 336px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -336px -45px no-repeat;
}

.c4 ul li#talim a:hover,
.c4 ul li#talimon a {
	background-position:-336px -135px;
}

.c4 ul li#yoshimitsu a,
.c4 ul li#yoshimitsuon a {
	left: 381px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -381px -45px no-repeat;
}

.c4 ul li#yoshimitsu a:hover,
.c4 ul li#yoshimitsuon a {
	background-position:-381px -135px;
}

.c4 ul li#rock a,
.c4 ul li#rockon a {
	left: 426px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -426px -45px no-repeat;
}

.c4 ul li#rock a:hover,
.c4 ul li#rockon a {
	background-position:-426px -135px;
}

.c4 ul li#amy a,
.c4 ul li#amyon a {
	left: 471px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -471px -45px no-repeat;
}

.c4 ul li#amy a:hover,
.c4 ul li#amyon a {
	background-position:-471px -135px;
}

.c4 ul li#sophitia a,
.c4 ul li#sophitiaon a {
	left: 516px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -516px -45px no-repeat;
}

.c4 ul li#sophitia a:hover,
.c4 ul li#sophitiaon a {
	background-position:-516px -135px;
}

.c4 ul li#zasalamel a ,
.c4 ul li#zasalamelon a{
	left: 561px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -561px -45px no-repeat;
}

.c4 ul li#zasalamel a:hover,
.c4 ul li#zasalamelon a {
	background-position:-561px -135px;
}

.c4 ul li#algol a,
.c4 ul li#algolon a {
	left: 606px;
	top: 45px;
	background:url(..//img/thum_character.jpg) -606px -45px no-repeat;
}

/**/
.c4 ul li#algol a:hover,
.c4 ul li#algolon a {
	background-position:-606px -135px;
}

.c4 ul li#kratos a,
.c4 ul li#kratoson a{
	left: 651px;
	top: 0;
	width:68px;
	height: 90px;
	background:url(..//img/thum_character.jpg) -651px 0 no-repeat;
}

.c4 ul li#kratos a:hover,
.c4 ul li#kratoson a {
	background-position:-651px -90px;
}


