/* CSS Document */



/* ALL_setting

================================================== */

*{

	margin:0;

	padding:0;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

}



.clear{clear:both;}



img{border:0;}



li{list-style-type:none}





body{

	background-image: url(../image/background_img.jpg);

	background-repeat: repeat;

	background-color: #151b1f;

}



.space {

	height: 1150px;

	width: 100px;

}

.header_wrapper {

	height: 751px;

	background-image: url(../image/top_header_bg2.png);

	background-repeat: no-repeat;

	background-position: center top;

	min-width:1040px;

}

.header_space {

	height: 676px;

	width: 100px;

}

.menu_wrapper {

	width: 1040px;

	margin-right: auto;

	margin-left: auto;

}

.menu_top {

	height: 34px;

	width: 80px;

	margin-right: 10px;

	float: left;

}

.menu_story {

	float: left;

	height: 34px;

	width: 123px;

	margin-right: 10px;

}

.menu_character {

	float: left;

	height: 34px;

	width: 208px;

	margin-right: 10px;

}

.menu_visual {

	height: 34px;

	width: 129px;

	float: left;

	margin-right: 10px;

}

.menu_special {

	float: left;

	height: 34px;

	width: 150px;

	margin-right: 10px;

}

.menu_download {

	float: left;

	height: 34px;

	width: 187px;

	margin-right: 10px;

}

.menu_spec {

	float: left;

	height: 34px;

	width: 102px;

}

.contents_wrapper {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

}

.news_wrapper {

	height: 253px;

	width: 409px;

	float: left;

	background-image: url(../image/news_bg.png);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-left: 80px;

}

.publish_wrapper {

	float: right;

	height: 213px;

	width: 409px;

	background-image: url(../image/publish_bg.png);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-left: 80px;	

}

.pv_wrapper {

	float: right;

	height: 253px;

	width: 409px;

	background-image: url(../image/pv_bg.png);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-left: 80px;	

}

.banner_box_wrapper {

	margin-top: 35px;

	margin-bottom: 10px;

}



.banner_box_1 {

	height: 141px;

	width: 240px;

	float: left;

	margin-right: 13px;

}



.banner_box_2 {

	height: 141px;

	width: 240px;

	float: left;

}

.footer_wrapper {

	height: 190px;

	min-width:1040px;

	background-image: url(../image/footer_icon_img.png);

	background-position: center top;

	background-repeat: no-repeat;	

}

.news_box {

	width: 390px;

	height: 190px;

	overflow: auto;

}

.news_text {

	font-size: 12px;

	font-weight: bold;

	color: #FFF;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #207499;

	padding-bottom: 5px;

	padding-top: 5px;

	width: 350px;

}

.news_style1 {

	padding-right: 15px;

}



.publish_box {

	width: 390px;

	height: 190px;

	overflow: auto;

}

.movie_box {

	width: 380px;

	height: 223px;

	overflow: auto;



}

.page_top_icon_box {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

	text-align: right;

	padding-top: 40px;

}

.footer_space {

	height: 88px;

	width: 100px;

}

.footer_link_text_box {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

}

.footer_link_text {

	padding-left: 322px;

}

.footer_top {

	height: 12px;

	width: 40px;

	float: left;

	padding-right: 20px;

}

.footer_story {

	height: 12px;

	width: 67px;

	float: left;

	padding-right: 20px;

}

.footer_character {

	height: 12px;

	width: 122px;

	float: left;

	padding-right: 20px;

}

.footer_visual {

	height: 12px;

	width: 76px;

	float: left;

	padding-right: 20px;

}

.footer_special {

	height: 12px;

	width: 90px;

	float: left;

	padding-right: 20px;

}

.footer_download {

	height: 12px;

	width: 108px;

	float: left;

	padding-right: 20px;

}

.footer_spec {

	height: 12px;

	width: 54px;

	float: left;

}

.contents_header_wrapper {

	height: 240px;

	background-image: url(../image/contents_header_bg2.png);

	background-repeat: no-repeat;

	background-position: center top;

	min-width:1040px;

}



.contents_header_space {

	height: 164px;

	width: 100px;

}

.contents_title {

	width: 809px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 15px;

	margin-top: 20px;

}

.story_text {

	width: 715px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 25px;

	padding-top: 17px;

}

.story_bg {

	background-image: url(../image/story_bg.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.character_momose {

	top:68px;

	height:auto;

	position:relative;

	width:261px;

	z-index:1000;

	float:left;

}



.character_kanzaki{

	top:18px;

	height:auto;

	left:-25px;

	position:relative;

	width:226px;

	z-index:3000;

	float:left;	

}





.character_ageha{

	height:auto;

	left:-15px;

	position:relative;

	width:261px;

	z-index:2000;

	float:left;		

}



.character_rutiru{

	top:28px;

	height:auto;

	left:-15px;

	position:relative;

	width:236px;

	z-index:1000;

	float:left;		

}.character_select_kanzaki {

	float: left;

	height: 550px;

	width: 250px;

}

.sample_cg {

	float: left;

	height: 170px;

	width: 316px;

}

.sample_cg_box {

	width: 948px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 15px;

}

.contents_subtitle {

	height: 28px;

	margin-bottom: 15px;

}

.spec_text_style1 {

	font-size: 14px;

	color: #FFF;

	line-height: 22px;

	padding-right: 4px;

	padding-bottom: 4px;

}

.spec_text_style2 {

	font-size: 14px;

	color: #C00;

	line-height: 22px;

	padding-right: 4px;

	padding-bottom: 4px;

}

.spec_text_box_right {

	width: 460px;

	float: right;

}

.spec_text_box_left {

	float: left;

	width: 400px;

}

.top_logo {

	background-image: url(../image/top_logo.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 40px;

	margin-top: 25px;

}

.top_logo2 {

	height: 152px;

	width: 387px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

}

.top_text_style1 {

	width: 500px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 18px;

	color: #FFF;

	line-height: 22px;

	text-align: center;

	font-size: 14px;

}



.top_text_style2 {

	width: 500px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 15px;

	color: #FFF;

	line-height: 20px;

	text-align: center;

	font-size: 12px;

}

.tenpo_style1 {

	font-size: 18px;

	font-weight: bold;

	color: #FFF;

	padding-top: 10px;

}

.tenpo_banner {

	height: 57px;

	width: 261px;

	margin-right: auto;

	margin-left: auto;

}





.link_hover a:hover img{

	opacity:0.8;

	filter:alpha(opacity=80);

	-ms-filter: “alpha( opacity=80 )”;

}



.jp-play img:hover {

	filter:alpha(opacity=60);

	opacity:0.6;

}



.sub_character_box {

	float: left;

	width: 182px;

	margin-right: 18px;

}

.sub_character_box2 {

	float: left;

	width: 182px;



}

.sub_character_wrapper_box{

	width:982px;

	margin:auto;

}



/* ----------------------------------------------------------------

	#体験版テーブル

---------------------------------------------------------------- */

.try_download_table{

	margin-left:auto;

	margin-right:auto;

	width:690px;

	margin-bottom:30px;

	margin-top: 5px;

}



.try_download_table th{

	border:1px solid #0d6b95;

	background-color:#fff;

	text-align:center;

	padding:3px 20px;

}



.try_download_table td{

	border:1px solid #0d6b95;

	text-align:center;

	padding:2px 20px;

}

.try_download_table tr td a {

	font-size:16px;

	color:orange;

}



#top_prism_trial {

	height: 366px;

	width: 690px;

	position: relative;

	overflow: hidden;

	padding-bottom: 10px;

}



#top_prism_trial>div {

    position: absolute;

    top: 0;

    opacity: 0;

}



.collabo_wrapper {

	height: 249px;

	width: 409px;

	background-image: url(../image/countdown_movie_bg.png);

	background-repeat: no-repeat;

	padding-top: 200px;

	padding-left: 80px;

	float: left;

	margin-top: 40px;

	margin-right: 20px;

}

.collabo_box {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 20px;

}

.countdown_box {

	float: left;

}