@charset "utf-8";
/*--------------------------------

@character

last update 150710
v 1.0

--------------------------------*/
#wrapper{
	background-image:url(../img/top/bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

#main{
	padding:0 0 50px 0;
}


#character-navi{
	width: 274px;
  	float: left;
  	margin: 70px 0 100px 31px;
  	color: #c9bc9c;
}

#character-main{
	width:800px;
	float:left;
}

#character-side{
	width:224px;
	float:right;
	padding:30px 0 100px;
	/*
	filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;
	*/
	display:none;
}

#soukan{
	height:858px;
	
	filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;
	display:none;
}

#character-song-jacket{
	width: 192px;
    margin: 9px auto 0px;
    cursor: pointer;
	display:block;
}

#character-song-jacket img{
	width:100%;
	height:auto;
}


#character-song-ttl{
	padding:0 0 0 15px;
}


#character-navi-ttl{
	display: block;
  margin: 0px auto 0;
  position: absolute;
  top: -45px;
  left: 26px;
}

#character-navi-line {
	display: block;
	padding: 15px 0 15px;
}


#character-navi-list{
	
}

#character-navi-list li{
	display:block;
}

#character-main p{
	
}

#character-back-next{
	padding:0 0 15px;
}
#character-back,#character-next{
	cursor:pointer;
}

#character-sell-container{
	    width: 224px;
    /* height: 148px; */
    margin: 0px 0 20px;
    /* background: url(../img/character/sideBg_0.png) no-repeat; */
    position: relative;
}

#character-sell-ttl{
	display:block;
	padding:15px 0 10px;
	margin:0 auto;
}

#character-cd{
	width:192px;
	margin:0 auto;
}

.character-sell-contents{
	padding: 15px 0;
    background: url(../img/character/charaFrameMiddle.png);
    background-repeat: repeat-y;
}

#character-movie{
	width:192px;
	margin:9px auto 0;
	cursor:pointer;
}

#character-movie img{
	width:192px;
	height:108px;
	padding:0 0 5px 0;
}

#character-twitter-widget{
	margin: 26px 0 0 0;
    /* width: 194px; */
    /* height: 185px; */
    overflow: hidden;
    padding: 10px 0px 0px 0px;
}


#character-twitter-contents{
	padding:15px;
	background: url(../img/character/charaFrameMiddle.png);
    background-repeat: repeat-y;
}


#character-twitter-ttl{
	padding:0 0 5px;
}

#character-twitter-link{
	display:block;
	text-decoration:underline;
	padding:0 0 5px;
	font-size:12px;
}


#character-loader{
	  position:absolute;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  width: 48px;
  height: 48px;
  background: #000;
  top:200px;
  left:376px;
	display:none;
}
#character-loader img {
  display: block;
  width: 32px;
  margin: 8px auto;
}



#soukan-bg{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}

#soukan ul li{
	position:absolute;
	display:block;
}

#soukan-thumb0{
	top:107px;
	left:24px;
	z-index:2;
}
#soukan-thumb1{
	top:287px;
	left:24px;
	z-index:3;
}
#soukan-thumb2{
	top:470px;
	left:24px;
	z-index:4;
}
#soukan-thumb3{
	top:649px;
	left:24px;
	z-index:5;
}
#soukan-thumb4{
	top:282px;
	left:494px;
	z-index:6;
}
#soukan-thumb5{
	top:232px;
	left:257px;
	z-index:7;
	display:none;
}
#soukan-thumb6{
	top:537px;
	left:494px;
	z-index:8;
}
#soukan-thumb7{
	top:414px;
	left:784px;
	z-index:9;
}
#soukan-thumb8{
	top: 590px;
	left: 892px;
	z-index:10;
}

#soukan-thumb9{
    top: 217px;
    left: 245px;
	z-index:11;
}

#soukan-thumb10{
	top: 162px;
	left: 826px;
	z-index:12;
}