@charset "utf-8";
/**
 * magazine/index.css 
 */

/* section01 */
	#section01 .wrap .inner {
		margin: 0;
		padding: 25px 0 5px 13px;
	}
	* html #section01 .wrap .inner { padding: 25px 0 25px 13px; }
	*+html #section01 .wrap .inner { padding: 25px 0 25px 13px; }
	#section01 .intro,
	#section01 .intro .title {
		margin-bottom: 20px;
		text-align: left;
	}
	#section01 .intro p { text-align: center; }
	#section01 .inContent { padding: 0 0 0 12px; }
	#section01 .main,
	#section01 .list { zoom: 1; }
	#section01 .list:after,
	#section01 .main:after { content : ''; display : block; clear : both; }
	#section01 .list li {
		float: left;
		margin-bottom: 20px;
		width: 208px;
		background-color: transparent;
		background-image: url(../img/bg-ready-top.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#section01 .list li .box {
		margin-right: 0;
		padding: 10px;
		width: 168px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	#section01 .list .step03,
	#section01 .list .step06,
	#section01 .list .step09 { width: 188px; }
	#section01 .list .step01 .box { background-image: url(../img/bg-ready-bottom-01.gif); }
	#section01 .list .step02 .box { background-image: url(../img/bg-ready-bottom-02.gif); }
	#section01 .list .step03 .box { background-image: url(../img/bg-ready-bottom-03.gif); }
	#section01 .list .step04 .box { background-image: url(../img/bg-ready-bottom-04.gif); }
	#section01 .list .step05 .box { background-image: url(../img/bg-ready-bottom-05.gif); }
	#section01 .list .step06 .box { background-image: url(../img/bg-ready-bottom-06.gif); }
	#section01 .list .step07 .box { background-image: url(../img/bg-ready-bottom-07.gif); }
	#section01 .list .step08 .box { background-image: url(../img/bg-ready-bottom-08.gif); }
	#section01 .list .step09 .box { background-image: url(../img/bg-ready-bottom-09.gif); }
	#section01 .main,
	#section01 .main .img {
		margin-bottom: 5px;
	}
	#section01 .list .text,
	#section01 .list .btn {
		text-align: center;
	}
	#section01 .list .text {
		min-height: 2.8em;
		height: 100%!important;
		height: 2.8em;
	}
	#section01 .step01 .text,
	#section01 .step02 .text,
	#section01 .step03 .text {
		min-height: 4em;
		height: 100%!important;
		height: 4em;
	}

/* section02 */
	#section02 .wrap .inner { padding: 20px 0 0 20px; }
	#section02 .list { zoom: 1; }
	#section02 .list:after { content : ''; display : block; clear : both; }
	#section02 .list li {
		float: left;
		padding-right: 20px;
		padding-bottom: 20px;
		width: 326px;
	}
	#section02 .title {
		margin-bottom: 5px;
	}
	#section02 .img {
		float: left;
		width: 100px;
	}
	#section02 .text {
		float: right;
		width: 216px;
	}

/* section03 */
	#section03 .wrap .inner { padding: 20px 0 10px 20px; }
	#section03 .list { zoom: 1; }
	#section03 .list:after { content : ''; display : block; clear : both; }
	#section03 .list li {
		float: left;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	#section03 .list li img { vertical-align: top; }

/* section04 */
	#section04 {
		margin-bottom: 20px;
	}
	#section04 .wrap .inner { padding: 20px 0 10px 20px; }
	#section04 .list { zoom: 1; }
	#section04 .list:after { content : ''; display : block; clear : both; }
	#section04 .list li {
		float: left;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	#section04 .list li img { vertical-align: top; }
	#section04 .text {
		min-height: 5.0em;
		height: 100%!important;
		height: 5.0em;
	}
	#section04 .list .btn04 .text,
	#section04 .list .btn05 .text,
	#section04 .list .btn06 .text,
	#section04 .list .btn07 .text {
		min-height: 5.2em;
		height: 100%!important;
		height: 5.2em;
	}

	#section04 .list li a,
	#section04 .list li a .text {
		display: block;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#section04 .list li .title,
	#section04 .list li .btn {
		display: none;
	}
	#section04 .list li a {
		text-decoration: none;
		cursor: pointer;
		background-position: left bottom;
		color: #333333;
	}
	#section04 .list .line3 a { width: 219px; background-image: url(../img/h-detail-bottom-01.gif); }
	#section04 .list .line3 a .text { padding: 36px 13px 50px; }
	#section04 .list .line3 a:hover { background-position: -219px bottom; }
	#section04 .list .line3 a:hover .text { background-position: -219px top; }
	#section04 .list .line4 a { width: 162px; background-image: url(../img/h-detail-bottom-02.gif); }
	#section04 .list .line4 a .text { padding: 50px 13px 50px; }
	#section04 .list .line4 a:hover { background-position: -162px bottom; }
	#section04 .list .line4 a:hover .text { background-position: -162px top; }
	#section04 .list .btn01 a .text { background-image: url(../img/h-detail-01.gif); }
	#section04 .list .btn02 a .text { background-image: url(../img/h-detail-02.gif); }
	#section04 .list .btn03 a .text { background-image: url(../img/h-detail-03.gif); }
	#section04 .list .btn04 a .text { background-image: url(../img/h-detail-04.gif); }
	#section04 .list .btn05 a .text { background-image: url(../img/h-detail-05.gif); }
	#section04 .list .btn06 a .text { background-image: url(../img/h-detail-06.gif); }
	#section04 .list .btn07 a .text { background-image: url(../img/h-detail-07.gif); }

	.RecipeList { zoom: 1; margin-top: 30px; margin-bottom: 20px; width: 650px;}
	.RecipeList:after { content : ''; display : block; clear : both; }
	.RecipeList li {
		float: left;
		margin-right: 30px;
		margin-bottom: 5px;
		white-space: nowrap;
	}
	.RecipeList li a {
		padding-left: 10px;
		background-color: transparent;
		background-image: url(../../img/base/blt-02.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}