@charset "Shift_JIS";
/*********************************************

 　　　　2010.10.18　トップページ改修時作成

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


/*********************************************
 　　　　reset
**********************************************/
html{margin: 0;padding: 0}

h1,h2,h3,h4,h5,p,div,table,td,th,dd,dt,dl,img{ margin: 0; padding: 0; border: 0; }

hr{display: none;}

ul,li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

body#MainBody{
	color: #333;
	font-size: 12px;
	font-style: none;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	}

body#MainBody a{
	color: #333;/*

	text-decoration: underline;
*/
	}
body#MainBody a:hover{
	color: #666;
	text-decoration: underline;
	}
	
body#MainBody div#Container,
body#MainBody div#Header{
	width: 760px;
	}
body#MainBody div.InnerBlock,
body#MainBody div#CategoryBlock{
	width: 731px;
	margin: 10px auto;
	}
	

body#MainBody div#SlideContents {
	width: 727px;
	margin: 10px auto;
}

body#MainBody div#SlideContents.item {
	margin:10px 0;
}

/*Header*/
body#MainBody div#Header{
	height: 103px;
	position: relative;
	}
body#MainBody div#Header h1{
	position: absolute;
	top: 5px;
	left: 5px;
	}
body#MainBody div#Header p{
	position: absolute;
	top: 0px;
	left: 642px;
	}

/*GlobalNavigation*/
body#MainBody div#Header ul{
	position: absolute;
	top: 63px;
	left:0px;
	height: 40px;
	}
body#MainBody div#Header ul li{
	float: left;
	overflow: hidden;
	}
body#MainBody div#Header ul li,
body#MainBody div#Header ul li a span{
	width: 152px;
	height: 40px;
	display: block;
	background-image:url(../img/tab.gif);
	/*text-indent: -9999px;*/
	background-repeat: no-repeat;
	}
body#MainBody div#Header ul li#Gnavi01 a       span{ background-position: 0 0;}
body#MainBody div#Header ul li#Gnavi01 a:hover span{ background-position: 0 -40px;}
body#MainBody div#Header ul li#Gnavi02 a       span{ background-position: -152px 0;}
body#MainBody div#Header ul li#Gnavi02 a:hover span{ background-position: -152px -40px;}
body#MainBody div#Header ul li#Gnavi03 a       span{ background-position: -304px 0;}
body#MainBody div#Header ul li#Gnavi03 a:hover span{ background-position: -304px -40px;}
body#MainBody div#Header ul li#Gnavi04 a       span{ background-position: -456px 0;}
body#MainBody div#Header ul li#Gnavi04 a:hover span{ background-position: -456px -40px;}
body#MainBody div#Header ul li#Gnavi05 a       span{ background-position: -608px 0;}
body#MainBody div#Header ul li#Gnavi05 a:hover span{ background-position: -608px -40px;}

/*SlideArea*/
body#MainBody div#SlideContents{height: 307px; clear: both;}

/*InnerBlock*/
body#MainBody div.InnerBlock01{ 
	width: 733px;
	background: url(../img/bg_innnerblock.gif) no-repeat ;
	clear: both;
	margin: 0 auto 15px auto;
	}
body#MainBody div.InnerBlock02{ 
	background:url(../img/squarearrow.gif) no-repeat center bottom;
	width: 733px;
	}
body#MainBody div.InnerBlock03{ 
	width: 733px;
	padding-bottom:5px;
	}
	
body#MainBody div.InnerBlock03:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
 }

body#MainBody div.InnerBlock01 div.Special,
body#MainBody div.InnerBlock01 div.News{ 
	width: 493px;
	margin: 10px 0;
	float: left;
	padding-bottom: 5px;
	}
body#MainBody div.InnerBlock01 div.Special h3,
body#MainBody div.InnerBlock01 div.News h3{ 
	width: 453px;
	margin: 0 20px;
	}
body#MainBody div.InnerBlock01 div.Recipe,
body#MainBody div.InnerBlock01 div.Movie{
	 width: 238px;
	 margin: 10px 0;
	 float: left;
	 }
body#MainBody div.InnerBlock01 div.Recipe h3,
body#MainBody div.InnerBlock01 div.Movie h3
{padding: 0 8px 5px 10px; }

/*Recipe*/
body#MainBody div.InnerBlock01 div.NewRecipe,
body#MainBody div.InnerBlock01 div.PickupRecipe{ 
	width: 215px;
	margin: 10px auto;
	}
body#MainBody div.InnerBlock01 div.RecipePh { 
	width: 195px;
	height:117px;
	background:url(../img/bg_recipe.gif) no-repeat 0 0;
	padding: 9px;
	margin: 0 auto;
	}/*

body#MainBody div.InnerBlock01 div.RecipePh img { 
	border: 1px solid #fff;
	}
*/

body#MainBody div.InnerBlock01 div.Recipe h4{
	font-weight: bold;
	color: #c52e27;
	border-left: 2px #c52e27 solid;
	padding-left: 3px;
	font-size: 12px;
	}
body#MainBody div.InnerBlock01 div.Recipe h4.new{
	display: block;
	width: 130px;
	float: left;
	}
body#MainBody div.InnerBlock01 div.Recipe span.RecipeDate{
	font-size: 10px;
	color: #17680a;
	width: 79px;
	display: block;
	float: left;
	}
body#MainBody div.InnerBlock01 div.Recipe ul.RecipeList{
	display: block;
	clear: both;
	}
body#MainBody div.InnerBlock01 div.Recipe ul li{ 
	background: url(../img/puret.png) no-repeat 0 3px;
	padding-left: 15px;
	}

/*News*/
body#MainBody div.InnerBlock01 div.News{
	position: relative;
	}
body#MainBody div.InnerBlock01 div.News ul{ 
	width: 463px;
	margin: 10px 10px 10px 20px;
	overflow: auto;
	height: 260px;
	}
body#MainBody div.InnerBlock01 div.News ul li{
	border-bottom: 1px dotted #b8b8b8;
	padding: 5px 0;
	}
body#MainBody div.InnerBlock01 div.News ul li{
	zoom: 100%;
}
body#MainBody div.InnerBlock01 div.News ul li:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
 }
body#MainBody div.InnerBlock01 div.News ul li span.NewsDate{ 
	color: #699e00;
	font-weight: bold;
	width: 110px;
	float: left;
	display: block;
	}
body#MainBody div.InnerBlock01 div.News ul li a{ 
	width: 320px;
	display: block;
	float: left;
	}
body#MainBody div.InnerBlock01 div.News p.btnIR{ 
	position: absolute; 
	top: 5px; 
	left: 276px;
	width: 101px;
	height: 20px;
	overflow: hidden;
	 }
body#MainBody div.InnerBlock01 div.News p.btnMore{ 
	position: absolute;
	top: 5px;
	left: 382px;
	width: 101px;
	height: 20px;
	overflow: hidden;
	}
body#MainBody div.InnerBlock01 div.News p.btnIR a span,
body#MainBody div.InnerBlock01 div.News p.btnIR a:hover span,
body#MainBody div.InnerBlock01 div.News p.btnMore a span,
body#MainBody div.InnerBlock01 div.News p.btnMore a:hover span{
	width: 101px;
	height: 20px;
	display: block;
	background-image: url(../img/btn_news.gif);
	background-repeat:no-repeat;
	}

body#MainBody div.InnerBlock01 div.News p.btnIR a         span{background-position: 0 0;}
body#MainBody div.InnerBlock01 div.News p.btnIR a:hover   span{background-position: 0 -20px;}
body#MainBody div.InnerBlock01 div.News p.btnMore a       span{background-position: 0 -40px;}
body#MainBody div.InnerBlock01 div.News p.btnMore a:hover span{background-position: 0 -60px;}

/*Movie*/
body#MainBody div.InnerBlock01 div#MovieArea {width: 143px; height: 107px; margin: 5px auto 15px auto;}
body#MainBody div.InnerBlock01 p.MovieBtn ,
body#MainBody div.InnerBlock01 p.MovieBtn a span,
body#MainBody div.InnerBlock p.MovieBtn a:hover span{ 
	width: 112px;
	height: 26px;
	margin: 0 auto;
	display: block;
	background: #fff;
	overflow: hidden;
	}
body#MainBody div.InnerBlock01 p.MovieBtn a span,
body#MainBody div.InnerBlock01 p.MovieBtn a:hover span{ 
	background: url(../img/moviebtn.gif) no-repeat 0 0;
	}
body#MainBody div.InnerBlock01 p.MovieBtn a:hover span{ 
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}
/*Special*/
body#MainBody div#SpecialInner{
	width: 460px;
	margin: 5px 22px 0 22px;
	background: url(../img/grayline.gif) repeat-x center top;
	padding-top: 10px;
	}
*html body#MainBody div#SpecialInner{
	margin: 0 16px;
	}
body#MainBody div#SpecialInner:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
body#MainBody div.Special div#SpecialInner ul{
	width: 230px;
	float: left;
	}
body#MainBody div.Special div#SpecialInner ul li{
	padding-left: 15px;
	}
body#MainBody div.Special div#SpecialInner ul li.know{
	background: url(../img/icon_know.png) no-repeat 0 2px;
	}
body#MainBody div.Special div#SpecialInner ul li.fun{
	background: url(../img/icon_fun.png) no-repeat 0 2px;
	}
body#MainBody div.Special div#SpecialInner ul li.make{
	background: url(../img/icon_make.png) no-repeat 0 2px;
	}
/*Category*/
body#MainBody div#CategoryBlock{
	clear: both;
	background: url(../img/bg_cate.jpg) center bottom no-repeat;
	width: 730px;
	margin-bottom: 30px;
	 }
body#MainBody div#CategoryBlock:after{ 
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
     }
body#MainBody div.CateGroumet,
body#MainBody div.CateRecipe,
body#MainBody div.CateProducts{
	float: left;
	width: 234px;
	}
body#MainBody div.CateGroumet h3 img,
body#MainBody div.CateRecipe h3 img,
body#MainBody div.CateProducts h3 img{
	width: 234px;
	}
body#MainBody div.CateRecipe{
	margin-right: 15px;
	}
body#MainBody div.CateProducts{
	margin-left: 13px;
	}
body#MainBody div#CategoryBlock ul{
	width: 210px;
	margin: 10px auto;
	overflow: hidden;
	position: static;
	 }
body#MainBody div#CategoryBlock ul li{
	padding-left: 15px;
	padding-bottom: 5px;	line-height: 1.5em;
	 }
body#MainBody ul li.arrow{
	background: url(../img/puret.png) no-repeat 0 3px;
	}

div#Shinsai{
	border: 1px solid #ccc;
	margin: 10px auto;
	padding: 10px 10px 10px 10px;
	width: 376px;
	}
div#Shinsai p{
	text-align: left;
	}
div#Shinsai p.name{
	text-align: right;
	}
div#Shinsai p.link{
	padding: 15px 0 0 0;
	text-align: left;
	}