@charset "UTF-8";

/* ==========================================================================
   コピー
   ========================================================================== */
#copy{
	width:980px;
	margin:0 auto;
	text-align:center;
	margin-top:2px;
}

#copy h2{
	float:left;
	width:398px;
	display:inline;
	margin-left:225px;
	margin-right:8px;
}
#copy p{
	float:left;
	width:118px;
}

/* ==========================================================================
   メイン画像　※スライドエリア
   ========================================================================== */
#main{
	background:url(img/bg_main.jpg) no-repeat center top;
	height:597px;
	width:100%;
	margin-top:6px;
}
#mainIn{
	width:980px;
	margin:0 auto;
	position:relative;
}



.mainArea{
	position:relative;
	top:25px;
	left:0;
	z-index:10;
	height:537px;
	overflow:hidden;
	width: 751px;
}
.mainArea li{
	position:relative;
}
	.btn_recipe{
		position:absolute;
		top:130px;
		left:37px;
	}
	.btn_tokushu{
		position:absolute;
		top:355px;
		left:573px;
	}
	.tokushu_01{
		position:absolute;
		top:90px;
		left:16px;
		height:129px;
	}
	.tokushu_02{
		position:absolute;
		top:219px;
		left:16px;
		height:129px;
	}
	.tokushu_03{
		position:absolute;
		top:348px;
		left:16px;
		height:129px;
	}

.side{
	width:280px;
	position:absolute;
	top:0;
	left:735px;
	background-color:#CCC;
}
	.date{
		position:absolute;
		top:-4px;
		right:-1px;
	}
	.sttl_main{
		position:absolute;
		top:18px;
		left:25px;
	}
	.nabe{
		position:absolute;
		top:30px;
		left:170px;
	}


.bg_thumbnail{
	position:absolute;
	top:198px;
	left:726px;
	z-index:1;
}

.thumbnailAreaWrap {
	width:230px;
	height:336px;
	position:absolute;
	top:200px;
	left:764px;
	z-index:10;
	overflow:hidden;
}
.thumbnailArea{
	position: absolute;
	top: 0;
	left: 0;
}
.thumbnailArea li{
	height: 84px;

	line-height: 0;
    font-size: 0;
    vertical-align: bottom;
}
.thumbnailArea li a{
	line-height:normal;
}

.btn_slideLeft{
	width:45px;
	position:absolute;
	top:264px;
	left:-15px;
	z-index:100;
}
.btn_slideRight{
	width:45px;
	position:absolute;
	top:264px;
	left:706px;
	z-index:100;
}
.btn_slideTop{
	width:32px;
	position:absolute;
	top:183px;
	left:858px;
	z-index:100;
}
.btn_slideBottom{
	width:32px;
	position:absolute;
	top:513px;
	left:858px;
	z-index:100;
}

	.corner{
		filter: alpha(opacity=65);
		-moz-opacity:0.65;
		opacity:0.65;
	}

.thumbnail_icon{
	width: 751px;
	position:absolute;
	top:558px;

	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
}
.thumbnail_icon li{
		display: inline-block;
		/display: inline;
		/zoom: 1;
		letter-spacing: normal; /* 文字間を通常に戻す */
		vertical-align:top;
		margin-right:5px;
		width: 12px;
		height: 12px;
		background: url(../../img/slide/thumbnail_icon.png) no-repeat 0 0;
	}
.thumbnail_icon li.active{
		background: url(../../img/slide/thumbnail_icon_in.png) no-repeat 0 0;
	}

.btn_photo{
	position:absolute;
	top:554px;
	right:0px;
}


/* ==========================================================================
   ゼロ活力なべのご紹介
   ========================================================================== */
#zero{
	background:url(img/bg_zero.jpg) repeat-x center 0;
	height:426px;
	width:100%;
	margin-top:48px;
}
#zeroIn{
	width:984px;
	margin:0 auto;
	position:relative;
}

.sttl_nabe{
	position:absolute;
	top:-14px;
	left:320px;
}
.btn_campaign{
	position:absolute;
	top:-72px;
	right:-62px;
}

.bannerTop_01{
	position:absolute;
	top:38px;
	left:0px;
}
.bannerTop_02{
	position:absolute;
	top:38px;
	left:248px;
}
.bannerTop_03{
	position:absolute;
	top:216px;
	left:0px;
}
.bannerTop_04{
	position:absolute;
	top:216px;
	left:248px;
}
.bannerMovie{
	position:absolute;
	top:38px;
	right:0;
	background:url(img/bg_movie.jpg) no-repeat 0 0;
	width:488px;
	height:349px;
}
.slideMovieWrap{
	position: relative;
}

.sttl_movie{
	position:absolute;
	top:21px;
	left:24px;
}

.slideMovie{
	position:absolute;
	top:70px;
	left:20px;

	width: 450px;
	height: 155px;
	overflow: hidden;
}
.slideMovie li{
	width: 100%;
	height: 100%;
	position: relative;
}

.movie{
	position:absolute;
	top:0px;
	left:0px;
}
.movie_text{
	position:absolute;
	top:0px;
	left:208px;
}

.thumbnailMovie{
	position:absolute;
	width:375px;
	height:72px;
	top:242px;
	left:46px;
	background:url(img/bg_film.gif) no-repeat 0 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding-top:10px;
	padding-left:20px;
}

.thumbnailMovie li{
	width:84px;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		letter-spacing: normal; /* 文字間を通常に戻す */
		vertical-align:top;
		margin-right:5px;
	}

.btn_slideMLeft{
	width:32px;
	position:absolute;
	top:268px;
	left:26px;
	z-index:100;
}
.btn_slideMRight{
	width:32px;
	position:absolute;
	top:268px;
	left:424px;
	z-index:100;
}

.illust_01{
	position:absolute;
	top:35px;
	left:-100px;
}

/* ==========================================================================
   特集＆レシピ
   ========================================================================== */

#tokushu{
	width:988px;
	margin:0 auto;
	margin-top:10px;
	position:relative;
	height:492px;
}
#tokushu_osechi, #tokushu_takenoko {
	width:988px;
	margin:0 auto;
	margin-top:35px;
	position:relative;
}
#tokushu_takenoko { height:120px; }

#tokushu_column{
	width:988px; height:442px;
	margin:0 auto;
	margin-top:35px;
	position:relative;
}
#tokushu_column .tokushu {
	float:left;
	width:640px;
}
#tokushu_column #pageplugin {
	float:right;
	width:335px;
	margin-top:2px;
}

.tokushu{
	position:absolute;
	top:0px;
	left:0px;
}

.recipe{
	position:absolute;
	top:0px;
	right:0px;
}

.illust_02{
	position:absolute;
	top:181px;
	right:-95px;
}
.illust_03{
	position:absolute;
	top:310px;
	left:-100px;
}

/* ==========================================================================
   特集コラム
   ========================================================================== */

.contents_box2 {
	position:absolute;
	text-align:left;
	top:58px; left:34px;
	font-size:12pt;
}

.contents_box2 .column_contents {
/*	overflow:hidden;*/
	padding:50px 0 0;
}

.contents_box2 .column_text {
	padding:5px 0;
}

.contents_box2 .column_new {
	position:absolute;
	z-index:2;
	right:16px;
}

.contents_box2 .column_img {
	position:relative;
	overflow:hidden;
	width:177px; height:177px;
	border:#666666 1px solid;
}
.contents_box2 .column_img img{
	position:absolute;
	width:177px;
	padding:0;
}

.contents_box2 .column_img a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.contents_box2 ul.column_contents {
	list-style:none;
}
.contents_box2 ul.column_contents li {
	display:none;
	position:relative;
	float:left;
	width:179px;
	font-size:14px;
	line-height:16px;
	padding:0 16px 0 0;
}

.contents_box2 .column_title{
	margin-bottom:5px;
}

.contents_box2 .column_title a:link{
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#330000 !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
}

.contents_box2 .column_title a:hover {
	color:#666666 !important;
	text-decoration:none;
}
.contents_box2 ul.column_contents a {
	text-decoration:underline;
}

/* ==========================================================================
   トピックス
   ========================================================================== */

#topics{
	width:984px;
	margin:0 auto;
	margin-top:40px;
	position:relative;
	height:220px;
}

.sttl_topics{
	position:absolute;
	top:-5px;
	left:10px;
	z-index:10;
}

.topicsBox{
	position:absolute;
	top:0px;
	left:120px;
	background:url(img/bg_topics_center.jpg) repeat-y 0 0;
	width:866px;
}

.topicsBox dl{
	width:780px;
	padding:0 10px 0 60px;
	height:190px;
	float:left;
	overflow-y:scroll;
}

.topicsBox dl dt{
	width:115px;
	float:left;
	padding:8px 0 9px;
	background:url(/zero/common/img/dotto_02.gif) no-repeat 0 bottom;
}
.topicsBox dl dd{
	width:640px;
	float:left;
	padding:8px 0 9px;
	background:url(/zero/common/img/dotto_02.gif) no-repeat 0 bottom;
}
.topicsBox dl dt.oneclm, .topicsBox dl dd.oneclm { height:15px; }
.topicsBox dl dt.twoclm, .topicsBox dl dd.twoclm { height:30px; }

.topicsBox dl dt.none,.topicsBox dl dd.none{
	background:none !important;
}
	.topicsBox dl dd a{
		color:#212121;
		text-decoration:underline;
	}

	.topicsBox dl dd a:visited{
		color:#212121;
		text-decoration:underline;
	}

	.topicsBox dl dd a:hover{
		color:#212121;
		min-height: 1em; /* Mac Firefox */
		text-decoration:none;
	}


/* ==========================================================================
   バナー
   ========================================================================== */

#banner{
	width:984px;
	margin:0 auto;
	margin-top:40px;
	position:relative;
	height:90px;
}
/**右にバナーがある場合（左：笑顔の写真 右：メルマガ登録）**/ /*
.banner_01{
	position:absolute;
	top:0px;
	left:0px;
}
.banner_02{
	position:absolute;
	top:0px;
	right:0px;
	width:488px;
	height:96px;
	background:url(../../img/banner_mail.jpg) no-repeat 0 0;
}

.input_text{
	width:168px;
	height:25px;
	background-color:#ececec;
	position:absolute;
	top:46px;
	left:195px;
	border:1px solid #dadada;
	padding-left:5px;
	line-height:2.1 !important;
}

.btn_mail_input{
	position:absolute;
	top:45px;
	left:375px;
}
.sttl_present{
	position:absolute;
	top:5px;
	right:-85px;
}
/**/

/**バナーがない場合（横長メルマガ登録のみ）**/
.banner_02 {
    background: url("../../img/banner_mail_l.jpg") no-repeat scroll 0 0 transparent;
    height: 96px;
    width: 980px;
	position:absolute;
}
.input_text {
    background-color: #ECECEC;
    border: 1px solid #DADADA;
    height: 25px;
    left: 205px;
    line-height: 2.1 !important;
    padding-left: 5px;
	position:absolute;
    bottom:23px;
    width:520px;
}
.btn_mail_input {
	position:absolute;
    left: 735px;
    bottom:20px;
}
.sttl_present {
	position:absolute;
    left:835px;
    top:8px;
}
/**/