@charset "utf-8";

/*===================================================
 /pc/character/index.html CSS
=================================================== */

/*---------------------------------------------------
 main Area
--------------------------------------------------- */
#mainArea{
width: 929px;
height: 395px;
margin: 5px auto 15px;
position: relative;
background: url(../images/bg_fukidashi.png) -5px 100% no-repeat;
}
#mainArea .txt01{
position: absolute;
top:-20px;
right:-90px;
}
#mainArea #mainChara{
width: 929px;
height: 395px;
position: absolute;
top: 7px;
left: 12px;
}
#mainArea #mainChara .mainChara3{
text-indent: 0px;
}
#mainArea #mainChara li a{
display: block;
}
#mainArea #mainFukidashi li{
display: none;
}
#mainArea #mainFukidashi li img{
margin-top: 24px;
margin-left: 76px;
width: 0;
height: 0;
}


/*---------------------------------------------------
 charactersProfile Area
--------------------------------------------------- */
#charactersProfile{
margin: 0 auto;
width: 902px;
height: 507px;
position: relative;
background: url(../images/chara/bg_characters.png) 0 0 no-repeat;
}
#charaMap{
cursor: pointer;
}
#charaDetail{
width: 217px;
height: 507px;
overflow: hidden;
float: right;
}
#charaDetail ul{
position: relative;
}
#charaDetail ul li{
position: absolute;
top: 0;
left: 0;
display: none;
}

/*---------------------------------------------------
 charactersCostume Area
--------------------------------------------------- */
#charactersCostume{
position: relative;
}
#charactersCostume .costume{
width: 395px;
height: 385px;
overflow: hidden;
position: absolute;
top: 0;
left: 150px;
}
#charactersCostume .costume ul{
width: 18565px;
}
#charactersCostume .costume li{
position: absolute;
top:0;
left: 0;
display: none;
}

#charactersCostume .map{
margin: 0 auto;
width: 910px;
height: 745px;
position: relative;
background: url(../images/prefecture/bg_map.gif) 0 0 no-repeat;
}

#charactersCostume .map li{
width: 51px;
height: 54px;
background: url(../images/prefecture/prefecture_thumb.png) 0 0 no-repeat;
display: block;
}
#charactersCostume .map li a{
width: 51px;
height: 54px;
display: block;
}



/*---------------------------------------------------
 movie Area
--------------------------------------------------- */
#movie{
margin: 0 auto;
width: 934px;
height: 743px;
position: relative;
background: url(../images/bg_movie.png) 0 100% no-repeat;
}

#movie .fuwafuwa{
position: absolute;
top: 170px;
right: 30px;
}


/*---------------------------------------------------
 download Area
--------------------------------------------------- */
#download{
margin: 0 auto;
padding-bottom: 40px;
width: 900px;
background: url(../images/bg_download.png) 0 100% no-repeat;
}

#downloadInner{
margin-left: 10px;
}


/*---------------------------------------------------
 WallpaperSetting Area
--------------------------------------------------- */
#WallpaperSetting{
margin: 0 auto;
padding-left: 5px;
width: 900px;
min-height: 379px;
background: url(../images/bg_wallpaper.png) 0 100% no-repeat;
color: #e83820;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 110%;
}

#WallpaperSetting a{
color: #e83820;
}
#downloadInner div{
position: relative;
}
#downloadInner .new{
position: absolute;
top: -10px;
left: -10px;
}


/*---------------------------------------------------
 SNSArea Area
--------------------------------------------------- */
#SNSArea{
margin: 0 auto;
width: 956px;
position: relative;
}

#facebookTimeline,
#twitterTimeline{
	width: 444px;
	padding: 8px 12px;
	float: left;
	background: url(../images/bg_sns.png) 0 0 no-repeat;
}

#toTop{
	position: absolute;
	top: -200px;
	right: 0;
}