@charset "Shift_JIS";

/* CSS Document */

body {
	background:#98CFF1;
	text-align:center;
}

#wrapper {
	background: url(../images/charactor_bg.jpg) top center no-repeat;
	/*background-size:2450px;*/
	margin: 0 auto;
	text-align:center;
	height:1260px;
}

#main{
	width:950px;
	background:url(../images/charactor_img.jpg) top center no-repeat;
	margin:0 auto;
	text-align:left;
	padding-bottom:100px;
}

.title{
	width:380px;
	float:left;
	margin-top:8px;
}

#menu{
	background:url(../images/chara_menu.jpg) top center no-repeat;
}

#chara{
	width:950px;
	height:905px;
	margin-top:21px;
	background:url(../images/chara_main.jpg) top center no-repeat;
}

#chara #chara_menu{
	width:237px;
	float:left;
	padding:166px 0 0 42px;
}

#chara #chara_menu ul li{
	width:237px;
	height:65px;
	margin-bottom:5px;
}

#imgonmouse{
	width:608px;
	height:649px;
	float:right;
	margin:190px 42px 0 0;
	display:inline;
	position:relative;
}

/* dokidoki */

#imgonmouse .dd1{
	position:absolute;
	width:133px;
	height:495px;
	top:132px;
	left:287px;
}

#imgonmouse .dd2{
	position:absolute;
	width:101px;
	height:488px;
	top:138px;
	left:421px;
}

#imgonmouse .dd3{
	position:absolute;
	width:150px;
	height:457px;
	top:169px;
	left:35px;
}

#imgonmouse .dd4{
	position:absolute;
	width:99px;
	height:486px;
	top:141px;
	left:187px;
}

#imgonmouse .dd5{
	position:absolute;
	width:78px;
	height:131px;
	top:0px;
	left:375px;
}

#imgonmouse .dd6{
	position:absolute;
	width:69px;
	height:111px;
	top:88px;
	left:523px;
}

#imgonmouse .dd7{
	position:absolute;
	width:95px;
	height:99px;
	top:70px;
	left:6px;
}

#imgonmouse .dd8{
	position:absolute;
	width:84px;
	height:119px;
	top:22px;
	left:161px;
}


/* smile */

#imgonmouse .smile1{
	position:absolute;
	width:99px;
	height:447px;
	top:187px;
	left:257px;
}

#imgonmouse .smile2{
	position:absolute;
	width:110px;
	height:339px;
	top:158px;
	left:461px;
}

#imgonmouse .smile3{
	position:absolute;
	width:128px;
	height:443px;
	top:191px;
	left:36px;
}

#imgonmouse .smile4{
	position:absolute;
	width:107px;
	height:246px;
	top:16px;
	left:356px;
}

#imgonmouse .smile5{
	position:absolute;
	width:91px;
	height:216px;
	top:51px;
	left:165px;
}

#imgonmouse .smile6{
	position:absolute;
	width:126px;
	height:137px;
	top:32px;
	left:19px;
}

#imgonmouse .smile7{
	position:absolute;
	width:114px;
	height:132px;
	top:499px;
	left:473px;
}

#imgonmouse .smile8{
	position:absolute;
	width:116px;
	height:92px;
	top:193px;
	left:239px;
}

#imgonmouse .smile9{
	position:absolute;
	width:91px;
	height:94px;
	top:191px;
	left:455px;
}

#imgonmouse .smile10{
	position:absolute;
	width:99px;
	height:95px;
	top:192px;
	left:356px;
}

#imgonmouse .smile11{
	position:absolute;
	width:53px;
	height:92px;
	top:193px;
	left:186px;
}



/* suite */

#imgonmouse .suite1{
	position:absolute;
	width:150px;
	height:493px;
	top:141px;
	left:187px;
}

#imgonmouse .suite2{
	position:absolute;
	width:149px;
	height:505px;
	top:126px;
	left:438px;
}

#imgonmouse .suite3{
	position:absolute;
	width:150px;
	height:512px;
	top:25px;
	left:37px;
}

#imgonmouse .suite4{
	position:absolute;
	width:100px;
	height:444px;
	top:67px;
	left:338px;
}

#imgonmouse .suite5{
	position:absolute;
	width:91px;
	height:122px;
	top:9px;
	left:247px;
}



/* heart */

#imgonmouse .heart1{
	position:absolute;
	width:148px;
	height:506px;
	top:142px;
	left:360px;
}

#imgonmouse .heart2{
	position:absolute;
	width:167px;
	height:449px;
	top:196px;
	left:62px;
}

#imgonmouse .heart3{
	position:absolute;
	width:130px;
	height:253px;
	top:72px;
	left:229px;
}

#imgonmouse .heart4{
	position:absolute;
	width:134px;
	height:158px;
	top:37px;
	left:57px;
}

#imgonmouse .heart5{
	position:absolute;
	width:83px;
	height:153px;
	top:200px;
	left:509px;
}

#imgonmouse .heart6{
	position:absolute;
	width:90px;
	height:135px;
	top:459px;
	left:269px;
}

#imgonmouse .heart7{
	position:absolute;
	width:101px;
	height:102px;
	top:26px;
	left:405px;
}

#imgonmouse .heart8{
	position:absolute;
	width:121px;
	height:186px;
	top:141px;
	left:381px;
}

#imgonmouse .heart9{
	position:absolute;
	width:138px;
	height:132px;
	top:197px;
	left:84px;
}


/* fresh */

#imgonmouse .fresh1{
	position:absolute;
	width:220px;
	height:447px;
	top:157px;
	left:365px;
}

#imgonmouse .fresh2{
	position:absolute;
	width:130px;
	height:499px;
	top:18px;
	left:20px;
}

#imgonmouse .fresh3{
	position:absolute;
	width:99px;
	height:477px;
	top:50px;
	left:266px;
}

#imgonmouse .fresh4{
	position:absolute;
	width:115px;
	height:475px;
	top:152px;
	left:150px;
}

#imgonmouse .fresh5{
	position:absolute;
	width:84px;
	height:96px;
	top:23px;
	left:388px;
}

#imgonmouse .fresh6{
	position:absolute;
	width:104px;
	height:142px;
	top:5px;
	left:478px;
}

#imgonmouse .fresh7{
	position:absolute;
	width:108px;
	height:278px;
	top:239px;
	left:10px;
}

#imgonmouse .fresh8{
	position:absolute;
	width:76px;
	height:90px;
	top:149px;
	left:175px;
}


/* five */

#imgonmouse .five1{
	position:absolute;
	width:142px;
	height:412px;
	top:223px;
	left:243px;
}

#imgonmouse .five2{
	position:absolute;
	width:99px;
	height:408px;
	top:228px;
	left:107px;
}

#imgonmouse .five3{
	position:absolute;
	width:129px;
	height:384px;
	top:250px;
	left:402px;
}

#imgonmouse .five4{
	position:absolute;
	width:82px;
	height:246px;
	top:117px;
	left:24px;
}

#imgonmouse .five5{
	position:absolute;
	width:156px;
	height:125px;
	top:123px;
	left:388px;
}

#imgonmouse .five6{
	position:absolute;
	width:182px;
	height:211px;
	top:12px;
	left:206px;
}

#imgonmouse .five7{
	position:absolute;
	width:95px;
	height:141px;
	top:227px;
	left:95px;
}

#imgonmouse .five8{
	position:absolute;
	width:81px;
	height:139px;
	top:228px;
	left:14px;
}

#imgonmouse .five9{
	position:absolute;
	width:49px;
	height:95px;
	top:154px;
	left:386px;
}

#imgonmouse .five10{
	position:absolute;
	width:66px;
	height:322px;
	top:225px;
	left:189px;
}

#imgonmouse .five11{
	position:absolute;
	width:129px;
	height:97px;
	top:24px;
	left:305px;
}

#imgonmouse .five12{
	position:absolute;
	width:77px;
	height:99px;
	top:32px;
	left:129px;
}

#imgonmouse .five13{
	position:absolute;
	width:93px;
	height:89px;
	top:14px;
	left:14px;
}

#imgonmouse .five14{
	position:absolute;
	width:56px;
	height:94px;
	top:35px;
	left:533px;
}


/* ss */

#imgonmouse .ss1{
	position:absolute;
	width:129px;
	height:522px;
	top:103px;
	left:98px;
}

#imgonmouse .ss2{
	position:absolute;
	width:115px;
	height:529px;
	top:76px;
	left:393px;
}

#imgonmouse .ss3{
	position:absolute;
	width:79px;
	height:133px;
	top:27px;
	left:19px;
}

#imgonmouse .ss4{
	position:absolute;
	width:165px;
	height:100px;
	top:45px;
	left:227px;
}

#imgonmouse .ss5{
	position:absolute;
	width:80px;
	height:70px;
	top:183px;
	left:509px;
}

#imgonmouse .ss6{
	position:absolute;
	width:89px;
	height:72px;
	top:290px;
	left:242px;
}

#imgonmouse .ss7{
	position:absolute;
	width:56px;
	height:336px;
	top:264px;
	left:42px;
}

#imgonmouse .ss8{
	position:absolute;
	width:105px;
	height:201px;
	top:425px;
	left:228px;
}

#imgonmouse .ss9{
	position:absolute;
	width:61px;
	height:379px;
	top:227px;
	left:332px;
}


/* futari */

#imgonmouse .futari1{
	position:absolute;
	width:174px;
	height:450px;
	top:155px;
	left:53px;
}

#imgonmouse .futari2{
	position:absolute;
	width:141px;
	height:484px;
	top:143px;
	left:367px;
}

#imgonmouse .futari3{
	position:absolute;
	width:140px;
	height:453px;
	top:69px;
	left:228px;
}

#imgonmouse .futari4{
	position:absolute;
	width:79px;
	height:100px;
	top:52px;
	left:12px;
}

#imgonmouse .futari5{
	position:absolute;
	width:108px;
	height:91px;
	top:19px;
	left:93px;
}

#imgonmouse .futari6{
	position:absolute;
	width:98px;
	height:90px;
	top:92px;
	left:509px;
}

#imgonmouse .futari7{
	position:absolute;
	width:135px;
	height:71px;
	top:18px;
	left:376px;
}

#imgonmouse .futari8{
	position:absolute;
	width:78px;
	height:58px;
	top:124px;
	left:400px;
}


/* kokoro */

#imgonmouse .kokoro1{
	position:absolute;
	width:285px;
	height:294px;
	top:169px;
	left:28px;
}

#imgonmouse .kokoro2{
	position:absolute;
	width:206px;
	height:250px;
	top:203px;
	left:326px;
}