/*文字コードUTF-8 */
@charset 'UTF-8';

/* cssName cooking.css */

h2
{
	display: block;
	padding: 7px 10px 0 10px;
	width: 730px;
	height: 27px;
	background: url('../img/cooking/h2_01.jpg') no-repeat;
	background-position: 10px bottom;
	text-indent: -10000px;
}

h3
{
	display: block;
	padding-bottom: 12px;
	height: 17px;
	text-indent: -10000px;
}

h4
{
	display: block;
	height: 18px;
	text-indent: -10000px;
}


/* -------------------------------------*/
/* あい先生の作り方の説明＆実習１段落目 */
/*		みんな真剣						*/
/* -------------------------------------*/


h3.h3-01
{
	background: url('../img/cooking/h3_01.jpg') no-repeat;
}

h4.h4-01
{
	background: url('../img/cooking/h4_01.gif') no-repeat;
}

.container01
{
	clear: both;
}

.container01 div
{
	padding-top: 140px;
	width: 234px;
	float: left;
}

.container01 img
{
	float: left;
	padding-right: 23px;
}


/* -------------------------------------*/
/* あい先生の作り方の説明＆実習２段落目 */
/*			オニオンリング				*/
/* -------------------------------------*/

h4.h4-02
{
	background: url('../img/cooking/h4_02.gif') no-repeat;
}

.container02
{
	padding: 42px 0 0 0;
	clear: both;
}

.container02 div
{
	padding-top: 160px;
	width: 234px;
	float: left;
}

.container02 img
{
	float: left;
	padding-left: 23px;
}


/* -------------------------------------*/
/* あい先生の作り方の説明＆実習３段落目 */
/*		ナマゴミ・チビママ				*/
/* -------------------------------------*/

h4.h4-03
{
	background: url('../img/cooking/h4_03.gif') no-repeat;
}

h4.h4-04
{
	background: url('../img/cooking/h4_04.gif') no-repeat;
}

.container03
{
	padding-top: 42px;
	clear: both;
}

.container03 img
{
	float: left;
	padding-right: 23px;
}

.container03 div.center-column
{
	width: 280px;
	float: left;
	position: relative;
}

.container03 div.center-column div
{
	padding-top: 10px;
	position: absolute;
	top: 210px;
	left: 0;
}

.container03 div.center-column img
{
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.container03 div.right-column
{
	padding-top: 14px;
	padding-left: 15px;
	width: 172px;
	float: left;
}

.container03 div.right-column span.left02
{
	padding-left: 2em;
}

.container03 div.right-column span.left01
{
	padding-left: 1em;
}

/* -------------------------------------*/
/* あい先生の作り方の説明＆実習４段落目 */
/*		楽しい会食タイム				*/
/* -------------------------------------*/

h3.h3-02
{
	background: url('../img/cooking/h3_02.jpg') no-repeat;
}

h4.h4-05
{
	padding: 20px 0 0 0;
	background: url('../img/cooking/h4_05.gif') no-repeat;
	background-position: left bottom;
}

h4.h4-06
{
	padding: 40px 0 0 0;
	background: url('../img/cooking/h4_06.gif') no-repeat;
	background-position: left bottom;
}

h4.h4-07
{
	background: url('../img/cooking/h4_07.gif') no-repeat;
}

#contents-wrapper div.container04
{
	padding-top: 42px;
	clear: both;
}

#contents-wrapper div.container04 img
{
	float: left;
	padding-left: 19px;
	width: 210px;
	height: 280px;
}

#contents-wrapper div.container04 div.left-column
{
	float: left;
	width: 242px;
}

#contents-wrapper div.container04 span.left03
{
	padding-left: 3em;
}

#contents-wrapper div.container04 span.left04
{
	padding-left: 4em;
}

#contents-wrapper div.container04 div.bottom-column
{
	clear: both;
}


/* -------------------------------------*/
/* あい先生の作り方の説明＆実習５段落目 */
/*		先生とのアフター				*/
/* -------------------------------------*/

h3.h3-03
{
	background: url('../img/cooking/h3_03.jpg') no-repeat;
}

h4.h4-08
{
	background: url('../img/cooking/h4_08.gif') no-repeat;
}

#contents-wrapper div.container05
{
	padding-top: 42px;
	clear: both;
}

#contents-wrapper div.container05 div.left-column
{
	width: 304px;
	float: left;
}

#contents-wrapper div.container05 div.right-column
{
	width: 234px;
	float: left;
}

#contents-wrapper div.container05 img
{
	padding: 0 24px 16px 0;
}