/***************************************************
ストーリー
***************************************************/
#story {background:none;width:100%;clear:both;
	background-image: url(./images/sp_back.jpg);
	background-repeat: no-repeat;
	background-position: 120px 225px;
	background-size:100%;

}
#story .title .h2box {width:auto;background-color:#30a5d6;display:block;padding:3%;text-transform:uppercase;}
#story .title h2 {font-size:1.4em;color:#FFF;font-weight:bold;float:left;background-color:#30a5d6;display:block;}

#story .title p {float: right;font-size: 1em;font-weight: bold;color:#FFF;background-color:#30a5d6;	display:block;}
#story .innerWrapper {width:auto;padding:5% 5% 7% 5%;}
#story .innerWrapper #textbox strong{width:auto;font-size: 1em;background: }
#story .innerWrapper #textbox {width:auto;font-size: 0.85em;background: none;}

#story .innerWrapper #textbox p{clear:both;}

#story #textbox p br{display:none;}
#story #textbox p strong:nth-child(1){display:block;}
#story #textbox p strong:nth-child(4n+3){display:block;}
#story #textbox p strong:nth-last-child(1){display:block;}

/***************************************************
キャラクター
***************************************************/
#character {background:none;width:100%;clear:both;}
#character .title .h2box{width:auto;background-color:#30a5d6;display:block;padding:3%;}
#character .title h2 {font-size:1.4em;color:#FFF;font-weight:bold;float:left;background-color:#30a5d6;display:block;}
#character .title p{float: right;font-size: 1em;font-weight: bold;color:#FFF;	background-color:#30a5d6;display:block;}
#character .innerWrapper {clear:both;}

#character .innerWrapper #characters {width:auto;padding: 0 0 0 4%;display:none;}
/*
#characters dl dd img{padding:10px 0 15px 0px;display:block;}
#characters dl dd p{padding:0px 10px 10px;}
*/

#character .innerWrapper #characters dl:nth-child(1) {
margin-right:2%;
}
#character .innerWrapper #characters dl {
	width: 30%;
	float: left;
margin-right:2%;
margin-bottom:3%;
	
}

#character .innerWrapper #characters dl:first-child {
	margin-left: 0px;
}


#character .innerWrapper #characters dl dd {
	width:100%;
	font-size: 0.8em;

}

#character .innerWrapper #characters dl dt img,#character .innerWrapper #characters dl dd img{width:100%;}

#character .innerWrapper #characters dl dt {
	width: 100%;
	font-size: 0.8em;
	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%;
	font-size:0.8em;
	border: 1px solid #20a4da;
	background-color: #d2edf8;
}

#character .innerWrapper #characters dl.chara01 dt {
	width: 100%;
	font-size: 0.67em;
	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%;
	font-size: 0.8em;
	border: 1px solid #82c023;
	background-color: #d9ecbd;
}

#character .innerWrapper #characters dl.chara02 dt {
	width: 100%;
	font-size: 0.67em;
	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%;
	font-size: 0.8em;
	border: 1px solid #e99316;
	background-color: #f6d4a2;
}

#character .innerWrapper #characters dl.chara03 dt {
	width: 100%;
	font-size: 0.67em;
	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%;
	font-size: 0.8em;
	border: 1px solid #e85298;
	background-color: #f9d6e6;
}


#character .innerWrapper #characters dl.chara04 dt {
	width: 100%;
	font-size: 0.67em;
	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%;
	font-size: 0.8em;
	border: 1px solid #796baf;
	background-color: #d7d2e7;
}

#character .innerWrapper #characters dl.chara05 dt {
	width: 100%;
	font-size: 0.67em;
	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%;
	font-size: 0.8em;
	border: 1px solid #cc334c;
	background-color: #f1dce0;
}

#character .innerWrapper #characters dl.chara06 dt {
	width: 100%;
	font-size: 0.67em;
	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%;
	font-size: 0.8em;
	border: 1px solid #ccc;
	background-color: #efefef;
}

#character .innerWrapper #characters dl.chara07 dt {
	width: 100%;
	font-size: 0.67em;
	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:1.7em;font-weight:bold;display:block;text-align:center;padding:10px 0 0 0;}
p.licharaCv{font-size:1.6em;font-weight:bold;text-align:center;white-space:nowrap;}

strong.licharaNameouru{font-size:1.em;line-height:150%;font-weight:bold;display:block;text-align:center;padding:10px 0 0 0;white-space:nowrap;}
#characters dl dd img{
	padding:10px 0 15px 0px;
	display:block;
}

strong.licharaNamnarueru{font-size:1.4em;line-height:120%;font-weight:bold;display:block;text-align:center;padding:12px 0 5px 0;letter-spacing:-0.12em;margin-bottom:-5px;}
strong.licharaNamnarueru sub{font-size:0.5em;}
#characters dl dd p{
	font-size:0.75em;
	line-height:1.3em;
	padding:0px 5px 5px;
}

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

#characters p img.star{float:left;;padding:16px 3px 0 0;width:7%;}
#characters p strong.second{font-size:1em;color:#ff4e00;display:block;padding:17px 0 10px 5px;float:left;white-space:nowrap;}


/*プランB用*/
div.planB{background-color:#f4f3f3;width:100%;display:block;margin-top:-20px;}
.planB dl {width: atuo;display: block;padding: 10px 5%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #d5d5d5;overflow:hidden;cursor:pointer;
	background-image: url(./images/planb_charapop.png);
	background-repeat: no-repeat;
	background-position: 96.5% center;
}
.planB dl dt{display:block;float:left;width:17%;padding:0px;margin:0px;}
.planB dl dt img{width:100%;}
.planB dl dd{display:block;float:left;width:80%;padding:0 0 0 3%;margin:0px;}

dl.charaplanB01 dd h4{color:#31a6d6;font-size:1em;padding-top:5px;display:block;font-weight:bold;}
dl.charaplanB01 dd p{color:#666;font-size:0.76em;}

dl.charaplanB02 dd h4{color:#81c025;font-size:1em;padding-top:5px;display:block;font-weight:bold;}
dl.charaplanB02 dd p{color:#666;font-size:0.76em;}

dl.charaplanB03 dd h4{color:#e7941b;font-size:1em;padding-top:5px;display:block;font-weight:bold;}
dl.charaplanB03 dd p{color:#666;font-size:0.78em;}


dl.charaplanB04 dd h4{color:#e85298;font-size:1em;padding-top:5px;display:block;font-weight:bold;}
dl.charaplanB04 dd p{color:#666;font-size:0.78em;}

dl.charaplanB05 dd h4{color:#796baf;font-size:1em;padding-top:5px;display:block;font-weight:bold;}
dl.charaplanB05 dd p{color:#666;font-size:0.78em;}

dl.charaplanB06 dd h4{color:#cd3d56;font-size:0.78em;padding-top:5px;display:block;font-weight:bold;}
dl.charaplanB06 dd p{color:#666;font-size:0.72em;}

dl.charaplanB07 dd h4{color:#676968;font-size:0.8em;padding-top:5px;display:block;font-weight:bold;}
dl.charaplanB07 dd sub{font-size:0.5em;margin-left:-3px;}
dl.charaplanB07 dd p{color:#666;font-size:0.72em;}

span.planBinfo{font-size:0.6em;color:#ff5400;margin-bottom:-10px;display:block;font-weight:bold;}

strong.c01,h4.c01{color:#20a4da;display:block;font-weight:bold;font-size:1.05em;}
strong.c02,h4.c02{color:#82c023;display:block;font-weight:bold;font-size:1.05em;}
strong.c03,h4.c03{color:#e99316;display:block;font-weight:bold;font-size:1.05em;}
strong.c04,h4.c04{color:#e85298;display:block;font-weight:bold;font-size:1.05em;}
strong.c05,h4.c05{color:#553c83;display:block;font-weight:bold;font-size:1.05em;}
strong.c06,h4.c06{color:#cc334c;display:block;font-weight:bold;font-size:1.05em;}
strong.c07,h4.c07{color:#999;display:block;font-weight:bold;font-size:1.05em;}


/***************************************************
プロダクト
***************************************************/
#product{background:none;width:100%;clear:both;padding:0 0 5% 0;}
#product .title .h2box {width:auto;background-color:#30a5d6;display:block;padding:3%;text-transform:uppercase;}
#product .title h2  {font-size:1.4em;color:#FFF;font-weight:bold;float:left;background-color:#30a5d6;display:block;}

#product .title p{float: right;font-size: 1em;font-weight: bold;color:#FFF;background-color:#30a5d6;	display:block;}


#product .innerWrapper h3 {font-size: 0.8em;font-weight: bold;padding:10px 0 10px 5px;background-color:#f3f3f3;margin-top:-20px;border-top: 1px solid #ccc;
width:auto;overflow:hidden;letter-spacing:-0.05em;
}

#product .innerWrapper h3 img{width:5%;margin-top:5px;display:block;float:left;}

#product .innerWrapper #box {overflow: hidden;padding-bottom:5px;}
#product .innerWrapper #box .leftImage {width:80%;margin:0 auto;}
#product .innerWrapper #box .leftImage img{width:100%;border: 3px solid #F5F5F5;margin:12px 0 12px 0;}
#product .innerWrapper #box .rightText {width:auto;padding:1% 5% 3.5% 5%;font-size:0.8em;line-height:1.25em;}

#product .innerWrapper #box .rightText p {font-size:1em}
#product .innerWrapper #box .rightText p span {display:block;font-size:1em;line-height:1.4em;margin:-3px 0 -9px 0;}
#product .innerWrapper #box .rightText p span br{display:none;}
#product .innerWrapper #box .rightText .order strong{font-size:1.1.em;padding: 4% 0 2% 0;display:block;}

#product .innerWrapper #box .rightText ul {padding:bottom:4%;width:100%;oveflow:hidden;}
#product .innerWrapper #box .rightText ul li {width:100%;
display:block;margin-bottom:7%;}


#product .innerWrapper #box .rightText ul li.buy a {
	font-size:1em;
	display: block;
	border-radius: 3px;
	background-color:#1fbc99;
	padding:9% 7% 9% 7%;
	color:#FFF;
	box-shadow:rgb(24, 120, 99) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(24, 120, 99) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(24, 120, 99)  0px 3px 0px 0px;	
	font-weight:bold;
	letter-spacing:-0.1em;
	background-image: url(./images/product_indent.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 3.2% auto;
	width:auto;	
}



#product .innerWrapper #box .rightText ul li.shop a {
	font-size:1em;
	display: block;
	border-radius: 32px;
	background-color:#e94e41;
	padding:9% 7% 9% 7%;
	letter-spacing:-0.1em;
	color:#FFF;
	box-shadow:rgb(160, 45, 35) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(160, 45, 35) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(160, 45, 35)  0px 3px 0px 0px;	
	font-weight:bold;

	background-image: url(./images/product_indent.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 3.2% auto;
	width:auto;
}

#product .innerWrapper #privilege {
	padding:5px 20px 50px 20px ;
margin-top:-15px;

}

#product .innerWrapper #privilege:nth-last-child(1) {
	padding:5px 20px 30px 20px ;
margin-top:-15px;

}
#product .innerWrapper #privilege p {padding:5px 0 25px 0;}

#product .innerWrapper #privilege p img{width:85%;margin-top:-28px;display:block;padding-bottom:10px;}


#product div.benefits {
	font-size: 0.78em;
	line-height: 1.3em;
	padding:15px 0 0 0;
}
#product div.benefits strong{font-size: 1.1em;}
#product div.benefits p {font-size: 1em;}
#product div.benefits p strong {font-size: 0.9em;}
#product div.benefits p img {margin-bottom:-15px;}
#product div.benefits p.sub {margin-top:-30px;}
#product div.benefits p a{display:inline-block;padding:5px 0;}
#product div.benefits p a:visited{color:#0000ee;}


#product2{background:none;width:100%;clear:both;padding:0 0 5% 0;}
#product2 div.p2main{width:auto;padding:0 5% 15px 5%;}
#product2 .title .h2box {width:auto;background-color:#30a5d6;display:block;padding:3%;text-transform:uppercase;}
#product2 .title h2 {font-size:1.4em;color:#FFF;font-weight:bold;float:left;background-color:#30a5d6;display:block;}
#product2 .title p{float: right;font-size: 1em;font-weight: bold;color:#FFF;background-color:#30a5d6;	display:block;}
#product2 div.p2main div.box{background-color:#f8f8f8;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #eeeeee;overflow:hidden;margin:0 -5%;border-top-width: 5px;border-top-style: solid;border-top-color: #30a5d6;
}




#product2 div.p2main h3{width:auto;display:block;padding:12px 0 0 3%;}
#product2 div.p2main h3 span{font-size:0.78em;font-weight:bold;letter-spacing:-0.05em;}
#product2 div.p2main .leftImage{width:26%;float:left;padding:10px 3.5% 20px 5%;}
#product2 div.p2main .leftImage img{width:100%;	border: 1px solid #CCC;}
#product2 div.p2main .rightText{width:60.5%;float:left;font-size:0.78em;padding:10px 3.5% 20px 0%;line-height:1.6em;}
#product2 div.p2main div.planBinfo{font-size:0.78em;padding:15px 0 5px 0;display:block;line-height:1.4em;}
#product2 div.p2main div.planBcast{font-size:0.72em;padding:0 0 20px 0;display:block;overflow:hidden;line-height:1.4em;}
#product2 div.p2main div.planBcast p.castname{float:left;width:47%;font-size:1.05em;}
#product2 div.p2main div.planBcast p.castname2{float:left;width:52%;font-size1.05em;}
#product2 ul li.buy a {
	font-size:0.78em;
	display: block;
	border-radius: 	32px;
	background-color:#1fbc99;
	padding:20px 5%;
	margin-bottom:15px;
	color:#FFF;
	box-shadow:rgb(24, 120, 99) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(24, 120, 99) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(24, 120, 99)  0px 3px 0px 0px;	
	font-weight:bold;
	letter-spacing:-0.1em;
	background-image: url(./images/product_indent.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 3.2% auto;
	width:auto;
	text-align:center;	
}



#product2 ul li.shop a {
	font-size:0.78em;
	display: block;
	border-radius: 32px;
	background-color:#e94e41;
	padding:20px 5%;
	letter-spacing:-0.1em;
	color:#FFF;
	box-shadow:rgb(160, 45, 35) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(160, 45, 35) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(160, 45, 35)  0px 3px 0px 0px;	
	font-weight:bold;

	background-image: url(./images/product_indent.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 3.2% auto;
	width:auto;
	text-align:center;
}
#product2 div.order strong,#product2  div.benefits strong{color:#0078e8;font-size:0.78em;}


#product2 div.benefits{padding:20px 0 0 0;}
#product2  div.benefits p strong{color:#000;font-size:1.09em;padding:0 0 5px 0;display:block;}
#product2  div.benefits p img{width:65%;padding:3px 0 10px 0;}
#product2  div.benefits p {color:#333;font-size:0.67em;line-height:1.4em;border-bottom-style: dotted;border-bottom-color: #ccc;border-bottom-width: 1px;padding-bottom:30px;}

#product2  div.benefits p:last(1) {border-bottom-style:none;}

#product2  div.benefits p a{text-decoration:underline;}
#product2  div.benefits p a:hover{text-decoration:none;}

#product2 div.p2main div.box01{
border-top-style: none;
}


/***************************************************
フッター
***************************************************/
footer {
	width:100%;
	
	padding:20px 0 0px 0;

}

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

footer .innerWrapper ul {
	width:90%;
	margin: 10px 5% 0px 5% ;
	overflow: hidden;
}

footer .innerWrapper ul li {
	float: left;
	margin-left: 3%;

	width:28%;
        height:auto;
}

footer .innerWrapper ul li:nth-last-child {
	float: left;
	margin-left: 0%;
	
	width:28%; height:auto;
}



footer .innerWrapper ul li img{
border: 1px solid #333333;
width:100%;
}


footer .innerWrapper p {
	margin-top: 10px;
	margin-bottom:10px;
	text-align: center;
	font-size:0.85em;
}



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

	width: 60px;
	height: 61px;
	background: url(./images/back_sprite_btn.png) 0px 0px no-repeat;
	text-indent: -9999px;
	z-index: 100;
}



/***************************************************
ニュース・スペシャル用
***************************************************/

div.camp01{width:100%;}
div.camp01 img{width:55%;margin-bottom:15px;display:block;}


div.camp01 h4{color:#cf0000;font-size:1.1em;font-weight:bold;}
div.camp01 strong.ind{margin-left:-5px}
div.camp01 img{width:40%;padding-left:15px;}
div.camp01 p.infolist{ont-size:1em;margin-bottom:20px;display:block;line-height:1.6em;display:block;}
div.camp01 p.infolist:nth-last-child(1){padding-bottom:40px;}
div.camp01 p.infolist a{font-size:1.1em;font-weight:bold;}
div.camp01 p.infolist a:link{color:#1737f0;}
div.camp01 p.infolist a:visited{color:#1737f0;}
div.camp01 p.infolist a:hover{color:#1737f0;text-decoration:underline;}
div.camp01 p.extra{font-size:0.68em;line-height:1.3em;margin:10px 0 10px 0;color:#555;}


#blog div.subNavi{float:right;display:block;width:15%;}
		div.subNavi p{
	width: auto;
	padding: 10px;
	display: block;
	background-color: #FFF;
	border-radius: 1px;
box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;

		}
#blog div.subNavi p img{width:100%;}






#blog{background: url(./images/top_main_back.jpg) #fff9d7;background-repeat: no-repeat;position:relative;width:100%;
}

#blog .innerWrapper h1 {
	width:100%;
	margin-top:-17px;

}

#blog .innerWrapper h1 img{
width:86%;

}



#blog p.main3 {
	margin-top:-20px;
	z-index: 0;

}

#blog header .font20 {
	font-size:1em;
	font-weight: bold;
}

#blog header .font18 {
	font-size: 1em;
}

#blog header div.main {
	width:auto;margin:0px auto;background-color:#35a6d5;text-align:center;;line-height:1.15em;padding:2% 0;
font-size:0.67em;
letter-spacing:-0.05em;

}

#blog header div.left{width:100%;}

#blog header div.right{padding:0;bottom:50px;position:absolute;;}


#blog header div.face{
float:left;padding:0 10px 0px 0;
}


#blog header div.twi{
float:left;padding:0 0 0px 0;
}


#blog .blogBack{
	width: auto;margin: 0px auto;background-image: url(./images/sub_blog_back.png);height: 283px;
		background-repeat: repeat-x;
display:none;
}

#blog .blogTop{width:100%;margin:0px auto;position: relative;}

#blog .blogTop h1{
display:none;	
}

#blog .blogMain{
	background-image: url(./images/sub_sprite.png);
	background-repeat: no-repeat;
	background-position: -261px -229px;
	width:410px;height:203px;
	text-indent: -9999px;
		position: absolute;
		left:620px;top:20px;
}

#blog nav{
	width: 980px;
	magin: 0 auto;
	position: absolute;
	top: 208px;
	visibility: visible;
}

#blog nav ul {width:100%;}
#blog nav ul li {float:left;padding:0 15px 0 0;}


#blog nav ul li p.story a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -193px;
width:146px;height:58px;text-indent:-9999px;display:block;
}

#blog nav ul li p.character a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -250px;
width:220px;height:58px;text-indent:-9999px;display:block;
}

#blog nav ul li p.products a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -308px;
width:205px;height:58px;text-indent:-9999px;display:block;
}

#blog nav ul li p.news a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -366px;
width:127px;height:58px;text-indent:-9999px;display:block;
}


#blog nav ul li p.special a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -424px;
width:170px;height:58px;text-indent:-9999px;display:block;

}

#blog .topPageback a{
	background-image: url(./images/sub_sprite.png);
	background-repeat: no-repeat;
	background-position: -261px -193px;
	width:116px;height:36px;
	text-indent: -9999px;
		position: absolute;
		left:0px;top:25px;
        display:block;
        z-index:200;
	}

#blog .topPageback a:hover{
	opacity: 0.7;
	}


#blog nav ul li p a:hover{
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	
	}


#blog div.subNavi{float:right;display:block;width:15%;}
		div.subNavi p{
	width: auto;
	padding: 10px;
	display: block;
	background-color: #FFF;
	border-radius: 1px;
box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;

		}
#blog div.subNavi p img{width:100%;}

#NewsSpecdial {background:none;width:100%;clear:both;padding:0 0 5% 0;
margin-top:-22px;
background-color:#FFF;}



#NewsSpecdial .title .h2box{width:auto;background-color:#30a5d6;display:block;padding:3%;}

#NewsSpecdial .title h2 {font-size:1.4em;color:#FFF;font-weight:bold;float:left;background-color:#30a5d6;display:block;}

#NewsSpecdial .title .h2box h2 img{display:none;text-transform:uppercase;}
#NewsSpecdial .title .h2box span{text-transform:uppercase;}
#NewsSpecdial .title p{float: right;font-size: 1em;font-weight: bold;color:#FFF;background-color:#30a5d6;display:block;}

#NewsSpecdial .innerWrapper {clear:both;width:100%;padding:0px;}



#NewsSpecdial .blogArea {width:auto;position: relative;}




.blogArticle{
	width: 100%;
}


.blogArticle article:nth-child(1)
{display:block;width:auto;padding:0px 1%;background-color: #FFF;

	position:relative;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	border-top-color: #e4e4e4;
	border-left-color: #e4e4e4;
	background-repeat: no-repeat;
	background-color:#fafafa;
	cursor:pointer;
	width:auto;
	padding:0px 0 12px 0;

}


.blogArticle article
{display:block;width:auto;padding:0px 1%;background-color: #FFF;

	position:relative;
	border-right-width: 1px;
	border-top-width: 20px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	border-top-color: #e4e4e4;
	border-left-color: #e4e4e4;
	background-repeat: no-repeat;
	background-color:#fafafa;
	cursor:pointer;
	width:auto;
	padding:0px 0 12px 0;

}

.blogArticle article:nth-last-child(1)
{display:block;width:auto;padding:0px 1%;background-color: #FFF;#cccccc;
	position:relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4
	border-left-color: #e4e4e4;
	background-repeat: no-repeat;
	background-color:#fafafa;
	cursor:pointer;
	width:auto;
	padding:0px 0 12px 0;

}


.standard { display:block;
	width:auto;
	padding:0 2%;
	background-color: #FFF;
	float: left;
	border: 2px solid #9ec7cc;
	margin-bottom:20px;	
}


.blogArticle article:nth-child(1) div.list{width:auto;padding:0px;
	background-repeat: no-repeat;
	background-image: url(./images/article_indent02.png); 
	background-position: 96% 28%;
	background-size:4.5%;
}

.blogArticle article:nth-child(2) div.list{width:auto;padding:0px;
	background-repeat: no-repeat;
	background-image: url(./images/article_indent02.png); 
	background-position: 96% 28%;
	background-size:4.5%;
}


.blogArticle div.list{width:auto;padding:0px;
	background-repeat: no-repeat;
	background-image: url(./images/article_indent.png); 
	background-position: 96% 28%;
	background-size:4.5%;
}
.blogArticle div.list h3{
	background-repeat: no-repeat;
	background-position: -144px -236px;
	font-size: 1em;
	font-weight:bold;
	padding: 15px 45px 0 10px;
	height:auto;
	color:#333;
	background-size: 143% auto;
	width:auto;
	display:block;	
}


p.opclose{
    background-image: url("./images/#NewsSpecdial div.list:nth-child(1)");
    background-size: 45% auto;
    background-repeat: no-repeat;
position:absolute;
    padding: 20px;
    background-position: center center;
    width: 2.5px;
    height: 1.5px;
    display: none;
    right:8px;
    top:5px;
    z-index:;
    bakcground-color:#ffcc00;
}



.contributor{width:auto;padding:0 0 5px 5px;font-size:0.8em;color:#666;display:block;}
.contributor div{float:left;}

div.socialArea{display:none;overflow:hidden;}

.blogArticlemMain{padding:10px;font-size:0.8em;line-height:1.6;color:#000;
width:auto;display:none;

}

/*
.blogArticlemMain p{
	-webkit-box-flex: 1;
 -moz-box-flex: 1;　
	}
*/

/*
.blogArticlemMain p:nth-child(1){}


.blogArticlemMain p{}



.blogArticlemMain p:nth-child(1){padding:0px}
*/

.blogReadmorebtn a{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	cursor:pointer;
	display:block;
	position:relative;
}

.blogReadmorebtn a:hover{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:underline;
	cursor:pointer;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	position:relative;
}

.blogReadclosebtn{display:none;}
.blogReadclosebtn a{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	display:block;
	cursor:pointer;
	position:relative;
}

.blogReadclosebtn a:hover{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:underline;
	
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	cursor:pointer;
	position:relative;
}

.blogReadmorebtn a img,.blogReadclosebtn a img{
	position:absolute;padding-left:5px;top:22px;
}



.blogArchive{
width:240px;
position: absolute;
left:700px;
display:none;
}
/*
.blogArchiveFixed{

position: fixed;
left:700px;
}

*/
.blogArchive article{
	width: 100%;
	border: 1px solid #9ec7cc;	
	padding: 7px 7px 0 7px;
	background-color: #FFF;
	margin-bottom: 40px;

	}

.blogArchive h4
{
	width: 100%;
	margin: 0 auto;
	padding: 7px 0;
	text-indent: 15px;
	background-image: url(./images/sub_archive_title.png);
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}

.blogArchive ul{width:auto;padding:10px 0 20px 0px;}
.blogArchive ul li a{padding:0 0 20px 15px;font-size:14px; text-decoration:underline;color:#666;display:block;}



.blogArticlemMain .content{padding:0 0 35px 0;matgin-top:-15px;}
.blogArticlemMain .content img{width:100%;}
.socialArea{float:right;margin-right:-70px;margin-bottom:-50px;}


.dayperson{float:left;font-size:0.8em;}

.moreInfo{display:none;}

.block{display:block;}

.pagenate{display:block;line-height:1.1em;width:100%;}
.pagenate p.center a{width: auto;
    border-bottom: 1px solid #efefef;
    padding: 15px 13% 15px 7%;
    overflow: hidden;
    background-image: url("./images/topics_indent.png");
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 3% auto;
    background-color:#f9f9f9;
	text-align:center;
font-size:0.9em;
display:block;
color:#30a5d6;
font-weight:bold;

}

.pagenate h5{
width: auto;
background-color: #30A5D6;
display: block;
padding: 10px;
color:#fff;
font-size:0.9em;
text-align:center;
}

.pagenate span{width:auto;display:block;float:none;font-size:0.67em;line-height:1.6em;padding:10px 10px 10px 10px;}

.pagenate span.left a,.pagenate span.right a{ #efefef;text-align:left;float:none;border-bottom:1px dotted #ccc;display:block;width:auto;padding:0 10px 15px 10px;}

.pagenate span.left a{margin-top:-10px;margin-bottom:15px;}

.pagenate a{text-decoration:none;color:333;}
.pagenate a:hover{text-decoration:underline;}
.pagenate a:link{color:#666;}


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




p.planBsenario  {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background-color: #fafafa;
	margin-top:-10px;
	margin-bottom:50px;
	padding:15px;
	background-image: url(./images/topics_indent.png);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size:2.5% auto;
	font-size:0.85em;
	text-align:center;
        color:#555;
        font-weight:bold;
}

p.planBsenario a,p.planBsenario a:hover,p.planBsenario a:visited{color:#555;}
/* BuyArea */
dl.buyArea{width:100%;position:fixed;bottom:0px;display:none;}

dl.buyArea dt{background-color:#cfecff;padding:10px 15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#b7d0e1;color:#0073a3;font-size:0.83em;width:auto;display:block;text-align:center;font-weight:bold;}
dl.buyArea dd{padding:10px 5px 20px 5px;width:auto;display:block;overflow:hidden;background-color:#efefef;
height:60px;position:relative;z-index:1000;}

dl.buyArea dd div p{padding:20px;color:#FFF;font-size:0.67em;line-height:1.4em;display:block;}


dl.buyArea2{width:100%;position:fixed;bottom:0px;display:none;}

dl.buyArea2 dt{background-color:#cfecff;padding:10px 15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#b7d0e1;color:#0073a3;font-size:0.83em;width:auto;display:block;text-align:center;font-weight:bold;}
dl.buyArea2 dd{padding:10px 5px 20px 5px;width:auto;display:block;overflow:hidden;background-color:#efefef;height:60px;position:relative;z-index:1000;}

dl.buyArea2 dd div p{padding:20px;color:#FFF;font-size:0.67em;line-height:1.4em;display:block;}

div.buyBtn01{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #808080;
-moz-box-shadow: 1px 1px 3px #808080;
box-shadow: 1px 1px 3px #808080;
background-color:#22ba70;
float:left;
width:49%;
margin-right:1%;
position:absolute;
left:1%;
z-index:2002;

}

div.buyBtn02{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #808080;-moz-box-shadow: 1px 1px 3px #808080;
background-color:#e94e41;
float:left;
width:49%;
margin-left:1%;
letter-spacing:-0.1em;
position:absolute;
left:51%;
z-index:2002;

}


.buyBtn a {
  display: block;
  width: 70%;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  font-weight:bold;
background-color:#1fbc99;
padding:10px;
margin-left:10%;
}
.buyBtn a:hover{opacity:0.6;text-decoration:none;}
.buyBtn a:visited{color: #FFF;text-decoration:none;}


span.kanren strong{font-size:0.61em;display:block;margin-top:0px;margin-bottom:-3px;}
span.kanren a{font-size:0.67em;line-height:1.1em;display:block;color:#777;text-decoration:underline;}
span.kanren a:visited{color:#777;text-decoration:underline;}

span.kanrenPt02 strong{font-size:0.61em;display:block;margin-top:-20px;margin-bottom:-3px;}
span.kanrenPt02 a{font-size:0.67em;line-height:1.1em;display:block;color:#777;text-decoration:underline;}
span.kanrenPt02 a:visited{color:#777;text-decoration:underline;}