@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; }
a:link,a:visited,a:active {outline: none;} 
a:link { color: #E9385B;}
a:visited { color: #E9385B;}
a:hover { color: #069;}
a:active { color: #09C;}

body,td,th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #19125E; font-size: 15px; color: #fff; line-height:180%;}
.clearfix{ clear:both;}
#pagetop { bottom: 15px; right: 15px; position: fixed; z-index: 500;}

#header{ background-color:#000000; height:31px; border-bottom:solid 1px #c89d53;}
#header #content{ width:100%; max-width:1000px; margin:0 auto; text-align:center; height:31px; position:relative;}
#header #content #links{ position: absolute; left: 12px; top: 4px;}
#header #content #links a{ color:#FFF; font-size:12px; text-decoration:none;}
#header #content #links a:hover{ color:#39F;}
#header #content #sns{ position: absolute; right: 10px; top: 0px;}

.getshop{ margin-left:30px;}

#footer{ background-image:url(../img/footer.jpg); border-top:solid 1px #333333; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
#footer #sns{ border-bottom:solid 1px #3a3567; text-align:center; padding:20px 0;}
#footer #sns img{ margin:0 8px;}
#footer #content{ width: 100%; margin: 0 auto;	padding-top: 30px; padding-bottom: 30px; text-align: center; font-size: 13px; line-height: 150%;}
#footer #content img{ margin:5px;}

h2{ text-align:center; margin:30px auto;}
h2 img{ width:100%; max-width:947px;}
#line2{ height:5px; width:100%; background-image:url(../img/bar2.jpg);}
.catchtext{ margin:0 auto 30px; width:92%; max-width:980px; text-align:center; line-height:170%; font-size:18px;}

.bar{ height:81px; background-image:url(../img/bar.jpg); width:100%; margin-bottom:30px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 32px; font-weight: bold; color: #FFF; text-shadow: 0 0 7px #000; position:relative;}
.bar h3{ position: absolute; top: 27px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}

#main{ width:100%; background-image:url(../img/main.jpg); min-height:728px; background-position:center top; background-repeat:no-repeat;}
#main #maincontent{ width:100%; max-width:990px; height:100%; margin:auto; position:relative; text-align:center}
#main #maincontent #nintendo{ position:absolute; top:30px; left:5px;}
#main #maincontent #san30th{ position:absolute; top:20px; right:5px;}
#main #maincontent #logo{ margin:0 auto; padding-top:290px; padding-bottom:0px; }
#main #maincontent #logo img{ width:100%; max-width:571px;}
#main #maincontent #day{ position:absolute; right:15px; padding-top:8px;}
#main #maincontent #spec{ position:absolute; right:0; padding-top:70px;}
#main #maincontent #tokuten{ position:absolute; left:10px; bottom:-165px;}
#main #maincontent #ds{ position:absolute; left:25px; bottom:-120px; z-index:100;}
#main #maincontent #movie{ position:absolute; display:block; left:195px; bottom:-80px;}


#flashContent a{ display:block; width:153px; height:85px; z-index:500; background-image:url(../img/white.png);opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=40 )"; position:absolute; left:195px; bottom:-80px;}
#flashContent a:hover{ background-image:url(../img/white.png);opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}

.content{ width:92%; max-width:960px; margin:0 auto 60px; }
.textbox2{ width:100%;}
.textbox{ width: 58%; float:left;}
.textbox h3{ font-size: 21px; color: #F00; font-weight: bold;}
.textbox img{ width:100%;}
.textbox3{ width: 50%; float:right;}
#ss02{ float:right; width:42%; text-align:right;}
#ss02 img{ width:92%; max-width:400px;}
#ss03{ float:left; width:50%; text-align:center;}
#ss03 img{ width:92%; max-width:400px;}
h4{ font-size:21px; font-weight:bold; color:#F00; padding-bottom:5px;}

#frame{ width:90%; max-width:962px; margin:0 auto; background-image:url(../img/frame2.jpg); color:#000; line-height:150%; position:relative;}
#frame .douji{ position:absolute; right:20px; top:20px;}
#frame #topframe{ background-image:url(../img/frame1.jpg); height:41px; text-align:right;}
#frame #bottomframe{ background-image:url(../img/frame3.jpg); height:41px; text-align:right;}
#frame #middleframe{ background-image:url(../img/frame_right2.jpg); background-position:right; background-repeat:repeat-y;}
#frame #middleframe #specs{ width:92%; margin:0 auto;}
#frame #middleframe #specs h5{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 32px; font-weight: bold; text-shadow: 0 0 7px #666; color:#2a3f4c; padding-bottom:3px; line-height:120%;}
#frame #middleframe #specs h6{	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	color: #2a3f4c;	font-size: 18px;	font-weight: bold;	text-shadow: 0 0 7px #999;	padding-bottom: 15px;}
#frame #middleframe #specs h7{ font-weight: bold; font-size: 20px; color: #EC2617; padding-bottom: 5px;	display: block;	}
#frame #middleframe #specs span{ font-size:12px;}
#chara ul{ list-style:none; padding-top:20px;}
#chara li{ float:left; width:25%; margin-bottom:10px; text-align:center; }
#chara li img{ width:95%;}

#scenario ul{ list-style:none; padding-top:20px;}
#scenario li{ float:left; width:33%; margin-bottom:25px; text-align:center; }
#scenario li img{ width:97%;}
#scenario li span{ display: block; width: 98%; margin: 0 auto; text-align: left; font-size: 16px; line-height: 145%; padding-bottom: 10px; color: #F90;}
#scenario h4{ font-size: 21px; font-weight: bold; color: #F00; padding-top: 10px; padding-bottom: 15px;}
#scenario_title{ text-align:center; font-size:36px; margin-top:50px; font-weight:bold; border: 3px #FFF solid; border-radius: 10px; padding:20px; position:relative;}
#scenario_title .new{ position:absolute; left:20px; margin-top:5px;}

.photo_ss{ text-align:center; padding-top:20px;}
#pv{ margin:0 auto 40px; width:100%; max-width:856px; position:relative; }
#pv img{ width:100%;}
#pv span{ position:absolute;}

.pbox{	text-align: center;	padding-top: 0px;}
.pbox img{ width:100%; max-width:776px;}
#twinpack{ float:right; margin-top:-20px;}

.notice{ margin:0 auto; padding-top:20px; padding-bottom:10px; width:92%; max-width:960px; font-size:12px;}
.point{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; font-size:18px; text-shadow: 0 0 7px #999; color: #2a3f4c;}
.point .red{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; font-size:18px; text-shadow: 0 0 7px #999; color:#C00;}
.photos{ padding:10px 0 15px;}
.photos img{ padding-right:10px; padding-bottom:10px;}
#logo_beginner{ margin:20px auto 10px; width:100%; max-width:962px; position:relative;}
#logo_beginner img{ width:160px;}
.backtotop{ position:absolute; right:0; top:20px;}

@media screen and (min-width: 987px) {
.hidepc{ display:none;}
}

@media screen and (min-width: 640px) and (max-width: 986px) {
.bar{ height: 81px; background-image: url(../img/bar.jpg);	background-position: center; width: 100%; margin-bottom: 30px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 26px; font-weight: bold; color: #FFF; text-shadow: 0 0 7px #000; position: relative;}
.bar h3{ position: absolute; top: 27px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
.hidepc{ display:none;}
#logo_beginner{ width:92%; }
}

@media screen and (max-width: 639px) {
#main #maincontent #nintendo{ position: absolute; top: 15px; left: -30px;}
#main #maincontent #nintendo img{ width:70%;}
#main #maincontent #tokuten{ position:absolute; width:95%; text-align:center; bottom:-255px;}
#main #maincontent #ds{ display:none;}
#main #maincontent #movie{ display:none;}

#header #content #links{ display:none;}

.catchtext{ margin:0 auto 30px; width:92%; text-align:left; line-height:170%; font-size:16px;}
.bar{ height: 81px; background-image: url(../img/bar.jpg);	background-position: center; width: 100%; margin-bottom: 30px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 21px; font-weight: bold; color: #FFF; text-shadow: 0 0 7px #000; position: relative;}
.bar h3{ position: absolute; top: 15px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
.textbox{ width: 100%;}
#ss02{ width:100%; text-align:center; padding-top:20px;}
#ss02 img{ width:100%; }
.textbox3{ width: 100%; padding-top:30px;}
#ss03{ width:100%; text-align:center;}
#ss03 img{ width:100%; }
#frame #middleframe #specs{ width:88%; margin:0 auto;}
#frame #middleframe #specs h5{ font-size:21px;}
#frame .douji{ position:absolute; left:10px; top:-55px;}
#chara li{ float:left; width:33%; margin-bottom:10px; text-align:center; }
#scenario li{ float:left; width:50%; margin-bottom:15px; text-align:center; }
#scenario_title{ text-align:center; font-size:26px; margin-top:50px; font-weight:bold; border: 3px #FFF solid; border-radius: 10px; padding:20px; position:relative;}
#scenario_title .new{ display:none;}
#twinpack{ display:none;}
.photos img{ padding-bottom:10px; width:100%;}
.hidesp{ display:none;}
#logo_beginner{ width:92%; }
}