@charset "utf-8";
/*-------------------------------------------------------*/
 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
/*-------------------------------------------------------*/
#primary{
	float:right;
}
/*-------------------------------------------------------*/
#secondary{
	float:left;
}


/* ---------------------------------------------*/
#primary h2{
	font-size:150%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	float:right;*/
	text-align:left;
}

#primary h2#title{
	height:33px;
	font-size:150%;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	background:url(../images/style/title.jpg) left bottom;
	background-repeat:no-repeat;
	
}
#primary h2#title span{
	height:33px;
	font-weight:bold;
	color:#666;
	font-size:80%;
	padding-top:15px;
	padding-bottom: 10px;
}
/****************************
aboutのテーマタイトル
recipeのテーマタイトル
****************************/
#primary h3{
	clear:both;
	font-size:140%;
	line-height: 140%;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	/*merumagaでも使用*/
	#primary h3#subtitle {
		height:33px;
		font-weight:bold;
		font-size:80%;
		padding-left:10px;
		padding-top:15px;
			font-size:120%;
	}
	/*contact使用*/
	#primary h3#subtitle2 {
	height:33px;
	font-weight:bold;
	font-size:80%;
	padding-left:10px;
	padding-top:5px;
	font-size:120%;
	border-bottom:1px solid #C9C9C9;
	padding-bottom: 0px;
	}
#primary h4{
	margin:0px;
	clear:both;
	font-size: 120%;
	color: #630;
	padding:0px 0px 0px 0px;
}
#primary h5{
	clear:both;
	font-size: 110%;
	color: #630;
	padding:0px;
	margin: 0px;
}

#primary h6{
	clear:both;
	font-size: 100%;
	color: #630;
	padding:0px;
	margin: 0px;
}
/* ---------------------------------------------*/
#primary div#main{
	width:755px;/*744→755*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
/**********************************************
section  段落
***********************************************/
.section{
	clear:both;
	/*width:710px;*/
	margin:0px;
	min-height: 1em;
	display: inline-table;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 690px;
}

.section:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*\*/
* html .section {
    height: 1em;
}

.section {
    display: block;
}
	.section p{
		padding:0px 20px;
	}
/* -section recipe-----------------------------------------
第x弾！投稿レシピ！（200x8/xx/1xx 現在）を記載する場所
------------------------------------------------------------*/
.section_recipe{
	clear:both;
	padding:0px 10px;
	margin:0px;
    min-height: 1em;
    display: inline-table;
}

.section_recipe:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*\*/
* html .section_recipe {
    height: 1em;
}

.section_recipe {
    display: block;
}
	.section_recipe p{
		padding:10px 10px;
	}
/***********************************
section 左490右200
***********************************/
.left{
	width:450px;
	float:left;
	padding:0px;
	margin:0px;
	}
	.left p.small_comment_r{
			width:470px;
			padding:10px 0px 0px 0px;
			font-size:95%;
			margin:10px 0px 0px 0px;
			text-align:right;
		}
	
div.section .right{
	width:200px;
	float:right;
	text-align:center;
	margin: 0px;
	padding: 0px;
	}
	#primary  .right p.small_comment{
			width:200px;
			padding:10px 0px 0px 0px;
			font-size:90%;
			margin:0px 0px 0px 0px;
			text-align:left;
		}

	#primary  .right div.txt{
width:200px;
	border:1px solid #FCC;
			padding:10px 10px;
			font-size:100%;
			margin:10px 0px 0px 0px;
			text-align:left;
	background-color:#FFF9F0;
		}
	#primary .right div.txt span{
		font-size:90%;
			padding:2px 3px;
			margin:1px 5px 1px 0px;
		}
	#primary .right div.txt span.oran{
			color:#FFF;
			background-color:#F99;
			padding:2px 3px;
			margin:1px 5px 1px 0px;
		}
	#primary .right div.txt strong{
		margin-bottom:10px;
		display:block;
		}

/***********************************
section 左右335 335
***********************************/
.left1{
	width:330px;
	float:left;
	padding:0px;
	margin:0px;
	}
.right1{
	width:330px;
	float:right;
	padding:0px;
	margin:0px;
	}
/***********************************
section 左右370 300
***********************************/
.left2{
		width:370px;
		float:left;
		padding:0px;
		margin:0px;
	}
.right2{
		width:300px;
		float:right;
		padding:0px;
		margin:0px;
	}
/***********************************
section 左右400 268
***********************************/
.left3 {
	float: left;
	width: 400px;
	margin: 0px;
	padding: 0px;
}
.right3 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 268px;
}
/********************************************
section 左右530 138 のはずを530 と158にしてテスト中
********************************************/
.left5 {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px;
}
.right5{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 158px;
	text-align:left;
}


/***********************************
#primary---画像等センター寄せ
***********************************/
.name_link{
	padding:0px 0px 10px 0px;
}
.name_link a{
	background-image:url(../images/style/icon.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	padding-right:20px;
}

/********************************************************
#primary  ヨード卵とは・食育　使用　下線つきのdiv
********************************************************/

.contents {
	width: 710px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 25px;
	clear: both;
	padding-top: 5px;
	background:url(../images/style/line.gif) no-repeat bottom center;
}

.contents p{
		padding:0px 20px;
}

.contents ol{
		padding:5px 0px 0px 50px;
}

/********************************************************
メニュー
********************************************************/
#menu{
	clear:both;
	padding:0px;
	margin:0px;
}


/**********************************************
メモ
***********************************************/
#primary .memo{
	clear:both;
	border:1px solid #FCC;
	width:700px;
	margin:0px auto;
	min-height: 1em;
	display: inline-table;
	background-color:#FFF9F0;
	padding: 10px;
}
	#primary .memo span.oran{
			color:#FFF;
			background-color:#F99;
			padding:2px 3px;
			font-size:90%;
			margin:3px 5px 1px 10px;
		}/*syokuiku.html*/

#primary .attention{
	clear:both;
	margin:0px 30px;
	min-height: 1em;
	display: inline-table;
 	border:1px solid #F2F2F2;
	padding:10px 10px;
	background-color:#FAFAFA;
	}
#primary .attention  strong{
	margin:0px auto;
}
#primary .attention  dl{
	 padding-left:15px;

}
#primary .attention  dt{
	 padding:5px 0px;
	 margin-top:10px;

}
#primary .attention dd{
	 padding-left:10px;
}

#primary .attention li{
	 list-style-position:inside;
	 padding-bottom:10px;
	 

}


/****************************************************************************
#primary  TOP MIDDLE BOTTOM 茶色の四角で囲む
***********************************************************************/
.box{
	width: 750px;
	height:auto;
	margin:0px;
	padding:10px 0px;
}
/**********
 TOP
**********/
.box .box_top{
	width: 750px;
	clear:both;
	text-indent:-9999px;
	padding:0px 0px;
	margin:0px 0px;
	background-image:url(../images/style/box_top.gif);
	background-repeat:no-repeat;
	height:11px;
	margin: 0px auto;
	font-size: 1px;
	line-height: 0;
}
.box .box_top_none{
	width: 750px;
	clear:both;
	padding:0px 0px;
	margin:0px 0px;
	margin: 0px auto;
	font-size: 1px;
	line-height: 0;
}
/**********
middle
*********/
.box .box_middle{
	width: 720px;
	clear:both;
	padding:0px 15px;
	margin:0px;
	background-repeat:repeat-y;
	background-image:url(../images/style/box_middle.gif);
}
	.box .box_middle  p{
		padding:0px  25px 15px 25px;
		margin:0px auto;
		
	}
	
	.box .box_middle  ol{
		padding:0px  20px 15px 40px;
		margin:0px auto;
		
	}
	

/**********
bottom
**********/

.box .box_bottom{
	width: 750px;
	clear:both;
	padding:0px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/style/box_bottom.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:11px;
}

/*
.box p{
	padding:15px 5px 15px 5px;
	width: 710px;
	margin:0px auto;
	
}

/* 文字色設定 ---------------------------------------------*/
.box strong{
	color:#900;
	font-weight:bold;
}

.box span{
	color:#30C;
	font-weight:bold;
}

.box span.n{
	color:#30C;
	font-weight:bold;
	font-weight:normal;
}

.box span.red{
	color:#C00;
}
.box span.red_n{
	color:#C00;
	font-weight:normal;
}
/*
#primary dl#formarea{
	width:700px;
 margin:0px;
 padding:2px 0px;
}



#primary #formarea dt{
 float:left;
 width:280px;
 padding:5px 0 5px 5px;
 clear:both;
 font-weight:bold;
}
#primary #formarea dd{
 width:400px;
 margin-left:90px;
 padding:5px 5px 5px 10px;
 border-left:1px solid #999;

}

*/
.nenmatsu  {
	color: #F00;
	padding: 7px;
	border: 1px solid #F00;
	background-color: #FFEBEB;
	margin-top: 0px;
	margin-bottom: 50px;
}