/*==============================================
  メカミミ -オフィシャルサイト- *キャラクター*
================================================*/

/*基本設定-----------------------------------------------*/

#main{
	width: 810px;
	position: relative;
	margin: 0px auto;
}

#cha{
	width: 810px;
	height: 86px;
	text-align: left;
}

#main01,#main02,#main03,#main04,#main05,#main06,#main07,#main08,#main09,#main10,#main11,#main12{
	width: 810px;
	height: 832px;
	position: relative;
	margin: 0px auto;
}

#main00{
	background-image: url(../image/cha_bimg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 810px;
	height: 290px;
	text-align: left;
}

#main00f{
	background-image: url(../image/pub_fimg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 810px;
	height: 47px;
	margin: 0px auto -13px auto;
}

#main01{
	background-image: url(../image/cha_bimg01.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main02{
	background-image: url(../image/cha_bimg02.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main03{
	background-image: url(../image/cha_bimg03.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main04{
	background-image: url(../image/cha_bimg04.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main05{
	background-image: url(../image/cha_bimg05.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main06{
	background-image: url(../image/cha_bimg06.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main07{
	background-image: url(../image/cha_bimg07.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main08{
	background-image: url(../image/cha_bimg08.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main09{
	background-image: url(../image/cha_bimg09.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main10{
	background-image: url(../image/cha_bimg10.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main11{
	background-image: url(../image/cha_bimg11.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#main12{
	background-image: url(../image/cha_bimg12.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

/*キャラクター-------------------------------------------*/

#cha00{
	background-image: url(../image/pub_mimg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	position: relative;
	width: 810px;
	height: 710px;
}

/*相関図*/
#soukan{
	position: absolute;
	top: -140px;
	left: 90px;
	z-index: 20;
}

/*差分*/
#cha01,#cha02,#cha03,#cha04,#cha05,#cha06,#cha07,#cha08,#cha09,#cha10,#cha11,#cha12{
	position: relative;
	width: 810px;
	height: 832px;
}

#cha01{
	background-image: url(../image/cha_sabun01a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha02{
	background-image: url(../image/cha_sabun02a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha03{
	background-image: url(../image/cha_sabun03a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha04{
	background-image: url(../image/cha_sabun04a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha05{
	background-image: url(../image/cha_sabun05a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha06{
	background-image: url(../image/cha_sabun06a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha07{
	background-image: url(../image/cha_sabun07a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha08{
	background-image: url(../image/cha_sabun08a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha09{
	background-image: url(../image/cha_sabun09a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha10{
	background-image: url(../image/cha_sabun10a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha11{
	background-image: url(../image/cha_sabun11a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

#cha12{
	background-image: url(../image/cha_sabun12a.jpg);
	background-repeat: no-repeat;
	background-position: 16px 23px;
}

/*サンプルボイス（ユノ・恋々夏・深春・デルタ・カイ・冬音）*/
#apDiv1 {
	position:absolute;
	width:240px;
	height:49px;
	z-index:1;
	left: 487px;
	top: 1px;
}

/*サンプルボイス（彩季・宏典・珊瑚・まりね・謎）*/
#apDiv2 {
	position:absolute;
	width:240px;
	height:49px;
	z-index:1;
	left: 487px;
	top: 1px;
}


/*キャラ紹介---------------------------------------------*/

/*スペース*/
#bod{
	width: 810px;
	height: 356px;
}

/*ステータス*/
#tab{
	position: relative;
	width: 810px;
	text-align: left;
}

#rit{ width: 580px; }
#rit2{ width: 730px; }/*琥太郎*/

/*表示_非表示*/
#ton{
	padding-left: 5px;
}

#toff{
	width: 810px;
	text-align: right;
}

#toff IMG{
	margin-right: 25px;
}

#toffs{ height: 303px; }
#toffs2{ height: 303px; }/*琥太郎*/

/*キャラセレクト-----------------------------------------*/

#select{
	background-image: url(../image/cha_select.gif);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	width: 810px;
	height: 150px;
	margin: 5px auto;
}

#select UL{
	width: 756px;
	height: 128px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	list-style-type: none;
	top: 11px;
	left: 27px;
}

#select LI{
	display: inline;
	float: left;
	margin: 0px 3px 3px 0px;
	padding: 0px;
	text-indent: -9999px;
}

#select LI a,#select LI p{
	display: block;
	width: 241px;
	height: 42px;
	margin: 0px 3px 3px 0px;
	overflow: hidden;
	text-decoration: none;
	margin: 0px;
}

#ch07,
#ch08,
#ch09,
#ch10,
#ch11,
#ch12{
	display: block;
	width: 119px;
	height: 38px;
	margin: 0px 3px 3px 0px;
	overflow: hidden;
	text-decoration: none;
	margin: 0px;
}

#smap{
	position: absolute;
	width: 25px;
	height: 128px;
	top: 11px;
	right: 25px;
	margin: 0px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}

#smap a,#smap p{
	display: block;
	width: 25px;
	height: 128px;
	margin: 0px;
	overflow: hidden;
}

/*相関図へ*/
#smap				a { background : url(../image/cha_smap.jpg)		-25px    0px;}
#smap	a:hover { background-position : 										-50px    0px;}
#smap		 .off { background : url(../image/cha_smap.jpg)		  0px    0px;}

/*通常*/
#ch01	a { background : url(../image/cha_select.jpg)		-482px    0px;}
#ch02	a { background : url(../image/cha_select.jpg)		-482px  -42px;}
#ch03	a { background : url(../image/cha_select.jpg)		-482px  -84px;}
#ch04	a { background : url(../image/cha_select.jpg)		-482px -126px;}
#ch05	a { background : url(../image/cha_select.jpg)		-482px -168px;}
#ch06	a { background : url(../image/cha_select.jpg)		-482px -210px;}
#ch07	a { background : url(../image/cha_slctather.jpg)		-238px    0px;}
#ch08	a { background : url(../image/cha_slctather.jpg)		-238px  -38px;}
#ch09	a { background : url(../image/cha_slctather.jpg)		-238px  -76px;}
#ch10	a { background : url(../image/cha_slctather.jpg)		-238px -114px;}
#ch11	a { background : url(../image/cha_slctather.jpg)		-238px -152px;}
#ch12	a { background : url(../image/cha_slctather.jpg)		-238px -190px;}

/*オーバー*/
#ch01	a:hover { background-position :    -241px    0px;}
#ch02	a:hover { background-position :    -241px  -42px;}
#ch03	a:hover { background-position :    -241px  -84px;}
#ch04	a:hover { background-position :    -241px -126px;}
#ch05	a:hover { background-position :    -241px -168px;}
#ch06	a:hover { background-position :    -241px -210px;}
#ch07	a:hover { background-position :    -119px    0px;}
#ch08	a:hover { background-position :    -119px  -38px;}
#ch09	a:hover { background-position :    -119px  -76px;}
#ch10	a:hover { background-position :    -119px -114px;}
#ch11	a:hover { background-position :    -119px -152px;}
#ch12	a:hover { background-position :    -119px -190px;}

/*現ページ*/
#ch01	.on { background : url(../image/cha_select.jpg)		-241px    0px;}
#ch02	.on { background : url(../image/cha_select.jpg)		-241px  -42px;}
#ch03	.on { background : url(../image/cha_select.jpg)		-241px  -84px;}
#ch04	.on { background : url(../image/cha_select.jpg)		-241px -126px;}
#ch05	.on { background : url(../image/cha_select.jpg)		-241px -168px;}
#ch06	.on { background : url(../image/cha_select.jpg)		-241px -210px;}
#ch07	.on { background : url(../image/cha_slctather.jpg)		-119px    0px;}
#ch08	.on { background : url(../image/cha_slctather.jpg)		-119px  -38px;}
#ch09	.on { background : url(../image/cha_slctather.jpg)		-119px  -76px;}
#ch10	.on { background : url(../image/cha_slctather.jpg)		-119px -114px;}
#ch11	.on { background : url(../image/cha_slctather.jpg)		-119px -152px;}
#ch12	.on { background : url(../image/cha_slctather.jpg)		-119px -190px;}

/*未開通*/
#ch01	.off { background : url(../image/cha_select.jpg)		0px    0px;}
#ch02	.off { background : url(../image/cha_select.jpg)		0px  -42px;}
#ch03	.off { background : url(../image/cha_select.jpg)		0px  -84px;}
#ch04	.off { background : url(../image/cha_select.jpg)		0px -126px;}
#ch05	.off { background : url(../image/cha_select.jpg)		0px -168px;}
#ch06	.off { background : url(../image/cha_select.jpg)		0px -210px;}
#ch07	.off { background : url(../image/cha_slctather.jpg)		0px    0px;}
#ch08	.off { background : url(../image/cha_slctather.jpg)		0px  -38px;}
#ch09	.off { background : url(../image/cha_slctather.jpg)		0px  -76px;}
#ch10	.off { background : url(../image/cha_slctather.jpg)		0px -114px;}
#ch11	.off { background : url(../image/cha_slctather.jpg)		0px -152px;}
#ch12	.off { background : url(../image/cha_slctather.jpg)		0px -190px;}

/*NEW*/

#snew{
	background-image: url(../image/new02.gif);
	background-repeat: no-repeat;
	z-index: 20;
	position: absolute;
	width: 32px;
	height: 12px;
}

.snew1{left:  340px; top: 0px;}
.snew2{left:  0px; top: 0px;}
.snew3{left: 246px; top: 50px;}
.snew4{left: 339px; top: 50px;}