@charset "Shift_JIS";

/*汎用設定*/

*
{
	padding: 0px;
	margin: 0px;
}
body,table
{
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.ie body,table
{
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.gecko body,table
{
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.safari body,table
{
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.5em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
body
{
	background: url(images/common/bg.jpg) repeat-x  #000000;
}
table
{
	border: none;
	border-collapse: collapse;
}
td
{
	border: none;
	vertical-align: top;
}
a:link
{
	text-decoration: none;
	color: #F60;
}
a:visited
{
	text-decoration: none;
	color: #F60;
}
a:hover
{
	text-decoration: underline;
	color: #C00;
}
img
{
	border: none;
}
ul
{
	margin: 0px;
	padding-left: 17px;
}

/*エリア指定*/

#wrapper
{
	width: 820px;
	margin: 0px auto;
	background: url(images/common/bg2.jpg) repeat-y;
}
#wrapper-m
{
	width: 820px;
	margin: 0px auto;
	background: url(images/common/bg3.jpg) repeat-y;
}
#top
{
	width: 820px;
	height: 800px;
	background: url(images/common/top.jpg) no-repeat;
	position: relative;
}
#top-t
{
	position: absolute;
	top: 594px;
	left: 669px;
	width: 100px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#top-btn a
{
	width: 251px;
	height: 22px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 741px;
	left: 406px;
}
#top-navi
{
	width: 820px;
	height: 507px;
	background: url(images/common/top_navi.jpg) no-repeat;
	position: relative;
}
#top-navi-m1 a
{
	width: 750px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 20px;
	left: 30px;
}
#top-navi-m2 a
{
	width: 750px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 140px;
	left: 30px;
}
#top-navi-m3 a
{
	width: 750px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 260px;
	left: 30px;
}
#top-navi-m4 a
{
	width: 750px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 380px;
	left: 30px;
}

.fl
{
	float:left;
}
.fr
{
	float:right;
}
.cl
{
	clear:both;
}

/*余白*/

.mb10px
{
	margin-bottom: 10px;
}
.mb15px
{
	margin-bottom: 15px;
}
.mb20px
{
	margin-bottom: 20px;
}

/*ナビゲーション*/

#navi
{
	width: 820px;
	height: 150px;
	background: url(images/common/navi.jpg) no-repeat;
	position: relative;
}
#navi-title
{
	top: 0px;
	left: 360px;
	position: absolute;
}
#navi-logo
{
	top: 15px;
	left: 23px;
	position: absolute;
}
#navi-logo a
{
	width: 300px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}
#navi01
{
	top: 75px;
	left: 25px;
	position: absolute;
}
#navi01 a
{
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(images/common/navi01a.jpg);
}
#navi01 a:hover
{
	background: none;
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
}
#navi02
{
	top: 75px;
	left: 220px;
	position: absolute;
}
#navi02 a
{
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(images/common/navi02a.jpg);
}
#navi02 a:hover
{
	background: none;
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
}
#navi03
{
	top: 75px;
	left: 415px;
	position: absolute;
}
#navi03 a
{
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(images/common/navi03a.jpg);
}
#navi03 a:hover
{
	background: none;
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
}
#navi04
{
	top: 75px;
	left: 610px;
	position: absolute;
}
#navi04 a
{
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(images/common/navi04a.jpg);
}
#navi04 a:hover
{
	background: none;
	width: 185px;
	height: 60px;
	display: block;
	text-indent: -9999px;
}

/*フォント*/

.font10
{
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}

/*フッター*/


#copyright2
{
	width: 790px;
	text-align: center;
	vertical-align: middle;
	padding: 15px;
}
.copyright
{
	margin: 0px auto;
	width:800px;
	text-align:center;
	color:#333333;
}

.footer-area
{
	color: #cccccc;
	padding: 20px 0px;
	background: #eeeeee;
}

/*mission1*/

#movie01
{
	background: url(images/01/movie.jpg) no-repeat;
	width: 820px;
	height: 520px;
	position: relative;
}
#movie01-movie
{
	position: absolute;
	top: 83px;
	left: 54px;
}
#movie01-text
{
	position: absolute;
	top: 20px;
	left: 596px;
	width: 185px;
}
#movie01-link a
{
	width: 183px;
	height: 37px;
	top: 223px;
	left: 596px;
	display: block;
	text-indent: -9999px;
	position: absolute;
}
#m01-pic01
{
	background: url(images/01/pic01.jpg) no-repeat;
	width: 820px;
	height: 1347px;
	position: relative;
}
#m01-movie
{
	top: 116px;
	left: 47px;
	position: absolute;
}
#m01-pic01-t01
{
	top: 113px;
	left: 592px;
	width: 191px;
	position: absolute;
}
#m01-pic01-t02
{
	top: 472px;
	left: 192px;
	width: 203px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m01-pic01-t03
{
	top: 698px;
	left: 38px;
	width: 114px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m01-pic01-t04
{
	top: 562px;
	left: 421px;
	width: 150px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m01-pic01-t05
{
	top: 1130px;
	left: 257px;
	width: 137px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m01-pic01-t06
{
	top: 1179px;
	left: 603px;
	width: 183px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m01-pic02
{
	background: url(images/01/pic02.jpg) no-repeat;
	width: 820px;
	height: 1322px;
	position: relative;
}
#m01-pic02-t01
{
	top: 278px;
	left: 40px;
	width: 295px;
	position: absolute;
}
#m01-pic02-t02
{
	top: 634px;
	left: 170px;
	width: 165px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m01-pic02-t03
{
	top: 529px;
	left: 369px;
	width: 221px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m01-pic02-t04
{
	top: 866px;
	left: 426px;
	width: 158px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m01-pic02-t05
{
	top: 998px;
	left: 330px;
	width: 137px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m01-pic02-t06
{
	top: 1198px;
	left: 262px;
	width: 209px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m01-pic02-t07
{
	top: 1191px;
	left: 586px;
	width: 183px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}

/*mission2*/

#m02-pic01
{
	background: url(images/02/pic01.jpg) no-repeat;
	width: 820px;
	height: 748px;
	position: relative;
}
#m02-pic01-t01
{
	top: 87px;
	left: 40px;
	width: 290px;
	position: absolute;
}
#m02-pic01-t02
{
	top: 306px;
	left: 359px;
	width: 282px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m02-pic01-t03
{
	top: 300px;
	left: 32px;
	width: 150px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m02-pic01-t04
{
	top: 349px;
	left: 662px;
	width: 129px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m02-pic01-t05
{
	top: 520px;
	left: 32px;
	width: 136px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m02-pic02
{
	background: url(images/02/pic02.jpg) no-repeat;
	width: 820px;
	height: 462px;
	position: relative;
}
#m02-pic02-t01
{
	top: 132px;
	left: 40px;
	width: 210px;
	position: absolute;
}
#m02-pic02-movie
{
	top: 32px;
	left: 270px;
	width: 290px;
	position: absolute;
}
#m02-pic02-link a
{
	top: 347px;
	left: 43px;
	width: 203px;
	height: 71px;
	position: absolute;
	display: block;
	text-indent: -9999px;
}
#m02-pic03
{
	background: url(images/02/pic03.jpg) no-repeat;
	width: 820px;
	height: 130px;
	position: relative;
}
#m02-pic03-t01
{
	top: 30px;
	left: 351px;
	width: 429px;
	position: absolute;
}

#weapon-left
{
	width: 380px;
	float: left;
	margin-left: 20px;
	display:inline;
	color: #123978;
}

#weapon-right
{
	width: 380px;
	float: right;
	margin-right: 20px;
	display:inline;
	color: #123978;
}
.wl-text
{
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
.wr-text
{
	margin-right: 20px;
	margin-bottom: 15px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#spw
{
	background: url(images/02/spw_bg.jpg) repeat-y;
}
#spw-left
{
	width: 380px;
	float: left;
	margin-left: 20px;
	display:inline;
	color: #123978;
}

#spw-right
{
	width: 380px;
	float: right;
	margin-right: 20px;
	display:inline;
	color: #123978;
}
.spwl-text
{
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
.spwr-text
{
	margin-right: 20px;
	margin-bottom: 15px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
.spwr-text2
{
	margin-right: 30px;
	margin-bottom: 15px;
	color: #333;
}
.spw-text
{
	margin-left: 50px;
	padding-top: 15px;
}

/*mission3*/

#m03-pic00
{
	background: url(images/03/pic00.jpg) no-repeat;
	width: 820px;
	height: 365px;
	position: relative;
}
#m03-pic00-movie
{
	position: absolute;
	top: 19px;
	left:40px;
}
#m03-pic01
{
	background: url(images/03/pic01.jpg) no-repeat;
	width: 820px;
	height: 989px;
	position: relative;
}
#m03-pic01-t01
{
	top: 84px;
	left: 340px;
	width: 440px;
	position: absolute;
}
#m03-pic01-t02
{
	top: 535px;
	left: 418px;
	width: 183px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m03-pic01-t03
{
	top: 883px;
	left: 29px;
	width: 158px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m03-pic01-t04
{
	top: 935px;
	left: 617px;
	width: 176px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m03-pic02
{
	background: url(images/03/pic02.jpg) no-repeat;
	width: 820px;
	height: 589px;
	position: relative;
}
#m03-pic02-t01
{
	top: 76px;
	left: 40px;
	width: 200px;
	position: absolute;
}
#m03-pic02-link a
{
	width: 200px;
	height: 92px;
	top: 304px;
	left: 42px;
	display: block;
	text-indent: -9999px;
	position: absolute;
}
#m03-pic02-movie
{
	position: absolute;
	top: 28px;
	left:270px;
}
#m03-pic03
{
	background: url(images/03/pic03.jpg) no-repeat;
	width: 820px;
	height: 1373px;
	position: relative;
}
#m03-pic03-t01
{
	top: -112px;
	left: 363px;
	width: 417px;
	position: absolute;
}
#m03-pic03-t02
{
	top: 47px;
	left: 437px;
	width: 157px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t03
{
	top: 809px;
	left: 670px;
	width: 110px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t04
{
	top: 940px;
	left: 45px;
	width: 157px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t05
{
	top: 688px;
	left: 512px;
	width: 157px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t06
{
	top: 641px;
	left: 44px;
	width: 157px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t07
{
	top: 436px;
	left: 310px;
	width: 190px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t08
{
	top: 232px;
	left: 64px;
	width: 185px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t09
{
	top: 1158px;
	left: 196px;
	width: 141px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#m03-pic03-t10
{
	top: 1268px;
	left: 378px;
	width: 200px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}

/*mission3*/

#m04-pic01
{
	background: url(images/04/pic01.jpg) no-repeat;
	width: 820px;
	height: 675px;
	position: relative;
}
#m04-pic01-t01
{
	top: 306px;
	left: 55px;
	width: 330px;
	position: absolute;
}
#m04-pic01-t02
{
	top: 305px;
	left: 435px;
	width: 330px;
	position: absolute;
}
#m04-pic02
{
	background: url(images/04/pic02.jpg) no-repeat;
	width: 820px;
	height: 864px;
	position: relative;
}
#m04-pic02-t01
{
	top: 246px;
	left: 40px;
	width: 340px;
	position: absolute;
}
#m04-pic02-t02
{
	top: 374px;
	left: 614px;
	width: 179px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m04-pic02-t03
{
	top: 400px;
	left: 29px;
	width: 178px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m04-pic02-t04
{
	top: 588px;
	left: 613px;
	width: 179px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m04-pic03
{
	background: url(images/04/pic03.jpg) no-repeat;
	width: 820px;
	height: 461px;
	position: relative;
}
#m04-pic03-t01
{
	top: 80px;
	left: 40px;
	width: 200px;
	position: absolute;
}
#m04-pic03-movie
{
	top: 40px;
	left: 269px;
	position: absolute;
}
#m04-pic03-link a
{
	top: 319px;
	left: 40px;
	height: 88px;
	width: 207px;
	position: absolute;
	display: block;
	text-indent: -9999px;
}
#m04-pic04
{
	background: url(images/04/pic04.jpg) no-repeat;
	width: 820px;
	height: 927px;
	position: relative;
}
#m04-pic04-t01
{
	top: 8px;
	left: 332px;
	width: 451px;
	position: absolute;
}
#m04-pic04-t02
{
	top: 286px;
	left: 607px;
	width: 186px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m04-pic04-t03
{
	top: 143px;
	left: 31px;
	width: 184px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m04-pic04-t04
{
	top: 364px;
	left: 30px;
	width: 176px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}
#m04-pic04-t05
{
	top: 508px;
	left: 607px;
	width: 185px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}