@charset "shift_jis";

/* トップ */

.topFlashBlock{
	text-align:center;
	height:605px;a
}

.topFlashBlock .noflash{
	padding-top:90px;
}

/* せいひんしょうかい */
.QooGaoDetailBlock th{
	white-space:nowrap;
	padding-right:10px;
	vertical-align:top;
}

.QooGaoDetailBlock td{padding-bottom:10px;}
.QooGaoDetailBlock .subTtl{margin-bottom:15px;}

/* カレンダーかべがみ */
.latestWallPaperBlock{
	width:591px;
	height:197px;
	position:relative;
	margin-bottom:20px;
}

.latestWallPaperBlock ul{
	position:absolute;
	right:20px;
	bottom:33px;
}

.latestWallPaperBlock li{
	margin-top:10px;
}

/* クーフレンズのご紹介 */
.qooFriendsFlashBox{
	padding-bottom:4px;
}

.qooFriendsFlashBox li{
	float:left;
}

.qooFriendsFlashBox .boxInner{
	padding-top:4px;
}

.friendsIntroBox{
	height:175px;
	position:relative;
	margin-bottom:20px;
}

#asobo_friends_index .friendsIntroBox .thumb{
	position:absolute;
	top:12px;
	left:12px;
}

.friendsIntroBox .description{
	position:absolute;
	right:0;
	top:0;
	height:175px;
}

.friendsIntroBox .description h2,
.friendsIntroBox .description p{
	text-indent:-9999px;
}

#asobo_friends_index .friendsIntroBox{
	height:222px;
	background:url(/images/asobo/friends/qoo_img.png) no-repeat left top;
}

#asobo_friends_index .friendsIntroBox .description{
	width:398px;
	height:222px;
	background:url(/images/asobo/friends/qoo_desc.png) no-repeat right top;
}

#asobo_friends_friends_01 .friendsIntroBox .description{
	width:313px;
	background:url(/images/asobo/friends/friends_desc_01.png) no-repeat right top;
}

#asobo_friends_friends_02 .friendsIntroBox .description{
	width:309px;
	background:url(/images/asobo/friends/friends_desc_02.png) no-repeat right top;
}

#asobo_friends_friends_03 .friendsIntroBox .description{
	width:308px;
	background:url(/images/asobo/friends/friends_desc_03.png) no-repeat right top;
}

#asobo_friends_friends_04 .friendsIntroBox .description{
	width:310px;
	background:url(/images/asobo/friends/friends_desc_04.png) no-repeat right top;
}

#asobo_friends_friends_05 .friendsIntroBox .description{
	width:310px;
	background:url(/images/asobo/friends/friends_desc_05.png) no-repeat right top;
}

.toParentBox{padding-bottom:18px;margin-bottom:0;}
.toParentBox .boxInner{padding-top:18px;}

.toParentBox h3{margin:0 20px;}

.toParentBox p{
	width:548px;
	height:245px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 20px;
}

#asobo_friends_friends_01 .toParentBox p{background:url(/images/asobo/friends/to_parent_txt_01.png) no-repeat left top;}

#asobo_friends_friends_02 .toParentBox p{background:url(/images/asobo/friends/to_parent_txt_02.png) no-repeat left top;}

#asobo_friends_friends_03 .toParentBox p{background:url(/images/asobo/friends/to_parent_txt_03.png) no-repeat left top;}

#asobo_friends_friends_04 .toParentBox p{background:url(/images/asobo/friends/to_parent_txt_04.png) no-repeat left top;}

#asobo_friends_friends_05 .toParentBox p{background:url(/images/asobo/friends/to_parent_txt_05.png) no-repeat left top;}

.asoboTaisoBlock{
	padding-bottom:20px;
}

.asoboTaisoBlock .movieBlock{
	float:left;
	display:inline;
	width:332px;
}

.asoboTaisoBlock .introduce{
	float:right;
	display:inline;
	width:223px;
}

.asoboTaisoBlock .introduce p{
	margin-bottom:10px;
}

.asoboTaisoBlock .introduce dt{
	margin-bottom:0px;
	line-height:1;
}

/* 親子でクーッ!顔コンテスト */
#qoogao_index .mainImage{
	margin-bottom:7px;
}

/*
.qoogao #subContents .categoryHead{
	margin-bottom:12px;
}
*/

.qooGaoEntryBlock p{
	text-align:center;
}

.qooGaoArchiveList{
	width:567px;
	margin:0 auto 10px;
}

.qooGaoArchiveList li{
	float:left;
	display:inline;
	margin-right:22px;
	height:59px;
}

.qooGaoArchiveList li.lastChild{
	margin-right:0;
}

.qooGaoArchiveList li img{
	vertical-align:top;
}



.qooGaoArchiveMain{
	background:url(/images/qoogao/archive/archive_bg_rpt.png) repeat-y left top;

}

.qooGaoArchiveMainInner{
	background:url(/images/qoogao/archive/archive_bg_btm.png) no-repeat left bottom;
	padding-bottom:27px;
}

.qooGaoEntrys{
	width:546px;
	margin:0 0 0 10px;
}

.qooGaoRowFriend01{
	background:url(/images/qoogao/archive/bg_friends_01.png) no-repeat center bottom;
}

.qooGaoRowFriend02{
	background:url(/images/qoogao/archive/bg_friends_02.png) no-repeat center bottom;
}

.qooGaoRowStar01{
	background:url(/images/qoogao/archive/bg_star_01.png) no-repeat center bottom;
}

.qooGaoRowFriend01 .qooGaoEntry.firstChild,
.qooGaoRowFriend02 .qooGaoEntry.firstChild{
	margin-left:98px;
}


.qooGaoEntry{
	float:left;
	display:inline;
	width:175px;
	padding-bottom:5px;
}

.qooGaoEntry.firstChild{
	margin-left:10px;
}

.qooGaoEntry .comment{
	width:146px;
	background:url(/images/qoogao/archive/comment_rpt.png) repeat-y left top;
	margin:0 auto;
}

.qooGaoEntry .commentInner{
	width:146px;
	background:url(/images/qoogao/archive/comment_btm.png) no-repeat left bottom;
	padding-bottom:19px;
}

.qooGaoEntry .commentCont{
	width:146px;
	background:url(/images/qoogao/archive/comment_top.png) no-repeat left top;
	padding-top:14px;
}

.qooGaoEntry .comment h3{
	font-weight:normal;
	color:#00a6c4;
	margin:0 9px;
}

.qooGaoEntry .comment p{
	margin:0 9px -5px;
	position:relative;
}



/* Qoo TV */
.tv .topicPath{
	background:none;
	width:100%;
	margin:0 0 46px;
}

.tv .topicPath ul{
	margin:0 60px;
}

.tv .toTopBlock p{
	top:auto;
	top:78px;
	right:0;
	margin-right:-94px;
}

.tv #container{
	position:relative;
}

.tv #container .onair{
	position:absolute;
	top:-10px;
	right:90px;
	width:219px;
	height:108px;
	text-indent:-9999px;
	background:url(/images/tv/onair_txt.png) no-repeat left top;
}

.tv #container>.onair{
	background:url(/images/tv/onair_txt_24.png) no-repeat left top;
}

#tv_index .bannerBox{margin-bottom:0;}

#QooTVBox{
	width:490px;
	height:565px;
	margin:0 auto;
}

#QooTVBox h1{
	margin-bottom:10px;
	line-height:1;
}

#QooTVBox .movieBlock{
	height:423px;
}

#QooTVNavi{
	width:234px;
	margin:0 auto;
}

#QooTVNavi li{
	float:left;
}

#QooTVNavi li#nb_btn{
	float:right;
}

.tv #mainContents{
	width:591px;
	margin:0 auto;
	float:none;
	display:block;
}

.qooTVMovieList{margin-bottom:18px;}

.qooTVMovieList li{
	float:left;
	display:inline;
	margin-right:10px;
	width:89px;
	height:77px;
}

.qooTVMovieList li a{
	display:block;
	border:2px solid #333333;
	width:85px;
	height:63px;
}

.qooTVMovieList li a:hover{
	border:2px solid #ff8b00;
}


.qooTVMovieList li.lastChild{margin-right:0;}
.nextUpDateBlock{margin-bottom:10px;}
.nextUpDateBlock p{text-align:right;}
.nextUpDateBlock h3{margin-bottom:10px;}
.nextUpDateBlock #seeAllMovie{text-align:center;}

/* レシピ */
.recipe .pageTitle{
	height:75px;
}

.recipe .pageTitle .reader{
	top:50px;
}

.recipe .nextBtn,
.recipe .prevBtn{
	text-align:center;
}

.recipeBox{
	width:596px
	margin-top:30px;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}

.recipeBox .downloadBtn{
	position:absolute;
	bottom:12px;
	left:18px;
	line-height:1;
}

.recipeBox .howto p{
	text-indent:-9999px;
	position:absolute;
	left:15px;
	z-index:1;
}

.recipeBox .clearfix{position:relative;}

/*--------- recipe page---------*/

#recipe_box1{ 
	background:url(/images/product/recipe/bg_recipe_01.gif) no-repeat top left;
	margin-top:15px;
	height:400px;
}

#recipe_box1 h2{
	padding-top:8px;
}

#recipe_box2{ 
	background:url(/images/product/recipe/bg_recipe_02.gif) no-repeat top left;
	height:409px;
}

#recipe_box3{ 
	background:url(/images/product/recipe/bg_recipe_03.gif) no-repeat top left;
	height:465px;
}

#recipe_box4{ 
	background:url(/images/product/recipe/bg_recipe_04.gif) no-repeat top left;
	height:519px;
}

#recipe_box5{ 
	background:url(/images/product/recipe/bg_recipe_05.gif) no-repeat top left;
	height:448px;
}

#recipe_box6{ 
	background:url(/images/product/recipe/bg_recipe_06.gif) no-repeat top left;
	height:436px;
}

#recipe_box1 .howto p{
	background:url(/images/product/recipe/make_recipe_01.gif) no-repeat;
	width:325px;
	height:41px;
	top:294px;
}
#recipe_box2 .howto p{
	background:url(/images/product/recipe/make_recipe_02.gif) no-repeat;
	width:425px;
	height:41px;
	top:309px;
}
#recipe_box3 .howto p{
	background:url(/images/product/recipe/make_recipe_03.gif) no-repeat;
	width:512px;
	height:98px;
	top:310px;
}
#recipe_box4 .howto p{
	background:url(/images/product/recipe/make_recipe_04.gif) no-repeat;
	width:442px;
	height:136px;
	top:327px;
}
#recipe_box5 .howto p{
	background:url(/images/product/recipe/make_recipe_05.gif) no-repeat;
	width:481px;
	height:98px;
	top:294px;
}
#recipe_box6 .howto p{
	background:url(/images/product/recipe/make_recipe_06.gif) no-repeat;
	width:512px;
	height:98px;
	top:301px;
}

.recipeBox .recipeFlash{
	float:left;
	margin-left:2px;
	position:relative;
	z-index:15;
}

.recipeBox .material{
	position:absolute;
	top:0;
	right:1px;
	z-index:10;
}

.recipeBox .material h3,
.recipeBox .material p,
.recipeBox .material li{
	text-indent:-9999px;	
}

#recipe_box1 .material{
	background:url(/images/product/recipe/recipe_txt1.png) no-repeat left top;
	width:295px;
	height:114px;
}

#recipe_box2 .material{
	background:url(/images/product/recipe/recipe_txt2.png) no-repeat;
	width:295px;
	height:135px;
}

#recipe_box3 .material{
	background:url(/images/product/recipe/reciepe_txt3.png) no-repeat;
	width:295px;
	height:209px;
}

#recipe_box4 .material{
	background:url(/images/product/recipe/reciepe_txt4.png) no-repeat;
	width:294px;
	height:249px;
}

#recipe_box5 .material{
	background:url(/images/product/recipe/reciepe_txt5.png) no-repeat;
	width:294px;
	height:172px;
}

#recipe_box6 .material{
	background:url(/images/product/recipe/reciepe_txt6.png) no-repeat;
	width:294px;
	height:228px;
}

/* モバイル */
.mobile #subContents .categoryHead {
	margin-bottom:12px;
}

/* かみしばい */
.kamishibaiMainBox{
	width:100%;
	background:#fbf2a7;	
	padding-bottom:20px;
	margin-bottom:5px;
}

/* Qoo どうぶつえん */

.zoo .zooBox{
	width: 707px;
	margin: 10px auto 15px;
	background: #fff6ac url(/images/zoo/ind_box_btm.gif) 0 100% no-repeat;
}

.zoo .zooBoxInner{
	padding: 8px 5px;
	background: transparent url(/images/zoo/ind_box_top.gif) 0 0 no-repeat;
}

.zoo .zooBox .boxCont{
	margin: 0;
}

.zoo .zooBox .colL{
	float: left;
	width: 351px;
}

.zoo .zooBox .colR{
	float: right;
	width: 342px;
}

.zoo .zooBox p.guideBtn{
	margin: 5px 0 0;
}

.zoo .subTtl{
	position: relative;
	width: 707px;
	height: auto;
	margin: 0 auto 10px;
}

.zoo .subTtl .ttlBnr{
	position: absolute;
	top: 0;
	right: 0;
}

.zoo .zooLocalNavi{
	width: 707px;
	margin: 0 auto;
}

.zoo .zooLocalNavi li{
	float: left;
	margin-right: 9px;
}

.zoo .zooLocalNavi li.lastChild{
	margin-right: 0;
}

.zoo .cau{
	width: 707px;
	margin: 15px auto;
}

.zoo .cau p{
	margin-bottom: 5px;	
}

#zoo_index #mainContents{
	display: block;
	float: none;
	margin: 0 50px;
	width: 849px;
}

#zoo_index .mainBlock{
	width: 849px;
	background: transparent url(/images/zoo/zoo_bg.gif) 0 0 repeat-y;
}

#zoo_index .mainBlockInner{
	width: 849px;
	background: transparent url(/images/zoo/zoo_bg_btm.gif) 0 100% no-repeat;
}

#zoo_index .mainBlockCont{
	width: 849px;
	background: transparent url(/images/zoo/zoo_bg_top.gif) 0 0 no-repeat;
}

#zoo_index .topicPath{
	width: 845px;
}

#zoo_index .section{
	position: relative;
	width: 707px;
	margin-left: 73px;
}

#zoo_index h1{
	position: absolute;
	top: -7px;
	right: 23px;
}

#zooMap{
	width: 100%;
	height: 556px;
	margin-bottom: 10px;
	background: url(/images/zoo/ind_main.png) 0 0 no-repeat;
}

#zooMap li{	position: absolute;}

#zooMap #item01{ top: 116px; left:  9px;}
#zooMap #item02{ top:  59px; left: 125px;}
#zooMap #item03{ top:  59px; left: 236px;}
#zooMap #item04{ top:  59px; left: 359px;}
#zooMap #item05{ top:  59px; left: 470px;}
#zooMap #item06{ top: 102px; left: 585px;}
#zooMap #item07{ top: 212px; left:  9px;}
#zooMap #item08{ top: 151px; left: 137px;}
#zooMap #item09{ top: 153px; left: 298px;}
#zooMap #item10{ top: 153px; left: 433px;}
#zooMap #item11{ top: 240px; left: 564px;}
#zooMap #item12{ top: 416px; left:  8px;}
#zooMap #item13{ top: 347px; left: 115px;}
#zooMap #item14{ top: 270px; left: 221px;}
#zooMap #item15{ top: 262px; left: 358px;}
#zooMap #item16{ top: 410px; left: 496px;}

/* 比較ページ */

#zoo_comparison #mainContents{
	width: 100%;
	margin: 0;
}

#zoo_comparison .mainBlock{
	width: 950px;
	background: transparent url(/images/zoo/main_block_full.gif) 0 0 repeat-y;
}

#zoo_comparison .mainBlockInner{
	width: 950px;
	background: transparent url(/images/zoo/main_block_full_btm.gif) 0 100% no-repeat;
}

#zoo_comparison .mainBlockCont{
	width: 950px;
	background: transparent url(/images/zoo/main_block_full_top.gif) 0 0 no-repeat;
}

#zoo_comparison .topicPath{
	width: 945px;
}

#zoo_comparison .section{
	position: relative;
	width: 885px;
	margin-left: 31px;
}

#zoo_comparison h1{
	position: absolute;
	top: -12px;
	right: 95px;
}

#zoo_comparison .backBtn{
	position: absolute;
	top: 16px;
	right: 0px;
}

#zoo_comparison h2{
	height: 40px;
	padding-top: 15px;
	background: url(/images/zoo/comp_bg_tit.gif) 0 0 no-repeat;
	text-align: center;
}

#zoo_comparison .detailTbl02{
	width: 883px;
	border-top: 2px #a3a3a3 solid;
	border-left: 2px #a3a3a3 solid;
}

#zoo_comparison .detailTbl02 th{
	width: 128px;
	padding: 10px 0;
	border-bottom: 2px #a3a3a3 solid;
	background-color: #f7af00;
	text-align: center;	
}

#zoo_comparison .detailTbl02 td{
	padding: 10px;
	border-right: 2px #a3a3a3 solid;
	border-bottom: 2px #a3a3a3 solid;
	text-align: left;
	vertical-align: top;
}

#zoo_comparison .cell02 td{	width: 355px;}
#zoo_comparison .cell02 td.connect2{ width: 733px;}
#zoo_comparison .cell03 td{	width: 231px;}
#zoo_comparison .cell03 td.connect2{ width: 484px;}
#zoo_comparison .cell03 td.connect3{ width: 733px;}
#zoo_comparison .cell04 td{	width: 166px;}
#zoo_comparison .cell04 td.connect2{ width: 354px;}
#zoo_comparison .cell04 td.connect3{ width: 542px;}
#zoo_comparison .cell04 td.connect4{ width: 733px;}

/* キャンペーン */

#zoo_campaign #mainContents{
	display: block;
	float: none;
	margin: 0 50px;
	width: 849px;
}

#zoo_campaign .mainBlock{
	width: 849px;
	background: transparent url(/images/zoo/zoo_bg.gif) 0 0 repeat-y;
}

#zoo_campaign .mainBlockInner{
	width: 849px;
	background: transparent url(/images/zoo/zoo_bg_btm.gif) 0 100% no-repeat;
}

#zoo_campaign .mainBlockCont{
	width: 849px;
	background: transparent url(/images/zoo/zoo_bg_top.gif) 0 0 no-repeat;
}

#zoo_campaign .topicPath{
	width: 845px;
}

#zoo_campaign .section{
	position: relative;
	width: 707px;
	margin-left: 73px;
}

#zoo_campaign h1{
	position: absolute;
	top: -12px;
	right: 95px;
}

#zoo_campaign .backBtn{
	position: absolute;
	top: 16px;
	right: 0px;
}

#zoo_campaign h2{
	height: 40px;
	padding-top: 15px;
}

#zoo_campaign .zooBox .colL{
	float: left;
	width: 455px;
}

#zoo_campaign .zooBox .colR{
	float: right;
	width: 229px;
}

/* ポップアップ */

#zoo_popup{
	padding-bottom: 20px;
	background: #cddd59 none;
}

#zoo_popup #wrapInner{
	background-image: url(/images/zoo/pop_wrap_bg.jpg);
}

#zoo_popup #container{
	width: 450px;
}

#zoo_popup #popInner{
	margin: 0 21px 0 20px;
	background: url(/images/zoo/pop_bg.gif) 0 0 repeat-y;
	text-align: left;
}

#zoo_popup #popContent{
	padding: 12px 12px 20px 13px;
	background: url(/images/zoo/pop_bg_btm.gif) 0 100% no-repeat;
}

#zoo_popup .popMainImage{
	margin-bottom: 15px;
	text-align: center;
}

#zoo_popup .detailTbl{
	width: 384px;
	background: #ffffff url(/images/zoo/pop_bg_tbl.gif) 0 0 repeat-y;
}

#zoo_popup .detailTblInner{
	width: 384px;
	padding-bottom: 3px;
	background: transparent url(/images/zoo/pop_bg_tbl_btm.gif) 0 100% no-repeat;
}

#zoo_popup .detailTbl table{
	width: 384px;
	background: transparent url(/images/zoo/pop_bg_tbl_top.gif) 0 0 no-repeat;
}

#zoo_popup .detailTbl th{
	width: 128px;
	padding: 10px 0;
	border-bottom: 2px #a3a3a3 solid;
	text-align: center;
}
#zoo_popup .detailTbl td{
	padding: 10px;
	border-bottom: 2px #a3a3a3 solid;
	text-align: left;
}

#zoo_popup .detailTbl .lastChild th,
#zoo_popup .detailTbl .lastChild td{
	border-bottom: none;
}

#zoo_popup .moreInfo{
	margin-top: 15px;	
}

#zoo_popup .caution{
	margin-top: 15px;	
}

#zoo_popup .caution p{
	margin-bottom: 5px;	
}

#zoo_popup .popLocalNav{
	margin-top: 15px;
}

#zoo_popup .popLocalNav .prevBtn{ float:left;}
#zoo_popup .popLocalNav .nextBtn{ float:right;}

#zoo_popup .closeBtn{
	margin-top: 15px;
	text-align: center;
}