@charset "utf-8";

/*==========================================================
  RESET CSS
==========================================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body { line-height:1; }

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/* IE6 base font */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}



/*==========================================================
  GENERAL
==========================================================*/

/* BODY */

body {
	background: #FFF;
	color: #444;
	text-align: center; /* for IE6 centering */
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", verdana, "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* LINK COLOR */

.thumblink {
	font-size: 90%;
	text-align: left;
	line-height: 150%;
}

.thumblink a:link {
	padding-right: 15px;
	background: url(../images/blank.png) no-repeat right;
	color: #FFF;
	text-decoration: none;
}

.thumblink a:visited {
	padding-right: 15px;
	background: url(../images/blank.png) no-repeat right;
	color: #FFF;
	text-decoration: none;
}

.thumblink a:hover {
	padding-right: 15px;
	background: url(../images/blank.png) no-repeat right;
	color: #FFF; /* orange */
	font-style: normal;
	text-decoration: underline;
}

.thumblink a:active {
	padding-right: 15px;
	background: url(../images/blank.png) no-repeat right;
	color: #FFF; /* red */
	text-decoration: underline;
}

/* AR TAG */

/*
#artag {
	position: absolute;
	top: 440px;
	left: 20px;
}
*/
/*
#artagtitle {
	position: absolute;
	top: 445px;
	left: 235px;
}
*/
/*
#artagicon {
	position: absolute;
	top: 485px;
	left: 235px;
}
*/
/*
#artagicon li {
	float: left;
	margin-right: 15px;
	list-style-type: none;
}
*/
/* BACK */
/*
#bgimg {
	background: #FFF url(../images/main_img1.jpg) no-repeat top center;
	width: 100%;
	height: 1488px;
}
*/

#ichimatsu {
/*	background: url(../images/ichimatsu.png); */
	width: 100%;
	height: 1488px;
/*	image-rendering: optimizeSpeed; */
}

/* main */

#main {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 1488px;
}

#head {
	text-align: left;
	position: absolute;
	top: 30px;
	left: 20px;
}

#mainlogo {
	text-align: left;
	position: absolute;
	top: 250px;
	left: 20px;
}
/*
#button_op {
	text-align: left;
	position: absolute;
	top: 660px;
	left: 20px;
}

#sign_tweet {
	text-align: left;
	position: absolute;
	top: 660px;
	left: 255px;
}

#button_cast {
	text-align: left;
	position: absolute;
	top: 660px;
	left: 480px;
}
*/
/*
#catch {
	position: absolute;
	top: 107px;
	right: 50px;
}

/* ELITE */

#elite {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#elite p {
	line-height: 160%;
}

.elitetitle {
	padding: 80px 0 70px 0;
}

.eliteoutline {
	padding-bottom: 10px;
}

.eliteforvita {
	padding-top: 45px;
	padding-bottom: 50px;
}

ul.elitenewelements {
	padding: 0 0 30px 50px;
}

ul.elitenewelements li {
	list-style-type: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.elitefamitsu {
	padding: 45px 0 10px 0;
}

.elitestorybutton {
	padding: 0 0 50px 0;
}

/* share */

#share {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#share ul {
	width: 195px;
	margin: 0 auto;
	padding: 20px 0 65px 0;
}

#share li {
	width: 45px;
	list-style-type: none;
	float: left;
	margin-right: 20px;
}

/* anime */

#anime {
	height: 760px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #FFF;
	position: relative;
}
/* 未使用
#animeinner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #000;
	position: relative;
}
*/

.anime1 {
	width: 100%;
	height:760px;
	text-align: center:
	background: #000;
	background: url(../images/anime_back.jpg) no-repeat bottom center;
	text-align: center;
}

.anime1 h3 {
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -351px
}

.anime1 .animeoutline {
	width: 100%;
	position: absolute;
	top: 200px;
	line-height: 160%;
	text-align: center;
}

.anime2 {
	width: 100%;
	height: 460px;
	text-align: center:
	position: relative;
	background: url(../images/anime_back2.jpg) no-repeat top center;
}

.anime2 p.title {
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -50px;
}

.anime2 h4 {
	position: absolute;
	top: 440px;
}

.anime2 p.info {
	width:940px;
	position: absolute;
	top: 520px;
	left: 50%;
	margin-left: -28em;
	text-align: left;
	line-height: 160%;
	color: #333;
}

.anime3 {
	width: 100%;
	height: 460px;
	text-align: center:
	position: relative;
	background: url(../images/anime_back3.jpg) no-repeat bottom center;
}

.anime3 p.title {
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -50px;
}

.anime3 p.info {
	width:940px;
	position: absolute;
	top: 520px;
	left: 50%;
	margin-left: -28em;
	text-align: left;
	line-height: 160%;
	color: #333;
}



/* story */


#story {
	height: 784px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #FFF;
}

.story1 {
	width: 100%;
	height:784px;
	text-align: center:
	background: #000;
	background: url(../images/story_back1.jpg) no-repeat bottom center;
	position: relative;

}

.story1 h3 {
	margin-top: 200px;
}

.story1 .storyoutline {
	width: 100%;
	margin-top: 80px;
	line-height: 160%;
	text-align: center;
}

.story2 {
	width: 100%;
	height: 484px;
	text-align: center:
	position: relative;
	background: url(../images/story_back2.jpg) no-repeat bottom center;
}

.story2 h4 {
	width: 100%;
	position: absolute;
	top: 440px;
}

.story2 p.title {
	position: absolute;
	top: 190px;
	left: 50%;
	margin-left: -50px;
}

.story2 p.info {
	width: 100%;
	position: absolute;
	top: 550px;
	line-height: 160%;
}

.story3 {
	width: 100%;
	height: 484px;
	text-align: center:
	position: relative;
	background: url(../images/story_back3.jpg) no-repeat bottom center;
}

.story3 p.title {
	position: absolute;
	top: 190px;
	left: 50%;
	margin-left: -50px;
}

.story3 p.info {
	width: 100%;
	position: absolute;
	top: 550px;
	line-height: 160%;
}










/* chara */

#chara {
	height: 800px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #FFF;
}
/* 未使用
#charainner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
*/
.charaimg0 {
	width: 100%;
	height: 800px;
	text-align: center:
	background: #000;
	background: url(../images/chara_back.jpg) no-repeat bottom center;
	position: relative;
}

.charaimg0 h3 {
	position: absolute;
	top: 80px;
	left: 50%;
	margin: 0 0 0 -445px;
	text-align: center;
	width: 891px;
}

.charaimg0 .charaoutline {
	width: 100%;
	position: absolute;
	top: 200px;
	line-height: 160%;
	text-align: center;
}

.charaimg1 {
	width: 100%;
	height: 800px;
	text-align: center:
	position: relative;
	background: url(../images/chara_img1.jpg) no-repeat bottom center;
}

.charaimg2 {
	width: 100%;
	height: 800px;
	text-align: center:
	position: relative;
	background: url(../images/chara_img2.jpg) no-repeat bottom center;
}

.charaimg3 {
	width: 100%;
	height: 800px;
	text-align: center:
	position: relative;
	background: url(../images/chara_img3.jpg) no-repeat bottom center;
}

.charaimg4 {
	width: 100%;
	height: 800px;
	text-align: center:
	position: relative;
	background: url(../images/chara_img4.jpg) no-repeat bottom center;
}

/* limited */

#limited {
	height: 720px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #FFF;
	background: #00a4e3;
}

.limited1 {
	width: 100%;
	height: 720px;
	background: url(../images/limited_back1.jpg) no-repeat bottom center;
	position: relative;
}

.limited1in {
	width: 960px;
	text-align: left;
	position: relative;
}

.limited1in h3 {
	position: absolute;
	top: 100px;
	left: 20px;	
}

.limited1in .info {
	position: absolute;
	top: 220px;
	left: 20px;	
}

.limited1in .odwtitle {
	position: absolute;
	top: 280px;
	left: 20px;
}

.limited1in .odwinfo {
	position: absolute;
	top: 340px;
	left: 20px;
	line-height: 130%;
}

.limited1in .omwtitle {
	position: absolute;
	top: 440px;
	left: 20px;
}

.limited1in .omwinfo {
	position: absolute;
	top: 500px;
	left: 20px;
	line-height: 130%;	
}

/* shop */

#shop {
	height: 850px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #FFF;
}

.shop1 {
	width: 100%;
	height: 850px;
	position: relative;
}

.shop1 h3 {
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -421px;
}

.shop1 .info {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 180px;
}

.shop1 ul {
	position: absolute;
	top: 230px;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}

.shop1 ul li {
	width: 160px;
	height: 580px;
	float: left;
	list-style-type: none;
}

/* newelements */

#newelements {
	height: 937px;
	background: url(../images/newelements_back.jpg) repeat-x top center;
	margin: 0 auto;
}

#newelementsinner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#newelements h3 {
	position: absolute;
	top: 100px;
	left: 170px;
}

.newelementsoutline {
	position: absolute;
	top: 220px;
	left: 50px;
	line-height: 160%;
}

.bxsliderbox {
	padding-top: 330px;
}

.pokekon { position:relative; }
.pokekon p {
	width:100%;
	position: absolute;
	top:430px;
	text-align: center;
	font-size: 90%;
	line-height: 140%;
}

/* ar */

#ar {
	height: 1580px;
	background: url(../images/ar_main.jpg) no-repeat top center;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #FFF;
	position: relative;
}

#ar h3 {
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -471px;	
}

#ar p.info {
	width: 100%;
	position: absolute;
	top: 180px;
	line-height: 160%;
}

#ar h4 {
	position: absolute;
	top: 1150px;
	left: 50%;
	margin-left: -430px;
}

#ar .bn1 {
	position: absolute;
	top: 1250px;
	left: 50%;
	margin-left: -450px;
}

#ar .bn2 {
	position: absolute;
	top: 1250px;
	left: 50%;
	margin-left: 30px;
}

#ar .bn3 {
	position: absolute;
	top: 1390px;
	left: 50%;
	margin-left: -450px;
}

#ar .bn4 {
	position: absolute;
	top: 1390px;
	left: 50%;
	margin-left: 30px;
}

/* spec */

#spec {
	background: #f3f3f3;
	padding: 70px;
	border-bottom: 2px solid #FFF;
}

/* robono */

#robono {
	background: url(../images/robono_main.png) repeat-x center;
	width: 100%;
	height: 175px;
	margin: 0 auto;
	position: relative;
}

/* footer */

#footer {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 60px 0 40px 0;
}


/*==========================================================
  MODULE
==========================================================*/

/*--- ▼clearfix ---*/

.clearfix{
    zoom:1; /*for IE 5.5-7*/
}
.clearfix:after{ /*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*¥*/display:block;/**/
}

/*--- ▲clearfix ---*/