@charset "utf-8";

/* ===========================================================
Style For Product Basic
=========================================================== */
#productBasic {
	float: left;
	width: 502px;
}

img.newIcn {
	margin:-3px 0 0;
	margin-bottom: 0px!important;
}

#product h3{
	position:relative;
}

#product h3 .brandTit{
	padding:0;
}

#product h3 .brandList{
	position:absolute;
	top:6px;
	left:466px;
	padding:0;
}

#product h3 .brandList a{
	color:#ffffff;
}

/* showWindow
------------------------------------------------------------*/
#productBasic #showWindow {
	position: relative;
	width: 500px;
	min-height: 228px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	background: #f0f0f0 url(/img/product/top/bg_newproduct_01.gif) no-repeat left top;
}
*html  #productBasic #showWindow {
	width: 502px;
	height: 230px;
}

#productBasic #showWindow img.btnBack {
	position: absolute;
	top: 36px;
	left: 0;
	cursor: pointer;
}
#productBasic #showWindow img.btnNext {
	position: absolute;
	top: 36px;
	right: 0;
	cursor: pointer;
}

#productBasic #showWindow #slidesContainer {
	width: 500px;
}
#productBasic #showWindow #slideInner {
	overflow:hidden;
	zoom:1;
}

#productBasic #showWindow div.slide {
	width: 148px;
	padding-left:18px;
}
*html  #productBasic #showWindow div.slide {
	width: 166px!important;
	padding-left:18px;
}
#productBasic #showWindow div.slide p {
	padding:0 13px;
}
#productBasic #showWindow div.slide p img {
	margin-bottom: 3px;
}
#productBasic #showWindow div.slide p span.icnNext {
	font-size: 10px;
	display: inline-block;
	padding:0 0 0 10px;
	background: url(/img/common/icn_next_01.gif) no-repeat 0 0.15em;
}

/* index
------------------------------------------------------------*/
#productBasic .productCategoryList {
	width: 502px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#productBasic .productCategoryList.last {
	border: none;
	margin-bottom: 0px;
}

#productBasic .productCategoryList dl {
	width: 236px;
	padding-bottom: 30px;
}
#productBasic .productCategoryList dl.leftBox {
	float: left;
}
#productBasic .productCategoryList dl.rightBox {
	float: right;
}
#productBasic .productCategoryList dl dt {
	width: 236px;
	margin-bottom: 10px;
}
#productBasic .productCategoryList dl dt img,
#productBasic .productCategoryList dl dd img {
	vertical-align: bottom;
}

#productBasic .productCategoryList dl dd {
	position: relative;
	width: 236px;
	min-height: 100px;

}
*html  #productBasic .productCategoryList dl dd {
	height: 100px;
}
 #productBasic .productCategoryList dl dd ul {
	width: 125px;
	margin-left: 111px;
}


#productBasic .productCategoryList dl dd img.thumb {
	position: absolute;
	top: 0;
	left: 0;
	padding:2px;
	_margin:0 2px;
	border: 1px solid #eee;
}
 #productBasic .productCategoryList dl dd img.bnr {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* productBrand
------------------------------------------------------------*/
#product .productBrand ul{
	overflow:hidden;
	zoom:1;
}

#product .productBrand li{
	float:left;
	display:inline;
	margin:0 14px 14px 0;
}

#product .productBrand li.turn{
	margin:0 0 14px 0;
}

/* category
------------------------------------------------------------*/
#productBasic .productItemList {
	width: 502px;
	margin-bottom:30px;
}

#main #product h3.pttl01,
#main #product h4.pttl01{
	margin:0 0 10px 0;
}


#productBasic .productItemList ul.list01 {
	width: 502px;
	clear:both;
}
#productBasic .productItemList ul.list01 li {
	float: left;
	width: 112px;
	margin: 0 18px 10px 0;
}

#productBasic .productItemList ul.list01 li a{
	display:block;
	border: 1px solid #eee;
	margin-bottom:10px;
}
#productBasic .productItemList ul.list01 li a.link_btn_omake {
	display:inherit;
	border:none;
}

#productBasic .productItemList ul.list01 li img {
	margin:5px;
	vertical-align: bottom;
}

#productBasic .productItemList ul.list01 li.last {
	margin: 0 0 10px 0;
}

#productBasic .productItemList .icnNext a{
	border:none !important;
}


#productBasic .itemRelationLink {
	width: 500px;
	padding: 10px 0;
	border: 1px solid #ccc;
}
*html  #productBasic .itemRelationLink {
	width: 502px;
}
#productBasic .itemRelationLink ul {
	width: 470px;
	margin: 0 15px;
}
 #productBasic .itemRelationLink ul li {
	float: left;
	margin-right: 20px;
}



/* ===========================================================
Style For Product Detail
=========================================================== */
#productDetail {
	width: 700px;
}

#product  div.indentWrap {
	width: 680px;
	margin: 0 10px;
}

#product  div.indentWrap02 {
	width: 660px;
	margin: 0 10px;
}

#product  div.indentWrap03 {
	width: 680px;
	margin: 0 10px;
}

#product  div.indentWrap03 ul li{
	padding-left:1em;
	text-indent:-1em;
}


/*
------------------------------------------------------------*/
#productDetail .comentBox01 {
	width: 700px;
	margin-bottom: 10px;
	padding: 10px 0;
	background: #fbebeb;
}

#productDetail .comentBox02 {
	width: 698px;
	margin-bottom: 10px;
	padding: 10px 0;
	border: 1px solid #ccc;
}
*html  #productDetail .comentBox02 {
	width: 700px;
}

#productDetail .comentBox01 dl,
#productDetail .comentBox02 dl {
	width: 680px;
	margin: 0 9px;
}

#productDetail .comentBox01 p,
#productDetail .comentBox02 p {
	width: 680px;
	margin: 0 9px;
}

#productDetail .productItemList {
	width: 660px;
	margin: 0 0 30px;
}
#productDetail .productItemList ul.list01 {
	width: 660px;
	clear:both;
}
#productDetail .productItemList ul.list01 li {
	float: left;
	width: 130px;
	margin: 0 41px 0 0;
	padding: 2px 2px 10px 2px;
	background: url(/img/product/common/bg_thumb_recipe_01.gif) no-repeat left top;
}
*html  #productDetail .productItemList ul.list01 li {
	widht: 142px;
}
*html  #productDetail .productItemList ul.list01 li span {
	width: 130px;
}

#productDetail .productItemList ul.list02 {
	width: 660px;
	clear:both;
}

#productDetail .productItemList ul.list02 li {
	float: left;
	width: 112px;
	margin: 0 25px 15px 0;
}

#productDetail .productItemList ul.list02 li a{
 display:block;
 	border: 1px solid #eee;
	margin-bottom:10px;
}

#productDetail .productItemList ul.list02 li .icnNext a{
 	border:none;
}

#productDetail .productItemList ul.list03 {
	width: 660px;
	clear:both;
}

#productDetail .productItemList ul.list03 li {
	float: left;
	width: 152px;
	margin: 0 15px 15px 0;
	_margin: 0 14px 15px 0;
}


#productDetail .productItemList ul.list01 li img {
	margin-bottom: 10px;
	vertical-align: bottom;
}
#productDetail .productItemList ul.list02 li img {
	margin: 5px;
	vertical-align: bottom;
}
#productDetail .productItemList ul.list03 li img {
	margin-bottom: 10px;
	vertical-align: bottom;
	border: 1px solid #eee;
}

#productDetail .productItemList ul.list01 li.last,
#productDetail .productItemList ul.list02 li.last,
#productDetail .productItemList ul.list03 li.last{
	margin-right: 0;
}
#productDetail .leftSection {
	float: left;
	width: 335px!important;
	margin: 0;
	padding: 0;
}
#productDetail .itemPictureArea {
	width: 320px;
	_width: 335px;
	margin-bottom: 10px;
	border: 1px solid #eee;
}

#productDetail .itemPictureArea img{
	 margin:10px;
}
#productDetail .snsBtn {
	width:320px;
	margin-bottom:3px;
	text-align:right;
}
#productDetail .snsBtn .twitter-share-button {
	*margin-left:5px;
	_margin-left:3px;
	vertical-align:top;
}
#productDetail .snsBtn div {
	display:inline!important;
	*margin-left:5px;
	_margin-left:3px;
}
#productDetail .snsBtn img {
	vertical-align:top;
}

#productDetail .rightSection {
	float: right;
	width: 345px;
	margin-bottom: 10px;
}
#productDetail .rightSection p {
	margin-bottom: 30px;
}

#productDetail .itemPictureArea ul.pictureSwitch {
	width:70px;
	margin-left:245px;
	text-align: right;
}
#productDetail .itemPictureArea ul.pictureSwitch li {
	float:left;
	width:30px;
	margin-right: 5px;
	padding:0 0 10px 0;
}
#productDetail .itemPictureArea ul.pictureSwitch li img {
	margin:0;
	border: 1px solid #eee;
	vertical-align: bottom;
	cursor: pointer;
}
#productDetail .itemPictureArea ul.pictureSwitch li img#thumb1 {
	border-color: #ee0000;
}

#productDetail table.tblItemInfo {
	width: 100%;
	margin-bottom: 20px;
}
#productDetail table.tblItemInfo th {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#productDetail table.tblItemInfo th.noBtm{
	border-bottom:none;
}

#productDetail table.tblItemInfo th.materialShow{
	padding:5px 5px 0 5px;
}

#productDetail table.tblItemInfo td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#productDetail table.tblItemInfo td.noBtm{
	border-bottom:none;
}

#productDetail .nutritiveValue {
	padding:0 0 10px;
}

#productDetail .nutritiveValue dt {
  width:120px;
}

#productDetail .selectArea {
  width:340px;
}
#productDetail .selectArea p {
	margin-bottom: 0;
}
#productDetail select#pattern {
	width: 340px;
	border: 1px solid #ccc;
	cursor: pointer;
}

#productDetail .nutritiveValue dl {
	width: 323px;
}
#productDetail .nutritiveValue dl dt {
	width: 323px;
}
#productDetail .nutritiveValue dl dd {
	float: left;
	width: 153px;
}
#productDetail .nutritiveValue dl dd.pT10{
	float: left;
	width: 100%;
}
#productDetail .nutritiveValue dl dd.note {
	width: 323px;
}

#productDetail h4{
	overflow:hidden;
	zoom:1;
}

#productDetail h4 span.lst{
	background:url(../img/common/icn_next_01.gif) no-repeat left 9px;
	float:right;
	display:inline;
	padding-left:10px;
}



/* Style for patternChange Script--------------------------------*/
 #productDetail .nutritiveValue dl#pattern1 {
	display: block;
}
 #productDetail .nutritiveValue dl#pattern2,
 #productDetail .nutritiveValue dl#pattern3,
 #productDetail .nutritiveValue dl#pattern4,
 #productDetail .nutritiveValue dl#pattern5,
 #productDetail .nutritiveValue dl#pattern6,
 #productDetail .nutritiveValue dl#pattern7,
 #productDetail .nutritiveValue dl#pattern8,
 #productDetail .nutritiveValue dl#pattern9,
 #productDetail .nutritiveValue dl#pattern10,
 #productDetail .nutritiveValue dl#pattern11,
 #productDetail .nutritiveValue dl#pattern12,
 #productDetail .nutritiveValue dl#pattern13,
 #productDetail .nutritiveValue dl#pattern14,
 #productDetail .nutritiveValue dl#pattern15,
 #productDetail .nutritiveValue dl#pattern16,
 #productDetail .nutritiveValue dl#pattern17,
 #productDetail .nutritiveValue dl#pattern18,
 #productDetail .nutritiveValue dl#pattern19,
 #productDetail .nutritiveValue dl#pattern20,
 #productDetail .nutritiveValue dl#pattern21,
 #productDetail .nutritiveValue dl#pattern22,
 #productDetail .nutritiveValue dl#pattern23,
 #productDetail .nutritiveValue dl#pattern24,
 #productDetail .nutritiveValue dl#pattern25,
 #productDetail .nutritiveValue dl#pattern26,
 #productDetail .nutritiveValue dl#pattern27,
 #productDetail .nutritiveValue dl#pattern28,
 #productDetail .nutritiveValue dl#pattern29,
 #productDetail .nutritiveValue dl#pattern30 {
	display: none;
}

/* --------------------------------------------------------------*/


/* foodAllergie
------------------------------------------------------------*/
#mainWrap .foodAllergie{
	width:680px;
	margin-bottom:10px;
	border:1px solid #cccccc;
	border-collapse:collapse;
}

#mainWrap .foodAllergie th{
	background:#e2e2e2;
	border-bottom:1px solid #cccccc;
	padding:6px 0;
	font-weight:bold;
	text-align:center;
}

#mainWrap .foodAllergie td{
	width:3%;
	background:#f5f5f5;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:3px 4px;
	text-align:center;
}

#mainWrap .foodAllergie td .long_vowel{
	writing-mode:tb-rl;
	line-height:1;
}

:root #mainWrap .foodAllergie td .long_vowel{
	display:block;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	transform:matrix(0, 1, 1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
	writing-mode:lr-tb;
}


#mainWrap .foodAllergie td.last{
	width:30%;
	border-right:none;
	padding:3px 10px;
	text-align:left;
}

#mainWrap .foodAllergie td.last.vAM{
	text-align:center;
}

/* fd_lineup
------------------------------------------------------------*/
#mainWrap .fd_lineup  {
	width:680px;
}

#mainWrap .fd_lineup .topSection {
	width: 680px;
	margin-bottom: 10px;
	padding-bottom: 1px;
	border-bottom: 1px solid #c00;
}
#mainWrap .fd_lineup .topSection p.year {
	float: left;
	width: 500px;
	margin: 0;
	padding: 5px 0 0 10px;
	line-height: 1;
	font-weight: bold;
	font-size: 116%;
	color: #c00;
}
*html #mainWrap .fd_lineup .topSection p.year {
	width: 510px;
}

#mainWrap .fd_lineup .topSection select#yearSelect {
	float: right;
	width: 150px;
	margin: 0;
	font-size: 100%;
}

#mainWrap .fd_lineup ul.fd_list {
	width:650px;
	margin-bottom:10px;
	overflow:hidden;
}

#mainWrap .fd_lineup ul.fd_list li {
	display:inline;
	float:left;
	width:290px;
	margin:0 15px 10px 0;
	padding-left:15px;
	background:url(/img/common/icn_circle_01.gif) no-repeat 0 6px;
}

/* #mainWrap .fd_lineup ul.fd_list li .burette {
	margin-right:2px;
	color:#cc0000;
} */

#mainWrap table.tbl_fd_list {
	width: 100%;
	margin-bottom: 20px;
}
#mainWrap table.tbl_fd_list tr {
	background: url(/img/common/line_dot_x00.gif) repeat-x left bottom;
}
#mainWrap table.tbl_fd_list tr.last {
	background: none;
}
#mainWrap table.tbl_fd_list th {
	font-weight: bold;
	vertical-align: middle;
}
#mainWrap table.tbl_fd_list th span {
	padding-left:15px;
	background:url(/img/common/icn_circle_01.gif) no-repeat 0 3px;
}
#mainWrap table.tbl_fd_list th span.substitution {
	display: inline-block;
X	margin-left: 20px;
X	padding:0 10px 0 15px;
X	background: url(/img/common/icn_next_01.gif) no-repeat 0 0.25em;
	background: none;
	font-weight:normal;
}

#mainWrap table.tbl_fd_list td {
	width: 100px;
	padding: 5px 0;
	vertical-align: middle;
}

#mainWrap #productBasic .list01 li img.newIcn{
	margin:5px !important;
}

.btn_movie img{
	margin-top: -36px;
}