﻿@charset "utf-8";

/* --------------------------------------------------------------
CSS Information

File name:		common.css
Style Info:		共通で使用するスタイルを設定
Index:
	__1. cooking共用
	__2. index用
	__3. camp01用
	__4. 第1弾レシピ用
	__5. 第1弾店舗一覧
	__6. camp02用
	__7. 第2弾レシピ用
-------------------------------------------------------------- */


/*=====================================================
	__1. cooking共用
=====================================================*/

body {
	background-color:#FFFFCC;
	text-align:center;
}

#cooking {
	width:630px;
	margin:0 auto;
	background-color:#FFCCFF;
	text-align:left;
}

#cooking #footer {
	width:630px;
	padding:40px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/main/footer.gif) 0 0 no-repeat #FF3366;
}

#cooking #qr_code {
	position:relative;
	height:100px;
	margin:0 0 10px 0;
	overflow:hidden;
}
#cooking .photo {
	position:absolute;
	left:0;
	top:0;
}


#cooking #copyrights {
	margin:0 0 5px 0;
	padding:0 5px 5px 5px;
	color:#FFFFFF;
	font-size:75%;
	text-align:right;
	border-bottom:5px solid #FF66FF;
}

#cooking #footerNav {
	margin-left:10px;
	list-style:none;
}

#cooking #footerNav:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	 line-height:0;
}
/* \*//*/
#cooking.main #footerNav {
  display: inline-block;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking #footerNav { height:auto;}
#cooking #footerNav {
  display:block;
  height: 1px;
}
/* end MacIE5 */


#cooking #footerNav li {
	display:inline;
	float:left;
	width:auto;
	border-right:1px solid #FFFFFF;
	font-size:75%;
	color:#FFFFFF;
}


#cooking #footerNav li a {
	color:#FFFFFF;
	text-decoration:none;
}
#cooking #footerNav li a:hover {
	text-decoration:underline;
}

#btn_for_top {
	width:5em;
	padding:0 .5em;
	border-left:1px solid #FFFFFF;
}
/*\*/
html>body #btn_for_top {
	width:4em;
}
/**/

#btn_for_company {
	width:5em;
	padding:0 .5em;
}
/*\*/
html>body #btn_for_company {
	width:4em;
}
/**/

#btn_for_sitemap {
	width:7em;
	padding:0 .5em;
}
/*\*/

html>body #btn_for_sitemap {
	width:6em;
}
/**/

#btn_for_tos {
	width:5em;
	padding:0 .5em;
}
/*\*/
html>body #btn_for_tos {
	width:4em;
}
/**/

#btn_for_inquiry {
	width:7em;
	padding:0 .5em;
}
/*\*/
html>body #btn_for_inquiry {
	width:6em;
}
/**/


#cooking #copy {
	margin:-1.2em 10px 0 0;
	color:#FFFFFF;
	font-size:75%;
	text-align:right;
}
*:first-child+html #cooking #copy {
	margin:0 10px 0 0;
	color:#FFFFFF;
	font-size:75%;
	text-align:right;
}

/*=====================================================
	__2. index用
=====================================================*/

#cooking.main {
}

#cooking.main .head_text {
	position:relative;
	height:142px;
	overflow:hidden;
}
#cooking.main .photo {
	position:absolute;
	left:0;
	top:0;
}

#cooking.main .head_text table {
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-spacing:0;
	border-collapse:collapse;
	margin-left:10px;
	
}
#cooking.main .head_text table th ,
#cooking.main .head_text table td {
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

#cooking.main  .camp {
	position:relative;
	height:390px;
	overflow:hidden;
}

#cooking.main  .camp .item {
	position:absolute;
	width:630px;
	height:390px;
	left:0;
	top:0;
	z-index:0;
	background:url(../../tokusetsu/cc2010/img/main/camp01_o.jpg) 0 0 no-repeat;
}
#cooking.main  #m_camp02.camp .item {
	background:url(../../tokusetsu/cc2010/img/main/camp02_o.jpg) 0 0 no-repeat;
}

#cooking.main  .camp .item a img {
	display:none;
}

#cooking.main  .camp .item a {
	display:block;
	width:630px;
	height:390px;
	background:url(../../tokusetsu/cc2010/img/main/camp01.jpg) 0 0 no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:1;
	/* \*//*/
	font-size:10px;
	/* */
}
#cooking.main  #m_camp02.camp .item a {
	background:url(../../tokusetsu/cc2010/img/main/camp02.jpg) 0 0 no-repeat;
}

#cooking.main  .camp .item a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/main/camp01.jpg) 0 0 no-repeat;
	width:630px;
	height:390px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}
#cooking.main  #m_camp02.camp .item a span {
	background:url(../../tokusetsu/cc2010/img/main/camp02.jpg) 0 0 no-repeat;
}

#cooking.main  .camp .item a:hover,
#cooking.main  .camp .item a:hover span {
	background:url(../../tokusetsu/cc2010/img/main/camp01_o.jpg) 0 0 no-repeat;
}

#cooking.main  #m_camp02.camp .item a:hover ,
#cooking.main  #m_camp02.camp .item a:hover span {
	background:url(../../tokusetsu/cc2010/img/main/camp02_o.jpg) 0 0 no-repeat;
}

#cooking.main  .camp .shop_btn {
	position:absolute;
	left:444px;
	top:363px;
}


#cooking.main  .camp .shop_btn a {
	display:block;
	width:170px;
	height:20px;
	background:url(../../tokusetsu/cc2010/img/main/shop_btn.gif) 0 0 no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:3;
	font-size:10px;
	text-align:center;
	z-index:3;
}

#cooking.main  .camp .shop_btn a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/main/shop_btn.gif) 0 0 no-repeat;
	width:170px;
	height:20px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:4;
	cursor: pointer;
}

#cooking.main  .camp .shop_btn a:hover,
#cooking.main  .camp .shop_btn a:hover span {
	background-position:0 -20px;
}


/*=====================================================
	__3. camp01共用
=====================================================*/

.camp01 {
	background:url(../../tokusetsu/cc2010/img/camp01/camp01_bg.gif) 0 0 repeat #FFCCFF;
}

#cooking.camp01 #information {
	width:590px;
	margin:0 20px 0 20px;
	padding:10px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp01/inner_bg.gif) 0 0 repeat-y #FFFFFF;
}
#cooking.camp01 #information h3 {
	margin:0 0 10px 0;
}
#cooking #information p {
	margin:0 30px 10px 30px;
	font-size:87.5%;
	line-height:1.4;
}
#cooking.camp01 #kit {
	margin:0 10px 10px 10px;
	padding:0 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp01/kit_bottom.gif) 0 bottom no-repeat;
}
#cooking.camp01 #kit_top {
	position:relative;
	height:165px;
	overflow:hidden;
}
#cooking.camp01 #kit_top p{
	position:absolute;
	margin:0;
	left:0;
	top:0;
}
#cooking.camp01 #kit_text {
	background:url(../../tokusetsu/cc2010/img/camp01/kit_bg.gif) 0 0 repeat-y;
}
#cooking.camp01 #kit_text ul {
	height:100px;
	padding:15px 15px 5px 15px;
	background:url(../../tokusetsu/cc2010/img/camp01/kit_img2.jpg) 400px 0 no-repeat;
	font-size:87.5%;
}
/*\*/
html>body #cooking.camp01 #kit_text ul {
	height:auto;
	min-height:80px;
}
/**/
html>body #cooking.camp01 #kit_text ul li {
	width:370px;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	background:url(../../tokusetsu/cc2010/img/camp01/kit_list_head.gif) 0 3px no-repeat;
	line-height:1.4;
}

#cooking #prize {
	margin:0 20px 10px 20px;
	padding:0;
}
#cooking #prize:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	 line-height:0;
}
/* \*//*/
#cooking.main #footerNav {
  display: inline-block;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking #prize { height:auto;}
#cooking #prize {
  display:block;
  height: 1px;
}
/* end MacIE5 */

#cooking #prize table {
	display:inline;
	float:left;
	width:290px;
	margin:0 10px 10px 0;
	padding:0;
}
#cooking #prize table th ,
#cooking #prize table td {
	font-size:87.5%;
	padding:5px 5px 10px 0;
}
#cooking #prize table th {
	font-weight:bold;
	text-align:center;
}
#cooking #prize table td.count {
	text-align:right;
}
#cooking #prize p {
	display:inline;
	float:left;
	width:250px;
	margin:0 0 10px 0;
	padding:0;
}

#cooking.camp01 #qr_code {
	height:90px;
	background:url(../../tokusetsu/cc2010/img/camp01/qr_code.gif) 400px center no-repeat;
}


#cooking #reference {
}

#cooking #reference:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	 line-height:0;
}
/* \*//*/
#cooking #reference {
  display: inline-block;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking #reference { height:auto;}
#cooking #reference {
  display:block;
  height: 1px;
}
/* end MacIE5 */



#cooking #reference h2 {
	padding:30px 0 0 0;
	background:url(../../tokusetsu/cc2010/img/camp01/inner_bottom.gif) center 0 no-repeat;
}

#cooking.camp01  #reference .item {
	display:inline;
	float:left;
	position:relative;
	width:295px;
	height:288px;
	margin:0 0 0 20px;
	z-index:0;
	background:url(../../tokusetsu/cc2010/img/camp01/recipe01_o.gif) 0 0 no-repeat;
}

#cooking.camp01  #reference .item a img {
	display:none;
}

#cooking.camp01  #reference .item a {
	display:block;
	width:295px;
	height:288px;
	background:url(../../tokusetsu/cc2010/img/camp01/recipe01.gif) 0 0 no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking.camp01  #reference .item a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp01/recipe01.gif) 0 0 no-repeat;
	width:295px;
	height:288px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking.camp01  #reference .item a:hover,
#cooking.camp01  #reference .item a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp01/recipe01_o.gif) 0 0 no-repeat;
}


#cooking.camp01  #reference .item2 {
	display:inline;
	float:left;
	position:relative;
	width:295px;
	height:288px;
	margin:0 20px 0 0;
	z-index:0;
	background:url(../../tokusetsu/cc2010/img/camp01/recipe02_o.gif) 0 0 no-repeat;
}

#cooking.camp01  #reference .item2 a img {
	display:none;
}

#cooking.camp01  #reference .item2 a {
	display:block;
	width:295px;
	height:288px;
	background:url(../../tokusetsu/cc2010/img/camp01/recipe02.gif) 0 0 no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking.camp01  #reference .item2 a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp01/recipe02.gif) 0 0 no-repeat;
	width:295px;
	height:288px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking.camp01 #reference .item2 a:hover,
#cooking.camp01 #reference .item2 a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp01/recipe02_o.gif) 0 0 no-repeat;
}

#cooking.camp01 #footer {
	clear:both;
	margin-top:10px;
	padding:30px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp01/footer_bg.gif) 0 0 no-repeat;
}

#cooking #shop_btn {
	clear:both;
	position:relative;
	height:30px;
	margin:10px 0;
}
#cooking #shop_btn a {
	position:relative;
	display:block;
	width:300px;
	height:30px;
	left:310px;
	background:url(../../tokusetsu/cc2010/img/camp01/shop_btn.gif) 0 0;
	color:#fff;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}
#cooking #shop_btn a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp01/shop_btn.gif) 0 0;
	width:300px;
	height:30px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking #shop_btn a:hover,
#cooking #shop_btn a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp01/shop_btn.gif) 0 -30px;
}


#cooking #btn_for_main {
	position:relative;
	height:20px;
}
#cooking #btn_for_main a {
	position:relative;
	display:block;
	width:170px;
	height:20px;
	left:450px;
	background:url(../../tokusetsu/cc2010/img/camp01/btn_for_main.gif) 0 0;
	color:#fff;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking #btn_for_main a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp01/btn_for_main.gif) 0 0;
	width:170px;
	height:20px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking #btn_for_main a:hover,
#cooking #btn_for_main a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp01/btn_for_main.gif) 0 -20px;
}


/*=====================================================
	__4. 第1弾レシピ用
=====================================================*/

.recipe1 {
	background:url(../../tokusetsu/cc2010/img/camp01/camp01_bg.gif) 0 0 repeat #FFCCFF;
}



#cooking.recipe1 #image_and_tools {
	padding:0;
	margin:0;
}


#cooking #image_and_tools:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	line-height:0;
}
/* \*//*/
#cooking.main #footerNav {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking #image_and_tools { height:auto;}
#cooking #image_and_tools {
  display:block;
  height: 1px;
    min-height:1%;  /* for IE 7*/
}
/* end MacIE5 */


#image {
	display:inline;
	float:left;
	width:369px;
	height:330px
}

#tools {
	display:inline;
	float:left;
	width:261px;
	height:307px;
	padding:23px 0 0 0;
	background:url(../../tokusetsu/cc2010/img/recipe1/stuff_bg.gif) 0 0 no-repeat;
}
/*\*/
html>body #tools {
	height:317px;
	padding:13px 0 0 0;
}
/**/

#tools h3 {
	margin:10px;
}
#tools p {
	margin:0 10px 5px 10px;
}
#tools ul {
	margin:0 10px;
}
#tools p ,
#tools ul {
	font-size:12px;
}
#tools ul li ul {
	font-size:100%;
}
html>body #tools p ,
html>body #tools ul {
	font-size:75%;
}

#tools ul li {
	line-height:1;
	margin-bottom:0.5em;
}

#howto {
	width:610px;
	margin:0 10px 10px 10px;
	padding:0 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/recipe1/howto_bottom.gif) 0 bottom no-repeat;
}
#howto h3 ,
#howto p ,
#howto ol {
	padding:10px 10px 0 10px;
	font-size:12px;
}

#howto div {
	width:610px;
	background:url(../../tokusetsu/cc2010/img/recipe1/howto_bg.gif) 0 0 repeat-y ;
}

html>body #howto h3 ,
html>body #howto p ,
html>body #howto ol {
	font-size:75%;
}

#howto ol li {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_1.gif) 0 0 no-repeat;
	height:28px;
	padding:2px 0 7px 28px;
}
/*\*/
html>body #howto ol li {
	height:auto;
	min-height:19px;
}
/**/
#howto ol li#num_1 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_1.gif) 0 0 no-repeat;
}
#howto ol li#num_2 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_2.gif) 0 0 no-repeat;
}
#howto ol li#num_3 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_3.gif) 0 0 no-repeat;
}
#howto ol li#num_4 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_4.gif) 0 0 no-repeat;
}
#howto ol li#num_5 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_5.gif) 0 0 no-repeat;
}
#howto ol li#num_6 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_6.gif) 0 0 no-repeat;
}
#howto ol li#num_7 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_7.gif) 0 0 no-repeat;
}
#howto ol li#num_8 {
	background:url(../../tokusetsu/cc2010/img/recipe1/list_num_8.gif) 0 0 no-repeat;
}

#howto p {
	padding:10px 20px 0 20px;
}

#chg_btn {
	width:400px;
	height:30px;
	margin:10px auto;
}

#cooking  #chg_btn a {
	display:block;
	width:400px;
	height:30px;
	background:url(../../tokusetsu/cc2010/img/recipe1/chg_btn.gif) 0 -60px no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking  #chg_btn a span{
	display:block;
	background:url(../../tokusetsu/cc2010/img/recipe1/chg_btn.gif) 0 -60px no-repeat;
	width:400px;
	height:30px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking  #chg_btn a:hover span ,
#cooking  #chg_btn a:hover span span {
	background:url(../../tokusetsu/cc2010/img/recipe1/chg_btn.gif) 0 -90px no-repeat;
}

#chg_btn2 {
	width:400px;
	height:30px;
	margin:10px auto;
}

#cooking  #chg_btn2 a {
	display:block;
	width:400px;
	height:30px;
	background:url(../../tokusetsu/cc2010/img/recipe1/chg_btn.gif) 0 0 no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking  #chg_btn2 a span{
	display:block;
	background:url(../../tokusetsu/cc2010/img/recipe1/chg_btn.gif) 0 0 no-repeat;
	width:400px;
	height:30px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking  #chg_btn2 a:hover span ,
#cooking  #chg_btn2 a:hover span span {
	background:url(../../tokusetsu/cc2010/img/recipe1/chg_btn.gif) 0 -30px no-repeat;
}




#cooking.recipe1 #footer {
	padding:40px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/main/footer.gif) 0 0 no-repeat #FF3366;
}

#cooking.recipe1 #qr_code {
	position:relative;
	width:610px;
	height:100px;
	left:10px;
	margin:0 0 10px 0;
	overflow:hidden;
}

#cooking.recipe1 #footer {
	margin-top:10px;
	padding:30px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp01/footer_bg.gif) 0 0 no-repeat;
}

/*=====================================================
	__5. 第1弾店舗一覧
=====================================================*/

.shop1 {
	background:url(../../tokusetsu/cc2010/img/camp01/camp01_bg.gif) 0 0 repeat #FFCCFF;
}

#cooking.shop1 h2 {
	padding:0 10px;
}
#cooking #hokkaido {
	clear:both;
}

#cooking.shop1 p {
	margin:0 10px;
}
#cooking.shop1 .btn_for_camp01 {
	clear:both;
	height:30px;
	margin:10px 0;
}
#cooking.shop1 .btn_for_camp01 a {
	position:relative;
	display:block;
	width:300px;
	height:30px;
	left:320px;
	background:url(../../tokusetsu/cc2010/img/shop1/btn_for_camp01.jpg) 0 0;
	color:#fff;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}
#cooking.shop1 .btn_for_camp01 a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/shop1/btn_for_camp01.jpg) 0 0;
	width:300px;
	height:30px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking.shop1 .btn_for_camp01 a:hover,
#cooking.shop1 .btn_for_camp01 a:hover span {
	background:url(../../tokusetsu/cc2010/img/shop1/btn_for_camp01.jpg) 0 -30px;
}

#cooking.shop1 ul {
	margin:10px;
}
#cooking.shop1 ul:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	line-height:0;
}
/* \*//*/
#cooking.main #footerNav {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking.shop1 ul {height:auto;min-height:1%;  /* for IE 7*/}
#cooking.shop1 ul {
  display:block;
  height: 1px;
}
/* end MacIE5 */


#cooking.shop1 ul li {
	display:inline;
	float:left;
	width:4em;
	padding:3px 0.5em;
	border-right:1px solid #0000FF;
	color:#0000FF;
	font-size:75%;
	line-height:1;
}
#cooking.shop1 ul li.list_top {
	width:5em;
	border-left:1px solid #0000FF;
}

#cooking.shop1 ul li a {
	color:#0000FF;
	text-decoration:none;
}
#cooking.shop1 ul li a:hover {
	text-decoration:underline;
}

#cooking.shop1 h3 {
	margin:20px 10px 10px 10px; 
	font-weight:bold;
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"
}
#cooking.shop1 h4 {
	margin:0 20px 5px 20px; 
	font-size:87.5%;
	font-weight:bold;
}
#cooking.shop1 table {
	width:590px;
	margin:0 20px 20px 20px; 
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
#cooking.shop1 table th ,
#cooking.shop1 table td {
	font-size:75%;
	padding:5px;
	background-color:#FFFFFF;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
#cooking.shop1 table th {
	background-color:#FF6699;
	font-weight:bold;
	text-align:center;
}
#cooking.shop1 table td.shop_name {
	width:38%;
	background-color:#FFE3FF;
}
#cooking.shop1 table td.shop_name a {
	color:#0000CC;
}
#cooking.shop1 table td.shop_name a:hover {
	color:#FF6600;
}

#cooking.shop1 #footer {
	padding:40px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/main/footer.gif) 0 0 no-repeat #FF3366;
}

#cooking.shop1 #qr_code {
	position:relative;
	width:610px;
	height:100px;
	left:10px;
	margin:0 0 10px 0;
	overflow:hidden;
}

#cooking.shop1 #footer {
	margin-top:10px;
	padding:30px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp01/footer_bg.gif) 0 0 no-repeat;
}


/*=====================================================
	__6. camp01共用
=====================================================*/

.camp02 {
	background:url(../../tokusetsu/cc2010/img/camp02/camp02_bg.gif) 0 0 repeat #FFCCFF;
}

#cooking.camp02 #information {
	width:590px;
	margin:0 20px 0 20px;
	padding:10px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp02/inner_bg.gif) 0 0 repeat-y #FFFFFF;
}
#cooking.camp02 #information h3 {
	margin:0 0 10px 0;
}
#cooking #information p {
	margin:0 30px 10px 30px;
	font-size:87.5%;
	line-height:1.4;
}
#cooking.camp02 #kit {
	margin:0 10px 10px 10px;
	padding:0 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp02/kit_bottom.gif) 0 bottom no-repeat;
}
#cooking.camp02 #kit_top {
	position:relative;
	width:570px;
	height:265px;
	overflow:hidden;
	background:url(../../tokusetsu/cc2010/img/camp02/kit_image.gif) 0 bottom no-repeat;
}
#cooking.camp02 #kit_top ul {
	position:absolute;
	padding:30px 0 0 280px;
	z-index:100;
	font-size:87.5%;
}
#cooking.camp02 #kit_top ul li {
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../../tokusetsu/cc2010/img/camp02/kit_list_head.gif) 0 2px no-repeat;
}
#cooking.camp02 #kit_top p{
	position:absolute;
	margin:0;
	left:0;
	top:0;
	z-index:1;
}

#cooking #prize {
	margin:0 20px 10px 20px;
	padding:0;
}
#cooking #prize:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	 line-height:0;
}
/* \*//*/
#cooking.main #footerNav {
  display: inline-block;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking #prize { height:auto;}
#cooking #prize {
  display:block;
  height: 1px;
}
/* end MacIE5 */

#cooking #prize table {
	display:inline;
	float:left;
	width:290px;
	margin:0 10px 10px 0;
	padding:0;
}
#cooking #prize table th ,
#cooking #prize table td {
	font-size:87.5%;
	padding:5px 5px 10px 0;
}
#cooking #prize table th {
	font-weight:bold;
	text-align:center;
}
#cooking #prize table td.count {
	text-align:right;
}
#cooking #prize p {
	display:inline;
	float:left;
	width:250px;
	margin:0 0 10px 0;
	padding:0;
}

#cooking.camp02 #qr_code {
	height:90px;
	background:url(../../tokusetsu/cc2010/img/camp02/qr_code.gif) 400px center no-repeat;
}


#cooking #reference {
}

#cooking #reference:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	 line-height:0;
}
/* \*//*/
#cooking #reference {
  display: inline-block;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking #reference { height:auto;}
#cooking #reference {
  display:block;
  height: 1px;
}
/* end MacIE5 */



#cooking #reference h2 {
	padding:30px 0 0 0;
	background:url(../../tokusetsu/cc2010/img/camp02/inner_bottom.gif) center 0 no-repeat;
}

#cooking.camp02  #reference .item {
	display:inline;
	float:left;
	position:relative;
	width:295px;
	height:288px;
	margin:0 0 0 20px;
	z-index:0;
	background:url(../../tokusetsu/cc2010/img/camp02/recipe01_o.gif) 0 0 no-repeat;
}

#cooking.camp02  #reference .item a img {
	display:none;
}

#cooking.camp02  #reference .item a {
	display:block;
	width:295px;
	height:288px;
	background:url(../../tokusetsu/cc2010/img/camp02/recipe01.gif) 0 0 no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking.camp02  #reference .item a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp02/recipe01.gif) 0 0 no-repeat;
	width:295px;
	height:288px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking.camp02  #reference .item a:hover,
#cooking.camp02  #reference .item a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp02/recipe01_o.gif) 0 0 no-repeat;
}


#cooking.camp02  #reference .item2 {
	display:inline;
	float:left;
	position:relative;
	width:295px;
	height:288px;
	margin:0 20px 0 0;
	z-index:0;
	background:url(../../tokusetsu/cc2010/img/camp02/recipe02_o.gif) 0 0 no-repeat;
}

#cooking.camp02  #reference .item2 a img {
	display:none;
}

#cooking.camp02  #reference .item2 a {
	display:block;
	width:295px;
	height:288px;
	background:url(../../tokusetsu/cc2010/img/camp02/recipe02.gif) 0 0 no-repeat;
	color:#fff;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking.camp02  #reference .item2 a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp02/recipe02.gif) 0 0 no-repeat;
	width:295px;
	height:288px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking.camp02 #reference .item2 a:hover,
#cooking.camp02 #reference .item2 a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp02/recipe02_o.gif) 0 0 no-repeat;
}

#cooking.camp02 #footer {
	clear:both;
	margin-top:10px;
	padding:30px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp02/footer_bg.gif) 0 0 no-repeat;
}

#cooking #shop_btn {
	clear:both;
	position:relative;
	height:30px;
	margin:10px 0;
}
#cooking #shop_btn a {
	position:relative;
	display:block;
	width:300px;
	height:30px;
	left:310px;
	background:url(../../tokusetsu/cc2010/img/camp02/shop_btn.gif) 0 0;
	color:#fff;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}
#cooking #shop_btn a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp02/shop_btn.gif) 0 0;
	width:300px;
	height:30px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking #shop_btn a:hover,
#cooking #shop_btn a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp02/shop_btn.gif) 0 -30px;
}


#cooking #btn_for_main {
	position:relative;
	height:20px;
}
#cooking #btn_for_main a {
	position:relative;
	display:block;
	width:170px;
	height:20px;
	left:450px;
	background:url(../../tokusetsu/cc2010/img/camp02/btn_for_main.gif) 0 0;
	color:#fff;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}

#cooking #btn_for_main a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/camp02/btn_for_main.gif) 0 0;
	width:170px;
	height:20px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking #btn_for_main a:hover,
#cooking #btn_for_main a:hover span {
	background:url(../../tokusetsu/cc2010/img/camp02/btn_for_main.gif) 0 -20px;
}


/*=====================================================
	__7. 第2弾レシピ用
=====================================================*/

.recipe2 {
	background:url(../../tokusetsu/cc2010/img/camp02/camp02_bg.gif) 0 0 repeat #FFFFCC;
}



#cooking.recipe2 #image_and_tools {
	padding:0;
	margin:0;
}


#image {
	display:inline;
	float:left;
	width:369px;
	height:320px
}

#cooking.recipe2 #tools {
	display:inline;
	float:left;
	width:261px;
	height:297px;
	padding:23px 0 0 0;
	background:url(../../tokusetsu/cc2010/img/recipe2/stuff_bg.gif) 0 0 no-repeat;
}
/*\*/
html>body #cooking.recipe2 #tools {
	height:307px;
	padding:13px 0 0 0;
}
/**/


#cooking.recipe2 #howto {
	margin:0 10px 10px 10px;
	padding:0 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/recipe2/howto_bottom.jpg) 0 bottom no-repeat;
}
#cooking.recipe2 #howto h3 ,
#cooking.recipe2 #howto p ,
#cooking.recipe2 #howto ol {
	background:url(../../tokusetsu/cc2010/img/recipe2/howto_bg.gif) 0 0 repeat-y;
}

.recipe2 #howto div {
	background:url(../../tokusetsu/cc2010/img/recipe2/howto_bg.gif) 0 0 repeat-y;
}


#howto ol li {
	background:url(../../tokusetsu/cc2010/img/recipe2/list_num_1.gif) 0 0 no-repeat;
	height:28px;
	padding:2px 0 7px 28px;
}
/*\*/
html>body #howto ol li {
	height:auto;
	min-height:19px;
}
/**/
#cooking.recipe2 #chg_btn a {
	background:url(../../tokusetsu/cc2010/img/recipe2/chg_btn.gif) 0 -60px no-repeat;
}

#cooking.recipe2 #chg_btn a span{
	background:url(../../tokusetsu/cc2010/img/recipe2/chg_btn.gif) 0 -60px no-repeat;
}

#cooking.recipe2 #chg_btn a:hover span ,
#cooking.recipe2 #chg_btn a:hover span span {
	background:url(../../tokusetsu/cc2010/img/recipe2/chg_btn.gif) 0 -90px no-repeat;
}

#cooking.recipe2 #chg_btn2 a {
	background:url(../../tokusetsu/cc2010/img/recipe2/chg_btn.gif) 0 0 no-repeat;
}

#cooking.recipe2 #chg_btn2 a span{
	background:url(../../tokusetsu/cc2010/img/recipe2/chg_btn.gif) 0 0 no-repeat;
}

#cooking.recipe2 #chg_btn2 a:hover span ,
#cooking.recipe2 #chg_btn2 a:hover span span {
	background:url(../../tokusetsu/cc2010/img/recipe2/chg_btn.gif) 0 -30px no-repeat;
}




#cooking.recipe2 #footer {
	padding:40px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/main/footer.gif) 0 0 no-repeat #FF3366;
}

#cooking.recipe2 #qr_code {
	position:relative;
	width:610px;
	height:100px;
	left:10px;
	margin:0 0 10px 0;
	overflow:hidden;
}

#cooking.recipe2 #footer {
	margin-top:10px;
	padding:30px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp02/footer_bg.gif) 0 0 no-repeat;
}


#cooking.camp02 #copyrights ,
#cooking.recipe2 #copyrights {
	border-bottom-color:#FF9900;
}

#cooking.camp02 #copyrights ,
#cooking.camp02 #footerNav li a ,
#cooking.camp02 #copy ,
#cooking.recipe2 #copyrights ,
#cooking.recipe2 #footerNav li a ,
#cooking.recipe2 #copy {
	color:#000000;
}

#cooking.camp02 #footerNav li ,
#cooking.recipe2 #footerNav li {
	border-right-color:#000000;
}

#cooking.camp02 #btn_for_top ,
#cooking.recipe2 #btn_for_top {
	border-left-color:#000000;
}


/*=====================================================
	__5. 第2弾店舗一覧
=====================================================*/

.shop2 {
	background:url(../../tokusetsu/cc2010/img/camp02/camp02_bg.gif) 0 0 repeat #FFCCFF;
}

#cooking.shop2 h2 {
	padding:0 10px;
}

#cooking.shop2 p {
	margin:0 10px;
}
#cooking.shop2 .btn_for_camp02 {
	clear:both;
	height:30px;
	margin:10px 0;
}
#cooking.shop2 .btn_for_camp02 a {
	position:relative;
	display:block;
	width:300px;
	height:30px;
	left:320px;
	background:url(../../tokusetsu/cc2010/img/shop2/btn_for_camp02.gif) 0 0;
	color:#fff;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	line-height:100;
	/* \*//*/
	font-size:10px;
	/* */
}
#cooking.shop2 .btn_for_camp02 a span {
	display:block;
	background:url(../../tokusetsu/cc2010/img/shop2/btn_for_camp02.gif) 0 0;
	width:300px;
	height:30px;
	position:absolute;
	font-size:100%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#cooking.shop2 .btn_for_camp02 a:hover,
#cooking.shop2 .btn_for_camp02 a:hover span {
	background:url(../../tokusetsu/cc2010/img/shop2/btn_for_camp02.gif) 0 -30px;
}

#cooking.shop2 ul {
	margin:10px;
}
#cooking.shop2 ul:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	line-height:0;
}
/* \*//*/
#cooking.main #footerNav {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #cooking.shop2 ul {height:auto;min-height:1%;  /* for IE 7*/}
#cooking.shop2 ul {
  display:block;
  height: 1px;
}
/* end MacIE5 */


#cooking.shop2 ul li {
	display:inline;
	float:left;
	width:4em;
	padding:3px 0.5em;
	border-right:1px solid #0000FF;
	color:#0000FF;
	font-size:75%;
	line-height:1;
}
#cooking.shop2 ul li.list_top {
	width:5em;
	border-left:1px solid #0000FF;
}

#cooking.shop2 ul li a {
	color:#0000FF;
	text-decoration:none;
}
#cooking.shop2 ul li a:hover {
	text-decoration:underline;
}

#cooking.shop2 h3 {
	margin:20px 10px 10px 10px; 
	font-weight:bold;
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"
}
#cooking.shop2 h4 {
	margin:0 20px 5px 20px; 
	font-size:87.5%;
	font-weight:bold;
}
#cooking.shop2 table {
	width:590px;
	margin:0 20px 20px 20px; 
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
#cooking.shop2 table th ,
#cooking.shop2 table td {
	font-size:75%;
	padding:5px;
	background-color:#FFFFFF;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
#cooking.shop2 table th {
	background-color:#FF9933;
	font-weight:bold;
	text-align:center;
}
#cooking.shop2 table td.shop_name {
	width:38%;
	background-color:#FFFFE3;
}


#cooking.shop2 #footer {
	margin-top:10px;
	padding:30px 0 10px 0;
	background:url(../../tokusetsu/cc2010/img/camp02/footer_bg.gif) 0 0 no-repeat;
}
#cooking.shop2 #qr_code {
	position:relative;
	width:630px;
	height:100px;
	left:0;
	margin:0 0 10px 0;
	overflow:hidden;
}


#cooking.shop2 #copyrights {
	border-bottom-color:#FF9900;
}

#cooking.shop2 #copyrights ,
#cooking.shop2 #footerNav li a ,
#cooking.shop2 #copy {
	color:#000000;
}

#cooking.shop2 #footerNav li {
	border-right-color:#000000;
}


#cooking.shop2 #btn_for_top {
	border-left-color:#000000;
}


