@charset "utf-8";
/*
/////////////////////////////////////
豆しば/Spring
/////////////////////////////////////
*/

#bodybinder h1,#bodybinder h2,#bodybinder h3,
#bodybinder h4,#bodybinder h5,#bodybinder h6{margin:0;padding:0;}
#bodybinder{margin-bottom:10px;color:#000;}
#bodybinder a{color:#e89e00;outline:none;}

#EJLINK{background:#fff;}
#EJLINK div{position:relative;height:50px;}
#EJLINK a{display:block;background:url(./img/ejlink.gif) 0 0 no-repeat;position:absolute;top:15px;}
#EJLINK #linkJ{width:87px;height:23px;background-position: -87px 0;left:910px;}
#EJLINK #linkE{width:82px;height:23px;left:828px;}
#EJLINK #linkE:hover{background-position: 0 -23px;}

#bodybinder{margin-bottom:0;padding-bottom:0;}

.mmBG { background:#FFF; min-width:990px;}
.mmBG2 { /* background:url(./cp8/bg.gif) center 0 repeat;*/ }
#bodybinder .w990 { margin:0 auto; position:relative;}
#mhead {
	height:91px; 
	/* background: url(./cp8/black40.png); */
	background: url(./cp8/titlebg.png) no-repeat center 0 #ffb0b2;
	border-bottom:solid 3px #ffb0b2;
}
#Mtitle{
	text-indent:-5000px;position:absolute;width:230px;height:90px;
	background: url(./cp8/title.png) no-repeat left 0;
}
#mhead ul{position:absolute; top:6px; left:305px; z-index:5;}
#mhead li { position:absolute; top:0;}
	#mhead li.mm1{ left:0;}
	#mhead li.mm2{ left:95px;}
	#mhead li.mm3{ left:190px;}
	#mhead li.mm4{ left:285px;}
	#mhead li.mm5{ left:380px;}
	#mhead li.mm6{ left:475px;}
	#mhead li.mm7{ left:570px;}
	#mhead li.mm8{ left:665px;display:none;}
#mhead li a{
	width:91px;height:81px;display:block;
	font-size:1%;text-indent:-5000px;
	}
	#mhead li.mm0 a{width:240px;height:83px;background:url(./img/toidx.gif) 130px 71px no-repeat;}
	#mhead li.mm1 a{background:url(./cp8/menu.png) 0 0 no-repeat;}
	#mhead li.mm2 a{background:url(./cp8/menu.png) -95px 0 no-repeat;}
	#mhead li.mm3 a{background:url(./cp8/menu.png) -190px 0 no-repeat;}
	#mhead li.mm4 a{background:url(./cp8/menu.png) -285px 0 no-repeat;}
	#mhead li.mm5 a{background:url(./cp8/menu.png) -380px 0 no-repeat;}
	#mhead li.mm6 a{background:url(./cp8/menu.png) -475px 0 no-repeat;}
	#mhead li.mm7 a{background:url(./cp8/menu.png) -570px 0 no-repeat;}
	#mhead li.mm8 a{background:url(./cp8/menu.png) -665px 0 no-repeat;}
	#mhead li.mm0 a:hover{filter:alpha(opacity=80);opacity:0.8;}
	#mhead li.mm1 a:hover{background:url(./cp8/menu.png) 0 -90px no-repeat;}
	#mhead li.mm2 a:hover{background:url(./cp8/menu.png) -95px -90px no-repeat;}
	#mhead li.mm3 a:hover{background:url(./cp8/menu.png) -190px -90px no-repeat;}
	#mhead li.mm4 a:hover{background:url(./cp8/menu.png) -285px -90px no-repeat;}
	#mhead li.mm5 a:hover{background:url(./cp8/menu.png) -380px -90px no-repeat;}
	#mhead li.mm6 a:hover{background:url(./cp8/menu.png) -475px -90px no-repeat;}
	#mhead li.mm7 a:hover{background:url(./cp8/menu.png) -570px -90px no-repeat;}
	#mhead li.mm8 a:hover{background:url(./cp8/menu.png) -665px -90px no-repeat;}
	#IDX #mhead li.mm0 a{display:none;}
	#p1 #mhead li.mm1 a{background:url(./cp8/menu.png) 0 -90px no-repeat;}
	#p2 #mhead li.mm2 a{background:url(./cp8/menu.png) -95px -90px no-repeat;}
	#p3 #mhead li.mm3 a{background:url(./cp8/menu.png) -190px -90px no-repeat;}
	#p4 #mhead li.mm4 a{background:url(./cp8/menu.png) -285px -90px no-repeat;}
	#p5 #mhead li.mm5 a{background:url(./cp8/menu.png) -380px -90px no-repeat;}
	#p6 #mhead li.mm6 a{background:url(./cp8/menu.png) -475px -90px no-repeat;}
	#p7 #mhead li.mm7 a{background:url(./cp8/menu.png) -570px -90px no-repeat;}
	#p8 #mhead li.mm8 a{background:url(./cp8/menu.png) -665px -90px no-repeat;}


#idxmid { background:none; width:990px; margin: 0 auto 0 auto; position: relative; }
#idxmid .illust { position: absolute; left: 18px; top: -10px; width: 272px; height: 253px; background: url(./cp8/illust.png) no-repeat; z-index: 9999; }
#idxmid .w990 { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 27px 0 15px;}
#idxmid .inner{
	/*background:url(./cp8/illust.png) 22px 4px no-repeat;*/
	height:247px;
	padding-left:280px;
	}
#idxmid #BCP { width:380px;float:left;padding:15px 0 0;}
	#BCPin{
		width:368px;height:207px;overflow:hidden;
		border:solid 5px #ffb0b2;background:#000;
		}
#idxmid #NEWS { width:275px;float:right; padding-top: 16px; }
#idxmid #NEWS2 { background:#fff;padding:9px 0 10px 10px;border-radius:5px;}
#idxmid #NEWS h2{
	background:url(./cp8/h2news.png) no-repeat; height:20px;
	font-size:1%;text-indent:-5000px;
	}
#idxmid #rss{position:relative;}
#idxmid #rss a{
	position:absolute;display:block;width:31px;height:15px;
	top:-22px;right:10px;background:url(./cp8/rss.png) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;
	}
	#idxmid #rss a:hover{filter:alpha(opacity=80);opacity:0.8;}
#idxmid #NEWS ul{height:140px;overflow:auto;background:url(./img/hrdot4.gif) 0 0 repeat-x;padding-top:7px;}

#idxmid #NEWS li{
	background:url(./img/hrdot4.gif) 0 bottom repeat-x;
	padding:0 10px 7px 0;margin-bottom:7px;
	}
#idxmid #NEWS li .date{
	display:block;width:32%;font-size:9px;
	font-weight:bold;float:left;color:#559120;
	}
#idxmid #NEWS li .txt{
	display:block;width:67%;float:right;line-height:1.2;
	}
#idxmid #NEWS li a{color:#de001f;}

#idxmid #snslinks{position:relative;}
#idxmid #snslinks a{display:block;width:128px;height:28px;position:absolute;}
#idxmid #snslinks a.btn1{top:11px;left:-4px;}
#idxmid #snslinks a.btn2{top:11px;left:131px;}

#texbtm{background:url(./cp8/bg_loop.png) top center repeat #FFF;padding:27px 0 0;}
#idxbtm { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 27px 0 15px; /*background: url(./cp8/bg_illust.png) 618px 400px no-repeat;*/}
#idxbtm #OSHIRASE{width:624px;float:left;}
#idxbtm #OSHIRASE h2{
	background:url(./cp8/h2oshirase.png) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;height:45px;
	}
#idxbtm #OSHIRASE .inner{background:url(./cp8/oshirasebg.png) 0 0 repeat-y;padding:0 0 0 20px; min-height: 300px; }
	/*#idxbtm #OSHIRASE .inner{padding:20px 30px 20px 40px;}*/
#idxbtm #OSHIRASE img{float:right;display:block;margin:0 0 10px 10px;}
#idxbtm #OSHIRASE a{font-weight:bold;}
#idxbtm #OSHIRASE h3{font-size:140%;padding:5px 0;line-height:1.3;}
#idxbtm .right{width:300px;float:right;padding-top:23px;}
#idxbtm #toBN { background:url(./cp8/oshirasebtm.png) 0 0 no-repeat;height:25px;position:relative;}
#idxbtm #toBN a{
	display:block;width:245px;height:34px;
	background:url(./cp8/btn_tooshirase.gif) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;
	position:absolute;left:50%;top:23px;
	margin-left:-123px;
	}
	#idxbtm #toBN a:hover{ background-position:0 -40px;}

#credit{ width:930px; text-align:right;padding:14px; margin:0 auto;}
#credit div{
	font-size:1%;text-indent:-5000px;width:60px;height:10px;color:#63a528;
	margin-left:auto;background:url(./cp8/credit.gif) no-repeat;
	text-align:left;
}

#idxbtm .right { padding-top:0;}
h2#BNRbabyshiba{padding-bottom:10px;}
.right .bnr{padding-bottom:8px;}
h2#BNRbabyshiba a:hover,
.right .bnr a:hover{filter:alpha(opacity=80);opacity:0.8;}
#mobileinfo{background:url(./cp2/mobilebg.gif) 0 0 no-repeat;height:210px;}
#mobileinfo .inner{padding:43px 0 0 17px;}

#sheet{background:#fff;border:solid 3px #488117;padding:0 20px 25px;min-height:400px;}

/*見出し*/
#p0 h1{
	background:url(./img/h1oshirase.gif) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;height:77px;
	}
#p2 h1{
	background:url(./img/h1movie.gif) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;height:77px;
	}
#p3 h1{
	background:url(./img/h1characters.gif) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;height:77px;
	}
#p4 h1{
	background:url(./img/h1babyshiba.gif) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;height:77px;
	}
#p5 h1{
	background:url(./img/h1download.gif) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;height:77px;
	}
#p6 h1{
	background:url(./img/h1goods.gif) 0 0 no-repeat;
	font-size:1%;text-indent:-5000px;height:77px;
	}

/*お知らせ*/
#p0 .unit{background:url(./img/o3.gif) 0 0 repeat-y;border-bottom:solid 10px #fff;}
#p0 .unit .inner1{background:url(./img/o2.gif) 0 bottom no-repeat;}
#p0 .unit .inner2A{background:url(./img/o1a.gif) 0 0 no-repeat;min-height:140px;}
#p0 .unit .inner2B{background:url(./img/o1b.gif) 0 0 no-repeat;min-height:140px;}
#p0 .unit .inner2C{background:url(./img/o1c.gif) 0 0 no-repeat;min-height:140px;}
#p0 .unit .inner3{padding:40px 40px 40px 145px;}
#p0 .unit img{display:block;}
#p0 .unit img.right{float:right;margin:0 0 10px 10px;}
#p0 .unit h2{line-height:1.3;font-size:110%;padding:5px 0;}
#p0 .unit p{line-height:1.3;}
#p0 .unit a{font-weight:bold;}

/*豆しばグッズ*/
#goodsBinder{padding-bottom:20px;}
#goodsCategory{
	float:right;width:262px;background:url(./img/goods_catbg1.gif) 0 0 repeat-y;
	border-bottom:solid 1px #fff;
	}
#goodsCategory .inner1{background:url(./img/goods_catbg2.gif) 0 0 no-repeat;padding-top:37px;}
#goodsCategory .inner2{background:url(./img/goods_catbg3.gif) 0 bottom no-repeat;padding:0 11px 12px;}
#goodsCategory li{margin:0;padding:0;}
#goodsCategory li a{
	display:block;text-decoration:none;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #e9debe;
	background:#faf6af url(./img/arr_g2.gif) 8px center no-repeat;
	padding:8px 5px 8px 30px;
	color:#513b11;font-weight:bold;
	line-height:1.5;outline:none;
	}
	* html body #goodsCategory li a{width:204px;}
	#goodsCategory li a:hover{
		border-top:solid 1px #fea976;
		border-bottom:solid 1px #c5540f;
		background:#f56d1b url(./img/arr_g1.gif) 8px center no-repeat;
		color:#fff;
		}
#goodsList{
	background:url(./img/goods_lead.gif) 0 0 no-repeat;
	padding:30px 0 0;
	width:615px;float:left;
	}
#goodsList h3{background: #5fa223 url(./img/goods_h3_1.gif) 0 0 repeat-x;margin-bottom:14px;}
#goodsList h3 .inner1{
	display:block;color:#fff;font-size:16px;padding:7px 10px;
	background: url(./img/goods_h3_2.gif) 0 bottom repeat-x;
	}
#goodsList ul{margin-left:10px;}
#goodsList li{
	margin-bottom:1em;padding-left:12px;
	border-bottom:solid 1px #fff;
	background:url(./img/arr_g0.gif) 0 4px no-repeat;
	}
#goodsList li a{
	color:#f56d1b;display:block;
	font-weight:bold;
	}
#goodsDetail{
	width:615px;float:left;
	margin:0;
	background:url(./img/gd_bg3.gif) 0 0 repeat-y;
	border-bottom:solid 1px #fff;
	}
#goodsDetail .inner1{
	background:url(./img/gd_bg2.gif) 0 bottom no-repeat;
	padding-bottom:10px;
	}
#goodsDetail .inner2{
	background:url(./img/gd_bg1.gif) 0 top no-repeat;
	padding:10px 3px;
	}
#goodsDetail h3{
	background:#5fa223;
	}
#goodsDetail h3{
	padding:8px 15px 15px;color:#fff;font-size:18px;
	background:#5fa223 url(./img/gdhr.gif) 0 bottom repeat-x;
	}
#goodsDetail .lead{
	padding:13px 15px 8px;color:#64381e;
	}
#goodsDetail .pic{
	text-align:center;
	margin-bottom:13px;
	}
#goodsDetail .spec{
	background:url(./img/gdgd_bg1.gif) 0 0 repeat-y;
	width:472px;margin-left:auto;margin-right:auto;
	margin-bottom:16px;
	border-bottom:solid 1px #fff;
	}
#goodsDetail .spec .i1{
	background:url(./img/gdgd_bg2.gif) 0 0 no-repeat;
	}
#goodsDetail .spec .i2{
	background:url(./img/gdgd_bg3.gif) 0 bottom no-repeat;
	padding:13px 15px;
	color:#457e13;
	}
#goodsDetailNavi{
	background: url(./img/gdhr.gif) 0 top repeat-x;
	height:40px;position:relative;
	}
#goodsDetailNavi div{
	position:absolute;
	}
#goodsDetailNavi a{
	display:block;width:102px;height:27px;
	}
#goodsDetailNavi .prev{left:18px;top:15px;}
#goodsDetailNavi .backto{left:255px;top:15px;}
#goodsDetailNavi .next{left:488px;top:15px;}
#goodsDetailNavi .prev a{background:url(./img/gd_prev.gif) 0 0 no-repeat;}
#goodsDetailNavi .backto a{background:url(./img/gd_backto.gif) 0 0 no-repeat;}
#goodsDetailNavi .next a{background:url(./img/gd_next.gif) 0 0 no-repeat;}
#goodsDetailNavi .prev a:hover{background-position: 0 -30px;}
#goodsDetailNavi .backto a:hover{background-position: 0 -30px;}
#goodsDetailNavi .next a:hover{background-position: 0 -30px;}
#bodybinder #goodsList h3,
#bodybinder #goodsCategory h3,
#bodybinder #goodsDetailNavi a span{display:none;}

/*ベビしば*/
#babyUnit{background:url(./img/babyshibabg.gif) 0 0 no-repeat;}
#babyblock1{height:427px;}
#babyshibatarget{padding:23px 0 0 80px;}
#babyblock2{height:425px;margin-left:23px;}

/*なかまたち*/
#nakamaUnit{height:520px;padding-left:52px;background:url(./img/charactersbg.gif) 0 0 no-repeat;}

/*豆知識ムービー*/
#movieUnit{height:430px;padding-left:0px;background:url(./img/moviebg.gif) 0 0 no-repeat;}
#movieblock{padding:5px 0 0 15px;}

/*スロットゲーム*/
#slot{
	width:600px;margin:0 auto;text-align:left;
	background:url(./img/h2_game.gif) center 5px no-repeat;
	padding-top:80px;
	}
#slot .alt{display:none;}
#slot .swf{padding-bottom:10px;}
#slot .oshirase{
	background:url(./img/gameoshirase.gif) 0 0 no-repeat;
	padding:34px 0 18px;margin-left:5px;
	}
#slot .howtosetup{
	background:url(./img/gamesetup.gif) 0 0 no-repeat;height:130px;
	margin-left:5px;
	}
#slot .copydentsu{color:#666;text-align:right;font-size:smaller;padding:0 10px;}
#slot .close{text-align:center;}
#slot .close a{
	display:block;width:180px;height:34px;
	background:url(./img/btn_close.gif) 0 0 no-repeat;
	margin:0 auto;
	}
#slot .close a:hover{filter: alpha(opacity=80);opacity:0.8;}

/*ダウンロード*/
#p6 #units{background:url(./img/dot_g.gif) center 0 repeat-y;padding:0 15px;}
#p6 #units .unit{width:407px;float:left;padding:10px 0 20px;}
#p6 #units .unit h2{color:#457e13;font-size:130%;}
#p6 #units .hr{background:url(./img/dot_g.gif) 0 bottom repeat-x;}
#p6 #units .img{float:left;width:160px;}
	#p6 #units .img:hover{filter: alpha(opacity=80);opacity:0.8;}
#p6 #units .txt{width:230px;float:right;}
#p6 #units .btn{
	display:block;width:230px;height:35px;
	background:url(./img/btn_dl.gif) 0 0 no-repeat;
	}
#p6 #units .btn.try{background:url(./img/btn_try.gif) 0 0 no-repeat;}
	#p6 #units .btn:hover{filter: alpha(opacity=80);opacity:0.8;}


#sociallinks{position:relative;text-align:left;}
#sociallinks .sl1{position:absolute;left:696px;top:193px;}
#sociallinks .sl2{position:absolute;left:776px;top:192px;}
#sociallinks .sl3{position:absolute;left:848px;top:192px;}

@media screen and (max-width:1040px){
	#ojisan{display:none;}
}
@media screen and (min-width: 1041px){
	#ojisan{position:relative;}
	#ojisan span{
		top:80px;
		position:absolute;display:block;width:65px;height:110px;
		background:url(./cp8/ojisan.gif) 0 0 no-repeat;
	}
}

#main,#container{width:auto !important;}
#container{padding-top:80px !important;padding-bottom:0 !important;}