@charset "utf-8";

/* ===================================================================


   トリアージX
   idx.css
   

 =================================================================== */
#wrap {
	height:980px;
	}

#g-nav,
#logo,
#logo a,
#common-footer {
   z-index: 100;
	}

/* #mainvisual {
   background:url(../img/idx/mainvisual.png) top no-repeat;
   width:1000px;
   height:995px;
   position:absolute;
   left:0;
   top:0;
	}
	*/

#main{
	overflow:hidden;
	height:700px;
	background:url(../img/idx/0401/mainvisual.jpg) top no-repeat;
   }


#tw {
   width: 365px;
   height: 250px;
   position:absolute;
	top:730px;
	z-index:3;
	}

#tw #weget {
   margin: auto;
   width: 365px;
   height: 435px;
	}

#ba_premium{
	position:absolute;
	z-index:100;
	top:550px;
	right:40px;
	}

#ba_shirt{
	position:absolute;
	z-index:100;
	top:700px;
	right:0px;
	}

#pv{
	width: 365px;
	position:absolute;
	top:500px;
	z-index:1000;
	}

#kikaku{
	z-index:9999;
	height:200px;
	position:absolute;
	}
	
#kikaku p{	
	margin:0;
	padding:0;
	line-height:1.0;
	}

#kikaku p img{
	vertical-align:bottom;
	}

#kikaku img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)"
	}

/* ----------------------------------------------------------------
　footer　
---------------------------------------------------------------- */
#common-footer{
	margin-top:2px;
	}
.footer-banner{
	background:#000000;
	padding:10px;
	margin-top:3px;
	}

.footer-banner p{
	margin:0;
	padding:0;
	}


/* ----------------------------------------------------------------
　FOOL
---------------------------------------------------------------- */

body {
   background:#e60012;"!important
	}

#common-header{
   background: url(../img/idx/0401/bg_header-fool.jpg) top no-repeat;
   width: 1000px;
   height: 283px;
	}

#fotter-first {
	background:#000;
	}

#g-nav {
   z-index: 100px;
   position: absolute;
	-moz-transform:none;
	-webkit-transform:none;
	-o-transform:none;
	transform:none;
	
	top:180px;
	left:0;
	width:389px;
	overflow:hidden;
	}

#g-nav li {
   float: left;
	height:31px;
	margin-bottom:5px;
	text-indent:-9999px;
	}


#nav-news{
	width:74px;
	
	}

#nav-about{
	width:77px;
	}
#nav-character{
	width:118px;
	}
#nav-staff{
	width:120px;
	
	}
#nav-onair{
	width:80px;
	}
#nav-story{
	width:70px;
	}
#nav-bd{
	width:103px;
	}
#nav-comics{
	width:94px;
	}
#nav-goods{
	width:83px;
	}
#nav-movie{
	width:73px;
	}
#nav-special{
	width:89px;
	}



.chara{
	margin:0;
	padding:0;
	}

.chara li{
	position:absolute;
	text-indent:-9999px;
	}

.chara li a{
	display:block;
	width:100%;
	height:100%;
	}

.chara .mikami{
	width:202px;
	height:249px;
	left:504px;
	top:5px;
	}

.chara .mikami2{
	width:202px;
	height:104px;
	left:796px;
	top:66px;
	}

.chara .mikoto{
	width:138px;
	height:220px;
	right:0;
	top:170px;
	}

.chara .hitsugi{
	width:140px;
	height:140px;
	left:494px;
	top:396px;
	}

.chara .yuko{
	width:113px;
	height:205px;
	top:395px;
	left:750px;
	}

.chara .oriha{
	width:224px;
	height:191px;
	left:460px;
	top:630px;	
	}

.chara .miki{
	width:142px;
	height:151px;
	left:860px;
	top:551px;
	}