@charset "utf-8";

/*------------------------------------------------------*/
#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-left:10px;
	padding-top:15px;

}
/****************************
aboutのテーマタイトル
recipeのテーマタイトル
****************************/
#primary h3{
	clear:both;
	font-size:140%;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	}
	/*merumagaでも使用*/
	#primary h3#subtitle {
		height:33px;
		font-weight:bold;
		font-size:80%;
		padding-left:10px;
		padding-top:15px;
			font-size:120%;
	}
#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-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}


/* ---------------------------------------------*/
#primary div#main{
	width:755px;
	margin:0px;
	padding: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;
}

.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-------------------------------------------*/
.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:490px;
		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;
		}
	
.right{
	width:200px;
	float:right;
	text-align:center;
	margin: 0px;
	padding: 0px;
	}
	.right p.small_comment{
			width:200px;
			padding:10px 0px 0px 0px;
			font-size:90%;
			margin:10px 0px 0px 0px;
			text-align:left;
		}
	
/***********************************
section 左右335 335
***********************************/
.left1{
	width:335px;
	float:left;
	padding:0px;
	margin:0px;
	}
.right1{
		width:335px;
		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: 530px;
	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: 15px;
	background:url(../images/style/line.gif) no-repeat bottom center;
}

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

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


/**********************************************
メモ
***********************************************/
.memo{
	clear:both;
	border:1px solid #FCC;
	width:700px;
	margin:0px auto;
	min-height: 1em;
	display: inline-table;
	background-color:#FFF9F0;
	padding: 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;
}

#kinou_hikarin {
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 0px;
}