/* ****************************************************

	/worldview/css/character.css

***************************************************** */


/* layout.css overwrite
***************************************************** */

#mainContents {
	padding-bottom: 0;
}


/* contents
***************************************************** */
h2 {
	position: absolute;
	z-index: 1;
	left: 37px;
	top: 37px;
}

.mainBgWrap {
	position: relative;
	padding-bottom: 120px;
	background: url(/common/img/com_line02.gif) repeat-y right;
}

.charaWrap {
	position: relative;
	height: 1083px;
	background: url(../img/character_bg01.gif) no-repeat bottom;
}
.charaWrap .top .tokugawa,
.charaWrap .top .mitsunari {
	position: absolute;
	top: 120px;
}
.charaWrap .top .tokugawa {
	left: 228px;
}
.charaWrap .top .mitsunari {
	left: 420px;
}
.charaWrap .other {
	margin-left: 70px;
	padding-top: 307px;
	width: 650px;
}
.charaWrap .other li {
	float: left;
}



/* 
.charaWrap .other .date {
	top: 389px;
	left: 541px;
}
.charaWrap .other .sanada {
	top: 1089px;
	left: 533px;
}
.charaWrap .other .otani {
	top: 926px;
	left: 378px;
}
.charaWrap .other .honda {
	top: 191px;
	left: 377px;
}
.charaWrap .other .motochika {
	top: 785px;
	left: 109px;
}
.charaWrap .other .moori {
	top: 942px;
	left: 116px;
}
.charaWrap .other .magoichi {
	top: 616px;
	left: 177px;
}
.charaWrap .other .maeda {
	top: 606px;
	left: 670px;
}
.charaWrap .other .kuroda {
	top: 1089px;
	left: 338px;
}
.charaWrap .other .shimazu {
	top: 1089px;
	left: 437px;
}
.charaWrap .other .maihime {
	top: 429px;
	left: 177px;
}
.charaWrap .other .fuma {
	top: 257px;
	left: 172px;
}
.charaWrap .other .kobayakawa {
	top: 1198px;
	left: 236px;
}
.charaWrap .other .katakura {
	top: 240px;
	left: 541px;
}
.charaWrap .other .sasuke {
	top: 1089px;
	left: 659px;
}
.charaWrap .other .uesugi {
	top: 727px;
	left: 670px;
}
.charaWrap .other .hojo {
	top: 134px;
	left: 177px;
}
*/



/*
.charaWrap .top .tokugawa,
.charaWrap .top .mitsunari {
	position: absolute;
	top: 120px;
}


.charaWrap .top .tokugawa {
	left: 228px;
}
.charaWrap .top .mitsunari {
	left: 420px;
}
.charaWrap .other {
	margin-left: 70px;
	padding-top: 307px;
	width: 650px;
}
.charaWrap .other li {
	float: left;
}
*/
/*
.eastWrap {
	position: relative;
	height: 769px;
	background: url(../img/character_bg01.gif) no-repeat bottom;
}
.eastWrap li {
	position: absolute;
}
.eastWrap .fuma { top: 113px; left: 539px;}
.eastWrap .maihime { top: 201px; left: 685px;}
.eastWrap .honda { top: 188px; left: 397px;}
.eastWrap .katakura { top: 275px; left: 98px;}
.eastWrap .hojo { top: 289px; left: 539px;}
.eastWrap .magoichi { top: 384px; left: 685px;}
.eastWrap .date { top: 412px; left: 82px;}
.eastWrap .tokugawa { top: 382px; left: 296px;}
.eastWrap .kobayakawa { top: 616px; left: 446px;}
.eastWrap .maeda { top: 667px; left: 685px;}

.westWrap {
	position: relative;
	padding-bottom: 50px;
	height: 658px;
	background: url(../img/character_bg02.gif) no-repeat bottom;
}
.westWrap li {
	position: absolute;
}
.westWrap .sanada { top: 50px; left: 90px;}
.westWrap .mitsunari { top: 26px; left: 301px;}
.westWrap .uesugi { top: 81px; left: 685px;}
.westWrap .sasuke { top: 234px; left: 90px;}
.westWrap .otani { top: 294px; left: 259px;}
.westWrap .moori { top: 294px; left: 375px;}
.westWrap .motochika { top: 294px; left: 502px;}
.westWrap .shimazu { top: 536px; left: 259px;}
.westWrap .kuroda { top: 541px; left: 387px;}
*/


.charaWrap ul a:hover img,
.eastWrap ul a:hover img,
.westWrap ul a:hover img,
.westWrap .storyLnk02 a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=60);
	/* Older than Firefox 0.80 */
	-moz-opacity:0.60;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.60;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.60;
	zoom:1;
}



/* ClearFix
***************************************************** */
.clearfix:after,
.charaWrap .other:after,
.tsujoZugaraWrap ul:after,
#mainContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.charaWrap .other,
.tsujoZugaraWrap ul,
#mainContents {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .clearfix,
* html .charaWrap .other,
* html .tsujoZugaraWrap ul,
* html #mainContents {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .clearfix,
*:first-child+html .charaWrap .other,
*:first-child+html .tsujoZugaraWrap ul,
*:first-child+html #mainContents {
	display: inline-table;
}/* end hacks */