@charset "UTF-8";

@import url("default.css");
@import url("layout_top.css");
@import url("navi.css");

/* -------------------------
  flashArea 
------------------------- */
#flashArea {
	margin: 0 0 10px 0;
}

/* -------------------------
  headerNavArea 
------------------------- */
#headerNavArea #logo80th {
	width: 207px;
	height: 44px;
	padding: 0 2px 0 0; 
	float: right;
}


/* -------------------------
	headerTabArea 
------------------------- */
#headerTabArea {
	width: 979px;
	height: 83px;
	margin: 0 0 10px 0;
	padding: 0 0 0 1px;
	background: transparent url(../../sp/headerTabAreaBg.jpg) 0 0 no-repeat;
}
#flashAreaSP {
	margin: 13px 0 10px 0;
	width: 980px;
	overflow: hidden;
}

ul#pulldown-menu {
	background: url(../../sp/menuBg.jpg) no-repeat 0 0;
}


ul#pulldown-menu li#pul01_00,
ul#pulldown-menu li#pul01_00 a {
	width: 200px;
	height: 30px;
	background: url(../../sp/nv_pull_01_00.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul01_00 a { background-position: 0 0;}
ul#pulldown-menu li#pul01_00 a:hover { background-position: -200px 0;}

ul#pulldown-menu li#pul01_01,
ul#pulldown-menu li#pul01_01 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_01.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul01_01 a { background-position: 0 0;}
ul#pulldown-menu li#pul01_01 a:hover { background-position: -200px 0;}

ul#pulldown-menu li#pul01_02,
ul#pulldown-menu li#pul01_02 a {
	width: 200px;
	height: 21px;
	background: url(../common/img/nv_pull_01.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul01_02 a { background-position: 0 -21px;}
ul#pulldown-menu li#pul01_02 a:hover { background-position: -200px -21px;}

ul#pulldown-menu li#pul01_03,
ul#pulldown-menu li#pul01_03 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_01.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul01_03 a { background-position: 0 -42px;}
ul#pulldown-menu li#pul01_03 a:hover { background-position: -200px -42px;}

ul#pulldown-menu li#pul01_04,
ul#pulldown-menu li#pul01_04 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_01.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul01_04 a { background-position: 0 -63px;}
ul#pulldown-menu li#pul01_04 a:hover { background-position: -200px -63px;}

ul#pulldown-menu li#pul01_05,
ul#pulldown-menu li#pul01_05 a {
	width: 200px;
	height: 22px;
	background: url(../../common/img/nv_pull_01.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul01_05 a { background-position: 0 -84px;}
ul#pulldown-menu li#pul01_05 a:hover { background-position: -200px -84px;}



ul#pulldown-menu li#pul02_00,
ul#pulldown-menu li#pul02_00 a {
	width: 200px;
	height: 30px;
	background: url(../../sp/nv_pull_02_00.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_00 a { background-position: 0 0;}
ul#pulldown-menu li#pul02_00 a:hover { background-position: -200px 0;}

ul#pulldown-menu li#pul02_01,
ul#pulldown-menu li#pul02_01 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_02.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_01 a { background-position: 0 0;}
ul#pulldown-menu li#pul02_01 a:hover { background-position: -200px 0;}

ul#pulldown-menu li#pul02_02,
ul#pulldown-menu li#pul02_02 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_02.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_02 a { background-position: 0 -21px;}
ul#pulldown-menu li#pul02_02 a:hover { background-position: -200px -21px;}

ul#pulldown-menu li#pul02_03,
ul#pulldown-menu li#pul02_03 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_02.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_03 a { background-position: 0 -42px;}
ul#pulldown-menu li#pul02_03 a:hover { background-position: -200px -42px;}

ul#pulldown-menu li#pul02_04,
ul#pulldown-menu li#pul02_04 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_02.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_04 a { background-position: 0 -63px;}
ul#pulldown-menu li#pul02_04 a:hover { background-position: -200px -63px;}

ul#pulldown-menu li#pul02_05,
ul#pulldown-menu li#pul02_05 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_02.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_05 a { background-position: 0 -84px;}
ul#pulldown-menu li#pul02_05 a:hover { background-position: -200px -84px;}

ul#pulldown-menu li#pul02_06,
ul#pulldown-menu li#pul02_06 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_02.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_06 a { background-position: 0 -105px;}
ul#pulldown-menu li#pul02_06 a:hover { background-position: -200px -105px;}

ul#pulldown-menu li#pul02_07,
ul#pulldown-menu li#pul02_07 a {
	width: 200px;
	height: 22px;
	background: url(../../common/img/nv_pull_02.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul02_07 a { background-position: 0 -126px;}
ul#pulldown-menu li#pul02_07 a:hover { background-position: -200px -126px;}


ul#pulldown-menu li#pul03_00,
ul#pulldown-menu li#pul03_00 a {
	width: 200px;
	height: 30px;
	background: url(../../sp/nv_pull_03_00.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul03_00 a { background-position: 0 0;}
ul#pulldown-menu li#pul03_00 a:hover { background-position: -200px 0;}

ul#pulldown-menu li#pul03_01,
ul#pulldown-menu li#pul03_01 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_03.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul03_01 a { background-position: 0 0;}
ul#pulldown-menu li#pul03_01 a:hover { background-position: -200px 0;}

ul#pulldown-menu li#pul03_02,
ul#pulldown-menu li#pul03_02 a {
	width: 200px;
	height: 21px;
	background: url(../../common/img/nv_pull_03.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul03_02 a { background-position: 0 -21px;}
ul#pulldown-menu li#pul03_02 a:hover { background-position: -200px -21px;}

ul#pulldown-menu li#pul03_03,
ul#pulldown-menu li#pul03_03 a {
	width: 200px;
	height: 22px;
	background: url(../../common/img/nv_pull_03.jpg) no-repeat 0 0;
}

ul#pulldown-menu li#pul03_03 a { background-position: 0 -42px;}
ul#pulldown-menu li#pul03_03 a:hover { background-position: -200px -42px;}

.mt5 {
	margin-top: 5px;
}
.otherNavi {
	position: absolute;
	float: right;
}


/* -------------------------
  Brand
------------------------- */
#brandArea ul {
	width: 244px;
}

#brandArea ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#brandArea ul li a {
	display: block;
	text-indent: -999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* -------------------------
  バナー
------------------------- */

#brandArea ul#banner {
	margin: 0 0 5px 0;
}

#brandArea ul#banner li {
	width:244px;
	margin: 0 5px 5px 5px;
}

#brandArea ul#banner li a {
	display: block;
	text-indent: 0;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* -------------------------
  Topics
------------------------- */
#topicsArea ul {
	width: 230px;
}

#topicsArea ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#topicsArea ul li a {
	display: block;
	text-indent: -999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* -------------------------
  バナー
------------------------- */

#topicsArea ul#banner {
	margin: 0 0 5px 0;
}

#topicsArea ul#banner li {
	width:230px;
	margin: 0 12px 7px 13px;
}

#topicsArea ul#banner li img{
	width:230px;
	height: auto;
}

#topicsArea ul#banner li a {
	display: block;
	text-indent: 0;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}



/* -------------------------
  Recipe
------------------------- */
#recipeArea ul {
	width: 240px;
}

#recipeArea ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#recipeArea ul li a {
	display: block;
	text-indent: -999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* -------------------------
  バナー
------------------------- */

#recipeArea ul#banner {
	margin: 0 0 5px 0;
}

#recipeArea ul#banner li {
	width:226px;
	margin: 0 7px 7px 7px;
}

#recipeArea ul#banner li img{
	width:226px;
	height: auto;
}

#recipeArea ul#banner li a {
	display: block;
	text-indent: 0;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* -------------------------
  catalogArea
------------------------- */

#centerArea {
	width: 432px;
	margin: 0;
	padding: 0 18px 20px 0;
	float: left;
}

/* -------------------------
  catalogTbl
------------------------- */

#catalogTbl01 {
	width: 459px;
	margin: 0;
	padding: 0 0 3px 0;
}

#catalogTbl01 tr td#01{
	width: 237px;
	margin: 0;
	padding: 0 0 0 0;
}

#catalogTbl01 tr td#02{
	width: 222px;
	margin: 0;
	padding: 0 0 0 0;
}

#catalogTbl01 tr td#02Full{
	margin: 0;
	padding: 0 0 3px 0;
}

#catalogTbl02 {
	width: 460px;
	margin: 0;
	padding: 0 0 10px 0;
}

#catalogTbl02 tr td#03{
	width: 158px;
	margin: 0;
	padding: 0 0 0 0;
}

#catalogTbl02 tr td#04{
	width: 157px;
	margin: 0;
	text-align:center;
	padding: 0 0 0 0;
}

#catalogTbl02 tr td#05{
	width: 145px;
	margin: 0;
	text-align:right;
	padding: 0 0 0 0;
}

/* -------------------------
  newsArea
------------------------- */

#newsArea {
	width: 430px;
	margin: 0;
	padding: 0 0;
	border: 10px solid #FDF7EC;
}

#newsArea h2 {
	width: 428px;
	margin: 0;
	padding: 0;
}

#newsArea #newsInner {
	width: 428px;
	margin: 0;
	border: 1px solid #D6D6D6;
	padding: 10px 0;
}

#newsArea #newsInner dl {
	width: 428px;
	margin: 0;
}

#newsArea #newsInner dl:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#newsArea #newsInner dl dt {
	width: 85px;
	padding: 4px 0 4px 20px;
	background: transparent url(../../img/icon_news.gif) 2px 6px no-repeat;
	float: left;
	color: #222;
}
#newsArea #newsInner dl dd {
	width: 308px;
	padding: 4px 5px 4px 5px;
	float: right;
}
#newsArea #newsInner dl dd a {
	color: #222;
}
#newsArea #newsInner dl dd a:hover {
	color: #FFCC00;
}

/* -------------------------
  LinkArea
------------------------- */

#linkArea ul {
	width: 240px;
	margin: 0;
}

#linkArea ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#linkArea ul li a {
	display: block;
	text-indent: -999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* -------------------------
  特集バナー
------------------------- */

#linkArea #CM {
	width:240px;
	margin: 0 0 10px 0;
	padding:0;
}

#linkArea #CM .titCM {
	width:240px;
	margin: 0 0 5px 0;
	padding:0;
}

#linkArea #CM .movieCont {
	width:240px;
	margin: 0 0 0 0;
	padding:0;
	text-align: center;
	overflow: hidden;
}

#linkArea #CM .movieContInner {
	width:240px;
	margin: 0 0 0 -1px;
	padding:0;
	position: relative;
}


#linkArea ul#special {
	margin: 0 0 10px 0;
}

#linkArea ul#special li {
	width:240px;
	margin: 0 0 5px 0;
}

#linkArea ul#special li a {
	display: block;
	text-indent: 0;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* -------------------------
  外部リンクバナー
------------------------- */

#linkArea ul#link {
	margin: 0 0 10px 0;
	background-color: #E9FCFE;
	border-top: 10px  solid #E9FCFE;
}

#linkArea ul#link li {
	width:220px;
	margin: 0 10px 10px 10px;
}

#linkArea ul#link li a {
	display: block;
	text-indent: 0;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}


/* -------------------------
  震災メッセージ
------------------------- */

#message_s {
	width: 980px;
	height: 80px;
	
}




.bx-wrapper img{
	height: auto;
}