@charset "utf-8";





#home .update {
	font-weight:bold;
	color:#f00;
}
#home #contents {
	margin:5px 10px 0 10px;
	width:740px;
}
#homeBannerBox {
	float:left;
	margin-bottom:10px;
	width:184px;
}
#homeWhatsNewBox {
	float:right;
	width:551px;
}


/* What's New
--------------------------------------------------------------*/
#home #whatsNew {
	margin-top:5px;
/*	padding-bottom:10px;*/
	padding-bottom: 0;
}
#home #whatsNew h2 {
		margin-bottom:8px;
}
#home #whatsNew dl {
	margin-left:5px;
	width:546px;
}
#home #whatsNew dl {
	list-style:none;
	overflow:auto;
	/*height:125px;*/
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #D1CFCC;
	scrollbar-shadow-color: #D1CFCC; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-arrow-color: #D1CFCC; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff;
}
#home #whatsNew dt {
	clear:left;
	float:left;
	padding-bottom:5px;
	width:50px;
	line-height:1.3;
}
#home #whatsNew dd {
	margin-left:50px;
	padding-right:3px;
	padding-bottom:5px;
	zoom:1;
	/*width:250px;*/
	line-height:1.3;
}
#home #whatsNew dd a {
	text-decoration:none;
	color:#4a4a4a;
}
#home #whatsNew dd a:hover {
	text-decoration:underline;
}
#home #whatsNew dd.new a {
	text-decoration:none;
	color:#ff0000;
}
#home #whatsNew dd a:hover {
	text-decoration:underline;
}
#home #whatsNew dt.new {
	color:#FF0000;
}
#home #whatsNew dd.new {
	color:#FF0000;
}




/* 商店街Flash＆ログイン周り
--------------------------------------------------------------*/
#homeSwfStreet {
	width:740px;
	/*height:160px;*/
	font-size:0;
}
#homeLoginBox {
	margin-bottom:13px;
	padding:0 5px;
	height:95px;
	background:url(/img/home/bg_street.gif) 0 0 no-repeat;
}

#homeSwfStreet .flashMsg {
	padding:10px;
	background:#e1ac48;
	color:#3c0000;
	font-size:12px;
}
#homeSwfStreet .flashBtn {
	padding:0 10px 10px 10px;
	background:#e1ac48;
}
#homeStreetBtm {
	clear:both;
	margin-bottom:8px;
	width:740px;
	height:10px;
	background:url(/img/home/bg_street_btm.gif) 0 0 no-repeat;
}

/* ゲスト用ナビゲーション */
#homeGuestLink {
	margin-bottom:5px;
	width:730px;
	height:32px;
	text-indent:-9999px;
	background:url(/img/home/nav_guest.gif) 0 0 no-repeat;
}
#homeGuestLink li {
	float:left;
	height:32px;
}
#homeGuestLink #gNavWht {width:142px;}
#homeGuestLink #gNavPvc {width:152px;}
#homeGuestLink #gNavKyk {width:92px;}
#homeGuestLink #gNavUse {width:126px;}
#homeGuestLink #gNavFaq {width:106px;}
#homeGuestLink #gNavCon {width:112px;}

#homeGuestLink li a {
	display:block;
	height:30px;
	overflow:hidden;

}

/* login Box */
#homeLoginBox div {
	float:left;
	width:574px;
}
#homeLoginBox div dl {
	float:left;
	margin-top:3px;
	margin-left:6px;
	margin-bottom:3px;
	width:425px;
}
#homeLoginBox dt.mail {
	float:left;
	width:76px;
	background:url(/img/home/login_mail.gif) 0 3px no-repeat;
	text-indent:-9999px;
}
#homeLoginBox dd.mail {
	float:left;
	width:144px;
}
#homeLoginBox dt.pass {
	float:left;
	width:61px;
	background:url(/img/home/login_pass.gif) 0 3px no-repeat;
	text-indent:-9999px;
}
#homeLoginBox dd.pass {
	float:left;
	width:144px;
}
#homeLoginBox #inputMail {
	padding:2px 2px;
	width:130px;
	border:1px solid #ffffff;
	font-size:11px;
}
#homeLoginBox #inputPass {
	padding:2px 2px;
	width:130px;
	border:1px solid #ffffff;
	font-size:11px;
}
#homeLoginBox ul.check {
	clear:both;
	margin-left:5px;
	font-size:1px;
}
#homeLoginBox ul li {
	float:left;
}

#homeLoginBox ul li#nickSave {
	width:160px;
}

#homeLoginBox ul li#ssl {
	float:left;
	width:143px;
}
#homeLoginBox ul li#forget {
	padding-top:6px;
	width:262px;
}

#homeLoginBox #nickSave {
	float:left;
	height:23px;
}

#homeLoginBox #checkSsl {
	float:left;
	height:23px;
}
#homeLoginBox label.labelSave {
	float:left;
	display:block;
	width:128px;
	height:20px;
	background:url(/img/home/login_save.gif) 2px 5px no-repeat;
	text-indent:-9999px;
}
#homeLoginBox label.labelSsl {
	float:left;
	display:block;
	width:85px;
	height:20px;
	background:url(/img/home/login_ssl.gif) 2px 5px no-repeat;
	text-indent:-9999px;
}
#homeLoginBox p.btnLogin {
	float:left;
	margin-top:5px;
	width:232px;
	text-indent:-9999px;
	background:url(/life/l_sor/img/com_btn_login.gif) 0 0 no-repeat;
}
#homeLoginBox p.btnLogin a {
	display:block;
	width:232px;
	overflow:hidden;
}
#homeLoginBox #lifeComment .errLogin {
	clear:both;
	font-weight:bold;
	color:#ff0000;
}

/* 今週のグリコクイズ
--------------------------------------------------------------*/
#homeQuizBox {
	width:184px;
	height:167px;
	margin:0 auto;
	position:relative;
}
#homeQuizBox object,
#homeQuizBox #quizImg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#homeQuizBox .section {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	z-index:10;
	width:184px;
	font-size:12px;
	color:#ffffff;
	text-align:center;
}
#homeQuizBox .section p a {
	display:block;
	width:184px;
	height:167px;
	z-index:100;
	background:url(/img/common/spacer.gif);
	text-decoration:none;
	color:#ffffff;
}
#homeQuizBox .section p a span {
	z-index:200;
	display:block;
	padding:112px 0 20px 0;
}
#homeQuizBox #quizComplete{
	z-index:200;
	padding:115px 0 20px 0;
	letter-spacing:-0.06em;
}

#homePresent {
	margin:3px 0 3px 0;
}



/* 月刊グリコ新聞＆週刊グリコ新聞
--------------------------------------------------------------*/
#homeNewsBox {
	margin-bottom:16px;
	padding-bottom:12px;
	width:551px;
	background:url(/img/home/bg_news.gif) left bottom no-repeat;
}
#homeNewsBox .intro {
	margin:7px 10px 0 10px;
	padding-bottom:7px;
	background:url(/img/home/bg_line_x.gif) left bottom repeat-x;
}
#homeNewsBox .inner {
	margin:0 auto;
	width:527px;
	padding-top:10px;
	background:url(/img/home/bg_line_y.gif) center bottom repeat-y;
}
#homeMonthBox {
	float:left;
	width:251px;
}
#homeBlogBox {
	float:right;
	width:251px;
}
#homeMonthBox .fr,
#homeBlogBox .fr{
	width:129px;
}
#homeNewsBox h3 {
	margin:5px 0;
}
#homeNewsBox .photo {
	float:left;
	margin-bottom:10px;
}




/* レシピコンテンツ
--------------------------------------------------------------*/
#homeRecipeBox {
	clear:both;
	padding-bottom:12px;
	margin-bottom:16px;
	width:740px;
	background:url(/img/home/bg_recipe.gif) left bottom no-repeat;
}

#homeRecipeTitle {
	width:740px;
	height:30px;
	background:url(/img/home/re_h2_bg.gif) 0 0 no-repeat;
}

#homeRecipeBox .inner {
	margin-top:12px;
	padding:0 12px 0 12px;
	background:url(/img/home/bg_line_y.gif) center bottom repeat-y;
}

#homeRecipeBox #memRecipe {
	float:left;
	width:346px;
}
#homeRecipeBox #memRecipe h3 {
	margin:0 0 7px 0;
}
#homeRecipeBox #memRecipe h4 {
	font-weight:bold;
	margin-bottom:7px;
}
#homeRecipeBox #memRecipe h4 span {
	color:#5bb306;

}
#homeRecipeBox #memRecipe .intro {
	margin-bottom:6px;
	padding:0 0 6px 0;
/*	border-bottom:1px solid #ff9b5b;*/
}
#homeRecipeBox #memRecipe span {
	color: #ff5a00;
}
#homeRecipeBox #memRecipe dl,
#recipeArea #recipeBox dl {
	clear:both;
	margin-bottom:9px;
	padding-bottom:10px;
	background:url(/img/home/bg_line_x.gif) left bottom repeat-x;
}
#homeRecipeBox #memRecipe dl.lc,
#recipeArea #recipeBox dl.lc {
	margin-bottom:10px;
	padding-bottom:0;
	background-image:none;
}
#homeRecipeBox #memRecipe  dt,
#recipeArea #recipeBox dt {
	float:left;
	width:120px;
}
#homeRecipeBox #memRecipe dd,
#recipeArea #recipeBox dd {
	float:left;
	width:218px;
	padding-top:5px;
	color:#873c21;
}
#homeRecipeBox #memRecipe dd a,
#recipeArea #recipeBox dd a {
	font-weight:bold;
	color:#873c21;
	text-decoration:none;
}
#homeRecipeBox #memRecipe dd a:hover,
#recipeArea #recipeBox dd a:hover {
	text-decoration:underline;
	color:#F60;
}

#homeRecipeBox #proRecipe {
	float:right;
	width:345px;
}
#homeRecipeBox #proRecipe #latestRecipe {
	width:345px;
	margin-bottom:10px;
/*	padding:11px 0 6px 0;*/
	padding:0 0 11px 0;
	background:url(/img/home/bg_line_x.gif) left bottom repeat-x;
}
#homeRecipeBox #proRecipe #latestRecipe h3 {
	margin-bottom:10px;
}
#homeRecipeBox #proRecipe #latestRecipe .photo {
	float:left;
	width:145px;
}
#homeRecipeBox #proRecipe #latestRecipe .intro {
	margin-bottom:10px;
}
#homeRecipeBox #proRecipe #latestRecipe div {
	float:right;
	width:200px;
}

#homeRecipeBox #proRecipe #regularRecipe {
	clear:both;
}
#homeRecipeBox #proRecipe #regularRecipe dl.odd {
	float:left;
	width:109px;
}
#homeRecipeBox #proRecipe #regularRecipe dl.even {
	float:left;
	width:127px;
	text-align:left;
}
#homeRecipeBox #proRecipe #regularRecipe dl.even dt,
#homeRecipeBox #proRecipe #regularRecipe dl.even dd {
	margin:0 9px 7px 9px;
	width:109px;
}
#homeRecipeBox #proRecipe #regularRecipe dt {
	margin-bottom:7px;
}
#homeRecipeBox #proRecipe #regularRecipe dt img#cookThumb {
	border: solid 1px #ff6200;
}
#homeRecipeBox #proRecipe #regularRecipe dt img#gteaThumb {
	border: solid 1px #669212;
}
#homeRecipeBox #proRecipe #regularRecipe dt img#sorThumb {
	border: solid 1px #f55b5b;
}
#homeRecipeBox #proRecipe #regularRecipe dt img#gomThumb {
	border: solid 1px #a25809;
}
#homeRecipeBox #proRecipe #recipeChannel {
	width:345px;
	margin-top:10px;
	padding: 11px 0 0 0;
	background:url(/img/home/bg_line_x.gif) left top repeat-x;
}


#homeRecipeBox .txtGtea {
	color:#669212;
}
#homeRecipeBox .txtCook {
	color:#ff9600;
}
#homeRecipeBox .txtSor {
	color:#f55b5b;
}
#homeRecipeBox .txtGom {
	color:#a25809;
}

#homeRecipeBox #leftBox {
	float: left;
	width: 346px;
}

#homeRecipeBox #reChannel {
	margin-bottom: 6px;
	padding: 0 0 8px 0;
	background:url(/img/home/bg_line_x.gif) left bottom repeat-x;
}
#homeRecipeBox #reChannel h3 {
	margin-bottom: 5px;
}
#homeRecipeBox #reChannel .intro {
	float: left;
	width: 212px;
}
#homeRecipeBox #reChannel .photo a,
#homeRecipeBox #reChannel .photo a:hover {
/*\*/
   overflow: hidden;
/**/
	float: right;
	width: 115px;
	height: 90px;
	text-indent: -9999px;
	background: url(/img/home/ch_img.jpg) 0 0 no-repeat;
}
#homeRecipeBox #reChannel .photo a:hover {
	background: url(/img/home/ch_img.jpg) 0 -90px no-repeat;
}






/* その他コンテンツ
--------------------------------------------------------------*/
.homeOtherBox {
	clear:both;
	width:740px;
	margin-bottom:16px;
	background:url(/img/home/bg_other.gif) left bottom no-repeat;
}

#homeAdviceBox {
	float:left;
	width:361px;
	padding-bottom:12px;
}
#homeCafeBox {
	float:right;
	width:361px;
	padding-bottom:12px;
}
#homeAdviceBox h3,
#homeCafeBox h3 {
	margin-top:3px;
}
#homeAdviceBox .inner,
#homeCafeBox .inner{
	clear:both;
	margin: 0 12px;
	padding-top:10px;
	width:337px;  
}
#homeAdviceBox .photo,
#homeCafeBox .photo,
#memRecipe .photo {
	float:left;
	width:125px;
}
#homeAdviceBox .intro,
#homeCafeBox .intro {
	float:right;
	width:212px;
}
#homeAdviceBox .intro p,
#homeCafeBox .intro p {
	margin:10px 0 0 0;
	width:212px;
	padding-bottom:12px;
	background:url(/img/home/bg_line_x.gif) left bottom repeat-x;
	line-height:1.4;
}
#homeAdviceBox .entry,
#homeCafeBox .entry {
	clear:both;
	margin:0 12px;
	padding:10px 0;
	width:337px;
}
#homeAdviceBox .entry h4,
#homeCafeBox .entry h4 {
	float:left;
	width:78px;
}
#homeAdviceBox .entry span,
#homeCafeBox .entry span {
	color:#ff0000;
}
#homeAdviceBox .entry a,
#homeCafeBox .entry a {
	color:#4a4a4a;
	text-decoration:underline;
}
#homeAdviceBox .entry a:hover {
	color:#6e9600;
	text-decoration:underline;
}
#homeCafeBox .entry a:hover {
	color:#318e59;
	text-decoration:underline;
}
#homeCafeBox .btn,
#homeAdviceBox .btn {
	clear:both;
	margin:0 12px;
}
#homeDloadBox {
	float:left;
	width:361px;
	padding-bottom:12px;
}
#homeGameBox {
	float:right;
	width:361px;
	padding-bottom:12px;
}
#homeDloadBox .inner,
#homeGameBox .inner {
	clear:both;
	margin:0 12px;
	padding-top:10px;
	width:337px;
}
#homeDloadBox .photo,
#homeGameBox .photo {
	float:left;
	width:125px;
}
#homeDloadBox .inner div,
#homeGameBox .inner div {
	float:left;
	width:212px;
}
#homeDloadBox div h3,
#homeGameBox div h3 {
	margin-bottom:9px;
}
#homeDloadBox div .intro,
#homeGameBox div .intro {
	margin-bottom:6px;
}

#home #footer {
	clear:both;
	margin:0 auto;
	width:740px;
	padding-top:10px;
	text-align:center;
}

/*#homeMixiSSL {
	clear:both;
	width:740px;
}*/


#homeSslBox {
	clear:both;
	margin-bottom:0;
	margin:0 10px;
	padding:5px 0 5px 0;
	border-top:1px solid #888888;
	/*width:760px;
	text-align:center;
/*	background:#CCC; */
	font-size:0;
	/*background:url(/img/home/ssl_bg.gif) 0 0 no-repeat;*/
}

#homeSslBox div {
	/*margin:0 auto;*/
	float:left;
	/*margin-left:10px;*/
	width:57px;
}
#homeSslBox object {
	float:left;
	padding-right:10px;
}
#homeSslBox p {
	float:left;
	margin-top:6px;
	/*width:178px;*/
	font-size:10px;
	width:500px;
	text-align:left;
}


#home #cpBanner a {
	display: block;
	width: 551px;
	height: 94px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/home/onepiece2_cp.jpg) 0 0 no-repeat;
}
#home #cpBanner a:hover {
	width: 551px;
	height: 94px;
	text-indent: -9999px;
	background: url(/img/home/onepiece2_cp.jpg) 0 -94px no-repeat;
}