/*==================================================================*/

/* style css */

/*==================================================================*/
body{background:url('../img/back.jpg') repeat-x 0 0;}


/* header：ヘッダ */
/* ---------------------------------------------------------------- */
#header{
	margin:0 auto 2em;
	width:660px;
	background:none;
}
/* clear hack */
#header{zoom:1;}
#header:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#header #logo{
	float:left;
	width:200px;
	text-align:left;
}
#header #logo img{margin:0;padding:0;}

#header #close{
	margin:6px 0 0;
	float:right;
	width:100px;
	text-align:center;
}
#header #close a{
	padding:2px 0 0;
	border:1px solid #d7635c;
	display:block;
	background:#fffef6;
}
#header #close a:hover{
	border:1px solid #7a6949;
	background:none;
	text-decoration:none;
}

/* ---------------------------------------------------------------- */
/* contents：コンテンツ */
/* ---------------------------------------------------------------- */
#contents{
	margin:0 auto;
	float:none;
}

#detail{margin:0 auto 2em;}

#detail #title{margin:0 0 2em;}

#detail p.banner{display:none;}

/* 元氣大豆21 */
/* --------------------------- */
.id0000102 #detail #advice{display:none;}
.id0000102 #detail ul.banner{display:none;}

/* ---------------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------------- */
/* リセット */
#footer *{margin:0;padding:0;}

#footer-frame{
	background:url('../img/frame_back.gif') repeat-x 0 0;
	height:80px;
}

#footer{
	padding:24px 0 0;
	width:660px;
	background:none;
}
/* clear hack */
#footer{zoom:1;}
#footer:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#footer #f-logo{
	float:left;
	width:200px;
	text-align:left;
}
#footer #f-logo img{margin:0;}
#footer #f-copyright{
	padding:10px 0 0;
	float:right;
	width:400px;
	background:none;
	text-align:right;
}


/*===========================================================================*/

/*  media quary:1000px  */

/*===========================================================================*/
@media screen and (max-width: 1000px) {

	/* -------------------------------------------- */
	/* header */
	/* -------------------------------------------- */
	#header{
		width:100%;
	}

	/* -------------------------------------------- */
	/* contents */
	/* -------------------------------------------- */
	#contents{
		width:95%;
		margin:0 auto;
	}

	/* -------------------------------------------- */
	/* footer */
	/* -------------------------------------------- */
	#footer{
		width:100%;
	}
	#footer #f-logo{
		float:none;
		width:100%;
		text-align:center;
	}
	#footer #f-logo img{
		width:140px;
	}
	#footer #f-copyright{
		font:none;
		width:100%;
		margin:0 auto;
		font-size:.8em;
		text-align:center;
	}

}

/*===========================================================================*/

/*  media quary:767px  */

/*===========================================================================*/
@media screen and (max-width: 767px) {

	#detail #title h2{
		display: block;
	}
}