@charset "utf-8";

@import url("../../css/special.css");

/* CSS Document */

/* �{�̖��o��̂����� Vol.03 20090910 */

div.sp03 #main-img {
	height: 347px;
	background:url(../images/bg_main-img.jpg);
	position:relative;
}
div.sp03 #main-img h1 {
	height:220px;
}
div.sp03 #main-img p {
	padding-left:30px;
	font-weight:normal;
	color:#7f7f7e;
}
div.sp03 #main-img p.link {
	width:176px;
	height:107px;
	position:absolute;
	padding-left: 0px;
	margin-top: 0px;
	left: 399px;
	top: 224px;
	text-indent:-9999px;
}
div.sp03 #main-img p.link a {
	width:176px;
	height:107px;
	background:url(../images/btn_main-img.jpg) 0 0 no-repeat;
	display: block;
}
div.sp03 #main-img p.link a:hover {
	background:transparent;
	text-indent:0;
}
div.sp03 #main-img p.link img {
	width:100%;
	visibility:visible;
}
/* ���o�� */
#right-container div.sp03 h2.tomato01 {
	background: url(../images/bg_h2-01.gif) no-repeat;
}
#right-container div.sp03 h2.tomato02 {
	width:323px;
	background: url(../images/bg_h2-02.gif) no-repeat;
}
#right-container div.sp03 h2.tomato03 {
	background: url(../images/bg_h2-03.gif) no-repeat;
}
#right-container div.sp03 #column {
	width: 390px;
	height: 220px;
	background: url(../images/bg_column.jpg) no-repeat 20px 0px;
}
#right-container div.sp03 #column h2 {
	width:379px;
	height:36px;
	background: url(../images/h2_column.gif) no-repeat;
}
#column-cap a.url {
	color:#ad2d2e;
	margin:5px 0 2px;
}
/* �o�i�[�@���[���I�[�o�[ */
#right-container div.recipe {
	width:648px;
	padding: 10px 0px;
	border-left: 1px solid #DAD9C7;
	border-right: 1px solid #DAD9C7;
}
div.recipe a {
display: block;
width: 610px;
height: 97px;
margin: 0px auto;
background: url(../images/bnr_recipe.jpg) no-repeat 0px 0px;
}
div.recipe a:hover {
background: url(../images/bnr_recipe.jpg) no-repeat 0px -97px;
}
#right-container div.sp03 h2.backnumber {
width: 650px;
height: 28px;
margin-bottom: 10px;
background: url(../images/bg_h2-backnumber.gif) no-repeat;
}
#right-container div.backnumber {
width: 650px;
padding-bottom: 20px;
}
div.backnumber a {
display: block;
width: 319px;
height: 84px;
}
div.backnumber a.vol02 {
float: left;
background: url(../images/bnr_vol02.jpg) no-repeat;
}
div.backnumber a.vol01 {
float: right;
background: url(../images/bnr_vol01.jpg) no-repeat;
}
div.backnumber a:hover.vol02 {
background: url(../images/bnr_vol02.jpg) no-repeat 0px -84px;
}
div.backnumber a:hover.vol01 {
background: url(../images/bnr_vol01.jpg) no-repeat 0px -84px;
}
div.recipe a,div.backnumber a {
text-indent: -9999em;
overflow: hidden;
}


/* resipe */
#right-container div.sp03-recipe {
	width:650px;
	padding:0 0 20px;
	float:none;
	position:static;
}

div.sp03-recipe .everioResipe{
	width:650px;
background: url(../resipe_images/resi_bg1.gif) 0 0 repeat-y;
position:relative;
min-height:900px;
margin:0px;
padding:10px 0 10px;
}
.resipeDes{
background: url(../resipe_images/resi_keyvisual.png) 0 0 no-repeat;
padding:30px 0 20px;
zoom:1;
}
* html div.resipeDes{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}



.resipeDes .storyNav{
position:absolute;
top:3px;
right:7px;
}
.resipeDes .storyNav a{
	width:auto;
	height:53px;
	display: block;
	background-repeat: no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	cursor:pointer;
}

.resipeDes .storyNav a{ background:url(../resipe_images/resi_btn_a1.png) 0 0 no-repeat; width:226px; }

.resipeDes .storyNav a:hover {
	background:transparent;
	clear:both;
	text-indent:0;
}
.resipeDes .storyNav img{
	width:100%;
	visibility:visible;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
* html .resipeDes .storyNav a{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}


.resipeDes h1{
	text-indent:0;
	padding	:150px 0 0 30px;
}
.resipeDes p.copy{
	margin:0 0 0 30px;
}

#right-container div.sp03-recipe .resipeDes h2.title1{
text-indent:0;
margin:10px 0 0 70px;
width:202px;
height: 46px;
}
.resipeDes p.txt1{
padding:10px 30px 10px 0px;
}
#right-container div.sp03-recipe .resipeDes h2.title2{
text-indent:0;
margin:10px 0 0 175px;
width:242px;
height: 46px;
}
.resipeDes p.txt2{
margin:12px 30px 10px 175px;
}
#right-container .recipeBox{
	background:url(../resipe_images/resi_bg_b1.png) 0 0 repeat-y;
	margin:65px 10px 0;
	zoom:1;
}
#right-container .recipeBox h3 {
	width: 631px;
	text-indent: 0px;
}

* html div.recipeBox{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

#right-container .recipeBox ul.resipeList{
	list-style:none;
	margin:-65px 0 5px 17px;
	zoom:1;
	position:relative;
}
#right-container .recipeBox ul.resipeList li{
	width:110px;
	margin:0 0 48px 8px;
	float:left;
	display:inline;
}
#right-container .recipeBox ul.resipeList li p.thum{
background:#FFF;
text-align:center;
padding:5px 2px;
}
#right-container .recipeBox ul.resipeList li p.name{
	color:#613D00;
	line-height:130%;
	margin:0 0 2px;
	height:2.5em;
}
#right-container .recipeBox ul.resipeList li p.dec{
line-height:140%;
margin:0 0 10px;
font-size:80%;
}

#right-container .recipeBox ul.resipeList li p.recipeNav{
	width:92px;
	margin:5px auto 5px;
	text-align:center;
}
#right-container .recipeBox ul.resipeList li p.recipeNav a{
	width:auto;
	height:20px;
	display: block;
	background-repeat: no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	cursor:pointer;
}
#right-container .recipeBox ul.resipeList li p.recipeNav a{ background:url(../resipe_images/resi_btn_b1.png) 0 0 no-repeat; width:92px; }

#right-container .recipeBox ul.resipeList li p.recipeNav a:hover {
	background:transparent;
	clear:both;
	text-indent:0;
}
#right-container .recipeBox ul.resipeList li p.recipeNav img{
	width:100%;
	visibility:visible;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
* html .recipeBox ul.resipeList li p.recipeNav a{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"

)
);
}

.spec{
	overflow:hidden;
	margin:0 0 20px;
}
.spec .photo{
	float:left; margin:0 40px 10px 10px;
}
.spec dl.data{
width:290px;
margin:0 0 20px;
float:left;
}
.spec dl.data dt{
	margin:0 0 5px;
}
.spec dl.data dd ul{
list-style-type:none;
}
.spec dl.data dd ul li{
	width:130px; float:left;
}
.spec dl.data dd ul li.settei{
}
.spec dl.data dd ul li dt{
border-bottom:3px solid #fff; padding:3px 1px;
}
.spec dl.data dd ul li dd li{
border-bottom:2px dashed #fdf8dc; padding:3px 1px;
}
.spec dl.data dd ul li.zairyo{
	float:right;
}