/*繧ｹ繝槭�蟇ｾ蠢�*/
@media screen and (max-width:980px){
#subContents{ display:none; }
#mainContents{ zoom:130%; float:none !important; margin:0 auto; }
}



h2 {
	background: url(img/sp025_bg_h2.jpg) right top no-repeat;
}
.sp025 a img {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
.sp025 a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}
.sp025 .line{
	background:url(img/sp025_line01.png);
	font-size:14px;
	line-height:27px;
	padding:0px 0 1px 0;
	margin-bottom:20px;
}




.sp025 #curryBox{
	width:720px;
  height: auto;
}
.sp025 #curryBox a{
	display:block;
}
.sp025 a#curry01{ width:50px; height:50px; top:41px; left:91px;}
.sp025 a#curry01:hover{ background:url(img/sp025_btn_curry01.png) no-repeat;}
.sp025 a#curry01_item{ width:133px; height:14px; top:184px; left:52px;}
.sp025 a#curry01_bread{ width:145px; height:99px; top:158px; left:205px;}

.sp025 a#curry02{ width:50px; height:50px; top:41px; left:592px;}
.sp025 a#curry02:hover{ background:url(img/sp025_btn_curry01.png) no-repeat;}
.sp025 a#curry02_item{	width:88px;	height:14px;top:183px;left:532px;}
.sp025 a#curry02_bread{	width:145px;height:99px;top:159px;left:370px;}

.sp025 a#curry03{ width:50px; height:50px; top:470px; left:76px;}
.sp025 a#curry03:hover{ background:url(img/sp025_btn_curry01.png) no-repeat;}
.sp025 a#curry03_item{ width:165px; height:34px; top:308px; left:28px;}
.sp025 a#curry03_bread{ width:146px; height:129px; top:278px; left:204px;}

.sp025 a#curry04{ width:50px; height:50px; top:470px; left:592px;}
.sp025 a#curry04:hover{ background:url(img/sp025_btn_curry01.png) no-repeat;}
.sp025 a#curry04_item{ width:133px; height:14px; top:307px; left:532px;}
.sp025 a#curry04_bread{ width:145px; height:121px; top:281px; left:373px;}



.sp025 .column2Box{
	width:720px;
	height:261px;
	margin-bottom:20px;
}
.sp025 .column2Box h5{
	margin-bottom:20px;
}
.sp025 .column2Box p.text{
	width:320px;
	overflow:auto;
	font-size:16px;
	line-height:1.5!important;
	padding:8px 10px!important;
	margin:0 0 1em!important;
}
.sp025 .column2Box p.btn{
	text-align:right;
	padding-right:20px;
}
.sp025 .recipeBox_l {
	background:url(img/sp025_bg_recipe_l.png) no-repeat;
}
.sp025 .recipeBox_l .column2Left{
	width:300px;
	padding:11px;
}
.sp025 .recipeBox_l .column2Right{
	width:358px;
	padding:20px;
}

.sp025 .recipeBox_r {
	background:url(img/sp025_bg_recipe_r.png) no-repeat;
}
.sp025 .recipeBox_r .column2Right{
	width:300px;
	padding:11px;
}
.sp025 .recipeBox_r .column2Left{
	width:358px;
	padding:20px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}