@charset "shift_jis";


html {
   filter: expression(document.execCommand("BackgroundImageCache",false, true));
}



/* title styles
----------------------------------*/
#titleArea{
	width:145px;
	height:37px;
	padding-top:10px;
	padding-left:648px;
}
.titleAreaImg1{
	background-image: url(../images/title_back.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.titleAreaImg2{
	background-image: url(../images/title_back02.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.titleAreaImg3{
	background-image: url(../images/title_back03.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.titleAreaImg4{
	background-image: url(../images/title_back04.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#titleArea a{
	display:block;
	width:122px;
	height:29px;
	overflow:hidden;
}
#titleArea a:hover{
	background-image: url(../images/return.gif);
	background-position:0 -29px;
	background-repeat:no-repeat;
}
#titleArea a:hover img {
	visibility:hidden;
}


/* recipe_name styles
----------------------------------*/
#recipe_name{
	background-image: url(../images/recipe_name_back.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:744px;
	height:39px;
	color:#FFFFFF;
	font-size:140%;
}
#recipe_name_left{
	float:left;
	width:530px;
	height:39px;
	padding-left:10px;
	font-weight:bold;
}
#recipe_name_right{
	float:right;
	width:101px;
	padding-top:7px;
	padding-right:10px;
}
#recipe_name a{
	display:block;
	width:101px;
	height:25px;
	overflow:hidden;
}
#recipe_name a:hover{
	background-image: url(../images/print.gif);
	background-position:0 -25px;
	background-repeat:no-repeat;
}
#recipe_name a:hover img {
	visibility:hidden;
}




/* howto styles
----------------------------------*/
#howto{
	background-image: url(../images/howto.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:144px;
	height:27px;
	padding-top:2px;
	padding-left:365px;
}
#howto a{
	display:block;
	width:140px;
	height:25px;
	overflow:hidden;
}
#howto a:hover{
	background-image: url(../images/movie.gif);
	background-position:0 -25px;
	background-repeat:no-repeat;
}
#howto a:hover img {
	visibility:hidden;
}

/* ext images
----------------------------------*/

#ext_image {
	margin: 16px 0;
}

#ext_image2 {
	margin: 16px 0;
	text-align: center;
}