@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
img { border: 0; vertical-align:bottom; border-style:none;}
a img { border-style:none;}
a { outline: none; }
body { background-color: #fff; background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: center top; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#header { height:618px; background-image:url(../img/header.jpg); background-position:top center; background-repeat:no-repeat; }
#header .con { margin: 0 auto; width:1000px; position:relative; height:618px;}
#header .con #catch{ position: absolute; top: 6px;}
#header .con #ps3{ position: absolute;}
#header .con #logo{	position: absolute;	top: 248px;	left: 258px;}
#header .con #date{	position: absolute;	top: 526px;	left: 409px;}
#header .con #pbox{	position: absolute;	top: 422px;	left: 773px;}
#header .con #pbox_new{	position: absolute;	top: 569px;	left: 864px; z-index: 600;}

#navi { height:55px; background-image:url(../img/bg_navi.jpg); background-position:center; background-repeat:no-repeat; background-color:#000;}
#navi .con { margin: 0 auto; width: 939px; position: relative; height: 55px;}
#navi .con ul{ list-style:none;}
#navi .con li{ float:left; padding-top:3px;}
#navi .con li.point span{ position: absolute; left: 62px; top: 23px;}
#navi .con li.mode span{ position: absolute; left: 462px; top: 23px;}
#navi .con li.ss span{ position: absolute; left: 584px; top: 23px;}
#navi .con li.movie span{ position: absolute; left: 742px; top: 23px;}

#information{ background-image: url(../img/bg_info.jpg); height: 30px; text-align:center;}
#information .con{ width:900px; margin:0 auto; color:#b20000; padding-top:6px; font-size:13px;}
#information .con a{ color:#CCC; text-decoration:none;}
#information .con a:hover{ color:#FFF; text-decoration:underline;}

#point { background-color: #000; padding-bottom: 10px; padding-top: 40px; background-image: url(../img/bg_point.jpg); background-position: top center; background-repeat: no-repeat;}
#point .con { margin: 0 auto; width:900px; position:relative;}
#point .con h2{	padding-bottom: 50px;}
#point .con h3{ padding-bottom:30px;}
#point .con h3 span img{ padding-bottom:17px; padding-left:5px;}
#point .con h4{ padding-bottom:10px;}
#point .con p{ color:#999; font-size:15px; line-height:160%;}
#point .con .point_img{ padding:20px 0 60px 0;}
#point .con .point_img img{ padding-right:12px;}
#point .con h5{ padding-bottom:10px;}
#point .con h5 span img{ padding-bottom:17px; padding-left:5px;}
#point .con .frame{ background-image:url(../img/0829/frame02.jpg); margin-bottom:50px;}
#point .con .frame .con{ width:810px;}
#point .con .frame .con .st{ font-size:20px; color:#FFF; padding-bottom:13px;}
#point .con .frame .con p{ padding-bottom:40px;}

#ps2 { background-color:#191919; padding-bottom: 60px; padding-top:60px; border-bottom:solid 1px #555; border-top:solid 1px #555;}
#ps2 .con { margin: 0 auto; width:900px; position:relative;}
#ps2 .con h3{ padding-bottom:30px;}
#ps2 .con h4{ padding-bottom:10px;}
#ps2 .con p{ color:#999; font-size:15px; line-height:160%;}
#ps2 .con .ps2hikaku{ padding-top:30px; position:relative;}
#ps2 .con .ps2hikaku .ya{ position: absolute; left: 345px; top: 130px;}

#mode { background-image:url(../img/0829/bg.jpg); padding-bottom: 60px; padding-top:60px; border-bottom:solid 1px #555; border-top:solid 1px #555;}
#mode .con { margin: 0 auto; width:900px; position:relative;}
#mode .con h3{ padding-bottom:30px;}
#mode .con h3 span img{ padding-bottom:17px; padding-left:5px;}
#mode .con h4{ padding-bottom:10px;}
#mode .con p{ color:#999; font-size:15px; line-height:160%;}

#ss { background-color:#212120; padding-bottom: 60px; padding-top:60px; background-image:url(../img/bg_ss.jpg);}
#ss .con { margin:0 auto; width:900px; position:relative;}
#ss .con h3{ padding-bottom:30px;}
#ss .con h3 span img{ padding-bottom:17px; padding-left:5px;}
#ss .con ul{ list-style:none;}
#ss .con li{ float:left; margin-left:2px; margin-bottom:2px;}
#ss .con li span{ position:absolute; z-index:10000; margin:-7px 0 0 -176px}

#movie { background-color:#212120; padding-bottom: 60px; padding-top:60px; background-image:url(../movie/bg_movie.jpg); border-top:solid 1px #555;}
#movie .con { margin:0 auto; width:900px; position:relative;}
#movie .con h3{ padding-bottom:30px;}
#movie .con h3 span img{ padding-bottom:17px; padding-left:5px;}
#movie .con ul{ list-style:none;}
#movie .con li{	float: left; margin-right: 9px;	margin-bottom: 2px;}
#movie .con li span{ position:absolute; z-index:1000; margin:-7px 0 0 -292px}
#movie .con li p{ color:#FFF; font-size:13px; margin:3px 0 5px 0;}

#spec { border-top:solid 1px #999; background-image:url(../img/bg_spec.jpg); background-position:top center; background-repeat:no-repeat;}
#spec .con { margin: 40px auto 60px; width:900px; position:relative; }
#spec .con h3{ padding-bottom:30px;}
#spec .con dl{ padding:10px 0 30px; color:#333;}
#spec .con dt{ float:left; width:7em;}
#spec .con h5{ padding:30px 0 30px;}
#spec .con img{ padding-right:12px;}
#spec .con .package{ position: absolute; left: 0px;	top: 291px;}
#spec .con .detail{	position: absolute;	left: 389px; top: 247px;}
#spec .con a{
	color: #F00;
	text-decoration: none;
	font-weight: bold;
}
#spec .con a:hover{ color:#c00; font-weight:bold;}

#bnavi { border-bottom:solid 1px #555; border-top:solid 1px #999;}
#bnavi .con { margin: 10px auto; width:900px; position:relative; }
#bnavi .con .shop{ float:right; font-size:13px; padding-top:2px;}
#bnavi .con .shop a{ color:#666; text-decoration:none;}
#bnavi .con .shop a:hover{ color:#c00; font-weight:bold;}

#footer { background-color:#FFF;}
#footer .con { margin: 20px auto; width:900px; position:relative; text-align:center;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;}

#sns{ position:fixed; right:0; top:140px; width:42px; z-index:5000;}

.slides_container { width: 900px; display: none;}
.slides_container div { width:900px; height:550px; display:block;}	
.pagination { list-style:none; padding:0; margin:0 auto; width:90px;}
.pagination .current a { color:red;}
.pagination li { float:left; margin:0 2px; list-style:none;}
.pagination li a { display:block; width:25px; height:0; padding-top:25px; background-image:url(../img/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a { background-position:0 -25px;}

#slideshow p {padding-left:80px; line-height:145%; font-size:15px;}
#slideshow .getphoto{ position:absolute; display:block; width:96px; height:85px; left:70px; top:400px;}
#slideshow .getillust{ position:absolute; display:block; width:96px; height:85px; left:150px; top:420px;}
#slideshow span { font-weight:bold; line-height:230%;}
#slideshow { margin: 0 auto; width: 934px; text-align: left; clear: both; _zoom: 1;	font-weight: normal; color: #fff; position: relative;}
#slideshow div { width: 934px; height: 530px; overflow: hidden; position: relative;	background-repeat: no-repeat; background-image: url(../img/0829/plate.jpg);	background-position: 0 32px;}
#slideshow div div { top: 0; left: 0; position: absolute;}
#slideshow #tab { width: 912px; position: absolute;	top: 0px; left: 11px; z-index: 100;	height: 38px; background-image: url(../img/0321/chara_bar.png);	list-style: none;}
#slideshow #tab ul { list-style:none; }
#slideshow #tab li { float: left; margin-left: 0px;}
#slideshow #tab li span{ position: absolute; top: 134px; margin-left:-65px;}
#slideshow .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

.notice_v{ font-size:12px; color:#999;}
#notice{ color:#C00; font-size:14px; line-height:145%; padding:10px; border:solid 1px #C00;}