/* ---clear--- */

html, body {
  margin: 0 auto;
  text-align: center;
  padding: 0;
  font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

table, caption, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

hr {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

fieldset, button, optgroup, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br,
ins, del, a, img, object {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: inherit;
  font-size: 100%;
}

/* ---common--- */
body{font-size:12px;line-height:18px;color:#121223;}

ul{list-style:none;margin:0;}
strong{font-weight:bold;}

/* ---img float--- */
.picl{float:left; margin:0 10px 0 0;}
.picr{float:right; margin:0 0 0 10px;}

/* ---本文に適応--- */
strong{font-weight:bold;}
img{border:0;}

/* ---floatをクリア--- */
.clear{
	clear: both;
}
hr.clr{
	visibility: hidden;
	height: 1px;
}

/* ---基本リンク色--- */
a:link{
	color: #006cd9;
	text-decoration: underline;
}
a:hover{
	color: #ff7f00;
	text-decoration: none;
}
a:active{
	text-decoration: none;
}
a:visited{
	text-decoration: underline;
}

/* ---テーブル--- */
table {
  margin: 0 0 15px 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  border-collapse:collapse;
}
th {
  margin: 0;
  border:1px solid #f5f5f5;
  padding: 7px;
  text-align:left;
  font-style: normal;
  font-weight: bold;
  background:#dcf0ff;
  color:#1a1a1a;
  font-size: 12px;
  white-space:nowrap;
}
th.grey {background:#e5e5e5;}
td {
  margin: 0;
  padding: 7px;
  background:#fff;
  border:1px solid #e5e5e5;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-align:left;
}
.cent{text-align:center;}
.rig{text-align:right;}
.lef{text-align:left;}

/* ---ナビ--- */
#gnavi{height:49px;}
#gnavi ul{list-style:none;padding:0;}
#gnavi li{text-indent:-9999px;height:49px;float:left;}
#gnavi li a{display:block;height:49px;}

#gnavi li.one{width:185px;}
#gnavi li.one a{width:185px;background:url(/imgs/common/gnavi.gif) no-repeat 0px top;}
#gnavi li.one a:hover{width:185px;background:url(/imgs/common/gnavi.gif) no-repeat 0px -49px;}

#gnavi li.two{width:184px;}
#gnavi li.two a{width:184px;background:url(/imgs/common/gnavi.gif) no-repeat -185px top;}
#gnavi li.two a:hover{width:184px;background:url(/imgs/common/gnavi.gif) no-repeat -185px -49px;}

#gnavi li.three{width:145px;}
#gnavi li.three a{width:145px;background:url(/imgs/common/gnavi.gif) no-repeat -369px top;}
#gnavi li.three a:hover{width:145px;background:url(/imgs/common/gnavi.gif) no-repeat -369px -49px;}

#gnavi li.four{width:158px;}
#gnavi li.four a{width:158px;background:url(/imgs/common/gnavi.gif) no-repeat -514px top;}
#gnavi li.four a:hover{width:158px;background:url(/imgs/common/gnavi.gif) no-repeat -514px -49px;}

#gnavi li.five{width:128px;}
#gnavi li.five a{width:128px;background:url(/imgs/common/gnavi.gif) no-repeat -672px top;}
#gnavi li.five a:hover{width:128px;background:url(/imgs/common/gnavi.gif) no-repeat -672px -49px;}

/* gnavi_on */
#calcium #gnavi li.one a{width:185px;background:url(/imgs/common/gnavi.gif) no-repeat 0px -49px;}
#about #gnavi li.two a{width:184px;background:url(/imgs/common/gnavi.gif) no-repeat -185px -49px;}
#quality #gnavi li.three a{width:145px;background:url(/imgs/common/gnavi.gif) no-repeat -369px -49px;}
#recipe #gnavi li.four a{width:158px;background:url(/imgs/common/gnavi.gif) no-repeat -514px -49px;}
#faq #gnavi li.five a{width:128px;background:url(/imgs/common/gnavi.gif) no-repeat -672px -49px;}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {zoom:1;}