@charset "utf-8";/* CSS Document */
#freeArea {
	width:960px;
	font-size:14px;
	line-height:20px
}
#header {
	background-repeat:no-repeat
}
#mainpict {
	float:left;
	width:691px;
	height:436px;
	background-image:url(../images/main_pic.jpg);
}
#mainpict h2, #mainpict p, #purchaseBox p, .purchaseBtn span, #contents h3 span, #contents ul#gnavi li span span, #profile h4 span, #wrapper_P2 h2 p, #wrapper_P3 h2 p, .illustBox p,.bookinfo .bookcover span,.bookinfo .bookdetail .copy span,.bookinfo .bookdetail .title span,.bookinfo .bookdetail ul,.bookinfo .bookdetail .navbtn span,.navnext span,.recipePic p,.dowloadbtn span {
	display:none
}

/*
 本購入エリア
 *********************************************/
#purchaseBox {
	float:right;
	width:267px;
	height:436px;
	background-color:#eeeeee;
	text-align:center
}
#purchaseBox .purchase_cover {
	margin-top:32px;
	margin-left:11px;
	background-image:url(../images/purchase_cover.jpg);
	width:198px;
	height:275px;
	margin:20px 35px 0 23px;
}
#purchaseBox .purchase_cover a {
	display:block;
	width:162px;
	height:271px;
	margin-left:30px;
}
#purchaseBox .purchase_price {
	background-image:url(../images/purchase_price.gif);
	width:108px;
	height:31px;
	margin:12px 78px 18px 78px;
}
#selectShops {
	width:170px;
	font-size:90%;
	margin:0px 32px 9px 32px
}
.purchaseBtn a {
	display:block;
	width:172px;
	height:38px;
	background-image:url(../images/purchase_btn.gif);
	background-position:left top;
	margin:auto
}
.purchaseBtn a:hover {
	background-position:left -38px;
}







/*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%;height: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 areordered & tabbed in a way that represents the nesting of the generated HTML.#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}*/
#cboxOverlay {background:#000;}
#colorbox {}
#cboxContent {margin-top:20px;}
.cboxIframe {background:#fff;}
#cboxError {padding:50px;border:1px solid #ccc;}
#cboxLoadedContent {border:5px solid #000;background:#fff;}
#cboxTitle {position:absolute;top:-20px;left:0;	color:#ccc;}
#cboxCurrent {direction:none;}
#cboxSlideshow {position:absolute;top:-20px;right:90px;color:#fff;}
#cboxPrevious {position:absolute;top:50%;left:5px;margin-top:-32px;	background:url(../images/controls.png) no-repeat top left;	width:28px;	height:65px;text-indent:-9999px;}
#cboxPrevious:hover {background-position:bottom left;}
#cboxNext {position:absolute;top:50%;right:5px;	margin-top:-32px;background:url(../images/controls.png) no-repeat top right;width:28px;	height:65px;text-indent:-9999px;}
#cboxNext:hover {background-position:bottom right;}
#cboxLoadingOverlay {background:#000;}
#cboxLoadingGraphic {background:url(../images/loading.gif) no-repeat center center;}
#cboxClose {position:absolute;top:5px;right:5px;display:block;background:url(../images/controls.png) no-repeat top center;	width:38px;	height:19px;text-indent:-9999px;}
#cboxClose:hover {background-position:bottom center;}


#contents {	padding-bottom:15px;}
#contents .lead {padding-top:20px;	margin-bottom:40px;}

/* コーナーナビゲーション
*********************************************/
#contents #recipe{ float:left; width:691px;}
#contents h3 {
	background-image:url(../images/h3_contents_ttl.gif);
	background-repeat:no-repeat;
	width:691px;
	height:49px;
}
#contents ul#gnavi {
	margin-top:15px;
}
#contents ul#gnavi li {
	list-style:none;
	display:inline
}
#contents ul#gnavi li span{
	display:block;
	width:334px;
	height:323px;
	background-repeat:no-repeat;
	background-position: left top; margin-bottom:20px; position:relative; top:0; left:0
}

#contents ul#gnavi li a{
	display:block;
	background-image:url(../images/recipe_nav_btn.gif);
	width:137px;
	height:26px;
	position:absolute;
	top:287px;
	left:186px
}
#contents ul#gnavi li a:hover{ background-position:left -26px;}

#contents ul#gnavi li#soup01 span {
	background-image:url(../images/chapter1_soup.jpg);
	float:left;
}
#contents ul#gnavi li#soup02 span {
	background-image:url(../images/chapter2_soup.jpg);
	float:right
}
#contents ul#gnavi li#soup03 span{
	background-image:url(../images/chapter3_soup.jpg);
	float:left
}
#contents ul#gnavi li#soup05 span{
	background-image:url(../images/chapter5_soup.jpg);
	float:right

}

/*
 プロフィール
 *********************************************/
#profile {
	padding-bottom:64px;
	background-position:8px bottom;
	background-repeat:no-repeat;
	float:right;
	width:245px;
	line-height:1.8
}
#profile h4 {
	background-image:url(../images/profile_name.gif);
	width:236px;
	height:48px;
	margin-bottom:18px;
}
#profile .url {
	margin-top:20px;
}
#profile .url dt, #profile .url dd {
	display: inline;
}
#profile .url dt {
	float:left;
	padding-right:27px;
	background-image:url(../images/profile_url_icon.gif);
	background-repeat:no-repeat;
	background-position:100px 4px;
}

#toyama a{ display:block; background-image:url(../images/toyama_btn.jpg); width:243px; height:108px; margin-bottom:5px; float:right}
.event { width:243px; margin:5px 0 25px 0; font-size:93%; line-height:1.2; float:right; background-color:#000; }
.event a,.event a:link{ text-decoration:none; color:#FFF; text-decoration:underline; text-align:right; font-weight:bold; float:right; margin-bottom:5px;}
.event a:hover{ text-decoration:none}
.event p{padding:7px 10px;  color:#FFF}
/**********************************************


 *********************************************/
.bookinfo{
	width:960px;
	height:187px;
	background-color:#eeeeee;
	margin-bottom:15px;
}
.bookinfo .bookcover {padding-left:19px; padding-top:18px;}
.bookinfo .bookcover a{ float:left; display:block; background-image:url(../images/bookinfo_cover.jpg); width:112px; height:155px;}
.bookinfo .bookdetail{ float:left; padding-left:37px; width:760px;}
.bookinfo .bookdetail .copy{ background-image:url(../images/bookinfo_copy.gif); width:382px; height:22px; margin-bottom:38px;}
.bookinfo .bookdetail .title{ background-image:url(../images/bookinfo_title.gif); width:597px; height:36px; margin-bottom:30px;}
.bookinfo .bookdetail .price{ background-image:url(../images/bookinfo_price.gif); width:283px; height:20px; float:left; padding-top:6px; background-position:left top; background-repeat:no-repeat} 
.bookinfo .bookdetail .navbtn a{display:block; background-image:url(../images/bookinfo_navi.gif); width:161px; height:26px; background-position:left top; float:right}
.bookinfo .bookdetail .navbtn a:hover{ background-position:left -26px;}



.recipe{ margin-bottom:30px; }
.recipePic{ background-position:left top; background-repeat:no-repeat; width:960px; height:435px; margin-bottom:39px; position:relative; top:0; left:0}

#soup01Box .recipePic{ background-image:url(../images/soup01_pic.jpg)}
#soup02Box .recipePic{ background-image:url(../images/soup02_pic.jpg)}
#soup03Box .recipePic{ background-image:url(../images/soup03_pic.jpg)}
#soup05Box .recipePic{ background-image:url(../images/soup05_pic.jpg)}

#soup01Box .recipetxt{ background-image:url(../images/soup01_txt.gif); width:960px; height:267px;}
#soup02Box .recipetxt{ background-image:url(../images/soup02_txt.gif); width:960px; height:318px;}
#soup03Box .recipetxt{ background-image:url(../images/soup03_txt.gif); width:960px; height:455px;}
#soup05Box .recipetxt{ background-image:url(../images/soup05_txt.gif); width:960px; height:431px;}

.recipePic a.dowloadbtn {
	display:block;
	background-image:url(../images/download_btn.gif);
	width:211px;
	height:26px;
	position:absolute;
	top:358px;
	left:717px
}
.navnext { width:960px; height:19px; margin:30px 0}

#P2nav a{display:block; float:right; background-image:url(../images/navi_P2nav.gif); width:588px; height:19px; background-position:left top}
#P2nav a:hover{ background-position:left -19px;}