@charset"Shift_JIS";
/*小窓（商品詳細画面）*/
body #deital{
	border-top: 5px solid #87C860;
	text-align: center;
}

h5{
	color: #692F1F;
	font-size: 90%;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
}

h5.are{
	color: #692F1F;
	font-size: 90%;
	font-weight: normal;
	margin: 0px;
}

.note{
	font-size: 90%;
}

#detail_container{
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#detail_header{
	width: 550px;
	height: 50px;
}

/*ヘッダー*/
#logo{
	width: 110px;
	height: 32px;
	float: right;
	margin-top: 10px;
}

#detail_title{
	width: 408px;
	margin: 18px 0px 0px 5px;
	float: left;
}

#detail_title img{
	margin-right: 5px;
}

/*詳細*/
#deital_main{
	width: 530px;
	border-right: 5px solid #C8E5B3;
	border-bottom: 5px solid #C8E5B3;
	border-left: 5px solid #C8E5B3;
	margin: 0px;
	padding: 5px 5px 13px 5px;
	background-color: #FFFCE3;
/*	display: inline-block;*/
}

#deital_main:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

.product_img{
	float: left;
	width: 200px;
	height: 200px;
}

.product_img_bg{
	width: 200px;
	height: 200px;
	background: #FFFFFF;
}

.block_l{
	width: 524px;
/*	float: left;*/
	margin-top: 8px;
clear: both;
}

.block_s{
	width: 320px;
	float: right;
	margin-bottom: 8px;
}

.title_l{
	width: 517px;
	height: 19px;
	background-color: #FFE1C0;
	padding: 5px 0px 0px 7px;
}

.title_s{
	width: 313px;
	height: 19px;
	background-color: #FFE1C0;
	padding: 5px 0px 0px 7px;
}

.product_txt_l{
	width: 510px;
	padding: 7px 7px 12px 7px;
	background-color: #FFFFFF;
}

.product_txt_s{
	width: 311px;
	padding: 7px 7px 12px 7px;
	background-color: #FFFFFF;
}


.package_area td{
	padding: 0px;
}

.package_area td.package_comment{
	padding-left: 3px;
}

/*栄養成分、アレルギー物質*/
.element_wrap td{
	padding: 0px;
}

.element{
	border-collapse: collapse;
	empty-cells: show;
}

.element th,.element td{
	border: 1px solid  #FFFFFF;
	padding: 3px;
}

.element th{
	background-color: #DFF1C4;
	color: #524B3B;
	font-weight: bold;
	text-align: center;
	width: 60px;
}

.element td{
	background-color: #E9E9E9;
	text-align: center;
}

/*レシピ*/
.product_recipe{
	background-color: #FEF0EE;
	margin: 10px 0px;
}

.rec_ttl{
	background: url(../product/img/detail_title07_b.gif) center right no-repeat;
	border-bottom: 1px solid #E9A9B1;
	height: 23px;
	padding: 6px 0px 4px 8px;
}

.rec_link{
	width: 175px;
	background-color: #FEF0EE;
	padding: 6px 0px 6px 6px;
	color: #CC5151;
	font-size: 90%;
	border-left: 1px solid  #FFFFFF;
}

.rec_link a:link{
	color: #CC5151;
	text-decoration: underline;
}

.rec_link a:visited{
	color: #CC5151;
	text-decoration: underline;
}

.rec_link a:hover{
	color: #37A227;
	text-decoration: underline;
}

.rec_link a:active{
	color: #CC5151;
	text-decoration: underline;
}

.rec_link img{
	float: left;
	margin-right: 4px;
}

/*関連商品*/
.pro_ttl{
	background: url(../product/img/detail_title08_b.gif) center right no-repeat;
	border-bottom: 1px solid #E9A9B1;
	height: 23px;
	padding: 6px 0px 4px 8px;
}

.pro_link{
	background: url(../product/img/arrow_pr.gif) center left no-repeat;
	padding-left: 15px;
}

.pro_nolink{
	background: url(../product/img/arrow_nolink.gif) center left no-repeat;
	padding-left: 15px;
	color: #8D8A8A;
}

/*シリーズトップへ戻る*/
#pro_back{
	width: 540px;
	text-align: right;
	margin-top: 0px;
	padding: 10px;
}

#pro_back img{
	margin-right: 5px;
}

#pro_back a:link{
	color: #4F9900;
	text-decoration: underline;
}

#pro_back a:visited{
	color: #4F9900;
	text-decoration: underline;
}

#pro_back a:hover{
	color: #4F9900;
	text-decoration: underline;
}

#pro_back a:active{
	color: #4F9900;
	text-decoration: underline;
}


/*閉じる*/
#pro_close{
	width: 550px;
	text-align: center;
	margin-top: 10px;
}

/*フッター*/
#pro_footer{
	text-align: center;
	border-top: 1px solid #CCCCCC;
	padding: 10px;
	margin: 20px 0px;
}


/* clearfix */
.clearfix:after {
content    : "";
display    : block;
height     : 0;
visibility : hidden;
clear      : both;
}

.clearfix {
display : inline-block;
}

.clearfix {
display : block;
}

