@charset "Shift_JIS";

/*================[GLOBAL]================*/
body {
	padding:0;
	margin:0;
	line-height:1.5;
	color:#333333;
	font-family:"���C���I",meiryo,"","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro","";
	font-size:14px;
	background:url(img/background.gif);
	}

body#Movie {
	background:#000000;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,form,button {
 	padding: 0;
	margin: 0;
	}
	
img {border:none;}

/*================[LIST]================*/
li {list-style-type:none;}
li img {vertical-align:top!important;}
ul.sq li {list-style-type:square;margin-left:2em;margin-bottom:0.2em;}

ul.disc li {
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:0.5em;
}

/*================[LINK]================*/
a {color:#996633;text-decoration:underline;}
a:visited {color:#6b6247;text-decoration:underline;}
a:hover {color:#ff9900;text-decoration:none;}
a:active {color:#ff9900;text-decoration:none;}


/*================[FONTSIZE]================*/
.f10 {font-size:10px;} * html .f10 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;} 


/*============[CLEARFIX]============*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {display:inline-block;}
/* End hide from IE mac \*/
* html .clearfix { height: 1%;}
.clearfix {display:block;}
/* End hide from IE mac */

	

/*:::::::::::::::::::::::[HEADER]:::::::::::::::::::::::*/
#Header {
	width:770px;
	padding:10px 15px;
	background-color:#ffd554;
	margin:0 auto;
}

#Header h1 {
	font-size:14px;
}

/*:::::::::::::::::::::::[FOOTER]:::::::::::::::::::::::*/
#FooterBG {
	width:816px;
	margin:0 auto;
	background:url(img/background_contents.png) top center;
	clear:both;
	}  

#Footer {
	width:770px;
	margin:0 auto;
	background-color:#ffd554;
	clear:both;
	padding-left:30px;
}


#Footer ul li {
	display:inline;
	}


/*:::::::::::::::::::::::[CONTENTS]:::::::::::::::::::::::*/
#ContentsBG {
	margin:0 auto;
	width:816px;
	background:url(img/background_contents.png) top center;
	}
	
#Contents {
	margin:0 auto;
	width:800px;
}

#ContentsTopFooter {
	position:relative;
	z-index:5;
	margin-top:-206px;
}

#ContentsFooter {
	position:relative;
	z-index:5;
	margin-top:-91px;
}

#RecipeTitleCon {
	width:755px;
	margin:0 auto;
}

#RecipeCon {
	width:755px;
	margin:0 auto;
	background:url(../recipe/img/common_bg.gif) center center repeat-y;
}

#RecipeZairyo, #RecipeEiyo {
	margin:0 auto;
	width:682px;
}


ul#TopIdx {
	padding:0 15px 20px 25px;
	}
ul#TopIdx li {
	display:inline;
	position:relative;
	z-index:10;
}
/*ul#TopIdx li#dl {
	position:relative;
	z-index:2!important;
}*/


ul#MovieNav {
	margin:-16px auto 15px auto;
	width:682px;
}

ul#MovieNav li {
	display:inline;
}

ul#MovieNav li#MovieInfo img {
	padding-top:16px;
}

/*:::::::::::::::::::::::[POS]:::::::::::::::::::::::*/
.txtC {text-align:center!important;}
.txtR {text-align:right;}
.txtL {text-align:left;}
.floatL {float:left;}
.floatR {float:right;}
.lh120 {line-height:1.2}
.lh130 {line-height:1.3}

/*:::::::::::::::::::::::[MARGIN]:::::::::::::::::::::::*/
/*top*/
.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
		
/*right*/
.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}

/*bottom*/
.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb40 {margin-bottom:40px!important;}	
.mb50 {margin-bottom:50px!important;}		

/*left*/
.ml0 {margin-left:0px!important;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}

/*:::::::::::::::::::::::[PADDING]:::::::::::::::::::::::*/
/*top*/
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
	
/*right*/
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
		
/*bottom*/
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb34 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}	
	
/*left*/
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}