* {
	margin: 0;
	padding: 0;
}

body {
background: #F8F8F8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
letter-spacing: 1px;
line-height: 1.4em;
}

a {
text-decoration: none;
color: #FF7F00;
}
a:visited {
color: #FF7F00;
}
a:hover {
text-decoration: underline;
color: #FF7F00;
}
a:active {
color: #999999;
}
/*
ul { list-style-type: none; margin: 0; padding-left: 0px; }
ul li { padding: 0 0 3px 0; border-bottom: 1px dotted #000; }
ul li a { }
ul li a:hover { text-decoration: none; color: #000; }
*/
img,a img { border: none; padding:0;margin:0; vertical-align: top;}

#header {
	background: #fff url(images/common/header/header01.gif) repeat-x;
	height: 201px;
	}

#headerContent {
margin: 0px auto;
width: 850px;
background: #FFF;
padding: 0;
}

#SiteTitle {
	padding: 0;
	margin: 0;
}
#logo { 
margin: 0;
padding: 0;
text-align: right;
background: #FFF url(images/common/header/header03.gif) repeat-x;
}

#menu {
margin: 0;
height: 55px;
}
#menu ul {
list-style-type: none;
padding: 0;
}
#menu ul li {
display: block;
float: left;
border: none;
}


#wrap {
margin: 0px auto;
width: 850px;
background: #fff;
padding: 0;
}

#pan {
padding: 10px 0 3px 0;
margin: 0 0 25px 0;
border-bottom: #CCC dotted 3px;
}
#panlist {}
#panlist a {
color: #FF7F00;
padding: 0 10px ;
}

#main {
margin: 0;
padding: 0;
background: #F8F8F8;
}
#main h2 { 
color: #000;
font-size: 17px;
font-weight: 100;
letter-spacing: -1px;
}
#main h2 a {
}

.topreturn {
	text-align:right;
	padding: 28px 0 0 0 ;
}

#footer { 
margin: 20px 0 0 0;
background: #F8F8F8 url(images/common/footer_bg.png) repeat-x;
}

#footerContent { 
margin: 0 auto;
width: 850px;
padding: 60px 0 0 0;
height: 45px;
position:relative;
}

#footerRight {
float: right;
text-align: right;
width: 550px;
font-size: 11px;
line-height: 1.3em;
}

#footerLeft {
position:absolute;
bottom:0;
}

.footerContentImg {
float: right;
margin: 0 0 0 15px;
}

#footerContent ul {
list-style-type: none;
padding: 0;
}
#footerContent ul li {
display: block;
float: left;
}

#footerBold { font-size: 14px; font-weight: bold;}

#copy {
text-align: right;
height: 30px;
background: #3A2A1F;
margin: 5px 0 0 0;
color: #FFF;
}

#copyContent { 
margin: 0px auto;
width: 850px;
padding: 5px 0 0 0 ;
font-size: 9px;
}

/* ----  index ----*/

#indexbody {
	background: #000 url(images/index/mainbg_image03.jpg) no-repeat 50% 50% fixed;
	min-height:81%;
}
#indexheaderbg { background: url(images/index/head_top2.png) repeat-x ; padding: 0; margin: 0; }
#indexheader { margin: 0 auto; padding: 5px 0 0 0; width: 850px; }


#indexNewsBox { width: 850px; margin: 0 auto; padding: 8px 0 0 0; }
#indexNewsBoxLeft { width: 270px; float: left;}
#indexNewsBoxRight { width: 580px; float: left; text-align: left;}

.indexNews01 { 
	width: 526px;
	height: 49px;
	background: #CCC;
	font-size: 11px;
	color: #252525;
	padding: 8px 27px;
	line-height: 1.3em;
}

.indexNews02 {
	width: 526px;
	height: 49px;
	background: #FFF;
	font-size: 11px;
	color: #252525;
	padding: 8px 27px;
	line-height: 1.3em;
}

.indexNews01 h2 , .indexNews02 h2 { font-size: 12px; color: #FF0000; font-weight: bold; padding: 0 0 2px 0; }
#indexNewsBoxBorder { clear: both; }

#indexgmenubox {
	margin: -30px 0 0 0;
	text-align: center;
	background: url(images/index/indexfooter_bg.png) repeat-x 0px 10px;
}

ul#indexgmenu { margin: 0 auto; width: 850px; }
    
ul#indexgmenu li {
    padding: 0px;
    margin: 0 ;
    display: inline-block;
    *display: inline; /* IE 7 and below */
    position: relative;    
    width: 120px;
    height: 63px;
}

ul#indexgmenu li img {
    width: 132px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 1px 0 0;
    border: none;
}

#indexfooter { margin: 0 ; background: #000 url(images/index/footer_bg01.gif) repeat-x;}

#indexfooterContent { 
margin: 0 auto;
width: 850px;
padding: 10px 0 0 0;
height: 45px;
position:relative;
}

#indexfooterContent ul { list-style-type: none; padding: 0; }
#indexfooterContent ul li { display: block; float: left; }

#indexfooterBold { font-size: 14px; font-weight: bold;}

#indexcopy {
	text-align: center;
	height: 30px;
	background: #000;
	color: #FFF;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


/* ----  about ----*/

#aboutmain {
margin: 0px auto;
width: 800px;
padding: 0;
}

#submenu {
margin: 0 0 5px 0;
height: 51px;
}
#submenu ul {
list-style-type: none;
padding: 0;
text-align: center;
padding-left:0.5em;
}
#submenu ul li {
margin-left:-0.5em;
display: inline;
}

#aboutmain h3 {
margin: 23px 0 0 0;
}

.aboutContent {
margin: 0;
background: #FFF;
}

.aboutContentImg {
float: right;
margin: 15px;
}

.aboutContent p {
padding: 15px; 
}

.clear {clear: both;}


/* ----  contact ----*/

#contactmain {
margin: 0px auto;
width: 800px;
padding: 0;
}

table.form {
width: 100%;
background: #CCC;
padding: 0 0 20px 0;
}

table.form th {
	width: 20%;
	padding: 11px 15px;
	text-align: left;
}

table.form th span {
	color: #FF0000;
}

table.form td {
	width: 80%;
	padding: 11px 0;
}

.cellsil {
background: #E0E0E0;
}

#sendbutton {
	text-align: right;
	padding: 30px 0 15px 0;
}

#sendbutton input { padding: 0 0 0 10px;}

/* ----  menu ----*/

#menumain {
margin: 0px auto;
width: 800px;
padding: 0;
}

.menuContent {
margin: 0 0 20px 0;
background: #FFF;
}

.menuBox {
	width: 160px;
	height: 120px;
	margin: 10px 19px;
	float: left;
}
.menuBox p {
	font-size: 16px;
	font-weight: bold;
	color: #513B2D;
	padding: 0 0 15px 0;
}

#toppin { font-size: 16px; color:#513B2D; font-weight: bold;}
#toppin ul { list-style-type: none; padding: 10px 0 10px 50px; }
#toppin ul li { display: inline;}

#eachmenu { 
	color:#444;
	font-size:15px;
	padding: 18px 55px;
	font-weight:bold;
	background:#FCEBEB;
	}

.menutContentImg {
float: right;
margin: 15px;
}

#eachShopLis { font-size: 17px; font-weight: bold;}
#eachShopLis ul { list-style: none; padding: 13px 0 13px 40px; }
#eachShopLis ul li { padding: 7px 0;}


/* ----  news ----*/

#newsmain {
margin: 0px auto;
width: 800px;
padding: 0;
color: #252525;
}

.News01 { background: #D8D8D8; padding: 10px 0 10px 40px; }
.News02 { background: #FFF; padding: 10px 0 10px 40px; }

#newsmain h2 { font-size: 15px; color: #FF0000; font-weight: bold; padding: 0 0 5px;}

/* ----  recruit ----*/

#recruitmain {
margin: 0px auto;
width: 800px;
padding: 0;
}

.recruitContent {
padding: 20px 40px;
background: #FFF;
font-size: 15px;
font-weight: bold;
}

.recruitContent p { padding: 0 0 15px; }


/* ----  retort ----*/

#retortmain {
margin: 0px auto;
width: 800px;
padding: 0;
}

#retortmain h3 {
margin: 23px 0 0 0;
}

*:first-child+html #retortmain h3 img{
margin: 23px 0 0 0;
}

.retortContent {
padding: 30px 0 25px 0;
background: #FFF;
}

#retortContentLeft {
	width: 250px;
	float: left;
	color: #513B2D;
	font-size: 14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	}

#retortContentLeft p {padding: 3px 0 0 0; }

#retortContentRight { 
	width: 510px;
	float: left;	
	}

table#retortLineUp {
	font-size: 15px;
}

table#retortLineUp th {
	padding: 3px 10px 3px 0px;
	text-align: left;
}

table#retortLineUp td {
	padding: 3px 0;
}

#buyAnnounce {
	background: #F4D4D9;
	margin: 5px 33px 10px 178px;
	padding : 15px;
	font-size: 12px;
}

#retortContentDesc { padding: 0 30px; }
#recipeBox { padding: 10px 25px 0 20px; }

.recipeThumbBox { 
	width: 240px;
	float: left;
	margin: 0 0 0 10px;
	}
	
.recipeThumbBox p { text-align: center; padding: 10px 0 15px 0; }

/* ----  retortSub ----*/

#retortSubmain {
margin: 0px auto;
width: 800px;
padding: 0;
}

#retortSubmain h3 {
margin: 23px 0 0 0;
}

.retortSubContent {
padding: 20px 0 25px 0;
background: #FFF;
height: 100%;
}

#retortSubContentLeft { width: 350px; float: left; color: #513B2D; font-size: 14px; padding: 0 0 0 25px; }

#retortSubContentLeft p {padding: 3px 0 0 0; color: #000; }

#retortSubContentRight {  width: 420px; float: left; padding: 0 0 0 5px; }
#retortSubContentRight h4 { font-size: 18px; padding: 0 0 8px 0;}
#baseTitle { font-size: 18px; padding: 0 0 8px 0; font-weight: bold;}
#cookingDesc { font-weight: bold; padding: 0 0 5px 0;}

#cookingDescLeft { width: 290px; float: left; color: #513B2D; padding: 0; }
#cookingDescRight {  width: 130px; float: left; padding:0; }

#cookingDescLeft p , #cookingDescRight p { padding: 2px 0; }

.methodDesc { padding: 0 50px; }
.methodDesc p { padding: 2px 0; }


/* ----  shop ----*/

#shopmain {
margin: 0px auto;
width: 800px;
padding: 0;
}

.shopContent {
	padding: 10px 0 20px 40px;
	margin: 0 0 15px 0;
	background: #FFF;
}

.shopContent h3{ font-size: 16px; font-weight: bold; padding: 0 0 20px 0; }
.shopContent p {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 10px;
}

.shopContentImg {
float: right;
margin: 10px;
}

.pBlock p {
	padding-top: 0px;
	margin-top: 0px;
	display: block;
}
/* ----  popupmenu ----*/

#mainImg {
	width: 600px;
}

#mapSection {
	width: 600px;
	height: 40px;
	text-align: center;
	background: #666 ;
	padding: 10px 0 0 0;
}


/* ---- index IE7 ---- */

*:first-child+html #indexbody {
	background: #000 url(images/index/mainbg_image03.jpg) no-repeat 50% 50% fixed;
	min-height:81%;
}
*:first-child+html #indexheaderbg { background: url(images/index/head_top2.png) repeat-x ; padding: 0; margin: 0; }
*:first-child+html #indexheader { margin: 0 auto; padding: 5px 0 0 0; width: 850px; }


*:first-child+html #indexNewsBox { width: 850px; margin: 0 auto; padding: 8px 0 0 0; clear: both;}
*:first-child+html #indexNewsBoxLeft { width: 270px; float: left;}
*:first-child+html #indexNewsBoxRight { width: 580px; float: left; text-align: left;}

*:first-child+html .indexNews01 { 
	width: 526px;
	height: 49px;
	background: #CCC;
	font-size: 11px;
	color: #252525;
	padding: 8px 27px;
	line-height: 1.3em;
}

*:first-child+html .indexNews02 {
	width: 526px;
	height: 49px;
	background: #FFF;
	font-size: 11px;
	color: #252525;
	padding: 8px 27px;
	line-height: 1.3em;
}

*:first-child+html .indexNews01 h2 , .indexNews02 h2 { font-size: 12px; color: #FF0000; font-weight: bold; padding: 0 0 2px 0; }
*:first-child+html #indexNewsBoxBorder { padding: 0; margin: -10px 0 0 0;}

*:first-child+html #indexgmenubox { margin: -30px 0 0 0; text-align: center; background: url(images/index/indexfooter_bg.png) repeat-x 0px 10px;
}

*:first-child+html ul#indexgmenu { margin: 0 auto; width: 850px; padding:0 0 63px 0;}
    
*:first-child+html ul#indexgmenu li {
    padding: 0 63px;
    margin: 0;
    display: inline;
    width: 140px;
    height: 63px;
}

*:first-child+html ul#indexgmenu li img {
    width: 132px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 1px 0 0;
    border: none;
}

*:first-child+html #indexfooter { margin: 0 ; background: #000 url(images/index/footer_bg01.gif) repeat-x; }

*:first-child+html #indexfooterContent { 
margin: 0 auto;
width: 850px;
padding: 10px 0 0 0;
height: 45px;
position:relative;
}

*:first-child+html #indexfooterContent ul { list-style-type: none; padding: 0; }
*:first-child+html #indexfooterContent ul li { display: block; float: left; }

*:first-child+html #indexfooterBold { font-size: 14px; font-weight: bold;}

*:first-child+html #indexcopy {
text-align: right;
height: 30px;
background: #000;
margin: 5px 0 0 0;
color: #FFF;
}
*:first-child+html #footerRight {
float: right;
text-align: right;
width: 550px;
font-size: 11px;
line-height: 1.4em;
}
#famimaContents {
	width: 150px;
	float: left;
}