@charset "utf-8";

#home #contents {
	margin:10px 10px 0 10px;
	width:740px;
	background:url(/img/top/bg_main.gif) 0 0 repeat-y;
}
	#home #contents #main {
		float:left;
		width:563px;
	}
	#home #contents #main #flash {
		margin-bottom:5px;
	}
	#home #contents .itemBox {
		clear:both;
		width:563px;
	}
	#home #contents #main #userBlock {
	margin-left:0;
	}
	#home #contents #main #whatsNew {
		padding-bottom:20px;
		background:url(/img/top/bg_news-advice_top.gif) left bottom no-repeat;
	}
	
	#home #contents #main #whatsNew h2 {
			margin-bottom:7px;
	}
	#bannerBlock {
			float:left;
			width:250px;
	}
	#home #contents #main #whatsNew #newsList {
		width:303px;
		float:right;
	}
	#home #contents #main #whatsNew dl {
		list-style:none;
		overflow:auto;
		height:182px;
		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 #contents #main #whatsNew #newsList dt {
		clear:left;
		float:left;
		padding-bottom:5px;
		width:50px;
		line-height:1.3;
	}
	#home #contents #main #whatsNew #newsList dd {
		margin-left:50px;
		padding-right:3px;
		padding-bottom:5px;
		zoom:1;
		/*width:250px;*/
		line-height:1.3;
	}

	#home #contents #main #whatsNew dl a {
			text-decoration:none;
			color:#4a4a4a;
	}
	#home #contents #main #whatsNew dl a:hover {
			text-decoration:underline;
	}
	#home #contents #main #whatsNew dl .new {
			color:#FF0000;
	}
	#home #contents #main #whatsNew dl .new {
			color:#FF0000;
	}

	
	
	
	
	
	
	
	
	#home #contents #main #naBlock {
		padding-bottom:19px;
		background:url(/img/top/bg_news-advice_btm.gif) left bottom no-repeat;
	}
	#home #contents #main #newsBlock {
		float:left;
		width:373px;
	}
		#home #contents #main #newsBlock h2 {
			margin:0 10px;
			padding-bottom:5px;
			height:16px;
			font-size:1px;
			border-bottom:1px solid #858585;
		}
		#home #contents #main #newsBlock .caption {
			margin:0 10px 0 10px;
			padding:5px 3px 5px 3px;
			background:url(/img/common/line_dot.gif) left bottom no-repeat;
			line-height:1.4;			
		}
		#home #contents #main #newsBlock #mwBlock {
			width:355px;
			margin:0 9px;
			background:url(/img/common/line_dot_y.gif) center top repeat-y;
		}
			#home #contents #main #newsBlock #mwBlock h3 {
				margin-top:8px;
				text-align:center;
			}
			#home #contents #main #newsBlock #mwBlock #mBlock {
				float:left;
				width:177px;
			}
			#home #contents #main #newsBlock #mwBlock #wBlock {
				float:right;
				width:177px;
			}
			#home #contents #main #newsBlock #mwBlock div dl {
				padding:0 8px 0 7px;
				line-height:1.3;
			}
			#home #contents #main #newsBlock #mwBlock div dl .update {
				margin-bottom:8px;
				color:#FF0000;
				font-weight:bold;
				text-align:center;
			}
			#home #contents #main #newsBlock #mwBlock img {
				margin-bottom:7px;
			}
		
	#home #contents #main #advceBlock {
		float:right;
		width:180px;
	}
		#home #contents #main #advceBlock h2 {
			margin:0 9px 5px 9px;
			padding-bottom:5px;
			height:16px;
			font-size:1px;
			border-bottom:1px solid #9bc134;
		}
		#home #contents #main #advceBlock p,
		#home #contents #main #advceBlock ul {
			margin:0 9px;
		}
		#home #contents #main #advceBlock p.caption {
			margin-bottom:5px;
			padding:4px 0 6px 0;
			line-height:1.4;
			background:url(/img/common/line_dot.gif) left bottom no-repeat;
		}
		#home #contents #main #advceBlock h3 {
			margin:0 9px;
			font-weight:bold;
		}
		#home #contents #main #advceBlock h3 span {
			color:#9bc134;
		}
			#home #contents #main #advceBlock ul {
		margin-bottom:7px;
			}
		#home #contents #main #advceBlock ul span {
			color:#FF0000;
		}
		#home #contents #main #advceBlock ul a {
			text-decoration:none;
			color:#4a4a4a;
		}
		#home #contents #main #advceBlock ul a:hover {
			text-decoration:underline;
		}

	#home #contents #main #lifeBlock {
		padding-bottom:22px;
		width:563px;
		background:url(/img/top/bg_life_btm.gif) left bottom no-repeat;
	}
	
	#lifeBlock h2 {
		padding:1px 0 0 9px;
		margin:5px 0;
		height:18px;
		font-size:1px
	}
	
	#lifeBlock #btnSearch {
		margin:5px 9px 4px 0;
	}
	#lifeBlock .caption {
		clear:both;
		margin:0 9px;
		padding:2px 3px 7px 3px;
		border-top:1px solid #ff9600;
		background:url(/img/common/line_dot.gif) left bottom no-repeat;
		line-height:1.3;
	}
	#lifeBlock #newRecipe {
		clear:both;
		margin:10px 9px 0 9px;
		padding:2px 7px 7px 9px;
	}
	#lifeBlock #newRecipe h3 {
		margin-bottom:5px;
	}
	#lifeBlock #newRecipe p.image {
		float:left;
		width:273px;
	}
	#lifeBlock #newRecipeBtn {
		margin:8px 17px 0 17px;
		padding-bottom:8px;
		background:url(/img/common/line_dot.gif) left bottom no-repeat;
	}
	#home #contents #main #lifeBlock #lifeInnerBox {
		margin:0 9px;
		/*padding:0 9px;*/
		width:545px;
		background:url(/img/top/bg_life_dot.gif) 0 0 repeat-y;
	}
	#home #contents #main #lifeBlock #lifeInnerBox div {
		/*width:181px;*/
		text-align:center;
	}
	#bskBox {
		float:right;
		width:181px;
		margin-left:1px;
}
	#cookBox {
		float:left;
		width:181px;
	}
	#gteaBox {
		float:left;
		width:181px;
	}

	#home #contents #main #lifeBlock #lifeInnerBox h3 {
		margin:8px 0;
	}
	#home #contents #main #lifeBlock #lifeInnerBox dl {
		margin:0px;
		padding:0 9px;
	}
	#home #contents #main #lifeBlock #lifeInnerBox dt img {
		margin-bottom:8px;
	}
	#home #contents #main #lifeBlock #lifeInnerBox dl p {
		/*margin-bottom:5px;*/
		text-align:left;
	}
	
	#home #contents #main #lifeBlock #lifeInnerBox dl .update {
		margin-bottom:8px;
		color:#FF0000;
		font-weight:bold;
		text-align:center;
	}


#home #contents #main #etcBlock {
	width:563px;
	background:url(/img/top/bg_event.gif) 0 0 repeat-y;
}
	#home #contents #main #etcBlock #eventBlock {
		float:left;
		width:183px;
	}
		#home #contents #main #etcBlock #eventBlock h2 {
			margin:6px 9px 0 9px;
			padding-bottom:6px;
			font-size:1px;
			height:18px;
			border-bottom:1px solid #dfac01;
		}
		#home #contents #main #etcBlock #eventBlock p {
			margin:5px 9px 0 9px;
			padding-bottom:3px;
			line-height:1.3;
		}
		#home #contents #main #etcBlock #eventBlock h3 {
			margin:0 10px 0 10px;
		}
		#home #contents #main #etcBlock #eventBlock #term {
			text-align:center;
			font-weight:bold;
			color:#FF0000;
		}
		#home #contents #main #etcBlock #eventBlock #btnRank {
			margin-bottom:5px;
			padding-bottom:8px;
			background:url(/img/common/line_dot.gif) left bottom no-repeat;
		}

	#home #contents #main #etcBlock #cafeBlock {
		padding:0 9px 24px 9px;
		background:url(/img/top/bg_cafe.gif) left bottom no-repeat;
	}		
		#home #contents #main #etcBlock #cafeBlock h2 {
			padding:6px 0 6px 0;
			height:18px;
			font-size:1px;
			border-bottom:1px solid #3db06e;
		}
		#home #contents #main #etcBlock #cafeBlock p {
			width:352px;
			margin:5px 0 0 0;
			padding-bottom:10px;
			line-height:1.3;
			background:url(/img/top/bg_cafe_ul.gif) left bottom no-repeat;
		}
		#home #contents #main #etcBlock #cafeBlock ul {
			padding:0 5px 5px 5px;
			background:url(/img/top/bg_cafe_ul_02.gif) left bottom no-repeat;
		}
			#home #contents #main #etcBlock #cafeBlock ul li {
				padding:0 0 0 23px;
				background:url(/img/top/icon_cafe.gif) left center no-repeat;
			}
			#home #contents #main #etcBlock #cafeBlock ul a {
				color:#4a4a4a;
			}
			#home #contents #main #etcBlock #cafeBlock ul span {
				color:#FF0000;
			}


	
#gameBlock {
	float:left;
	width:180px;
}
#gameBlock h2 {
	margin:6px 9px 0 9px;
	padding-bottom:6px;
	font-size:1px;
	height:18px;
	border-bottom:1px solid #f78baf;
}
#shopBlock {
	float:right;
	width:180px;
}
#shopBlock h2 {
	margin:6px 9px 0 9px;
	padding-bottom:6px;
	font-size:1px;
	height:18px;
	border-bottom:1px solid #ad76cc;
}

#gameBlock dl,
#shopBlock dl {
	margin:7px 8px 5px 9px;
}
#gameBlock dt,
#shopBlock dt {
	margin-bottom:5px;
}
#gameBlock dd,
#shopBlock dd {
	line-height:1.3;
}

#gameBlock dd .update,
#shopBlock dd .update {
	margin-bottom:6px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}







#home #contents #sideBar {
	float:right;
	width:167px;
	background:none;
}

#home #otherLink {
	margin:0 6px 0 6px;
	list-style:none;
	width:155px;
}

#home #otherLink li {
	padding-bottom:4px;
}

#home #homeSslBox {
	margin:0 6px;
	padding:5px 7px 17px 7px;
	background:url(/img/top/bg_secom_03.gif) left bottom no-repeat;
	font-size:83%;
	color:#303030;
	line-height:1.3;
}

#home #mixiBox {
	margin:0 6px;
	padding:5px 2px 7px 7px;
	background:url(/img/top/bg_secom_02.gif) left bottom no-repeat;
	font-size:83%;
	color:#303030;
	line-height:1.3;
}
#home #mixiBox div {
	/*background:url(/img/top/pocky-no.gif) right top no-repeat;*/
}

#home #bgHomeSsl {
	height:35px;
	background:url(/img/top/bg_secom_01.gif) left bottom no-repeat;
}


#home #footer {
	clear:both;
	margin:0 auto;
	width:740px;
	padding-top:16px;
	text-align:center;
	background:url(/img/top/bg_main_btm.gif) 0 0 no-repeat;
}





/* クイズ＆アンケート */
.quizBox {
	width:167px;
	margin-bottom:0px;
	/*padding-bottom:10px;*/
	/*width:155px;*/
	/*background:url(/img/other/login_bg_01.gif) 0 0 no-repeat;*/
	background:url(/img/top/quiz_bg.gif) 0 0 repeat-y;
}

.voteBox {
	margin-bottom:10px;
	width:155px;
	/*background:url(/img/other/login_bg_01.gif) 0 0 no-repeat;*/
	background:url(/img/top/vote_bg.gif) 0 0 repeat-y;
}


.quizBox .date,
.voteBox .date {
	padding:2px 0 5px 0;
	text-align:center;
}

.quizBox .pre,
.voteBox .pre {
	padding-bottom:3px;
	text-align:center;
}


.quizBox .question span {
	color:#FF0000;
}

.quizBox strong,
.voteBox strong {
	display:block;
	margin:7px 0 0 15px;
	padding-bottom:7px;
}

.quizBtm {
	height:34px;
	background:url(/img/top/quiz_bg_btm.gif) left bottom no-repeat;
}

.voteBtm {
	height:23px;
	background:url(/img/top/vote_bg_btm.gif) left bottom no-repeat;
}

.quizBox h3,
.voteBox h3, {
	margin:0
}

.quizBox p img.result,
.voteBox p img.result  {
	margin:0 0 10px 5px;
}

.quizBox p img.msg,
.voteBox p img.msg  {
	margin:0 0 0 7px;
}

.quizBox p img.text,
.voteBox p img.text,  {
	margin:15px 0 10px 0;
}

.quizBox p.address,
.quizBox p.name,
.voteBox p.address,
.voteBox p.name {
	margin-bottom:10px;
}

.quizBox #quizFrm,
.voteBox #quizFrm {
	clear:both;
}

.quizBox #quizFrm .sendBtn,
.voteBox #quizFrm .sendBtn {
	margin:0 22px 0 18px;
}

.quizBox #quizFrm .msg,
.voteBox #quizFrm .msg {
	clear:both;
	margin-top:10px;
	margin-bottom:0;
	font-size:84%;
	text-align:center;
}

.ajaxBox {
	width:140px;
	margin:0 10px 5px 15px;
	/*background:#AAA;*/
}

.ajaxBox form ul,
.ajaxBox form dl {
	list-style:none;
	margin-top:5px;
	margin-bottom:5px;
	background:url(../../img/top/quiz_line.gif) left top no-repeat;
}
.ajaxBox form li {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	background:url(../../img/top/quiz_line.gif) left bottom no-repeat;
}
.ajaxBox form li input {
	float:left;
}
.ajaxBox form li label {
	display:block;
	float:left;
	padding-top:3px;
	width:112px;
}
.ajaxBox form dl {
/*	background:#F00;*/
}

.ajaxBox form dl dt {
	clear:both;
	padding-top:8px;
	font-size:84%;
}
.ajaxBox form dl dd {
	clear:both;
	padding-top:5px;
	padding-bottom:8px;
	/*border-bottom:1px dashed #dbcfcf;*/
	background:url(../../img/top/quiz_line.gif) left bottom no-repeat;
}

.ajaxBox form dl dd .voteBg {
	display:block;
	float:left;
	width:102px;
	height:14px;
	font-size:1px;
	background:url(../../img/top/vote_bg_graphe.gif) 0 0 no-repeat;
}

.ajaxBox form dl dd .percent {
	display:block;
	float:right;
}

.ajaxBox .voteResult {
	margin-top:8px;
	padding:8px 0 3px 0;
	background:url(../../img/top/quiz_line.gif) left top no-repeat;
	text-align:center;
}
#contentNewMain #reHome #homeSide .ajaxBox p.voteResult a {
	color:#0000FF;
}
.ajaxBox .backBtn {
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.ajaxBox .backNum li {
	line-height:130%;
}

#contentNewMain #reHome #homeSide .ajaxBox .backNum li a,
.ajaxBox .backNum span {
	color:#74ba50;
}





