@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style_pro.css
 author     :
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
=================================================================== */

/* -----------------------------------------------------------
	#container
	コンテナ
----------------------------------------------------------- */
#container {
	width: 100%;
	margin: 0 auto 25px;
	padding: 15px 0 0;
	clear: both;
	text-align: left;
	background: #fff;
}



/* -----------------------------------------------------------
	#main
	メイン
----------------------------------------------------------- */
#main {
	width: 900px;
	margin: 0 auto;
}

#main #contents {
	width: 683px;
	float: left;
	overflow: hidden;
	zoom: 1;
}

#main #contents h1 {
	margin: 0 0 10px;
}

#main #contents h2 {
	font-size: 90%;
	color: #C53237;
	background: url(../images/bg_h2.gif) left top no-repeat;
	padding: 7px 0 8px 25px;
	zoom: 1;
}

#main #contents h2.none_bg {
	background: none;
	padding: 7px 0 7px 0;
}

#main #contents h2 a img {
	float: right;
	text-decoration: none;
	padding: 5px 10px 0 0;
}

#main #contents h2 a:hover {
	text-decoration: none;
}

#main #contents h3 {
	color: #C53237;
	font-size: 80%;
	background: url(../images/h3bg.gif) left center no-repeat;
	margin: 10px 0;
	zoom: 1;
}

#main #contents h3 a {
	color: #C53237;
	text-decoration: none;
}

#main #contents h3 a:hover {
	text-decoration: underline;
}

#main #contents h3 a:hover img {
	text-decoration: none;
}

#main #contents h4 {
	font-size: 75%;
	padding: 3px 0;
	margin: 10px;
}

#main #contents p {
	font-size: 80%;
	margin: 10px 0 20px;
}

#main #contents ul,
#main #contents ol {
	font-size: 80%;
	margin: 0 0 20px;
}

#main #contents ol {
	margin: 0 0 20px 40px;
}


#main #contents ul li{
	line-height: 1.4;
}

#main #contents ul li li {
	background: url(../images/bullet.gif) 0 5px no-repeat;
	padding: 2px 0 0 10px;
	zoom: 1;
}

#main #contents ol li li {
	padding: 5px 0;
	line-height: 1.4;
	list-style: lower-roman;
}

#main #contents dl.faq_action,
#main #contents dl {
	font-size: 80%;
	margin: 0 0 20px;
	zoom: 1;
}

#main #contents dl.faq_action dt {
	background: url(../images/bullet.gif) 0 5px no-repeat;
	color: #522D13;
	text-decoration: underline;
	padding: 10px 0 10px 10px;
}

#main #contents dl.faq_action dd {
	padding: 0 0 5px 50px;
}

#main #contents table {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	margin: 10px 0;
}

#main #contents table tr {
}

#main #contents table th {
	background: none repeat scroll 0 0 #F9F9F4;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
}

#main #contents table td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 5px 10px;
}

#main #contents table td img {
	vertical-align: top;
}

#main #contents table th.td_right,
#main #contents table td.td_right {
	text-align: right;
	vertical-align: center;
}

#main #contents table th.td_center,
#main #contents table td.td_center {
	text-align: center;
}

#main #contents table caption {
	text-align: right;
}

#main #contents table tr td table,
#main #contents table tr td table th,
#main #contents table tr td table td {
	border: none;
	font-size: 100%;
	padding: 0;
	margin:0;
}


/* #main h1 Style
----------------------------------------------------------- */
#main #contents .h1_products {
	background: url(../products/images/h1_img.jpg) no-repeat right top;
	height: 350px;
}

#main #contents .h1_more {
	background: url(../more/images/h1_img.jpg) no-repeat right top;
	height: 350px;
}

#main #contents .h1_camp {
	background: url(../campaign/images/h1_img.jpg) no-repeat right top;
	height: 350px;
}

#main #contents .h1_company {
	background: url(../company/images/h1_img.jpg) no-repeat right top;
	height: 350px;
}


/* top warning
----------------------------------------------------------- */
.tickercontainer {
	width: 681px;
	overflow: hidden;
	font-size: 80%;
	background: #f5f5f5;
	margin: 0 0 10px;
	padding: 5px 0;
	border: 1px solid #EBB6B7;
}

.tickercontainer .mask {
	width: 681px;
	position: relative;
	overflow: hidden;
}

div.newsticker {
	position: relative;
	left: 690px;
}

#top_warning {
}

#top_warning span {
	white-space: nowrap;
}


/* #main footnote Style
----------------------------------------------------------- */
#main #contents .footnote {
	font-size: 90%;
	background: #EEEADC;
	margin: 0 0 20px;
	padding: 0 10px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

#main #contents .footnote h2 {
	background: none;
	padding: 10px 0 0;
}

#main #contents .footnote h2 a,
#main #contents .footnote h2 a:visited {
	color: #C53237;
}

#main #contents .footnote h2 a:hover {
	text-decoration: underline;
}

#main #contents .footnote h3 {
	color: #333;
	padding: 10px 0 0;
	margin: 0;
}

#main #contents .footnote p {
	font-size: 80%;
	margin: 10px 0 0;
}

#main #contents .footnote ul {
	font-size: 80%;
	margin: 10px 0;
}

#main #contents .footnote ul li {
	background: url(../images/smenu_listbg.gif) no-repeat left center;
	padding: 0 10px 0 25px;
	display: inline;
}

/* #main list_box Style
----------------------------------------------------------- */
#main #contents .list_box {
	margin: 0 0 20px;
	border: 1px solid #CDCDCD;
	border-top: none;
}

#main #contents .list_box ul {
	margin: 0 20px;
}

#main #contents .list_box ul li {
	list-style: none;
	background: url() no-repeat;
	padding: 10px 0;
	border-bottom: 1px dotted #C7C8CA;
	margin: -1px 0;
}

#main #contents .list_box ul li a,
#main #contents .list_box ul li span {
	padding: 0 0 0 30px;
}


/* #main img_box Style
----------------------------------------------------------- */
#main #contents .img_box {
	width: 681px;
	margin: 0 0 20px;
	border: 1px solid #CDCDCD;
	border-top: none;
	overflow: hidden;
}

#main #contents .img_box ul {
	width: 659px;
	padding: 0 20px 10px;
	margin: 0 -13px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#main #contents .img_box h3 {
	font-size: 90%;
}

#main #contents .img_box ul li {
	width: 148px;
	list-style: none;
	margin: 10px 13px 0 0;
	vertical-align: top;
	display: -moz-inline-box; /* for Firefox */
	display: inline-block; /* for modern */
	/display: inline; /* for ie5〜7 */
	/zoom: 1; /* for ie5〜7 */
}

#main #contents .img_box ul li span {
	font-size: 80%;
	line-height: 1.2;
	padding: 20px 0 0;
}


/* #main products_box Style
----------------------------------------------------------- */
/*#main #contents .products_box {
	width: 681px;
	margin: 0 0 20px;
	overflow: hidden;
}*/

#main #contents .products_box {
	padding: 0 0 10px;
	margin: 0 -11px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#main #contents .products_box div {
	width: 220px;
	list-style: none;
	margin: 10px 6px 0 0;
	vertical-align: top;
	/margin: 10px 10px 0 0;
	display: -moz-inline-box; /* for Firefox */
	display: inline-block; /* for modern */
	/display: inline; /* for ie5〜7 */
	/zoom: 1; /* for ie5〜7 */
}

#main #contents .products_box div p {
	font-size: 80%;
	line-height: 1.2;
}

#main #contents .products_box div table {
	font-size: 70%;
}


/* #main products_box_re Style
----------------------------------------------------------- */
/*#main #contents .products_box_re {
	width: 681px;
	margin: 0 0 20px;
	overflow: hidden;
}*/

#main #contents .products_box_re {
	padding: 0 0 20px;
/*	margin: 0 -11px 0 0;*/
	overflow: hidden;
	_zoom: 1;
}

#main #contents .products_box_re div {
	width: 338px;
	display: -moz-inline-box; /* for Firefox */
	display: inline-block; /* for modern */
	/display: inline; /* for ie5〜7 */
	/zoom: 1; /* for ie5〜7 */
}

#main #contents .products_box_re h3 {
}

#main #contents .products_box_re img {
	float: left;
	padding: 0 10px 10px 0;
}

#main #contents .products_box_re span img {
	float: none;
	padding: 0;
}

#main #contents .products_box_re div p {
	font-size: 80%;
}

#main #contents .products_box_re div table {
	font-size: 70%;
}


/* #main products_allergy Style
----------------------------------------------------------- */
#main #contents table.products_allergy {
	width: 100%;
	margin: 0 0 30px;
}

#main #contents table.products_allergy td {
	width: 20%;
	text-align: center;
}

#main #contents table.products_allergy td.pertinence {
	background: #EAC73F;
}


/* #main products_ingredient Style
----------------------------------------------------------- */
#main #contents table.products_ingredient {
	width: 100%;
	margin: 0 0 30px;
}

#main #contents table.products_ingredient th {
	width: 18%;
}

#main #contents table.products_ingredient td {
	width: 32%;
}

#main #contents table.products_ingredient tfoot {
	text-align: right;
}


/* #main pic Style
----------------------------------------------------------- */
#main #contents #pic {
	visibility: hidden;
}

#main #contents #pic ul {
	margin: 0;
}


#main #contents #pic .gallery { }

#main #contents #pic .gallery_box {
	overflow:hidden;
	height: 262px;
}

#main #contents #pic .loader {
	background: url(../js/galleryview/loader.gif) center center no-repeat #ddd;
}

#main #contents #pic .panel {}

#main #contents #pic .panel .panel-overlay,
#main #contents #pic .panel .overlay-background {
	height: 60px;
	padding: 0 1em;
}

#main #contents #pic .panel .overlay-background {
	background: #222;
}

#main #contents #pic .panel .panel-overlay {
	color: #fff;
	font-size: 0.7em;
}

#main #contents #pic .panel .panel-overlay a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#main #contents #pic ul {
	margin: 15px -20px;
}

#main #contents #pic .filmstrip {
}

#main #contents #pic .frame {}

#main #contents #pic .frame .img_wrap {  }

#main #contents #pic .frame.current .img_wrap {
	border: 1px solid #aaa;
}

#main #contents #pic .frame img {
	border: none;
}

#main #contents #pic .frame .caption {
	font-size: 11px;
	text-align: center;
	color: #888;
}

#main #contents #pic .frame.current .caption {
	color: #000;
}

#main #contents #pic .pointer {
	border-color: #000;
}

/*#main #pic *html .pointer {
	filter: chroma(color=pink);
}*/


/* #main block Style
----------------------------------------------------------- */
#main #contents .block {
	width: 100%;
	clear: left;
}

#main #contents .block_left {
	float: left;
	width: 48%;
}

#main #contents .block_right {
	float: right;
	width: 48%;
}


/* #main new_img Style
----------------------------------------------------------- */
#main #contents .new_img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 10px 0;
}

#main #contents span.new,
#main #contents span.update {
	display: none;
	padding: 0 0 0 10px;
}


/* #main recipe_box Style
----------------------------------------------------------- */
#main #contents #recipe_box {
	clear: both;
	padding: 0 0 10px;
	margin: 0 -51px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#main #contents #recipe_box div {
	width: 190px;
	list-style: none;
	margin: 10px 51px 0 0;
	vertical-align: top;
	display: -moz-inline-box; /* for Firefox */
	display: inline-block; /* for modern */
	/display: inline; /* for ie5〜7 */
	/zoom: 1; /* for ie5〜7 */
}

#main #contents #recipe_box div p {
	font-size: 80%;
	line-height: 1.2;
}


/* #main qa_box Style
----------------------------------------------------------- */
#main #contents .qa_box {
	background: url(../faq/images/img_qa_parts01.gif) no-repeat left top;
	padding: 0 0 10px 50px;
}


/* #main acv_pages Style
----------------------------------------------------------- */
#main #contents .acv_pages {
	clear: both;
	margin: 10px 0;
	text-align: center;
}

#main #contents .acv_pages ul {
	padding: 10px;
}

#main #contents .acv_pages li {
	background: transparent none repeat scroll 0 0;
	display: inline;
}

#main #contents .acv_pages li strong {
	display: -moz-inline-box; /* firefox */
	display: inline-block;
	padding: 5px 10px;
	background-color: #eee;
	border: 1px #ccc solid;
}

#main #contents .acv_pages li a {
	display: -moz-inline-box; /* firefox */
	display: inline-block;
	padding: 5px 10px;
	border: 1px #ccc solid;
}

#main #contents .acv_pages li a:link,
#main #contents .acv_pages li a:visited {
	border-color: #ccc;
}

#main #contents .acv_pages li a:hover,
#main #contents .acv_pages li a:active {
	border-color: #f5f5f5;
	background: #EEEADC;
}



/* #main send_pages Style
----------------------------------------------------------- */
#main #contents .send_pages {
	clear: both;
	_zoom: 1;
	overflow: hidden;
	margin: 10px 0;
	text-align: center;
}

#main #contents .send_pages ul {

}

#main #contents .send_pages ul li {
	display: inline;
	list-style: none;
}

#main #contents .send_pages ul li span,
#main #contents .send_pages ul li a {
	padding: 20px 10px 5px;
	background: #eaeaea;
}

#main #contents .send_pages li a:hover {
	background: #FCF9E8;
}


/* #main Products Page list Tabs
----------------------------------------------------------- */
#page_list_tabs {
	width: 100%;
	background: url(../products/images/pagenai_bg.gif) repeat-x;
	font-size: 90%;
	overflow: hidden;
	padding: 7px 0;
}

#page_list_tabs ul {
	margin: 0;
}

#page_list_tabs ul li {
	padding: 5px 3px;
	display: inline;
	border-right: 1px solid #d5d5d5;
}

#page_list_tabs a {
	margin: 0;
	padding: 0 0 0 2px;
}

#page_list_tabs a:hover {
	text-decoration: underline;
}


/* #main Sitemap
----------------------------------------------------------- */
#main .page {
	width: 100%;
	padding: 5px 5px 5px 30px;
	border-bottom: 1px dotted #a5a5a5;
	background: url(../images/flist_style.gif) no-repeat 2% 50%;
}


/* #main Menu Tabs
----------------------------------------------------------- */
#tabNav {
      width: 100%;
      background: #BBD9EE;
      font-size: 90%;
      line-height: normal;
	  overflow: hidden;
}

#tabNav ul {
	  margin: 0;
	  padding: 10px 10px 0 5px;
	  list-style: none;
}

#tabNav ul li {
      display: inline;
      margin: 0;
      padding: 0;
}

#tabNav a {
      float: left;
      background: url(../products/images/tableft.gif)  no-repeat left top;
      margin: 0;
      padding: 0 0 0 4px;
}

#tabNav a span {
      float: left;
      display: block;
      background: url(../products/images/tabright.gif) no-repeat right top;
      padding: 5px 15px 4px 6px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \ */
#tabNav a span {
	float: none;
}

/* End IE5-Mac hack */
#tabNav a:hover span {
      color: #ff0000;
}

#tabNav a:hover {
      background-position: 0% -42px;
}

#tabNav a:hover span {
      background-position: 100% -42px;
}