@charset "Shift_JIS";

#mainVisual {
	height: 300px;
	background-image: url(../img/mv_loop_short.gif);
	background-repeat: repeat-x;
	position: relative;
	overflow:hidden;
}



#mainVisual #buttons {
	position: absolute;
	left: 0px;
	top: 280px;
	width: 915px;
	text-align: right;
}
#mainVisual #buttons li {
	display: inline;
	margin-right: 3px;
	margin-left: 3px;
}

#mainVisual #intro{
	height: 270px;
	width: 923px;
	position: absolute;
	left: 0px;
	top: 8px;
	opacity:0;
	visibility:hidden;
}

#mainVisual #intro img{
	position: absolute;
	left: 12px;
	top: 12px;
}
#mainVisual #intro img.mainFrame{
	position: absolute;
	left: 0px;
	top: 0px;
}




#mainVisual #panels {
	position: relative;
	margin-top: 0px;
}

#mainVisual #panels li{
	height: 292px;
	width: 923px;
	/*background-image: url(../img/main_frame_short.gif);
	background-repeat: no-repeat;*/
	float: left;
	position: absolute;
	left: 0px;
	top: 8px;
	opacity:0;
	visibility:hidden;
}


#mainVisual #panels li img{
	position: absolute;
	left: 12px;
	top: 12px;
}

#mainVisual #panels li img.mainFrame{
	position: absolute;
	left: 0px;
	top: 0px;
}



#mainContents {
	background-repeat: repeat-x;
	margin-top: -13px;
	z-index: 100;
}
#mainContents #wrp {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}



#information {
	zoom:1;
	background-image: url(../img/info_frame_loop.gif);
	background-repeat: repeat-y;
	margin-top: 26px;
	margin-bottom: 10px;
}
#information .top {
	background-image: url(../img/info_frame_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	zoom:1;
}
#information .bottom {
	background-image: url(../img/info_frame_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding: 10px;
	zoom:1;
}



#clmA {
	float: left;
	width: 235px;
}
#clmB {
	float: right;
	width: 716px;
}

#tvcmSpc {
	margin: 4px 0 5px 0;
	background-image: url(../img/pd_loop.gif);
	background-repeat: no-repeat;
	background-position: 0px 39px;
	zoom:1;
	position: relative;
	z-index: 100;
}
#tvcmSpc .top {
	/*background-image: url(../img/pd_top.png);*/
	background-repeat: no-repeat;
	zoom:1;
}

#tvcmSpc .top img {
	margin: 0 0 0 1px;
	width: 233px;
	height: 39px;
}

#tvcmSpc .bottom {
	background-image: url(../img/pd_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding: 0px;
	zoom:1;
}
#tvcmSpc .body {
	padding: 4px 0 10px 13px;
	zoom:1;
}



/* campaign-space start */

#caSpc {
	margin: 3px 0 5px 0;
	background-image: url(../img/pd_loop.gif);
	background-repeat: repeat-y;
	z-index: 100;
}
#caSpc .top {
	/*background-image: url(../img/pd_top.png);*/
}

#caSpc .top img {
	margin: 0 0 0 1px;
}

#caSpc .bottom {
	background-image: url(../img/pd_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding: 0px;
	zoom:1;
}

#caSpc ul {
	list-style-type: none;
}

/* campaign-space end */


/* recipe-space start */

#rcpSpc {
	margin: 3px 0 5px 0;
	background-image: url(../img/pd_loop.gif);
	background-repeat: repeat-y;
	z-index: 100;
}
#rcpSpc .top {
	/*background-image: url(../img/pd_top.png);*/
}

#rcpSpc .top img {
	margin: 0 0 0 1px;
}

#rcpSpc .bottom {
	background-image: url(../img/pd_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding: 0px;
	zoom:1;
}

#rcpSpc ul {
	list-style-type: none;
}

/* recipe-space end */





#products {
	background-image: url(../img/pd_loop.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	zoom:1;
	position: relative;
	z-index: 100;
}
#products .top {
	background-image: url(../img/pd_top.png);
	background-repeat: no-repeat;
	zoom:1;
}
#products .bottom {
	background-image: url(../img/pd_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding: 0px;
	zoom:1;
}
#products .body {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	zoom:1;
}
#products li {
	float: left;
	padding: 2px 0;
	border-right: 1px solid #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#products li.even-item{
	border-right: none;
}

#products li a {
	/* background-image: url(../img/pd_burret.gif); */
	background-position: right center;
	background-repeat: no-repeat;
	width: 104px;
	padding-left:2px;
	display: block;
	color: #333;
	/*color: #646464;*/
	text-decoration: none;
	clear: both;
	cursor: pointer; /*追加項目*/
}

#products li a img{
	width: 102px; height: 50px;
	vertical-align: top;
}

/*cf*/
#products li a:before,#products ul:after,#products li a:after {
    content:"";
    display:table;
}
#products ul:after,
#products li a:after {
    clear:both;
}
#products li a {
    zoom:1;
}



#products li a:hover {
	color: #ff3399;
	/*color: #e60012;*/
}
#products li a img {
	float: left;
}
#products li a span{
	float: right;
	margin-top: 15px;
	font-size: 90%;
	display: block;
	width: 140px;
	/*width: 162px;サムネイル画像のwidth変更に伴う変更*/
}

#products li a span.l2 {
	margin-top: 8px;
}

#products #pd_list {
	clear: both;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 6px;
}




#topicsArea {
	background-image: url(../img/tp_loop.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	zoom:1;
}
#topicsArea.nocm {
	background-image: url(../img/tp_loop_nocm.gif);
}

#topicsArea .bottom {
	background-image: url(../img/tp_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}

#topicsArea.nocm .bottom {
	background-image: url(../img/tp_bottom_nocm.gif);
}

#topicsArea #topics {
	background-image: url(../img/tp_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	zoom:1;
	position: relative;
	overflow: hidden;
	width: 518px;
}
#topicsArea.nocm #topics {
	width: 716px;
	background-image: url(../img/tp_top_nocm.png);
}

#topicsArea #topics #tp_arrow_left {
	position: absolute;
	left: 3px;
	top: 90px;
	background-image: url(../img/tp_arrow_left_over.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 17px;
}

#topicsArea #topics #tp_arrow_right {
	position: absolute;
	top: 90px;
	right: 6px;
	background-image: url(../img/tp_arrow_right_over.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 17px;
}

#topicsArea.nocm #topics #tp_arrow_right {
	right: 2px;
}


#topicsArea #topics .items {
	overflow: hidden;
	width: 465px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 26px;
	position: relative;
	z-index: 0;
}

#topicsArea.nocm #topics .items {
	width:655px;
	margin-left: 36px;
}


#topicsArea #topics ul {
	width: 9999px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	display: block;
}

#topicsArea #topics ul li {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 7px;
	z-index: 100;
}

#topicsArea.nocm #topics ul li {
	margin-right: 15px;
}
#topicsArea #topics ul li img {
	margin: 5px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDCDC;*/
}

#topicsArea #topics ul li span {
	display: block;
	padding: 5px;
	line-height: 1.5em;
}
#topicsArea #topics ul li a {
	border: 1px solid #DBDCDC;
	font-size: 90%;
	text-decoration: none;
	width: 148px;
	display: block;
}

#cm {
	float: right;
	width: 198px;
	zoom:1;
	position: relative;
	z-index: 100;
}
#cm .body {
	padding-top: 2px;
	padding-left: 7px;
	padding-bottom: 6px;
	padding-right: 7px;
}
#cm .body .tit {
	margin-top: 5px;
	font-size: 90%;
	margin-left: 3px;
}

#cm .body .sub {
	margin-top: 5px;
	margin-left: 3px;
	display: block;
}

#cm #cm_list {
	clear: both;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}

#cm #cmImage{
	height: 103px;
	width: 183px;	
}
#cm #flashcontent img {
	display: none;
}
#cm .tit {
	display: none;
}

#dy {
	float: right;
	width: 198px;
	zoom:1;
	position: relative;
	z-index: 100;
}
#dy .body {
	padding-top: 2px;
	padding-left: 7px;
	padding-bottom: 6px;
	padding-right: 7px;
}
#dy .body .tit {
	margin-top: 5px;
	font-size: 90%;
	margin-left: 3px;
}

#dy .body .sub {
	margin-top: 5px;
	margin-left: 3px;
	display: block;
}

#dy #cm_list {
	clear: both;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}

#dy #cmImage{
	height: 103px;
	width: 183px;	
}
#dy #flashcontent img {
	display: none;
}
#dy .tit {
	display: none;
}


#dy .dyBnr01 {
	width:178px;
	margin: 7px auto 12px;
}

#dy .dyTxt01 {
	font-size:12px;
	line-height:1.3;
	width:170px;
	margin: 0 auto;
	color: #646464;
}


/*　pantokei_bnr　start　*/

#flaBnr{
margin:0;
padding:5px 0 5px 0;
width:221px;
height: 89px;
line-height: 0;
font-size: 0;
}

#noflaBnr{
margin:0;
padding:5px 0 5px 0;
width:221px;
height: 89px;
line-height: 0;
font-size: 0;
}

#noflaBnr p{
margin:0;
padding:0;
height: 89px;
line-height: 0;
font-size: 0;
}

#noflaBnr p img{
margin:0;
padding:0;
height: 89px;
line-height: 0;
font-size: 0;
border:none;
}

/*　pantokei_bnr　end　*/


#recoinfo {
	background-image: url(../img/frame_loop.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	zoom:1;
}
#recoinfo .top {
	background-image: url(../img/frame_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#recoinfo .bottom {
	background-image: url(../img/frame_bottom.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 7px;
}
/*　IE6　start*/
*html #recoinfo .bottom {
	background-image: url(../img/frame_bottom.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 7px;
	margin: 0px;
}
/*　IE6　end */
/*　IE6　start*/
*html #recoinfo .bottom object {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
/*　IE6　end */

#recoinfo .bottom li {
	margin-top: 4px;
}
#recoinfo #rec_list {
	clear: both;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}

#special {
	background-image: url(../img/frame_loop.gif);
	background-repeat: repeat-y;
	margin-top: 7px;
	zoom:1;
}
#special .top {
	background-image: url(../img/frame_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#special .bottom {
	background-image: url(../img/frame_bottom.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 7px;
}
#special .bottom li {
	margin-top: 4px;
}
#special #rec_list {
	clear: both;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}



#company {
	background-image: url(../img/frame_loop.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	zoom:1;
}
#company .top {
	background-image: url(../img/frame_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#company .bottom {
	background-image: url(../img/frame_bottom.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#company .bottom ul.banner li{
	margin-bottom: 5px;
}
#company .bottom ul.text li {
	line-height: 1em;
	display: inline;
}

#company .bottom ul.text li a {
	display: block;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding: 6px;
	background-image: url(../img/pd_burret.gif);
	background-repeat: no-repeat;
	background-position: 210px center;
}
#whatsnew {
	clear: both;
	margin-top: 10px;
	width: 513px;
}

#whatsnew .titleBar{
	background-image: url(../img/titleBar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 513px;
}

#whatsnew .titleBar .tit {
	float: left;
	padding-top: 12px;
	padding-left: 10px;
}

#whatsnew .titleBar .rss  {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}

#whatsnew .titleBar .list {
	float: right;
	font-size: 85%;
	display: block;
	background-image: url(../img/titleBarArrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin-top: 20px;
	margin-right: 10px;
}

/*2行対応前
#whatsnew ul {
	clear: both;
	margin-top: 5px;
}
#whatsnew ul li {
	display: block;
	padding: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 90%;
}*/

#whatsnew ul {
	clear: both;
	margin-top: 5px;
	overflow: hidden;　/*追加項目*/
}

#whatsnew ul li {
	display: block;
	padding: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 90%;
	overflow: hidden;　/*追加項目*/
	clear: both; /*追加項目*/
}

* html #whatsnew ul li {　/* IE6 */
	display: inline-block;
	padding: 0 12px 8px;
	margin: 8px 0;
	line-height:1.2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 90%;
	overflow: hidden;　/*追加項目*/
	clear: both; /*追加項目*/
}

#whatsnew ul li .date {
	/*margin:0 0 0 15px;*/
	margin:0;
	padding: 0 0 0 15px;
	width: 70px;
	display: block;
	float: left;
}

#whatsnew ul li span.body {
	margin:0 0 0 10px;
	padding: 0;
	/*width:610px;*/
	width:390px;
	display:block;
	float:left;
}

#whatsnew ul li a,#whatsnew ul li a:hover{
	/*text-decoration: underline;*/
	text-decoration: none;
	cursor: pointer; /*追加項目*/
}

/*
#whatsnew ul li .date {
	margin-left: 15px;
}
#whatsnew ul li .body {
	margin-left: 10px;
}*/


#newsRelease {
	clear: both;
	margin-top: 40px;
	width: 513px;
}

#newsRelease .titleBar{
	background-image: url(../img/titleBar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 513px;
}
#newsRelease .titleBar .tit {
	float: left;
	padding-top: 12px;
	padding-left: 10px;
}
#newsRelease .titleBar .rss  {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}

#newsRelease .titleBar .list {
	float: right;
	font-size: 85%;
	display: block;
	background-image: url(../img/titleBarArrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin-top: 20px;
	margin-right: 10px;
}

#newsRelease ul {
	clear: both;
	margin-top: 5px;
	overflow: hidden;　/*追加項目*/
}

#newsRelease ul li {
	display: block;
	padding: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 90%;
	overflow: hidden;　/*追加項目*/
	clear: both; /*追加項目*/
}

* html #newsRelease ul li {　/* IE6 */
	display: inline-block;
	padding: 0 12px 8px;
	margin: 8px 0;
	line-height:1.2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 90%;
	overflow: hidden;　/*追加項目*/
	clear: both; /*追加項目*/
}

#newsRelease ul li .date {
	/*margin:0 0 0 15px;*/
	margin: 0;
	padding: 0 0 0 15px;
	width: 70px;
	display: block;
	float: left;
}

#newsRelease ul li .body {
	margin:0 0 0 10px;
	padding: 0;
	/*width:610px;*/
	width:390px;
	display:block;
	float:left;
}

#newsRelease ul li a,#newsRelease ul li a:hover{
	/*text-decoration: underline;*/
	text-decoration: none;
	cursor: pointer; /*追加項目*/
}

/*
#newsRelease ul li .date {
	margin-left: 15px;
}

#newsRelease ul li .body {
	margin-left: 10px;
}*/

#shopInfo {
	clear: both;
	margin-top: 0px;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#shopInfo .tit {
	margin-bottom: -10px;
}
#shopInfo li {
	float: left;
	margin-right: 15px;
	margin-left: 0px;
	margin-top: 15px;
	line-height: 1em;
	display: block;
}
#yamazakiBrand {
	clear: both;
	padding-top: 30px;
	zoom:1;
}
#yamazakiBrand .tit {
	margin-bottom: 10px;
}
#yamazakiBrand .itemArea {
	position: relative;
	height: 50px;
	zoom:1;
}
#yamazakiBrand #yb_arrow_left {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	zoom:1;
	background-image: url(../img/yb_arrow_left_over.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 15px;
}

#yamazakiBrand #yb_arrow_right {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 15;
	zoom:1;
	background-image: url(../img/yb_arrow_right_over.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 15px;
}
#yamazakiBrand .items {
	position: absolute;
	width: 960px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	height: 50px;
}
#yamazakiBrand .items ul {
	width: 9999px;
	position: absolute;
	left: 24px;
	z-index: 0;
}

#yamazakiBrand .items li {
	float: left;
	line-height: 1em;
	display: block;
	margin-right: 12px;
}
#subinfo {
	background-image: url(../img/info_frame_loop.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
	width: 716px;
}
#subinfo .top {
	background-image: url(../img/info_frame_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 716px;
}
#subinfo .bottom {
	background-image: url(../img/info_frame_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding: 10px;
	width: 700px;
}

#subinfo .tit {
	float: left;
	margin-top: 5px;
	width: 485px;
}
#subinfo .button {
	float: left;
}




/*　wnnrBox　start　201306*/

#wnnrBox {
	margin: 0;
	padding: 0;
	width: 513px;
	float:left;
}

/*　siygBox　start　*/

/*　siygBox　start　201306*/

div#siygBox {
	margin: 10px 0 0 7px;
	padding: 0;
	width: 193px;
	float:left;
	color: #646464;
}

.siygBox01 {
	margin: 0 auto;
	padding: 0;
	width: 193px;
	background: url(../img/bg_sb02.gif) repeat-y;
	overflow: hidden;
}

div.siygBox01 .bgLastImg01 img {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	border: 0;
	/*　vertical-align: text-bottom;　*/
}

.bgLastImg02 img {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 0;
	font-size: 0;
	border: 0;
	/*　vertical-align: text-bottom;　*/
}

.siygBoxBtn01 {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 182px;
	overflow: hidden;
}

p.siygBoxTit01 {
	margin: 0 auto;
	padding: 7px 0 14px 0;
	line-height: 0;
	font-size: 0;
	text-align: center;
	width: 182px;
}

.siygBoxTxt01 img {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}


.siygBoxBtn02 {
	margin: 0 auto;
	padding: 0 0 3px 0;
	line-height: 0;
	font-size: 0;
	text-align: center;
}

.siygBoxTxt01 {
	margin: 0 auto;
	padding: 0;
	width: 170px;
	line-height: 1.2;
	font-size: 90%;
	text-align: left;
}

.siygBoxBanner01 {
	margin: 0 auto;
	padding: 8px 0 8px 0;
	width: 182px;
}

.siygBoxBanner01 p {
	margin: 0;
	padding: 0 0 3px 0;
}

p.siygBoxTit02 {
	margin: 0;
	padding: 2px 0 10px 8px;
	float: left;	
}

p.siygBoxBtn03 {
	margin: 0;
	padding: 0 0 10px 5px;
	float: left;	
}

div.siygBoxTxtLink01 {
	margin: 0 auto;
	padding: 0;
	clear: both;
}

div.siygBoxTxtLink01 p {
	line-height: 1.2;
	font-size: 90%;
}

div.siygBoxTxtLink01 a {
	padding: 0 0 0 5px;
	display: block;
}

div.siygBoxTxtLink02 {
	margin: 0 auto;
	padding: 0;
	clear: both;
}

div.siygBoxTxtLink02 p {
	line-height: 1.2;
	font-size: 90%;
}

div.siygBoxTxtLink02 a {
	padding: 0 0 0 3px;
	display: block;
}

/**/
.viewer {
	margin: 0 auto;
	padding: 0 0 3px 0;
	width: 178px;
	height: 213px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	padding: 7px 0 0 10px;
	width: 178px;
	height: 213px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	width: 178px;
	height: 213px;
	display: none;
	position: absolute;
}
/**/



/*　siygBox　start　*/


/* 共通テキスト */

.r_btn{
    background-color: #e67676;
    padding:0 10px;
    color:#ffffff;
    display:inline-block;
    border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
}