/*

	style reset

*/

html {
overflow-y: scroll;
}

body {
color: #333;
background: #FFF;
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p, blockquote,
th, td {
margin: 0;
padding: 0;
}

table {
border-spacing: 0;
}

fieldset, img {
border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}

li {
list-style-type: none;
}

caption,
th {
text-align: left;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {
content: '';
}

abbr,
acronym {
border: 0;
font-variant: normal;
}

sup, sub {
line-height: -1px;
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

/* ---- clear fix ---------------- */
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
/* ---- /clear fix ---------------- */


/* ---- Text-align ---------------- */
.txtC {
text-align : center;
}

.txtL {
text-align : left;
}

.txtR {
text-align : right;
}
/* ---- /Text-align ---------------- */


/* ---- Float ---------------- */
.floatL {
float : left;
}

.floatR {
float : right;
}
/* ---- /Float ---------------- */


a:link,
a:visited {
    color:#1F61DB;
}

a:hover {
    color:#F00;
}


.rollover {
}




/*

	style index

*/
body {
	font-size: 12px;
}


a:link,
a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



/*
	style header
*/

#header {
	width: 1000px;
	margin: 10px auto 20px;
	height: 25px;
	position: relative;
}

#header h1 {
padding-left: 9px;
}

#header ul {
	position: absolute;
	right: 0;
	top: 2px;
}

#header li.form a {
	background: url(../img_top/icon_arrow02.gif) 0 center no-repeat;
	padding: 0 0 0 10px;
}

#header form {
	display: inline;
	padding: 0 0 0 1em;
}

#header ul li {
	line-height: 22px;
	padding: 0 1em;
	border-left: 1px solid #CCC;
	display: inline-block;
}
* html #header ul li{ display: inline; zoom: 1; }
*:first-child+html #header ul li{ display: inline; zoom: 1; }

#header form input {
	vertical-align: middle;
}













/*
	style mainimage
*/
#mainimage {
	width: 1000px;
	margin: 0 auto;
}

#mainimage ul.carousel {
	height: 300px;
	overflow: hidden;
}

#mainimage ul.carousel li {
	float: left;
}


#mainimage .pagination {
	margin: 15px 0;
	text-align: center;
}
#mainimage .pagination a {
	background: #CCC;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
	display: inline-block;
}
* html #mainimage .pagination a { display: inline; zoom: 1; }
*:first-child+html #mainimage .pagination a { display: inline; zoom: 1; }

#mainimage .pagination a.selected {
	background: #E60000;
	cursor: default;
}
#mainimage .pagination a span {
	display: none;
}



/*
	style mainimageStatic
*/
#mainimageStatic {
	width: 1000px;
	margin: 0 auto 10px;
}

#mainimageStatic .gift {
	position: relative;
}
#mainimageStatic .gift > p {
	position: absolute;
	left: 29px;
	top: 29px;
}
#mainimageStatic .gift > a {
	position: absolute;
	right: 6px;
	bottom: 6px;
}

#mainimageStatic > ul {
	margin: 8px 0 20px;
	background:#f8f0d2;
	padding: 10px 0 10px 10px;
}
#mainimageStatic > ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 20px;
}










/*
	style menu
*/

#mainmenu {
	background:url(../img_top/menu_bg.gif) top repeat-x;
	text-align: center;
}
#mainmenu ul{
	width: 1001px;
	margin: 0 auto;
	white-space: nowrap;
}
#mainmenu ul li{
	display: inline-block;
}
* html #mainmenu ul li{ display: inline; zoom: 1; }
*:first-child+html #mainmenu ul li{ display: inline; zoom: 1; }

/*
	告知用
*/

.font22b {
	font-size: 130%;
	font-weight: bold;
}
#table02 {
	margin-top: 5px;
	margin-left: 20px;
	/*line-height: 120%;*/
	border-collapse: collapse;
	font-size: 90%;
	border: 1px solid #FF0000;
	background-color: #FFFCDF;
}
#table02 td {
	padding: 8px 12px 2px 12px;
	}
-->

div.emergency {
	width: 990px;
	margin: 10px auto;
}

div.emergency a:hover,
div.emergency a:active,
div.emergency a:link,
div.emergency a:visited {
color: #C00;
}

div.emergency span.ic_pdf,
div.emergency span.ic_new_win {
display: inline-block;
overflow: hidden;
/* text-indent: -9999px; */
}

div.emergency span.ic_pdf {
background: url(/common/img/icon_pdf.gif) left top no-repeat;
width: 26px;
height: 13px;
}

div.emergency span.ic_new_win {
background: url(/common/img/icon_newwin.gif) left top no-repeat;
width: 15px;
height: 13px;
}

table.news{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

table.news td{
	padding: 3px 0px;
}

table.news td.newsdate{
	font-size: 80%;
	line-height: 120%;
	padding-left: 13px;
}






/*
	style recipe
*/
#recipeArea {
	background: url(../img_top/recipe_bg.jpg);
	text-align: center;
	margin: 0 0 20px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #300;
}

#recipeArea div.outer {
	width: 1060px;
	margin: 0 auto;
}

#recipeArea div.inner {
	width: 1000px;
	padding: 0 30px;
	height: 176px;
	position: relative;
}

#recipeArea div.carousel div {
	width: 1000px;
	height: 176px;
	overflow: hidden;
}

#recipeArea div.carousel a {
	display: block;
	float: left;
}

#recipeArea div.carousel a img.photo{
	border: 1px solid #FFF;
	float: left;
}

#recipeArea div.carousel a.month,
#recipeArea div.carousel a.week {
	width: 500px;
	padding: 0px 0 0;
	font-size: 14px;
	line-height: 1.5;
}

#recipeArea div.carousel a.rank01,
#recipeArea div.carousel a.rank02,
#recipeArea div.carousel a.rank03 {
	width: 321px;
	padding: 8px 0 0;
	font-size: 14px;
	line-height: 1.5;
}
#recipeArea div.carousel a.rank02,
#recipeArea div.carousel a.rank03 {
	margin-left: 15px
}

#recipeArea div.carousel a.season01,
#recipeArea div.carousel a.season02,
#recipeArea div.carousel a.season03 {
	width: 262px;
	padding: 32px 0 0;
	margin-left: 16px;
	font-size: 12px;
	line-height: 1.5;
}


#recipeArea div.carousel p {
	float: left;
}

#recipeArea div.carousel dl {
	float: left;
	overflow: hidden;
}
#recipeArea div.carousel a.month img.photo,
#recipeArea div.carousel a.week img.photo {
	margin-top: 15px;
}
#recipeArea div.carousel a.month dl,
#recipeArea div.carousel a.week dl{
	padding: 10px 0 10px 15px;
	width: 305px;
}
#recipeArea div.carousel a.rank01 img.photo,
#recipeArea div.carousel a.rank02 img.photo,
#recipeArea div.carousel a.rank03 img.photo {
	margin-top: 15px;
}
#recipeArea div.carousel a.rank01 dl,
#recipeArea div.carousel a.rank02 dl,
#recipeArea div.carousel a.rank03 dl {
	width: 166px;
	padding:0 0 10px 8px;
	font-size: 14px;
}

#recipeArea div.carousel a.season01 dl,
#recipeArea div.carousel a.season02 dl,
#recipeArea div.carousel a.season03 dl {
	width: 126px;
	padding:0 0 0 4px;
}

#recipeArea div.carousel dl .name  {
	padding: 0 0 0 25px;
	background:url(../img_top/recipe_icon.gif) left top no-repeat;
}

#recipeArea div.carousel .month .name,
#recipeArea div.carousel .week .name {
	font-size: 16px;
	font-weight: bold;
}


#recipeArea a.prev,
#recipeArea a.next {
	width: 19px;
	height: 156px;
	display: block;
	position: absolute;
	top: 10px;
}

#recipeArea .inner a.prev { left:  0; background: url(../img_top/recipe_prev.gif) no-repeat transparent; }
#recipeArea .inner a.next { right: 0; background: url(../img_top/recipe_next.gif) no-repeat transparent; }

#recipeArea a.prev span,
#recipeArea a.next span {
	display: none;
}




/*
	style mainContents
*/
#contentsArea {
	background: url(../img_top/contents_bg.gif) center 20px repeat-x;
}

#contentsArea:before,
#contentsArea:after { content:""; display:table; }
#contentsArea:after { clear:both; }
#contentsArea { zoom:1; }

#contentsArea div.outer {
	width: 1000px;
	margin:0 auto;
}

#contentsArea #leftArea {
	width: 280px;
	float: left;
	padding: 0 15px 0 0;
}

#contentsArea #centerArea {
	width: 410px;
	float: left;
	padding: 0 15px 0 0;
}

#contentsArea #rightArea {
	width: 280px;
	float: left;
}

#contentsArea #leftArea div.block,
#contentsArea #rightArea div.block {
	background: url(../img_top/contents_bg_blockS.gif) center bottom no-repeat;
}
#contentsArea #centerArea div.block {
	background: url(../img_top/contents_bg_blockL.gif) center bottom no-repeat;
}
#contentsArea div.block {
	margin: 0 0 15px;
}
#contentsArea div.block h2 {
	height: 40px;
}

/*
	商品紹介
*/
#contentsArea div.block.product ul.button {
	padding: 8px 0 10px;
	text-align: center;
}
#contentsArea div.block.product ul.button li {
	display: inline;
}

#contentsArea div.block.product div.banner_carousel {
	margin: 0 auto 8px;
	width: 204px;
/*	height: 131px;*/
	overflow: hidden
}

#contentsArea div.block.product div.banner_carousel li {
	margin:0 0 8px;
	float: left;
}


#contentsArea div.block.product p {
	padding: 0 8px 8px;
}
#contentsArea div.block.product p a {
	padding: 0 0 0 12px;
	background: url(../img_top/icon_arrow02.gif) 3px center no-repeat;
}


/*
	品質情報
*/
#contentsArea div.block.quality {
	padding: 0 0 8px;
}
#contentsArea div.block.quality dl {
	margin: 8px;
	border-top: 1px solid #CCC;
	padding: 8px 0 0;
}
#contentsArea div.block.quality dl.first_child {
	padding: 0;
	border-top: none;
}
#contentsArea div.block.quality dt,
#contentsArea div.block.quality dd {
	display: inline-block;
	vertical-align: middle;
}
* html #contentsArea div.block.quality dt,
* html #contentsArea div.block.quality dd { display: inline; zoom: 1; }
*:first-child+html #contentsArea div.block.quality dt,
*:first-child+html #contentsArea div.block.quality dd { display: inline; zoom: 1; }

#contentsArea div.block.quality dd a {
	display: block;
	background: url(../img_top/icon_arrow02.gif) 3px 0.2em no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 2px;
}







/*
	ピックアップ
*/
#contentsArea div.block.pickup div.hide {
	display: none;
}
#contentsArea div.block.pickup dl {
	margin: 8px;
	border-top: 1px solid #CCC;
	padding: 8px 0 0;
}
#contentsArea div.block.pickup dl.first_child {
	padding: 0;
	border-top: none;
}
#contentsArea div.block.pickup div.hide dl {
	padding-bottom: 8px;
}
#contentsArea div.block.pickup dt,
#contentsArea div.block.pickup dd {
	display: inline-block;
	vertical-align: middle;
}
* html #contentsArea div.block.pickup dt,
* html #contentsArea div.block.pickup dd { display: inline; zoom: 1; }
*:first-child+html #contentsArea div.block.pickup dt,
*:first-child+html #contentsArea div.block.pickup dd { display: inline; zoom: 1; }
#contentsArea div.block.pickup dd {
	width: 268px;
}

#contentsArea div.block.pickup dd a {
	display: block;
	background: url(../img_top/icon_arrow02.gif) 3px 0.2em no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 2px;
}


#contentsArea div.block.pickup ul li {
	display:inline-block;
	padding: 8px 0 8px 12px;
}
* html #contentsArea div.block.pickup ul li{ display: inline; zoom: 1; }
*:first-child+html #contentsArea div.block.pickup ul li{ display: inline; zoom: 1; }



/*
	ニュース
*/
#contentsArea div.block.news h2 {
	height: 40px;
}
#contentsArea div.block.news h2 img {
	float: left;
}
#contentsArea div.block.news h2 a {
	float: right;
	width: 131px;
}

#contentsArea div.block.news ul {
	padding: 0 8px 8px;
}
#contentsArea div.block.news ul li {
	padding: 8px 0 4px 12px;
	border-bottom: 1px solid #CCC;
	background: url(../img_top/icon_arrow02.gif) 3px 0.8em no-repeat;
}
#contentsArea div.block.news ul li img {
	margin: 0 0 0 3px;
}



/*
	飾り切りランド
*/
#contentsArea div.block.vienna div.inner {
	padding: 8px;
}
#contentsArea div.block.vienna a.movie,
#contentsArea div.block.vienna a.item {
	display: block;
	overflow: hidden;
	border-bottom: 1px dotted #F60;
	padding: 8px 0;
}
#contentsArea div.block.vienna a.movie img {
	float: left;
}
#contentsArea div.block.vienna a.item img {
	float: left;
	width: 60px;
	margin-left: 10px;
}
#contentsArea div.block.vienna a.movie dl,
#contentsArea div.block.vienna a.item dl {
	margin-left: 100px;
}
#contentsArea div.block.vienna a.movie dl dt,
#contentsArea div.block.vienna a.item dl dt {
	margin: 5px 0 10px;
	padding-left: 12px;
	background: url(../img_top/icon_arrow02.gif) left 0.3em no-repeat;
}
#contentsArea div.block.vienna a.item dd img {
	float: none;
	width: auto;
	margin-left: 0;
}



/*
	ソーシャルメディア
*/
#contentsArea div.block.social {
	padding-bottom: 8px;
}
#contentsArea div.block.social div.inner {
	padding: 8px;
}
#contentsArea div.block.social ul {
	margin: 8px 0;
}
#contentsArea div.block.social ul li {
	display: inline-block;
}
* html #contentsArea div.block.social ul li{ display: inline; zoom: 1; }
*:first-child+html #contentsArea div.block.social ul li{ display: inline; zoom: 1; }

#contentsArea div.block.social hr {
	margin: 8px 0;
	border: none;
	border-top: 1px solid #CCC;
	padding: 0;
	height: 1px;
	overflow: hidden;
}


/*
	モバイルサイト
*/
#contentsArea #rightArea div.block.mobile div.inner {
	padding: 8px;
}

/*
#contentsArea #rightArea div.block.mobile p {
	background:url(../img_top/img_mobile.gif) left top no-repeat;
	font-size: 10px;
	color: #666;
	padding: 60px 0 0 35px;
}
*/



/*
	伊藤ハム米久ホールディングス
*/
#contentsArea #rightArea div.block.holdings h2 {
	background: #FFF;
}
#contentsArea #rightArea div.block.holdings div.inner {
	padding: 12px;
}
#contentsArea #rightArea div.block.holdings div.inner p {
	font-weight: bold;
	padding-left: 12px;
	background: url(../img_top/icon_arrow02.gif) left 0.3em no-repeat;
}






/*
	下部バナー
*/
#content #foot_banner {
	padding: 20px 0 20px;
	clear: both;
	text-align: center;
	width: 1004px;
	margin: 0 auto;
}

#content #foot_banner ul {
	white-space: normal;
}

#content #foot_banner li {
	white-space: normal;
	padding: 0 3px;
	display: inline;
}




/*

	footer style 

*/

#footer {
	padding: 20px 0;
	background:#e6e9ff url(../img_top/footer_bg.gif) left top repeat-x;
	font-size: 12px;
}

#footer #sitemap {
	width: 1000px;
	margin: 10px auto;
}

#footer #sitemap div.block {
	width: 190px;
	vertical-align: top;
	display: inline-block;
}
* html #footer #sitemap div.block { display: inline; zoom: 1; }
*:first-child+html #footer #sitemap div.block { display: inline; zoom: 1; }

#footer #sitemap p,
#footer #sitemap ul li {
	margin: 4px 0;
}
#footer #sitemap p a {
	padding: 0.1em 0 0.1em 15px;
	background: url(../img_top/icon_arrow01.gif) left 0.2em no-repeat;
}
#footer #sitemap ul li a {
	display: block;
	padding: 0.1em 5px 0.1em 15px;
	background: url(../img_top/icon_arrow02.gif) 3px 0.4em no-repeat;
}






#footer #copyright {
	text-align: center;
}

#footer #copyright ul,
#footer #copyright ul li,
#footer #copyright p {
	display: inline;
}

#footer #copyright ul {
	border-left: 1px solid #999;
}
#footer #copyright ul li {
	padding: 0 1em;
	border-right: 1px solid #999;
}

#footer #copyright p {
	display: inline;
	padding: 0 0 0 2em;
}