/***************************************************
ストーリー
***************************************************/
#story {
	background-image: url(./images/sub_back.jpg);
	background-repeat: repeat-x;
}

#story .title .h2box {
	height: 70px;
	overflow: hidden;
	background-image: url(./images/kirakira_back.png);
}

#story .title h2 {
	float: left;
}

#story .title p {
	float: right;
	font-size: 24px;
	font-weight: bold;
	padding-top: 13px;
	padding-right: 35px;
}

#story .innerWrapper #textbox {
	width: 960px;
	height: 477px;
	font-size: 18px;
	line-height: 28px;
	margin: -20px auto 0px auto;
	background: url(./images/story_text_back.png) no-repeat;
}

#story .innerWrapper #textbox p{
	padding:65px;
}



/***************************************************
キャラクター
***************************************************/
#character {
	background-image: url(./images/sub_back.jpg);
	background-repeat: repeat-x;
}

#character .title .h2box {
	height: 70px;
	overflow: hidden;
	background-image: url(./images/kirakira_back.png);
}

#character .title h2 {
	float: left;
}

#character .title p {
	float: right;
	font-size: 24px;
	font-weight: bold;
	padding-top: 13px;
	padding-right: 35px;
}

#character .innerWrapper #characters {
	width:100%;
	margin: 0 auto;
	
}

#character .innerWrapper #characters dl {
	width: 154px;
	float: left;

	
	margin-left: 6px;
}

#character .innerWrapper #characters dl:first-child,#character .innerWrapper #characters dl:last-child(1)  {
	margin-left: 0px;
}



#character .innerWrapper #characters dl dd {
	width:100%;
	font-size: 13px;
	line-height:16px;
}
#character .innerWrapper #characters dl dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: blue;
	border-right-color: blue;
	border-bottom-color: blue;
	border-left-color: blue;
}

#character .innerWrapper #characters dl.chara01 dd {
	width:100%;
	border: 1px solid #20a4da;
	background-color: #d2edf8;
}

#character .innerWrapper #characters dl.chara01 dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #20a4da;
	border-right-color: #20a4da;
	border-bottom-color: #20a4da;
	border-left-color: #20a4da;
	background-color: #FFF;
}

#character .innerWrapper #characters dl.chara02 dd {
	width:100%;
	border: 1px solid #82c023;
	background-color: #d9ecbd;
}

#character .innerWrapper #characters dl.chara02 dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #82c023;
	border-right-color: #82c023;
	border-bottom-color: #82c023;
	border-left-color: #82c023;
	background-color: #FFF;
}



#character .innerWrapper #characters dl.chara03 dd {
	width:100%;
	border: 1px solid #e99316;
	background-color: #f6d4a2;
}

#character .innerWrapper #characters dl.chara03 dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e99316;
	border-right-color: #e99316;
	border-bottom-color: #e99316;
	border-left-color: #e99316;
	background-color: #FFF;
}

#character .innerWrapper #characters dl.chara04 dd {
	width:100%;
	border: 1px solid #e85298;
	background-color: #f9d6e6;
}


#character .innerWrapper #characters dl.chara04 dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e85298;
	border-right-color: #e85298;
	border-bottom-color: #e85298;
	border-left-color: #e85298;
	background-color: #FFF;
}

#character .innerWrapper #characters dl.chara05 dd {
	width:100%;
	border: 1px solid #796baf;
	background-color: #d7d2e7;
}

#character .innerWrapper #characters dl.chara05 dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #796baf;
	border-right-color: #796baf;
	border-bottom-color: #796baf;
	border-left-color: #796baf;
	background-color: #FFF;
}



#character .innerWrapper #characters dl.chara06 dd {
	width:100%;
	border: 1px solid #cc334c;
	background-color: #f1dce0;
}

#character .innerWrapper #characters dl.chara06 dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #cc334c;
	border-right-color: #cc334c;
	border-bottom-color: #cc334c;
	border-left-color: #cc334c;
	background-color: #FFF;
}


/* 第2巻キャラクター */
#character .innerWrapper #characters dl.chara07 dd {
	width:100%;
	border: 1px solid #CCC;
	background-color: #efefef;
}

#character .innerWrapper #characters dl.chara07 dt {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color: #fff;
}



strong.licharaName{font-size:2.2em;line-height:100%;font-weight:bold;display:block;text-align:center;padding:12px 0 5px 0;}
p.licharaCv{font-size:1.4em;margin-bottom:10px;font-weight:bold;text-align:center;}

strong.licharaNameouru{font-size:1.8em;line-height:120%;font-weight:bold;display:block;text-align:center;padding:12px 0 5px 0;}

strong.licharaNamnarueru{font-size:2em;line-height:120%;font-weight:bold;display:block;text-align:center;padding:12px 0 5px 0;letter-spacing:-0.12em;margin-bottom:-3px;}

strong.licharaNamnarueru sub{font-size:0.6em;}

div.charali ul li.charaNav01 span{
	display: none;
		width: 107px;height: 111px;
		margin-right: 6px;
		background-image: url(./images/charapop_list.png);
		background-repeat: no-repeat;
		background-position:0px 0px;
}

div.charali ul li.charaNav02 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -107px 0px;
}
div.charali ul li.charaNav03 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -214px 0px;
}
div.charali ul li.charaNav04 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -321px 0px;
}
div.charali ul li.charaNav05 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -428px 0px;
}
div.charali ul li.charaNav06 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -535px 0px;
}

div.charali ul li.charaNav07 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -642px 0px;
}

.navAc{background-position: -535px -111px;}


div.charali ul li.charaNav01 a:hover{background-position: 0px 0px;}
div.charali ul li.charaNav02 a:hover{background-position: -107px 0px;}
div.charali ul li.charaNav03 a:hover{background-position: -214px 0px;}
div.charali ul li.charaNav04 a:hover{background-position: -321px 0px;}
div.charali ul li.charaNav05 a:hover{background-position: -428px 0px;}
div.charali ul li.charaNav06 a:hover{background-position: -535px 0px;}
div.charali ul li.charaNav07 a:hover{background-position: -642px 0px;}

#characters p img.star{float:left;;padding:35px 5px 0 0;}
#characters p strong.second{font-size:1.4em;color:#ff4e00;display:block;padding:43px 0 10px 5px;float:left;}

#characters dl dd img{
	padding:10px 0 15px 0px;
	display:block;
}

#characters dl dd p{
	padding:0px 5px 5px;
}

#characters dl dd p .age{
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
}

/***************************************************
プロダクト
***************************************************/
#product {
	background-image: url(./images/sub_back.jpg);
	background-repeat: repeat-x;
width:100%;
}

#product .title .h2box {
	height: 70px;
	overflow: hidden;
	background-image: url(./images/kirakira_back.png);
}

#product .title h2 {
	float: left;
}

#product h3 img {display:none;
}
#product .title p {
	float: right;
	font-size: 24px;
	font-weight: bold;
	padding-top: 13px;
	padding-right: 35px;
}

/*
#product .innerWrapper {
	margin-top: 50px;
}
*/

#product .innerWrapper h3 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px;
}

#product .innerWrapper #box {
	overflow: hidden;
}

#product .innerWrapper #box .leftImage {
	width: 400px;
	float: left;
	margin-right: 20px;
}

#product .innerWrapper #box .rightText {
	width:560px;
	float: left;
}

#product .innerWrapper #box .rightText .order {
	margin-top: 30px;	
}

#product .innerWrapper #box .rightText ul {
	margin-top: 15px;
	overflow: hidden;
}

#product .innerWrapper #box .rightText ul li {
	float: left;
	margin-left: 10px;
}

#product .innerWrapper #box .rightText ul li:first-child {
	margin-left: 0px;
}

#product .innerWrapper #box .rightText ul li.buy a {
	display: block;
	width: 265px;
	height: 85px;
	background: url(./images/btn_sprite.png) -370px 0 no-repeat;
	text-indent: -9999px;
}

#product .innerWrapper #box .rightText ul li.buy a:hover {
	display: block;
	width: 265px;
	height: 85px;
	background: url(./images/btn_sprite.png) -370px -85px no-repeat;
	text-indent: -9999px;
}

#product .innerWrapper #box .rightText ul li.shop a {
	display: block;
	width: 265px;
	height: 85px;
	background: url(./images/btn_sprite.png) -370px -170px no-repeat;
	text-indent: -9999px;
}

#product .innerWrapper #box .rightText ul li.shop a:hover {
	display: block;
	width: 265px;
	height: 85px;
	background: url(./images/btn_sprite.png) -370px -255px no-repeat;
	text-indent: -9999px;
}

#product .innerWrapper #privilege {
	margin-top: 30px;
	padding-bottom:70px;
}

.order {
	font-size: 18px;
}

div.benefits strong{
	font-size: 18px;
}

div.benefits {
	font-size: 16px;
}

div.benefits p{display:block;padding:10px 0 20px 0;}
div.benefits p.sub{margin-top:-30px;padding-bottom:10px;
;}


#product .innerWrapper #privilege p img {display:inline-block;padding:0 0 10px 17px;
}



#product div.benefits br{display:none;}
#product div.benefits p a:hover{text-decoration:underline;}
#product div.benefits p a:visited{color:#0000ee;}

/***************************************************
フッター
***************************************************/
footer {height: 100px;margin-top:-30px;}

footer .innerWrapper  {padding:0px;	border-top: 6px solid #0898D3;width:100%;}

footer .innerWrapper ul {
	width: 631px;
	margin: 30px auto 0px auto;
	overflow: hidden;
}

footer .innerWrapper ul li {
	float: left;
	margin-left: 5px;
	border: 1px solid #333333;
}

footer .innerWrapper p {
	margin-top: 50px;
	margin-bottom: 15px;
	text-align: center;
}


/***************************************************
トップへボタン
***************************************************/
#toTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	
	display: block;

	width: 92px;
	height: 92px;
	background: url(./images/btn_sprite.png) -370px -340px no-repeat;
	text-indent: -9999px;
	z-index: 100;
}

#toTop:hover {
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	
	display: block;
	width: 92px;
	height: 92px;
	background: url(./images/btn_sprite.png) -370px -340px no-repeat;
	text-indent: -9999px;
	z-index: 100;
}

.pagenate{font-size:0.72em;display:block;padding:15px 0 10px 0;line-height:1.4em;min-height:100px;}
.pagenate span.left{float:right;display:block;text-align:right;color:#777;width:45%;}
.pagenate span.right{float:left;display:block;color:#777;width:47%;}
.pagenate span strong{font-size:1.1em;color:#333;}
.pagenate p.center{text-align:center;margin:0 auto;padding:47px 0 30px 0;font-size:1.2em;font-weight:bold;color:#333;}
.pagenate p.center a:linke{color:#333;}
.pagenate p a{text-decoration:underline;color:#777;}
.pagenate p a:hover{text-decoration:none;color:#777;}
.pagenate p a:link{color:#777;}

[class*="clbt"]{background:none;}





#product2,.planB{display:display:block;}

.planBsenario{padding:15px 0 20px 0;display:none;}
.buyBtn a {
  display: block;
  width: 50%;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
  font-weight:bold;
background-color:#1fbc99;
padding:10px 20px;
margin:0 25%;
}

.buyBtn a:hover{opacity:0.6;text-decoration:none;}
.buyBtn a:visited{color: #FFF;text-decoration:none;}

#product2 {
	background-image: url(./images/sub_back.jpg);
	background-repeat: repeat-x;
	width:100%;
	padding:0 0 50px 0;
}

#product2 .p2main{
width:980px;margin:0 auto;
display:block;
padding:0 0 110px 0;
}


#product2 .title .h2box {
	height: 70px;
	overflow: hidden;
	background-image: url(./images/kirakira_back.png);
}

#product2 .title h2 {
	float: left;
}

#product2 h3 img {width:3.2%;}
#product2 .title p {
	float: right;
	font-size: 24px;
	font-weight: bold;
	padding-top: 13px;
	padding-right: 35px;
}



#product2 h3 {
	font-size: 1.4em;
	font-weight: bold;
	padding:30px 0px 20px 0px;
}

#product2 .box {width:980px;margin:0 auto;
	overflow: hidden;

}

#product2 .leftImage {width: 400px;float: left;margin-right: 20px;}
#product2 div.p2main{position:relative;}
.p2main .rightText {left:420px;position:absolute;}

.planBinfo{left:420px;position:absolute;top:160px;}
.p2main .planBcast{position:absolute;top:300px;left:420px;overflow:hidden;width:560px;}

.p2main .castname{float:left;width:40%;}
.p2main .castname2{float:left;width:60%;white-space:nowrap;}

#product2 .rightText ul {margin-top: 15px;overflow: hidden;}

#product2 .rightText ul li {float: left;margin-left: 100px;}

#product2 .rightText ul li:first-child {margin-left: 0px;}
.p2main .order{font-size: 18px;width:57%;top:440px;position:absolute;left:420px;}
.p2main ul {overflow:hidden;}
.p2main ul li.buy a {display: block;width: 50%;height: 85px;background: url(./images/btn_sprite.png) -370px 0 no-repeat;text-indent: -9999px;float:left;}

.p2main ul li.buy a:hover {display: block;width: 50%;height: 85px;
	background: url(./images/btn_sprite.png) -370px -85px no-repeat;text-indent: -9999px;}

.p2main ul li.shop a {display: block;width: 50%;height: 85px;background: url(./images/btn_sprite.png) -370px -170px no-repeat;text-indent: -9999px;float:right;}

.p2main ul li.shop a:hover {display: block;width: 50%;height: 85px;background: url(./images/btn_sprite.png) -370px -255px no-repeat;text-indent: -9999px;}

#product2 #privilege {margin-top: 30px;padding-bottom:70px;}

.p2main div.benefits{font-size:0.9em;padding:70px 0 0 0;color:#333;}
.p2main div.benefits strong{font-size: 1.1em;color:#000;}

.p2main div.benefits p{margin-bottom:-40px;}
#product2 .innerWrapper #privilege p img {display:block;margin-top: -5px;padding:0 0 10px 17px;}


#product2 div.benefits p a:hover{text-decoration:underline;}
#product2 div.benefits p a:visited{color:#0000ee;}
#product2 div.benefits p img{display:inline-block;margin-bottom:5px;}

.planB,.buyArea,.buyArea2{display:none;}


span.kanren {display:none;}
span.kanrenPt02{display:none;}
span.kanrenPt03 {display:none;}