@charset "UTF-8";
/* ==========================================================================
   Reset
============================================================================= */
html, body,h1,h2,h3,h4,h5,p,dl, dt, dd, ol, ul, li,table,tr, th, td{
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
}
a{
	outline: none;
}
body {
  line-height: 1;
}
img{
	border: 0;
	outline: none;
	vertical-align: bottom;
}
/* ==========================================================================
   Base
============================================================================= */
body {
	color: #4b4b4b;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
}
.cf:after{
	content: "";
	display: table;
	clear: both;
}
/* -----------------------
          詳細
----------------------- */
#container{
	width: 560px;
	height: 400px;
	position: relative;
}
#main{
	width: 560px;
	height: 400px;
	position: relative;
}
.next{
	position: absolute;
	top: 180px;
	right: 0px;
}
.back{
	position: absolute;
	top: 180px;
	left: 0px;
}
.next a,
.back a{
	opacity: 0.6;
}
.next a:hover,
.back a:hover{
	opacity: 1;
}

#chara_data{
	text-align: center;
}
#chara_data img{
	width: 400px;
	height: 400px;
}