@charset "utf-8";

/* About this file ===============================
 * Style    : newyear LP
 * Since    : 2014-12-02
 * Modified : 2014-12-15
================================================== */

/* スタイル初期化
-------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  }
table, caption, th, td {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: left;
  }
a img, iframe {
    border: medium none;
  }
ol, ul, li {
    list-style: none outside none;
  }
input, textarea, select, button {
    font-family: inherit;
    font-size: 100%;
  }


/* スタイル設定
-------------------------------------------- */
body {
  font-family: "ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  color: #444444;
  letter-spacing:1px;
  }
* html body {
    font-family: "ＭＳ Ｐゴシック",sans-serif;
  }
:first-child + html body {
    font-family: "ＭＳ Ｐゴシック",sans-serif;
  }
a img:hover {
    opacity: 0.7;
  }
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
  }
.clearfix {
    display: block;
  }
.clear {
    clear: both;
  }
a:link, a:visited {
    color: #3399CC;
    text-decoration: underline;
  }
a:link:hover, a[href]:hover {
    color: #FF6600;
    text-decoration: none;
  }
h1, h2, h3, h4, h5 {
    font-size: 100%;
    line-height: 150%;
  }

p {
  margin-bottom: 0.5em;
  line-height: 1.8;
  font-size: 12px;
  }
  p.source {
    font-size: 10px;
    }
  p span.marking {
    background-color: #fffb57;
    }
  p span.marking strong {
	  color:#c71300;
	  padding:0 3px;
    }

p.check {
  text-align: center;
  }

/* ヘッダー
-------------------------------------------- */
div#headerWrap {
	width: 100%;
	height:80px;
	background:#fff;
	border-bottom: solid 1px #d4d4d0;
	position:fixed;
	top:0;
	z-index:1000;
	}
div#header {
	width: 950px;
	padding:26px 0 0 0;
	margin: 0 auto;
	position:relative;
	}
div#header p {
	float:left;
	}
div#header p#goShop {
	float:none;
	position:absolute;
	top:15px;
	right:16px;
	}
div#header ul {
	float:right;
	padding:25px 0 0 0;
	}
div#header ul li {
	float:left;
	font-size:11px;
	background:url(images/icon_headnav.gif) no-repeat 0 0.7em;
	padding: 0 0 0 14px;
	margin: 0 16px 0 0;
	display:inline;
	}


/* フレーム
-------------------------------------------- */
#lp_body {
	min-width:950px;
	}
#lp_wrap {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position:relative;
	}


/* メインイメージ
-------------------------------------------- */
div#kvWrap {
	background:#fcf7eb;
	padding:80px 0 0 0;
	}
div#kvWrap h1 {
	width: 870px;
	margin: 0 auto;
	}


/* キャンペーン(共通)
-------------------------------------------- */
div.campaignBox {
  background: url(images/item_bg_under.png) no-repeat center bottom;
  padding: 0 0 26px 0;
  margin:0 0 45px 0;
	}
div.campaignBoxInner {
  background: url(images/item_bg.png) no-repeat center top;
	}
div.campaignBox h2 {
  padding: 20px 0 20px 30px;
	}
div.campaignBox h3 {
	text-align:center;
	margin: 0 auto;
	padding:10px 0 0 0;
  }
div.campaignBox ul {
  text-align: center;
  width:860px;
  margin:0 auto;
  padding:16px 0 6px 0;
  }
  div.campaignBox ul li {
    display: inline;
    padding: 0 6px;
	float:left;
  }
  div.campaignBox ul li span {
	  font-size:12px;
	  line-height:1.4;
	  width:219px;
	  padding:3px 3px 6px 3px;
	  display:block;
	  text-align:left;
  }
div.campaignBox p.attention {
  width:850px;
  overflow:hidden;
  margin:0 auto;
  color:#ff0000;
  font-size:11px;
  clear:both;
  text-align:right;
  }

p.itemTarget {
 clear:both;
 margin:0 0 20px 0;
 padding:0;
 font-size:1px;
 text-align:center;
 background:#c30000;
  }


/* 世界中で愛されるビタクラフト
-------------------------------------------- */
div#infoWrap {
  margin: 0 auto;
  padding:0 0 50px 0;
  width: 900px;
  }
div#infoWrap h2 {
  text-align:center;
  padding:0 0 25px 0;
  }
div#infoWrap img.info_photo {
  float:left;
  padding-right: 30px;
  }
div#infoWrap p {
  line-height: 2.3;
  font-size: 14px;
  }


/* ビタクラフトの食育
-------------------------------------------- */
div#dietaryEducation {
  margin: 0 10px;
  }
div#dietaryEducation h2 {
  margin-bottom: 16px;
  }
div#dietaryEducation h3 {
  margin-bottom: 24px;
  }
div#dietaryEducation img.de_photo {
  float: right;
  margin-bottom: 55px;
  padding-left: 30px;
  }


/*　お手軽＆効果的に予防
-------------------------------------------- */
div#seikaysu {
	padding:40px 0 0 0;
	}
div#seikaysu h2 {
	text-align:center;
	padding: 0 0 20px 0;
	}
div#seikaysu p {
	font-size:14px;
	text-align:center;
	line-height:1.4;
	margin: 0 0 30px 0;
	}
	div#seikaysu p strong {
		font-size:22px;
		color:#e41033;
		padding:0 2px;
		}
div#seikaysu div#seikatsuWay {
	width:784px;
	margin: 0 auto;
	}
div#seikaysu div#seikatsuWay p {
	float:left;
	width:261px;
	}
div#seikaysu div#seikatsuWay div#wayInner {
	float:right;
	width:512px;
	}
div#seikaysu div#seikatsuWay div#wayInner dl {
	float:left;
	width:256px;
	padding:0 0 20px 0;
	}
div#seikaysu div#seikatsuWay div#wayInner dl dt {
	font-size:12px;
	text-align:center;
	}
div#seikaysu div#seikatsuWay div#wayInner dl dt img {
	display:block;
	margin: 0 auto 8px auto;
	}
div#seikaysu div#seikatsuWay div#wayInner dl dd {
	font-size:14px;
	color:#38953a;
	text-align:center;
	font-weight:bold;
	}
div#seikaysu div#seikatsuWay div#wayInner p#seikatsunote {
	font-size:12px;
	text-align:left;
	line-height:1.8;
	padding:15px 0 15px 22px;
	margin:0;
	width:490px;
	background:#fcf7eb;
	}
div#seikaysu div#seikatsuWay div#wayInner p#seikatsunote strong {
	font-size:12px;
	}


/*　ビタクラフトだからできる
-------------------------------------------- */
div#yasaiWrap {
	width:830px;
	clear:both;
	padding:4px;
	margin:30px auto 20px auto;
	background:url(images/yasai_linebg.gif) repeat 0 0;
	}
div#yasaiInner {
	background:#fff;
	padding:20px 0 30px 0;
	}
div#yasaiWrap h2 {
	text-align:center;
	padding:0 0 30px 0;
	}
div#yasaiWrap p {
	width:620px;
	margin:0 auto 20px auto;
	font-size:14px;
	}
	div#yasaiWrap p img {
		margin: 0 0 25px 0;
		}
	div#yasaiWrap p strong {
		color:#c9211d;
		}
	div#yasaiWrap p span {
		font-size:10px;
		padding:15px 0;
		display:block;
		}
div#yasaiCheck {
	width:765px;
	margin: 0 auto;
	}
div#yasaiCheck dl {
	width:362px;
	height:522px;
	float:left;
	padding: 0 10px;
	background:url(images/yasai_bg01.gif) no-repeat top center;
	}
div#yasaiCheck dl:nth-child(2) {
	background:url(images/yasai_bg02.gif) no-repeat top center;
	}
div#yasaiCheck dl dt {
	padding:35px 0 25px 0;
	text-align:center;
	}
div#yasaiCheck dl dd {
	width:316px;
	margin: 0 auto;
	font-size:12px;
	color:#6c6c6c;
	line-height:1.8;
	}
div#yasaiCheck dl dd strong {
		color:#e41033;
	}



/* 「全面多層構造」×「無水調理」
-------------------------------------------- */
div#advantage {
	padding:90px 0 0 0;
  margin: 0 0 20px;
  overflow: hidden;
 /* background: url(images/tasomusui_bg_linedote.gif) repeat-y center top;*/
  }
div#advantageInner {
	border: solid 2px #d4d4d0;
	padding:0 0 35px 0;
	margin:0 0 35px 0;
  }
  div#advantage h2 {
	text-align:center;
	padding:0 0 25px 0;
	clear:both;
    }
  div#advantage h3 {
	text-align:center;
	padding:40px 0 30px 0;
    }
  div#advantage p {
    margin-bottom: 20px;
    }
  div#advantage div#structure {
    float: left;
    width: 424px;
    padding: 0 24px 2.5em 24px;
    overflow: hidden;
	border-right: dotted 2px #d4d4d0;
    }
	  div#advantage div#structure img.strImg01 {
		float:right;
		padding:10px 0 2.5em 14px;
	    }
	  div#advantage div#structure img.strImg02 {
		  display:block;
		  width:350px;
		  margin:0 auto;
	    }
  div#advantage div#musui {
    float: right;
    width: 424px;
    padding: 0 24px;
    }
	  div#advantage div#musui img.musuiImg01 {
		float:right;
		padding:10px 0 20px 14px;
	    }
	  div#advantage div#musui img.musuiImg02 {
		  display:block;
		  width:374px;
		  margin:0 auto;
	    }


  div#advantage div#yobo h3 {
	text-align:center;
	padding:0 0 10px 0;
    }
  div#advantage div#yobo div#yoboCheck {
	  width:898px;
	  height:168px;
	  background:url(images/yobo_bg01.png) no-repeat 0 0;
	  margin:0 auto;
	  }
	  div#advantage div#yobo div#yoboCheck dl {
		  display:inline;
		  float:left;
		  width:265px;
		  padding:28px 0 0 0;
		  }
	  div#advantage div#yobo div#yoboCheck dl.check01{
		  margin:0 0 0 145px;
		  }
	  div#advantage div#yobo div#yoboCheck dl.check02{
		  margin:0 0 0 204px;
		  }
	  div#advantage div#yobo div#yoboCheck dl dt {
		  margin:0 0 7px 0;
		  }
	  div#advantage div#yobo div#yoboCheck dl dd {
		  font-size:12px;
		  line-height:1.6;
		  }
	  div#advantage div#yobo div#yoboCheck dl dd strong {
		  color:#38953a;
		  }

  div#advantage div#yobo div#yoboJisso {
	  width:926px;
	  height:148px;
	  background:url(images/yobo_bg02.png) no-repeat 0 0;
	  margin:0 auto 10px auto;
	  }
	  div#advantage div#yobo div#yoboJisso dl {
		  padding:20px 0 0 20px;
		  }
	  div#advantage div#yobo div#yoboJisso dl dt {
		  float:left;
		  width:515px;
		  }
	  div#advantage div#yobo div#yoboJisso dl dd {
		  float:left;
		  width:355px;
		  font-size:13px;
		  line-height:1.6;
		  padding:5px 0 0 0;
		  }
	  div#advantage p.source {
		  text-align:right;
		  margin:0 12px 0 0;
		  }

/* 全面多層構造鍋「ビタクラフト」３つのメリット
-------------------------------------------- */
div#merit {
	padding:30px 0 0 0;
  margin-bottom: 20px;
  background: url(images/merit_bg.gif) no-repeat center 125px;
  height: 1633px;
  }
  div#merit h2 {
    text-align: center;
	margin-bottom: 20px;
    }
  div#merit div.inner {
    padding: 50px 70px 0;
    overflow: hidden;
    }
  div#merit div.innerBody {
    margin: 0 0 0 60px;
    }
    div#merit div.innerBody p {
      margin-bottom: 20px;
      }

div#merit div#meritMovie {
  background: url(images/merit1_movie_bg.gif) no-repeat left top;
  width: 382px;
  height: 244px;
  overflow: hidden;
  }
  div#merit div#meritMovie h4 {
    margin-bottom: 5px;
    }
  div#merit div#meritMovie p {
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 11px;
    }

  div#merit div#meritMovie div.movie1 {
    float: left;
    width: 157px;
    padding: 20px 10px 0 20px;
    }
  div#merit div#meritMovie div.movie2 {
    float: right;
    width: 157px;
    padding: 20px 20px 0 10px;
    }


/* お客様の声
-------------------------------------------- */
div#voice {
  padding:30px 0 0 0;
  margin-bottom: 30px;
  }





/*----------------------------------------------
 フッタ
------------------------------------------------*/

#lp_wrap .pagetop {
	padding: 6px 0 40px 0;
	text-align: right;
  }

div#footer {
	padding: 24px 0 12px 0;
	border-top: 2px solid #d4d4d0;
  }
div#footer h2 {
	float: left;
  }
div#footer .copyright {
	text-align:center;
	font-size: 10px;
	color:#a1a19d;
  }