@charset "utf-8";


*{
margin:0px;
padding:0px;
}

html{
height: 100%;

}

body{
	color:#523C2A;
	text-align:center;
	height: 100%;
*font-size:small;
*font:x-small;
	background: #fff url(../img/bg_top.jpg) repeat-x;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
}

body#subst{
	color:#523C2A;
	text-align:center;
	height: 100%;
*font-size:small;
*font:x-small;
	background: #fff url(../img/bg_subst.jpg) repeat-x;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
}

body#popup{
color:#523C2A;
text-align:center;
*font-size:small;
*font:x-small;
background: #fff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
}

#wrap{
height: 100%;
width:960px;
margin:0 auto;
}

#wrap_popup{
padding:20px;
margin:0 auto;
text-align:left;
}

body > #wrap {height: auto; min-height: 100%;}
body#subst > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;} 

/* ---------- int ---------- */
img {
border: 0 none;
}

a{
border: 0 none;
}

h1,h2,h3,h4,p,ul,body{
margin:0;
padding:0;
}

form{
margin:0;
padding:0;
}


ul,li{
list-style:none;
}

a:visited{
color:#EC6C00;
text-decoration:none;
}

a:link{
color: #EC6C00;
text-decoration:none;
}

a:hover{
color:#EC6C00;
text-decoration: underline;
}



/* ---------- CLEAR FIX---------- */

.clear{
clear:both;
display: block;
}

.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*------CONTENTS-----*/
#contentsW{
margin:15px 0 0 0 ;
}


/*---------- Header---------- */

#header{
	height:39px;
	position:relative;
	
}



#header #hmenu{
position:absolute;
top:10px;
left:591px;
padding:0;
width:369px;
}

#header #hmenu ul{
padding:0;
margin:0;
list-style-type:none;	
}

#header #hmenu li{
padding:0;
margin:0;
height:20px;
position: absolute;
top:0px;
}

#header #hmenu li a{
display:block;
height:20px;
text-decoration:none;
text-indent:-9999px;
}

#header #hmenu li#hmenu01{
	padding:0;
	margin:0;
height:20px;
	width:148px;
	position: absolute;
	top:0px;
	left:0px;
	background-image: url(../img/hmenu01.jpg);
	background-repeat: no-repeat;
}

#header #hmenu li#hmenu01 a:hover{
background-image: url(../img/hmenu01_o.jpg);
	background-repeat: no-repeat;
}

#header #hmenu li#hmenu02{
	padding:0;
	margin:0;
	height:20px;
	width:81px;
	position: absolute;
	top:0px;
	left:148px;
	background-image: url(../img/hmenu02.jpg);
	background-repeat: no-repeat;
}

#header #hmenu li#hmenu02 a:hover{
background-image: url(../img/hmenu02_o.jpg);
	background-repeat: no-repeat;
}

#header #hmenu li#hmenu03{
	padding:0;
	margin:0;
	height:20px;
	width:140px;
	position: absolute;
	top:0px;
	left:229px;
	background-image: url(../img/hmenu03.jpg);
	background-repeat: no-repeat;
}

#header #hmenu li#hmenu03 a:hover{
background-image: url(../img/hmenu03_o.jpg);
	background-repeat: no-repeat;
}




/* ---------- footer---------- */
#footer {
	position: relative;
	height: 100px;
	clear:both;
	text-align:center;
	
	margin:-100px auto 0 auto ;
	background:#F0EADF;

} 

#footerBanner {
margin:15px 0 10px 0;
}

#footerBanner p {
font-size:85%;
line-height:100%;
margin:10px 0 0 0;
}

#footerMenu{
padding:15px 0 0 0;
}



/* ---------- margin ---------- */
.mr10{
margin:0 10px 0 0;
}

.mb10{
margin:0 0 10px 0;
}

.mb15{
margin:0 0 15px 0;
}

.mb20{
margin:0 0 20px 0;
}

.mtb15{
margin:15px 0 20px 0;
}
table .recipePhoto td{
margin:0 0 5px 0;
}


.mt10{
margin:10px 0 0 0;
}



.fleftPR15{
float:left;
margin:0 30px 0 0;
}

.fleft{
float:left;
}


.fRightML40{
	float:right;
margin:0 0px 0 40px;
	
}


.fRightML30{
	float:right;
margin:0 0px 0 30px;
	
}


.fleftMR30MB20{
float:left;
margin:0 30px 20px 0;
}


#popup #wrap_popup img {
	font-size: 10px;
}
.test {
	font-size: 10px;
}