@charset "utf-8";

html { background: #000;}
body {
	opacity:0;
	filter: alpha(opacity=0);  /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;        /* Safari 1.x */
}

/*===================================================
main_header
===================================================*/

#main_header {
	width: 100%;
	position: relative;
	z-index:100;
}
#main_header #logo {
	width: 19%;
	min-width: 252px;
	position: absolute;
	left: 3px;
	top: 4px;
}
#main_header #logo img {
	width: 100%;
	height:auto;
}
#main_header #sanzen_logo {
	position: absolute;
	right: 14px;
	top: 14px;
}
#main_header #official {
	position: absolute;
	right: 0px;
	top: 85px;
}



/*===================================================
main_visual
===================================================*/


#main_visual {
	width: 100%;
	min-width:1200px;
	z-index:10;
	background: #0d070e;
	position: relative;
	overflow: hidden;
	zoom:1;
}
#main_visual .main_copy {
	position: absolute;
	left:37px;
	bottom:120px;
	z-index:15;
}
#main_visual .main_side {
	position: absolute;
	left:0px;
	top:0px;
	z-index:10;
}
#main_visual .main_chara {
	width:auto;
	position: absolute;
	right:0px;
	top:0px;
	z-index:5
}

#main_visual .cam_bnnr {
	position: absolute;
	right:5px;
	bottom: 80px;
	z-index:20;
}
#main_visual .new_game {
	position: absolute;
	left:95px;
	bottom: 105px;
	z-index:15;
}


#main_visual .main_bg img,
#main_visual .main_chara img {
	width:auto;
	height:100%;
}

/*===================================================
global_nav
===================================================*/

#global_nav {
	width: 100%;
	min-width: 1200px;
	height: 75px;
	background: url(../img/teaser_yamato2/bg_gnav.png) center top repeat-x;
	position: absolute;
	left:0;
	top: 730px;
	z-index:1000;
}
#global_nav ul {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
#global_nav ul li {
	margin: 0 10px;
	display: inline-block;  
	*display: inline; 
	*zoom: 1;
}
#global_nav ul li img {
	opacity:0;
	filter: alpha(opacity=0);  /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;        /* Safari 1.x */
}	

#global_nav .new_game{
	margin: -70px 0 0 5px;
	float:left;
	opacity:0;
	filter: alpha(opacity=0);  /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;        /* Safari 1.x */
}
/*===================================================
footer
===================================================*/
#main_footer {
	width: 100%;
	min-width: 1200px;
	padding: 15px;
	color: #fff;
	font-size: 10px;
	line-height: 180%;
	text-align: left;
	background:#000;
	border-top: 2px solid #572d58;
	box-sizing: border-box;
	position:relative;
}
#main_footer .copyright {
}
#main_footer .spec{
	width: 200px;
	height: 46px;
	background:url(http://s-avatar.jp/img/teaser_heroes/spec.png) 0 0 no-repeat; 
	position: absolute;
	right: 10px;
	bottom: 10px;
} 





/*===================================================
pageTop
===================================================*/

#pageTop {
	position:fixed;
	right:15px;
	bottom:55px;
}



/*===================================================
container
===================================================*/
#container {
	width:100%;
	min-width: 1200px;
}
#container .width_limiter {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 25px;
	overflow: hidden;
	zoom:1;
	box-sizing: border-box;
}
#container .width_limiter h1 {
	margin-bottom: 35px;
	text-align: center;
}
.bg_l {
	width: 100%;
	background:url(../img/teaser_yamato2/bg_l_dec_bottom.png) 0 bottom repeat-x,
						 url(../img/teaser_yamato2/bg_l.png);	
}
.bg_d {
	width: 100%;
	background:url(../img/teaser_yamato2/bg_d_dec_bottom.png) 0 bottom repeat-x,
						 url(../img/teaser_yamato2/bg_d.png);
}




/*about_sec
----------------------------------------------------------------------------------------*/
#about_sec .bg_l_inner {
	padding: 75px 0 0;
	background: url(../img/teaser_yamato2/bg_l_dec_left.png) 0 -30px no-repeat,
							url(../img/teaser_yamato2/bg_l_dec_right.png) right -30px no-repeat;
}
#about_sec .bg_inner_opt {
	padding-bottom: 100px;
	background: url(../img/teaser_yamato2/bg_l_dec_left.png) 0 900px no-repeat,
							url(../img/teaser_yamato2/bg_l_dec_right.png) right 900px no-repeat;
}
#about_sec h2 {
	margin: 30px 0 20px;
	text-align: center;
}
#about_slide {
	width: 100%;
	height: 690px;
	position: relative;
}
#slide {
	width: 100%;
	height: 100%;
	position: relative;
}
#slide .main {
	position: absolute;
	left:70px;
	top:50px;
	z-index:5;
}
#about_slide .slide_bg {
	width: 100%;
	text-align: center;
	position: absolute;
	left:0;
	top:0;
}
#slide_nav {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top:10px;
}
#slide_nav li {
	width: 163px;
	height: 34px;
	padding-bottom:1px;
	display: inline-block;
	/float: left;
}
#slide_nav li.nav01 { background: url(../img/teaser_yamato2/nav_about_01_on.png) 0 0 no-repeat;}
#slide_nav li.nav02 { background: url(../img/teaser_yamato2/nav_about_02_on.png) 0 0 no-repeat;}
#slide_nav li.nav03 { background: url(../img/teaser_yamato2/nav_about_03_on.png) 0 0 no-repeat;}
#slide_nav li.nav04 { background: url(../img/teaser_yamato2/nav_about_04_on.png) 0 0 no-repeat;}
#slide_nav a {
	display: block;
}
#slide_nav a img {
	width:100%;
	height: auto;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#slide_nav a:hover img,
#slide_nav .rslides_here img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}



/*intro_sec
----------------------------------------------------------------------------------------*/
#intro_sec .bg_d_inner {
	padding: 75px 0 0;
	background: url(../img/teaser_yamato2/bg_d_dec_left.png) 0 -30px no-repeat,
							url(../img/teaser_yamato2/bg_d_dec_right.png) right -30px no-repeat;
}

#intro_sec .bg_inner_opt {
	padding-bottom: 150px;
	background: url(../img/teaser_yamato2/bg_d_dec_left.png) 0 1000px no-repeat,
							url(../img/teaser_yamato2/bg_d_dec_right.png) right 1650px no-repeat;
}

#intro_sec .img02{
	position:relative;
	margin-top: -100px;
}
/*chara_sec
----------------------------------------------------------------------------------------*/
#chara_sec .bg_l_inner {
	padding: 75px 0 150px;
	background: url(../img/teaser_yamato2/bg_d_dec_left.png) 0 -30px no-repeat,
							url(../img/teaser_yamato2/bg_d_dec_right.png) right -30px no-repeat;
}



#chara_slide {
	width: 100%;
}
#chara_slide .chara_nav {
	width: 100%;
	text-align: center;
}

#chara_slide .chara_nav li {
	margin: 0 5px;
	display: inline-block;  
	*display: inline; 
	*zoom: 1;
}
#chara_slide .chara_nav li span {
	width:225px;
	height: 79px;
	display:block;
	cursor:pointer;
}

.chara_nav li.current img {
	display:none;
}
.chara_nav li img {
	display:block;
}


#chara_slide .chara_nav li.touko { background: url(../img/teaser_yamato2/nav_chara_touko_on.png) 0 0 no-repeat;}
#chara_slide .chara_nav li.kuribei { background: url(../img/teaser_yamato2/nav_chara_kuribei_on.png) 0 0 no-repeat;}
#chara_slide .chara_nav li.gouketsu { background: url(../img/teaser_yamato2/nav_chara_gouketsu_on.png) 0 0 no-repeat;}
#chara_slide .chara_nav li.yunagi { background: url(../img/teaser_yamato2/nav_chara_yunagi_on.png) 0 0 no-repeat;}

#chara_slide_show {
	width:1150px;
	height: 800px;
	position: relative;
}
.slide_detail {
	width:1150px;
	height: 800px;
	position: absolute;
	left:0;
	top:0;
}
.slide_detail_inner {
	margin-top: 35px;
	width:1150px;
	height: 740px;
	position: relative;
}
.slide_detail_inner .name {
	position: absolute;
	right:85px;
	bottom:0;

	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
.slide_detail_inner .chara {
	position: absolute;
	left:0;
	top:0;

	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
#touko .slide_detail_inner { background: url(../img/teaser_yamato2/touko_bg.png) 0 0 no-repeat;} 
#kuribei .slide_detail_inner { background: url(../img/teaser_yamato2/kuribei_bg.png) 0 0 no-repeat;} 
#gouketsu .slide_detail_inner { background: url(../img/teaser_yamato2/gouketsu_bg.png) 0 0 no-repeat;} 
#yunagi .slide_detail_inner { background: url(../img/teaser_yamato2/yunagi_bg.png) 0 0 no-repeat;} 





/*setting_sec
----------------------------------------------------------------------------------------*/
.bg_d#setting_sec {
	background:	url(../img/teaser_yamato2/bg_d_dec_top.png) 0 0 repeat-x,
							url(../img/teaser_yamato2/bg_d.png);
	border-bottom: 1px solid #000;
}
#setting_sec .bg_d_inner {
	padding: 75px 0 150px;
	background: url(../img/teaser_yamato2/bg_d_dec_left.png) 0 -30px no-repeat,
							url(../img/teaser_yamato2/bg_d_dec_right.png) right -30px no-repeat;
}