@charset "utf-8";
/* CSS Document */
/* header
--------------------*/
body {
	background:#000;
}
#wrapper {
	background: url(../images/top_bk.jpg) no-repeat;
	-webkit-background-size: 320px 150px;
	margin-top:-10px;
}
/* header
--------------------*/
#info {
	width: 100%;
}
#info h2 {
	width: 100%;
	margin: 0x auto 0px auto;
	padding: 0;
}
#info ul {
	padding:0px 0px 6px 0px;
}
#info li {
	background:url(../images/dot_line.gif) repeat-x;
	background-position: bottom;
	padding: 6px 0px 6px 4px;
	margin:0 6px 0 6px;
}
#info li span {
	background: #FFF;
	color: #000;
	padding:0 0 0 0px;
}
#info li a {
	color:#FFFFFF;
	text-decoration: none;
	padding:0 0 0 12px;
}
#topNav p {
}
#topNav ul {
	padding: 0px 0px 8px 0px;
	background: url(../images/menu_bk.gif) repeat;
}
#topNav li {
	width: 50%;
	padding: 0px 0px 0px 0px;
	float:left;
	box-sizing: border-box;
	line-height: 1;
	border: none;
}
#nav p {
	display:block;
}
#nav ul {
	display: none;
	padding: 0px 0px 8px 0px;
	background: url(../images/menu_bk.gif) repeat;
	clear: both;
}
#nav li {
	width: 50%;
	padding: 0px 0px 0px 0px;
	float:left;
	box-sizing: border-box;
	line-height: 1;
	border: none;
}
#nav li a{
	display: block;
}
img {
	max-width: 100%;
	height: auto;
}
#subContents h2 {
	padding: 16px 4px 9px 16px;
	border-bottom: #FFF 1px solid;
	box-sizing: border-box;
	width: auto;
}
#textArea {
	background: url(../images/story_bk.jpg) no-repeat;
	background-position: top;
	color: #FFF;
	padding:100px 8px 12px 8px;
	-webkit-background-size: 320px 315px;
}
#numArea {
	line-height: 1.3;
}
#numArea p.number {
	margin: 12px 0px 0px 12px;
	width:18px;
	height:18px;
	float: left;
	border:0px solid #C4CB88;
	-webkit-box-shadow: #ffffff 1px 1px 1px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 15px 15px 15px 13px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	text-align: center;
	color: #000;
	background-color: #ffea00;
}
#numArea #dayWrp {
	float: left;
	padding:0px 0px 0px 12px;
	margin: 14px 0 12px 0;
}
#numArea span.day {
	color: #ff7200;
}
#numArea span.text {
	color: #00c0ff;
	font-size: 140%;
}
/* 音楽
--------------------*/
#musicArea {
	padding: 0px 0px 8px 0px;
}
#musicArea section{
	padding: 8px 8px 0px 8px;
}
p.musicImg {
	width:388px;
	margin: 8px auto 8px auto;
}
p.musicImg img{
	margin: 0px auto 0px auto;
	border: 5px #FFFFFF solid;
	text-align:center;
}
/* キャラクター
--------------------*/
#characterWrp {
	width: 320px;
	margin: 8px auto;
}
#characterWrp ul{
	width: 240px;
	margin: 8px auto 8px auto;
}
#characterWrp li{
	float: left;
	padding: 8px 8px 8px 0px;
}
#character01 {
	background:url(../images/hibito_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 120px;
}
#character01 p{
	padding: 0px 0px 8px 0px;
}
#character02{
	background:url(../images/muta_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 120px;
}
#character02 p{
	padding: 0px 0px 8px 0px;
}
#character03{
	background:url(../images/serika_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 120px;
}
#character03 p{
	padding: 0px 0px 8px 0px;
}
#character04{
	background:url(../images/makabe_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 120px;
}
#character04 p{
	padding: 0px 0px 8px 0px;
}
#character05{
	background:url(../images/hoshika_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 120px;
}
#character05 p{
	padding: 0px 0px 8px 0px;
}
#character06{
	background:url(../images/syaron_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 120px;
}
#character06 p{
	padding: 0px 0px 8px 0px;
}
#character07{
	background:url(../images/apo_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 130px;
}
#character07 p{
	padding: 0px 0px 8px 0px;
}
#character08{
	width: 320px;
	margin: 0 auto;
	background:url(../images/family_bg.png) no-repeat;
	-webkit-background-size: 320px 306px;
	background-position: top;
	padding:170px 0 0 10px;
}
#character08 p{
	width:180px;
	padding: 0px 0px 8px 0px;
}



/* フッタ部分
--------------------*/
#footer {
	text-align:center;
	padding:0px 0px 0px 0px;
}

/* トップバナー追加部分
--------------------*/


.banner {
	text-align:center;
	margin: 0x auto 0px auto;
	max-width: 640px;
	}

/* メニュー下バナー追加部分
--------------------*/

.ftbanner {
	width: 100%;
	}

.ftbanner ul {
	float: left;
	width: 100%;
	margin: 15px 0px 15px 70px ;
	}

.ftbanner ul li {
	float: left;
	width: 50%;

	}

.ftbanner ul li.ftbanner01 {
	margin: 0px 15px 15px 0px ;
	}