@charset "utf-8";

#obento {
}



/* 共用 */

body {
	background-color:#FFFFCC;
	text-align:center;
}

#obento {
	width:800px;
	margin:0 auto;
	background:url(../../tokusetsu/cc2010/obento/img/main_bg.gif) 2px 0 repeat #FEE792;
	text-align:left;
}

#obento #header {
	width:800px;
	margin:0;
}

#obento #header ul {
	width:800px;
	height:70px;
	border-top:2px solid #7DCCF3;
	border-bottom:2px solid #7DCCF3;
	background-color:#FFFFFF;
}

#obento #header ul:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility: hidden;
	line-height:0;
}
/* \*//*/
#obento #header ul {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #obento #header ul { height:auto;}
#obento #header ul {
	display:block;
	height: 1px;
}
/* end MacIE5 */

#obento #header ul li {
	position:relative;
	display:inline;
	float:left;
	width:160px;
	height:50px;
	margin:5px 0 5px 0;
}

#obento #header ul li a {
	display:block;
	position:relative;
	width:160px;
	height:50px;
	margin:0;
	padding:0;
	background:url(../../tokusetsu/cc2010/obento/img/menu_btn.gif) no-repeat;
	color:#000;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #header ul li.now_page span ,
#obento #header ul li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:160px;
	height:50px;
	background:url(../../tokusetsu/cc2010/obento/img/menu_btn.gif) no-repeat;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
	overflow:hidden;
	font-weight:normal;
	font-size:75%;
}

#obento #header ul li.now_page span {
	cursor:default;
}

#obento #header ul li.now_page ,
#obento #header ul li.now_page span ,
#obento #header ul li a:hover ,
#obento #header ul li a:hover span {
	background-position:0 -50px;
}

#obento #header ul li#btn_for_apply a,
#obento #header ul li#btn_for_apply a span {
	background-position:-160px 0;
}
#obento #header ul li#btn_for_apply.now_page ,
#obento #header ul li#btn_for_apply.now_page span ,
#obento #header ul li#btn_for_apply a:hover,
#obento #header ul li#btn_for_apply a:hover span {
	background-position:-160px -50px;
}

#obento #header ul li#btn_for_cook1 a,
#obento #header ul li#btn_for_cook1 a span {
	background-position:-320px 0;
}
#obento #header ul li#btn_for_cook1.now_page ,
#obento #header ul li#btn_for_cook1.now_page span ,
#obento #header ul li#btn_for_cook1 a:hover,
#obento #header ul li#btn_for_cook1 a:hover span {
	background-position:-320px -50px;
}

#obento #header ul li#btn_for_cook2 a,
#obento #header ul li#btn_for_cook2 a span {
	background-position:-480px 0;
}
#obento #header ul li#btn_for_cook2.now_page ,
#obento #header ul li#btn_for_cook2.now_page span ,
#obento #header ul li#btn_for_cook2 a:hover,
#obento #header ul li#btn_for_cook2 a:hover span {
	background-position:-480px -50px;
}

#obento #header ul li#btn_for_shop a,
#obento #header ul li#btn_for_shop a span {
	background-position:-640px 0;
}

#obento #header ul li#btn_for_shop.now_page ,
#obento #header ul li#btn_for_shop.now_page span ,
#obento #header ul li#btn_for_shop a:hover,
#obento #header ul li#btn_for_shop a:hover span {
	background-position:-640px -50px;
}




#obento #main {
	clear:both;
}

#obento #footer {
	width:800px;
	padding:20px 0 10px 0;
	background-color:#FFAAAA;
}

#obento #qr_code {
	position:relative;
	width:610px;
	height:100px;
	margin:0 0 10px 95px;
	overflow:hidden;
}
#obento #qr_code #code_img {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	margin:0;
	padding:0;
}


#obento #copyrights {
	margin:0 0 5px 0;
	padding:0 5px 5px 5px;
	color:#000000;
	font-size:75%;
	text-align:right;
	border-bottom:5px solid #FF0066;
}

#obento #footerNav {
	margin-left:10px;
	list-style:none;
}

#obento #footerNav:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility: hidden;
	 line-height:0;
}
/* \*//*/
#obento.main #footerNav {
  display: inline-block;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #obento #footerNav { height:auto;}
#obento #footerNav {
  display:block;
  height: 1px;
}
/* end MacIE5 */


#obento #footerNav li {
	display:inline;
	float:left;
	width:auto;
	border-right:1px solid #000000;
	font-size:75%;
	color:#000000;
}


#obento #footerNav li a {
	color:#000000;
	text-decoration:none;
}
#obento #footerNav li a:hover {
	text-decoration:underline;
}

#btn_for_top {
	width:5em;
	padding:0 .5em;
	border-left:1px solid #000000;
}
/*\*/
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;
}
/**/


#obento #copy {
	margin:-1.2em 10px 0 0;
	color:#000000;
	font-size:75%;
	text-align:right;
}
*:first-child+html #obento #copy {
	margin:0 10px 0 0;
	color:#000000;
	font-size:75%;
	text-align:right;
}

#obento #main h2 {
	margin:10px;
}



/* 共用ここまで */



/* トップ */
#obento #main.top {
	position:relative;
	left:0;
	top:0;
	padding:9px 0 0 0;
	background-color:#FFFFFF;
}

#obento #main.top #btn_kumaben ,
#obento #main.top #btn_toriben {
	position:absolute;
	width:193px;
	height:235px;
	left:53px;
	top:669px;
}
#obento #main.top #btn_kumaben a {
	display:block;
	position:relative;
	width:193px;
	height:235px;
	margin:0;
	padding:0;
	background:url(../../tokusetsu/cc2010/obento/img/btn_kumaben.jpg) 0 0 no-repeat;
	color:#fff;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #main.top #btn_kumaben a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:193px;
	height:235px;
	background:url(../../tokusetsu/cc2010/obento/img/btn_kumaben.jpg) 0 0 no-repeat;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
	overflow:hidden;
	font-weight:normal;
	font-size:75%;
}

#obento #main.top #btn_toriben {
	left:547px;
}
#obento #main.top #btn_toriben a {
	display:block;
	position:relative;
	width:193px;
	height:235px;
	margin:0;
	padding:0;
	background:url(../../tokusetsu/cc2010/obento/img/btn_toriben.jpg) 0 0 no-repeat;
	color:#fff;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #main.top #btn_toriben a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:193px;
	height:235px;
	background:url(../../tokusetsu/cc2010/obento/img/btn_toriben.jpg) 0 0 no-repeat;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
	overflow:hidden;
	font-weight:normal;
	font-size:75%;
}

#obento #main.top #btn_kumaben a:hover ,
#obento #main.top #btn_kumaben a:hover span ,
#obento #main.top #btn_toriben a:hover ,
#obento #main.top #btn_toriben a:hover span {
	background-position:0 -235px;
}

#obento #main.top #btn_sanx {
	position:absolute;
	width:260px;
	height:25px;
	left:501px;
	top:1260px;
}
#obento #main.top #btn_sanx a {
	display:block;
	position:relative;
	width:260px;
	height:25px;
	margin:0;
	padding:0;
	background:url(../../tokusetsu/cc2010/obento/img/top_link_btn.gif) 0 0 no-repeat;
	color:#fff;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #main.top #btn_sanx a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:260px;
	height:25px;
	background:url(../../tokusetsu/cc2010/obento/img/top_link_btn.gif) 0 0 no-repeat;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
	overflow:hidden;
	font-weight:normal;
	font-size:75%;
}
#obento #main.top #btn_sanx a:hover ,
#obento #main.top #btn_sanx a:hover span {
	background-position:0 -25px;
}


/* トップここまで */

/* 応募要項 */

#obento #main.apply h2 {
	margin:0;
}

#obento #main.apply #text_and_goods {
	position:relative;
	margin:0;
}

#obento #main.apply #text_and_goods:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility: hidden;
	line-height:0;
}
/* \*//*/
#obento #main.apply #text_and_goods {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #obento #main.apply #text_and_goods { height:auto;}
#obento #main.apply #text_and_goods {
	display:block;
	height: 1px;
}
/* end MacIE5 */

#obento #main.apply #text_and_goods dl {
	position:absolute;
	width:390px;
	z-index:0;
}
#obento #main.apply #text_and_goods p {
	position:relative;
	float:left;
	width:398px;
	z-index:3;
}
#obento #main.apply #text_and_goods p.prize {
	width:402px;
}

/* 応募要項ここまで */


/* 弁当の作り方共通 */

#obento #main #recipe {
	margin:0 20px 10px 20px;
	padding:15px 0;
}
#obento #main #recipe:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility: hidden;
	line-height:0;
}
/* \*//*/
#obento #main.cook1 #recipe {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #obento #main #recipe { height:auto;}
#obento #main #recipe {
	display:block;
	height: 1px;
}
/* end MacIE5 */



#obento #main #recipe p {
	float:left;
	width:380px;
	margin:20px 0 0 0;
}

#obento #main #recipe ol {
	float:left;
	width:380px;
	margin:0;
}
#obento #main #recipe ol li {
	display:inline-block;
	position:relative;
	width:380px;
	height:90px;
	margin:0 0 10px 0;
}
#obento #main #recipe ol li p {
	position:absolute;
}
#obento #main #recipe ol li img {
	position:relative;
}


#obento #main #cook_item {
	width:760px;
	margin:0 20px 10px 20px;
	padding:10px 0;
	background:url(../../tokusetsu/cc2010/obento/img/cook_item_bg.gif) 0 0 no-repeat;
}

#obento #main #cook_item p {
	margin:0;
}
#obento #main #cook_item ul {
	margin:0;
}

#obento #main #cook_item ul:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility: hidden;
	line-height:0;
}
/* \*//*/
#obento #main #cook_item ul {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #obento #main #cook_item ul { height:auto;}
#obento #main #cook_item ul {
	display:block;
	height: 1px;
}
/* end MacIE5 */

#obento #main #cook_item ul li {
	display:inline;
	float:left;
	width:260px;
	height:40px;
	margin:0 0 0 80px;
}

#obento #main #cook_item ul li a {
	display:block;
	position:relative;
	width:260px;
	height:40px;
	margin:0;
	padding:0;
	color:#000;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #main #cook_item ul li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:260px;
	height:40px;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
	overflow:hidden;
	font-weight:normal;
	font-size:75%;
}

#obento #main #cook_item ul li#item_btn_movie a ,
#obento #main #cook_item ul li#item_btn_movie span {
	background:url(../../tokusetsu/cc2010/obento/img/cook_item_btn_movie.gif) no-repeat;
}
#obento #main #cook_item ul li#item_btn_movie a:hover ,
#obento #main #cook_item ul li#item_btn_movie a:hover span {
	background-position:0 -40px;
}

#obento #main #cook_item ul li#item_btn_shop a ,
#obento #main #cook_item ul li#item_btn_shop span {
	background:url(../../tokusetsu/cc2010/obento/img/cook_item_btn_shop.gif) no-repeat;
}
#obento #main #cook_item ul li#item_btn_shop a:hover ,
#obento #main #cook_item ul li#item_btn_shop a:hover span {
	background-position:0 -40px;
}

#obento #main #btn_other_cook {
	clear:both;
	width:340px;
	height:40px;
	margin:10px 230px 10px 230px;
	text-align:center;
	font-size:75%;
}
#obento #main #btn_other_cook a {
	display:block;
	position:relative;
	width:340px;
	height:40px;
	margin:0;
	padding:0;
	color:#000;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #main #btn_other_cook a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:340px;
	height:40px;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
	overflow:hidden;
	font-weight:normal;
	font-size:75%;
}
#obento #main #btn_other_cook a:hover ,
#obento #main #btn_other_cook a:hover span {
	background-position:0 -40px;
}



/* 弁当の作り方共通ここまで */


/* リラックマ弁当の作り方 */
#obento #main.cook1 h2 {
	margin:10px 12px;
}
#obento #main.cook1 #recipe {
	background:url(../../tokusetsu/cc2010/obento/img/cook1_bg.gif) 0 0 no-repeat
}

#obento #main #btn_other_cook a ,
#obento #main #btn_other_cook a span {
	background:url(../../tokusetsu/cc2010/obento/img/cook1_btn_other.gif) 0 0 no-repeat;
}

/* リラックマ弁当の作り方ここまで */

/* キイロイトリ弁当の作り方 */
#obento #main.cook2 #recipe {
	background:url(../../tokusetsu/cc2010/obento/img/cook2_bg.gif) 0 0 no-repeat
}


#obento #main.cook2 #btn_other_cook a ,
#obento #main.cook2 #btn_other_cook a span {
	background:url(../../tokusetsu/cc2010/obento/img/cook2_btn_other.gif) 0 0 no-repeat;
}
#obento #main.cook2 #btn_other_cook a:hover ,
#obento #main.cook2 #btn_other_cook a:hover span {
	background-position:0 -40px;
}
/* キイロイトリ弁当の作り方ここまで */



/* 店舗一覧 */

#obento #main.shop {
}


#obento #main.shop #goods_img {
	position:absolute;
	width:220px;
	height:140px;
	left:560px;
	top:10px;
	z-index:1;
	margin:0;
	padding:0;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #main.shop .attention {
	margin:10px;
}


#obento #main.shop ul {
	margin:-75px 10px 10px 10px;
}

#obento #main.shop ul.bottom {
	margin:10px;
}


#obento #main.shop ul:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	line-height:0;
}
/* \*//*/
#tonsui_shop ul {
  display: inline-block;
  min-height:1%;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #obento #main.shop ul {height:auto;min-height:1%;  /* for IE 7*/}
#obento #main.shop ul {
  display:block;
  height: 1px;
}
/* end MacIE5 */


#obento #main.shop ul li {
	display:inline;
	float:left;
	width:54px;
	border-right:1px solid #330000;
	color:#0000FF;
	font-size:75%;
	line-height:1;
}
#obento #main.shop ul li.list_top {
	width:66px;
	border-left:1px solid #330000;
}

#obento #main.shop ul li a {
	display:block;
	position:relative;
	width:48px;
	height:15px;
	margin:0 3px;
	padding:0;
	color:#000;
	text-decoration: none;
	overflow:hidden;
	line-height:1;
	font-weight:normal;
}

#obento #main.shop ul li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:48px;
	height:15px;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
	overflow:hidden;
	font-weight:normal;
	font-size:75%;
}


#obento #main.shop ul li.btn_hokkaido a ,
#obento #main.shop ul li.btn_hokkaido a span {
	width:60px;
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_hokkaido.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_hokkaido a:hover ,
#obento #main.shop ul li.btn_hokkaido a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_tohoku a ,
#obento #main.shop ul li.btn_tohoku a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_tohoku.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_tohoku a:hover ,
#obento #main.shop ul li.btn_tohoku a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_kanto a ,
#obento #main.shop ul li.btn_kanto a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_kanto.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_kanto a:hover ,
#obento #main.shop ul li.btn_kanto a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_chubu a ,
#obento #main.shop ul li.btn_chubu a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_chubu.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_chubu a:hover ,
#obento #main.shop ul li.btn_chubu a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_kinki a ,
#obento #main.shop ul li.btn_kinki a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_kinki.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_kinki a:hover ,
#obento #main.shop ul li.btn_kinki a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_chugoku a ,
#obento #main.shop ul li.btn_chugoku a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_chugoku.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_chugoku a:hover ,
#obento #main.shop ul li.btn_chugoku a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_shikoku a ,
#obento #main.shop ul li.btn_shikoku a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_shikoku.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_shikoku a:hover ,
#obento #main.shop ul li.btn_shikoku a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_kyushu a ,
#obento #main.shop ul li.btn_kyushu a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_kyushu.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_kyushu a:hover ,
#obento #main.shop ul li.btn_kyushu a:hover span {
	background-position:0 -15px;
}

#obento #main.shop ul li.btn_okinawa a ,
#obento #main.shop ul li.btn_okinawa a span {
	background:url(../../tokusetsu/cc2010/obento/img/shop_btn_okinawa.gif) 0 0 no-repeat;
}
#obento #main.shop ul li.btn_okinawa a:hover ,
#obento #main.shop ul li.btn_okinawa a:hover span {
	background-position:0 -15px;
}

#obento #main.shop h3 {
	margin:5px 10px 10px 10px;
}
#obento #main.shop h3.list_top {
	clear:both;
}

#obento #main.shop h4 {
	margin:10px 20px 5px;
	font-weight:bold;
	font-size:87.5%;
}
#obento #main.shop table {
	width:760px;
	margin:5px 20px 20px;
	background-color:#FFFFFF;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	font-size:87.5%;
}
#obento #main.shop table th ,
#obento #main.shop table td {
	padding:5px;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	line-height:1;
}
#obento #main.shop table th {
	background-color:#440000;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}

#obento #main.shop .shop_name {
	width:260px;
}
#obento #main.shop table td.shop_name {
	background-color:#FFEECC;
}

#obento #main.shop table td a {
	color:#FF3300;
	font-weight:bold;
}
#obento #main.shop table td a:hover {
	color:#CC0000;
	text-decoration:none;
}
/* 店舗一覧ここまで */


/* 動画ページ */

#item_movie {
	width:680px;
	margin:0;
}

/* 動画ページここまで */