body {
	font-size: 14px;
	line-height: 1.3em;
	color: #333333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../img/bg.png);
}

object, embed { /* firefox下部余白対策 */
	 vertical-align: top;  
}

.clear {
	clear: both;
}


/* 共通
------------------------------------------------------------------------------*/
#all {
	background-color: #ccf2fe;
	background-image: url(../img/bg_con.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
#gNaviBox {
	float: left;
	padding-top: 200px;
}
#tLogo {
	position: absolute;
	top: -200px;
	left: 0px;
	width: 388px;
	height: 118px;
	padding: 41px 10px;
	z-index: 8000;
}
#gNavi {
	position: absolute;
	top: -350px;
	left: 0px;
	width: 260px;
	z-index: 8001;
}
#gNavi li {
	width: 220px;
	height: 40px;
	margin: 4px 0px;
	background-image: url(../img/gnavi_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#gNavi li a.non {
	cursor: default;
	opacity: 0.3;
}
#gNavi li a {
	text-indent: -9999px;
	width: 220px;
	height: 40px;
	display: block;
	background-image: url(../img/gnavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#gNavi li a.select {
}
#gNavi li.non {
}



#newsBox {
	position: absolute;
	top: -550px;
	left: 0px;
	width: 200px;
	height: 370px;
	padding: 30px 10px;
	background-image: url(../img/news_bg.png);
	background-repeat: no-repeat;
	z-index: 8002;
}
#newsBoxIn {
	font-size: 11px;
	line-height: 1.5em;
	width: 200px;
	height: 370px;
	overflow: auto;
}
#newsBox .day {
	color: #39F;
	font-weight: bold;
}
#newsBox p {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dashed 1px #8ae0fc;
}
#newsBox a {
	text-decoration: none;
	color: #333;
}
#newsBox a:hover {
	color: #F69;
}

#import {
	min-height: 1000px;
}

#bgIn {
	float: right;
	width: 900px;
	padding-top: 15px;
}
#bgIn h2 {
	text-align: right;
	padding-bottom: 10px;
}


/* footer
------------------------------------------------------------------------------*/
#footer {
	background-color: #fff;
	padding: 20px 20px 70px 20px;
}
#specBox {
	float: left;
	width: 600px;
	font-size: 12px;
}
#specBox img, #specBox p {
	float: left;
	padding-right: 5px;
}
#specBox p {
	width: 345px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#specBox a {
	color: #333;
	text-decoration: none;
	border: solid 1px #333;
	border-radius: 5px;
	padding: 5px;
	display: block;
	text-align: center;
}
#copyBox {
	float: right;
	width: 550px;
	text-align: right;
}


/* pagetop
------------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
    z-index: 9000;
	cursor: pointer;
    display: none;
}




iframe.twitter-share-button {
	width: 110px!important;
}

iframe[src*="www.facebook.com/plugins/like.php"]{
	width:115px !important;
}


/* top///////////////////////////////////////////////////////////// */
#topBg {
	background-image: url(../img/top/main_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 1000px;
}
#bannerBox {
	float: right;
	width: 250px;
	margin: 20px 10px;
}
#bannerBox img {
	margin-bottom: 10px;
}


/* information///////////////////////////////////////////////////////////// */
#infoBg {
	min-height: 1000px;
}
#infoBg #bgIn {
}
#infoNavi ul {
	height: 90px;
	float: right;
}
#infoNavi li {
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 10px;
}
#infoNavi li a {
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	display: block;
	background-image: url(../img/info/infonavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#infoNavi li a:hover {
	background-position: center bottom;
}
.infoBox {
	width: 850px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}
.infoImg {
	text-align: center;
	padding: 30px 0px;
}
.infoTitle {
	font-size: 30px;
	line-height: 1.5em;
	color: #fff;
	background-color: #8ae0fc;
	border-radius: 30px;
	padding: 0px 10px;
	margin-bottom: 15px;
}
.infoTitleSub {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
	color: #ec70e2;
}
.infoTxt {
	padding-left: 25px;
	padding-bottom: 30px;
}
.infoAtt {
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 1.3em;
}


/* story///////////////////////////////////////////////////////////// */
#storyBg {
	min-height: 1000px;
	background-image: url(../img/story/story_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#storyBg #bgIn {
}
#storyBg #bgIn .storyTxt {
	text-align: center;
	text-shadow: 1px 1px 2px #fff,1px 1px 2px #fff,1px 1px 2px #fff,1px 1px 2px #fff;
}
#stNavi ul {
	height: 90px;
	float: right;
}
#stNavi li {
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 10px;
}
#stNavi li a {
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	display: block;
	background-image: url(../img/story/stnavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#stNavi li a:hover {
	background-position: center bottom;
}
.storyBox {
	width: 850px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
}
.storyTitle {
	font-size: 30px;
	line-height: 1.5em;
	color: #fff;
	background-color: #8ae0fc;
	border-radius: 30px;
	padding: 0px 10px;
	margin-bottom: 15px;
}
.storyTxt {
	font-size: 18px;
	line-height: 1.8em;
}


/* character///////////////////////////////////////////////////////////// */
#charaBg {
	min-height: 1000px;
}
#charaBg #bgIn {
}
#charaNavi ul {
	height: 90px;
	float: right;
}
#charaNavi li {
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#charaNavi li a {
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	display: block;
	background-image: url(../img/character/cnavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#charaNavi li a:hover {
	background-position: center bottom;
}
.charaBox {
	position: relative;
	/* background-image: url(../img/character/c0_name.png); */
	background-repeat: no-repeat;
	height: 1500px;
}
.charaBox .cTxtBox {
	position: absolute;
	top: 320px;
	left: 0px;
	font-size: 16px;
	line-height: 1.5em;
	padding-left: 30px;
	z-index: 10;
}
.charaBox .cTxtBox {
	text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;
}
.charaBox .cTxtBox p {
	background-color: rgba(255,255,255,0.5);
}
.charaBox .cPic {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 8;
	width: 900px;
	text-align: right;
	overflow: hidden;
}
.charaBox .cPic img {
	margin-left: 900px;
}


/* sound///////////////////////////////////////////////////////////// */
#souBg {
	min-height: 1000px;
}
#souBg #bgIn {
	padding-bottom: 20px;
}
#souNavi ul {
	height: 90px;
	float: right;
}
#souNavi li {
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 10px;
}
#souNavi li a {
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	display: block;
	background-image: url(../img/sound/soundnavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#souNavi li a:hover {
	background-position: center bottom;
}
.souBox {
	width: 850px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
}
.souTitle {
	font-size: 30px;
	line-height: 1.5em;
	color: #fff;
	background-color: #8ae0fc;
	border-radius: 30px;
	padding: 0px 10px;
	margin-bottom: 15px;
}
.souMpBox {
	font-size: 22px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #fff, 1px 1px 2px #fff, 1px 1px 2px #fff;
	background-color: #fff;
	background-repeat: no-repeat;
	border-radius: 10px;
	background-position: right top;
	margin: 0px 5px 10px 5px;
	float: left;
}
.souMpBox span {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	padding-left: 10px;
}
.souTxt {
	padding-left: 25px;
	padding-bottom: 30px;
}
.bgmG {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
	color: #F69;
}


#mainSongBox {
}
#mainSongBox div {
	width: 400px;
	padding: 0 12px;
	float: left;
	text-align: center;
}
.mainSong, .mainSongTitle {
	color: #F69;
	font-weight: bold;
	line-height: 1.3em;
}
.mainSongTitle {
	font-size: 30px;
	padding: 5px 0px 10px 0px;
}
.profBox {
	width: 470px;
	background: #fff;
	padding: 10px;
	margin-top: 15px;
	border: double 3px #09F;
}
.profBox span {
	color: #09F;
	font-weight: bold;
}



/* gallery///////////////////////////////////////////////////////////// */
#gallBg {
	min-height: 1000px;
}
#gallBg #bgIn {
	margin-bottom: 50px;
}
#gallNavi ul {
	height: 90px;
	float: right;
}
#gallNavi li {
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 10px;
}
#gallNavi li a {
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	display: block;
	background-image: url(../img/gallery/spenavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#gallNavi li a:hover {
	background-position: center bottom;
}
.gallBox {
	width: 850px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
}
.gallTitle {
	font-size: 30px;
	line-height: 1.5em;
	color: #fff;
	background-color: #8ae0fc;
	border-radius: 30px;
	padding: 0px 10px;
	margin-bottom: 15px;
}


/* special///////////////////////////////////////////////////////////// */
#speBg {
	min-height: 1000px;
}
#speBg #bgIn {
	margin-bottom: 50px;
}
#speNavi ul {
	height: 90px;
	float: right;
}
#speNavi li {
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 10px;
}
#speNavi li a {
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	display: block;
	background-image: url(../img/special/spenavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#speNavi li a:hover {
	background-position: center bottom;
}
.speBox {
	width: 850px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
}
.speTitle {
	font-size: 30px;
	line-height: 1.5em;
	color: #fff;
	background-color: #8ae0fc;
	border-radius: 30px;
	padding: 0px 10px;
	margin-bottom: 15px;
}


/* system///////////////////////////////////////////////////////////// */
#sysBg {
	min-height: 1000px;
}
#sysBg #bgIn {
	margin-bottom: 50px;
}
#sysNavi ul {
	height: 90px;
	float: right;
}
#sysNavi li {
	float: left;
	width: 150px;
	height: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#sysNavi li a {
	text-indent: -9999px;
	width: 150px;
	height: 30px;
	display: block;
	background-image: url(../img/system/sysnavi.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#sysNavi li a:hover {
	background-position: center bottom;
}
.sysBox {
	width: 850px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
}
.sysTitle {
	font-size: 30px;
	line-height: 1.5em;
	color: #fff;
	background-color: #8ae0fc;
	border-radius: 30px;
	padding: 0px 10px;
	margin-bottom: 15px;
}
.point1 {
	color: #F69;
	font-weight: bold;
}
.point2 {
	color: #39F;
	font-weight: bold;
}
.point3 {
	color: #F90;
	font-weight: bold;
}
.point4 {
	color: #3C6;
	font-weight: bold;
}
.hskBox {
	border-radius: 10px;
	padding: 20px;
	margin-top: 15px;
	border: solid 2px #09F;
	background-color: #fff;
}
.hskTitle {
	color: #09F;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dashed 2px #09F;
}

.scrcBox {
	border-radius: 10px;
	padding: 20px;
	margin-top: 15px;
	border: solid 2px #F69;
	background-color: #fff;
}
.scrcTitle {
	color: #F69;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dashed 2px #F69;
}