@charset "Shift_JIS";


/* normal settings */
body {
	background: transparent;
	padding: 0;
	margin: 0;
	color: #5d5d5d;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 10px;
	text-align: center;
}
a:link, a:visited, a:hover, a:active {
	color: #5d5d5d;
	text-decoration: none;
	outline: none;
}
img {
	border: 0;
	outline: none;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
html,body {
    height: 100%;
}

body{
	background: #980019;
	padding: 0 6px 0 6px;
	min-width: 660px;
	min-height: 480px;
}
.wrap{
	width: 100%;
	height: 100%;
    min-height: 100%;
    background: #faf5e6 url(../img/bg_line.png) center bottom repeat-x;
    position: relative;
}
body > .wrap{
    height: auto;
}
.wrap .contenttop{
	width: 100%;
	height: 6px;
	background: #980019;
	position: absolute;
	left: 0;
	top: 0;
}

#link_area {
	width: 640px;	margin: 0 auto; padding-top: 180px;
}
#link_area ul li {
	padding: 2px 0; position: relative;	 z-index: 5;
}
#link_area ul li.new > span {
	background: url(../img/badge_new.png) 0 0 no-repeat; width:48px; height:19px; position: absolute; top:7px!important; left:470px; z-index: 100!important; 	
}
#link_area ul li img{
	position: relative; z-index: 10;
}
#link_area .btn02:before {
	content: url(../../img/top/obg_chara_05.png); position: absolute; top:70px; left:17px; z-index: 1;
}
#link_area .btn03:before {
	content: url(../../img/top/obg_chara_18.png); position: absolute; top:120px; right:18px; z-index: 1;
}
#link_area .btn04:before {
	content: url(../../img/top/obg_chara_08.png); position: absolute; top:80px; left:17px; z-index: 1;
}
#link_area .btn05:before {
	content: url(../../img/top/obg_chara_14.png); position: absolute; top:70px; right:12px; z-index: 1;
}
#link_area .btn06:before {
	content: url(../../movie/img/obg_movie_chara02.png); position: absolute; top:70px; left:12px; z-index: 1;
}
#link_area .btn06:after {
	content: url(../../img/top/obg_chara_36.png); position: absolute; top:170px; left:50px; z-index: 1;
}
#link_area .btn07:before {
	content: url(../../img/top/bg_chara13.png); position: absolute; top:70px; right:12px; z-index: 1;
}
#link_area .btn08:before {
	content: url(../../img/top/obg_chara_24.png); position: absolute; top:70px; left:12px; z-index: 1;
}
#link_area .btn09:before {
	content: url(../../img/top/obg_chara_02.png); position: absolute; top:60px; right:12px; z-index: 1;
}
#link_area .btn09:after {
	content: url(../../img/top/obg_chara_10.png); position: absolute; top:60px; left:7px; z-index: 1;
}

#last {
	width: 640px;	margin: 0 auto; height: auto; position: relative;
}
#last .next {
	position: relative; z-index: 5; width: 100%; padding-top: 10px;
}
#last .next:before { 
	content: url(../img/bg_dot05.png); absolute; position: absolute; top:-18px; left:24px; z-index: 1;
}

#last .next:after{ 
	content: url(../img/bg_dot06.png); absolute; position: absolute; top:-20px; right:12px; z-index: 1;
}

#last .btnclose {
	padding-top: 60px;  padding-bottom: 55px;position: relative; z-index: 5; width: 100%; height: 100%;	
}
#last .btnclose a {
	position: relative; z-index: 5;	
}
#last .btnclose .backimage {
	position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;	
}

#last .dot07{
	position: absolute;
	left: 50%;
	top: 14px;
	margin-left: -307px;
}
#last .dot08{
	position: absolute;
	left: 50%;
	top: 54px;
	margin-left: -215px;
}
#last .dot09{
	position: absolute;
	left: 50%;
	top: 55px;
	margin-left: -162px;
}
#last .dot10{
	position: absolute;
	left: 50%;
	top: 62px;
	margin-left: 95px;
}
#last .dot11{
	position: absolute;
	left: 50%;
	top: 38px;
	margin-left: 207px;
}
#last .dot12{
	position: absolute;
	left: 50%;
	top: 91px;
	margin-left: 189px;
}
#last .dot13{
	position: absolute;
	left: 50%;
	top: 57px;
	margin-left: 265px;
}


.wrap h1{
	position: absolute;
	left: 50%;
	top: 15px;
	margin-left: -290px;
}
.wrap .txt01{
	position: absolute;
	left: 50%;
	top: 139px;
	margin-left: -200px;
}
.wrap .dot01{
	position: absolute;
	left: 50%;
	top: 18px;
	margin-left: -309px;
}
.wrap .dot02{
	position: absolute;
	left: 50%;
	top: 18px;
	margin-left: -143px;
}
.wrap .dot03{
	position: absolute;
	left: 50%;
	top: 125px;
	margin-left: -305px;
}
.wrap .dot04{
	position: absolute;
	left: 50%;
	top: 134px;
	margin-left: 268px;
}