@charset "utf-8";
/*************************************************************

	COMMON / ページ共通
	
**************************************************** COMMON */
html { height:100%;}
body {
	background-image: url(../img/common/bg_header.png);
	background-repeat:no-repeat;
	background-position: center top;
	behavior: url(/common/js/iepngfix.htc);
	height:100%;
	color:#333;
	background-color:#f7cb00;
}
#forFooter {
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	margin: 0 auto -250px;
	
}
#footerFix {
  height:250px;
}
#footer {
	width:100%;
	height:250px;
	background: url(../img/common/bg_wave.png);
	background-repeat: repeat-x ;
	background-position:center bottom;
	behavior: url(/common/js/iepngfix.htc);
}
#footerShip {
	width:100%;
	height:250px;
	background: url(../img/common/bg_footer.png);
	background-repeat: no-repeat ;
	background-position:center bottom;
	behavior: url(/common/js/iepngfix.htc);
}
#footerMid {
	width:900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 230px;
}
#copyright {
	color: #fff;
}
#footerIcon img {
  position:absolute;
	top:36px;
	right:-70px;
	z-index:-10;
}
#container {
  width:900px;
	margin-left:auto;
	margin-right:auto;
}
#wrapper { 
}
#wrapperMid {
	background-color:#fff;
	display:block;
	padding-right: 15px;
	padding-left: 15px;
}
/****** HEADER ****************************/
#headerLink {
  text-align:right;
	height:30px;
	line-height:30px;
	font-size:13px;
  font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
#header {
  height:495px;
}
#header h1 , #header h1 a , #headerNews h1 , #headerNews h1 a , #headerOrder h1 , #headerOrder h1 a , #headerProducts h1 , #headerProducts h1 a {
	background-image: url(../img/common/logo.png);
	background-repeat:no-repeat;
	width:564px;
	float:left;
	height:74px;
	behavior: url(/common/js/iepngfix.htc);
	display: block;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/* */
}
.toPageTop {
  text-align:right;
	padding-top:10px;
	font-size:14px;
}
.toPageTop a {
	color:#003c7d;
}
.toPageTop a:hover {
	color:#003c7d;
  background-color:#FFD900;
}

/**********************   Pager for News   **********************/

#newsPager .pagerbox{
	border: 2px solid #fff;
  background-color:#005F97;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}

#newsPager a.pagerbox:link {
	border: 2px solid #fff;
  background-color:#005F97;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}
#newsPager a.pagerbox:visited {
	border: 2px solid #fff;
  background-color:#005F97;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}
#newsPager a.pagerbox:active {
	border: 2px solid #fff;
  background-color:#005F97;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}
#newsPager a.pagerbox:hover {
	border: 2px solid #005F97;
  background-color:#fff;
	display:inline-block;
	line-height:1;
	color:#005F97;
	padding:5px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}

#newsPager .curpagebox{
	border: 2px solid #005F97;
  background-color:#fff;
	display:inline-block;
	line-height:1;
	color:#005F97;
	padding:5px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}

/**********************   Pager for Recipe   **********************/

#recipePager .pagerbox{
	border: 2px solid #fff;
  background-color:#FFA111;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}

#recipePager a.pagerbox:link {
	border: 2px solid #fff;
  background-color:#FFA111;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}
#recipePager a.pagerbox:visited {
	border: 2px solid #fff;
  background-color:#FFA111;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}
#recipePager a.pagerbox:active {
	border: 2px solid #fff;
  background-color:#FFA111;
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:6px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}
#recipePager a.pagerbox:hover {
	border: 2px solid #FFA111;
  background-color:#fff;
	display:inline-block;
	line-height:1;
	color:#FFA111;
	padding:5px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}

#recipePager .curpagebox{
	border: 2px solid #FFA111;
  background-color:#fff;
	display:inline-block;
	line-height:1;
	color:#FFA111;
	padding:5px 10px;
	margin-right:10px;
	text-align:center; font-size:18px; font-weight:bold; font-family:Arial, sans-serif;
	text-decoration:none;
}


/*************************************************************
**	GLOBALNAVI  **********************************************
************************************************* GLOBALNAVI */
#globalNavi , #en_globalNavi {
	/*
	position:relative;
	position:fixed;
	*/

	position:relative;
	z-index:10000;
}
#globalNavi ul , #en_globalNavi ul {
	/*
	position:absolute;
	*/
	
	position:absolute;
	height: 47px;
	width: 900px;
	z-index:1000;
}
#globalNavi ul li {
	cursor:pointer;
	width:123px;
	height:38px;
	padding-right:2px;
	float:left;
	display:block;
	/*\*/
	overflow:hidden;
	/* */
}
#en_globalNavi ul li  {
	width:123px;
	height:38px;
	padding-right:2px;
	float:left;
	display:block;
	cursor:pointer;
	/*\*/
	overflow:hidden;
	/* */
}
#accordion { 
  background-color:#CC6666; 
	width:220px;
	margin-right:2px;
	position:absolute;
	left:254px;
	top:36px;
	border:2px solid #00A5CA;
	background-color:#fff;
	padding:8px 5px;
	line-height:2;
	font-size:14px;
	z-index:100000;
}
#accordion2 { 
	width:220px;
	margin-right:2px;
	position:absolute;
	left:131px;
	top:36px;
	border:2px solid #00A5CA;
	background-color:#fff;
	padding:8px 5px;
	line-height:2;
	font-size:14px;
	color:#333;
	z-index:100000;
}
#navi01 , #navi01 a {
	background-position: 0 -38px ;
	margin-right:2px;
}
#navi01 a:hover {
	background-position: 0 0 ;
	margin-right:2px;
}
#navi02 , #navi02 a {
	background-position: -125px -38px;
	margin-right:2px;
}
#navi02 a:hover {
	background-position: -125px 0px;
	margin-right:2px;
}
#navi03 , #navi03 a {
	background-position: -250px -38px ;
	margin-right:2px;
}
#navi03 a:hover {
	background-position: -250px 0 ;
	margin-right:2px;
}
#navi04 , #navi04 a {
	background-position: -375px -38px ;
	margin-right:2px;
}
#navi04 a:hover {
	background-position: -375px 0 ;
	margin-right:2px;
}
#navi05 , #navi05 a {
	background-position: -500px -38px ;
	margin-right:2px;
}
#navi05 a:hover {
	background-position: -500px 0 ;
	margin-right:2px;
}
#navi06 , #navi06 a {
	background-position: -625px -38px ;
	margin-right:2px;
}
#navi06 a:hover {
	background-position: -625px 0 ;
	margin-right:2px;
}
#navi07 , #navi07 a {
	background-position: -750px -38px ;
	margin-right:2px;
}
#navi07 a:hover {
	background-position: -750px 0 ;
	margin-right:2px;
}
/*************************************************************

	TITLE / タイトル用
	
***************************************************** TITLE */
h2#titleNews    {
	width: 625px;
	background: url(../img/title/news_top.gif) no-repeat;
	text-align: right;
	height: 19px;
	padding-right:25px;
	padding-top:16px;
}
h2#titleRecipe  {
	width: 625px;
	background: url(../img/title/recipe_top.gif) no-repeat;
	text-align: right;
	height: 19px;
	padding-right:25px;
	padding-top:16px;
}

h4.subtitleChild {
	background-image: url(../img/icon/point_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:40px;
	display: block;
	vertical-align:middle;
	height:26px;
	line-height:26px;
	font-size: 18px;
}
h4.subtitleChild2 {
	background-image: url(../img/icon/point_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:40px;
	display: block;
	vertical-align:middle;
	height:26px;
	line-height:26px;
	font-size: 18px;
}
h4.subtitleLink {
	background-image: url(../img/icon/point_green.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:40px;
	display: block;
	vertical-align:middle;
	height:26px;
	line-height:26px;
	font-size: 18px;
}
h4.subtitle {
	background-image: url(../img/icon/point_yellow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:40px;
	display: block;
	vertical-align:middle;
	height:26px;
	line-height:26px;
	font-size: 18px;
}
.accessTitle {
	background-image: url(../img/icon/point_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:40px;
	display: block;
	vertical-align:middle;
	height:26px;
	line-height:26px;
	font-size: 18px;
}

/*************************************************************

	TOPPAGE / トップページ用
	
*************************************************** TOPPAGE */
#contents {
  float:left;
	width:650px;
	padding-right:10px;
}
#bannerArea {
	float:right;
	width:240px;
}
#bannerArea p img , #bannerArea p a img {
	padding-bottom:15px;
}

/*************** NEWSFLASH **********************************/
.newsflashLeft {
  float:left;
	width:160px;
	padding-right:10px;
	clear:both;
}
.newsflashRight {
  float:left;
	width:440px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height:1.5;
	margin-top:6px;
}
#newsflashMid {
	background: url(../img/bg_corner/news_flash_mid.gif) repeat-y;
	display: block;
	padding: 10px 25px 10px 15px;
}
#newsflashMid h3 {
  float:left;
	width:440px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height:1.5;
	margin-top:6px;
}
#newsflashMid {
	background: url(../img/bg_corner/news_flash_mid.gif) repeat-y;
	display: block;
	padding: 10px 25px 10px 15px;
}
.calendarMid {
	font-size: 14px;
	background: #fff;
	width: 160px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color:#cf0000;
	text-align: center;
}

#lightboxalertbg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 20000;
	left: 0px;
	top: 0px;
}
.lightboxalert {
  width:647px;
	position:absolute;
	display:none;
	z-index: 30000;
	top:100px;
	left:177px;
	filter: alpha(opacity=0); 
	-moz-opacity:0.0; 
	opacity:0.0;
}
.lightboxalert .newsflashMid {
	background: #c90000;
	width: 615px;
	padding-right: 15px;
	padding-left: 15px;
	border-right:2px solid #fff;
}
.lightboxalert .newsflashTopBG{
	position:relative;
	width:647px;
	height:45px;
	z-index:30001;
	/*
  background-image:url(../img/title/newsflash_popup.png);
	background-repeat:no-repeat;
	background-position: left top;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/img/title/newsflash_popup.png', sizingMethod='scale');
	*/
}
.lightboxalert #newsflashTop{
	position:absolute;
	width:647px;
	height:45px;
	top:0;
	left:0;
	z-index:30002;
}
.lightboxalert .newsflashClose {
	/*
  background-image:url(../img/title/newsflash_popup.png);
	behavior: url(/common/js/iepngfix.htc);
	background-repeat:no-repeat;
	background-position: left top;
	width:647px;
	height:45px;
	*/
	text-align:right;
	display:block;
	
	position:absolute;
	right:15px;
	top:15px;
	z-index:40000;
}
.lightboxalert .calendarMid {
	font-size: 14px;
	background: #fff;
	width: 150px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color:#cf0000;
	padding-left:10px;
}


/*************** NEWS **********************************/
#newsTopMid {
	background: url(../img/bg_corner/white_mid.gif) repeat-y;
	display: block;
	padding: 10px 25px 10px 15px;
}
.newsTopLeft {
  float:left;
	width:96px;
	padding-right:10px;
	clear:both;
}
.newsTopRight {
	float:left;
	width:393px;
	padding-right:10px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height:1.5;
}
.newsTopPic {
  float:left;
	width:96px;
	height:72px;
}
.newsTopRight h3 {
	font-size: 18px;
	background: url(../img/common/line_news.gif) no-repeat left bottom;
	padding-bottom: 2px;
	margin-bottom: 1px;
}
.newsTopRight h3 a {
}
.newscalendarMid {
	font-size: 40px;
	font-weight:bold;
	background-color: #005f97;
	width: 96px;
	font-family:Arial, sans-serif;
	color:#fff;
	text-align:center;
	line-height:1;
}
.newscalendarMid p {
	font-size: 18px;
	line-height:1;
}

/*************** RECIPE **********************************/
#recipeTopMid {
	background: url(../img/bg_corner/white_mid.gif) repeat-y;
	display: block;
	padding: 10px 25px 10px 15px;
}
.recipeTopLeft {
  float:left;
	width:120px;
	padding-right:10px;
	clear:both;
}
.recipeTopRight {
	float:left;
	width:480px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 18px;
	line-height:1.5;
}
.recipeTopRight h3 {
	float:left;
	width:390px;
	padding-top:5px;
	padding-left:10px;
	display:block;
}
.recipeTxt {
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height:1.5;
	clear:both;
	padding-top: 3px;
}
.recipeDate {
	font-size: 14px;
	background: #ffa111;
	width: 80px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color:#fff;
	text-align:center;
}

#magazineTop {
	padding-left:180px;
	height:90px;
	background-image:url(../img/icon/hokkai.gif);
	background-repeat:no-repeat;
	font-size: 14px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.5;
	margin-top:15px;
	padding-top: 20px;
}
#pleaseMid {
	background: #fff;
	width: 870px;
	font-size: 14px;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.5;
	padding-right: 15px;
	padding-left: 15px;
	text-align:justify;
	text-justify: inter-ideograph;
}
#pleaseMid span {
	font-size: 18px;
}
.topCalendar {
	width:80px;
	float:left;
}
.pngfix { behavior: url(/common/js/iepngfix.htc); }
.fit {
	text-align:justify;
	text-justify: inter-ideograph;
}