@charset "euc-jp";

/* =================================================================

================================================================= */

#mc {
	padding-top: 586px;
	background: none;}

#topicPath {color: #333;}

#mainContainer ul {list-style: none;}

#mainVisual {
	position: absolute;
	margin: 28px 0 0;
	/*padding: 1px;*/
	width: 800px;
	height: 600px;
	/*border: 1px solid #a26e58;*/}

#mainVisual ul {
	list-style: none;}

#iphone {
	position:relative;
	width:800px;
	height:600px;
	background: url(../img/topVisual/mainVisual.jpg) 0 0 no-repeat;}

#iphone ul.menu li{
	/*position:absolute;*/}

#iphone ul.menu li a{    
	display:block;
    width:100%;
    height:100%;
    text-decoration:none;}

#iphone ul.menu li#ekimiso {
	position:absolute;
	top:41px;
	left:45px;
	width:135px;
	height:135px;}

#iphone ul.menu li#kantan {
	position:absolute;
	top:216px;
	left:139px;
	width:77px;
	height:77px;}

#iphone ul.menu li#product {
	position:absolute;
	top:300px;
	left:27px;
	width:70px;
	height:70px;}

#iphone ul.menu li#contribution {
	position:absolute;
	top:37px;
	left:558px;
	width:70px;
	height:70px;}


#iphone ul.menu li#monitor {
	position:absolute;
	top:92px;
	left:670px;
	width:86px;
	height:86px;}

#iphone ul.menu li#lekue {
	position:absolute;
	top:219px;
	left:608px;
	width:110px;
	height:116px;}

#iphone ul.menu li#tvcm {
	position:absolute;
	top:418px;
	left:48px;
	width:92px;
	height:98px;}

#iphone ul.menu li#ekimiso a {}	

#iphone ul.menu li a:hover{}
	
#iphone ul.menu li ul.sub{
    position:absolute;
	width:147px;}

#iphone ul.menu li ul.sub li a {
	display:block;
	width:147px;
	height:33px;}

#iphone ul.menu li ul.sub li#ekimiso01 {background:url(../img/topVisual/menu_ekimiso_01-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#ekimiso02 {background:url(../img/topVisual/menu_ekimiso_02-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#ekimiso03 {background:url(../img/topVisual/menu_ekimiso_03-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#ekimiso01 a {background:url(../img/topVisual/menu_ekimiso_01-off.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#ekimiso02 a {background:url(../img/topVisual/menu_ekimiso_02-off.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#ekimiso03 a {background:url(../img/topVisual/menu_ekimiso_03-off.gif) 0 0 no-repeat;}

#iphone ul.menu li ul.sub li#kantan01 {background:url(../img/topVisual/menu_kantan_01-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#kantan01 a {background:url(../img/topVisual/menu_kantan_01-off.gif) 0 0 no-repeat;}

#iphone ul.menu li ul.sub li#product01 {background:url(../img/topVisual/menu_product_01-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#product02 {background:url(../img/topVisual/menu_product_02-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#product03 {background:url(../img/topVisual/menu_product_03-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#product01 a {background:url(../img/topVisual/menu_product_01-off.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#product02 a {background:url(../img/topVisual/menu_product_02-off.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#product03 a {background:url(../img/topVisual/menu_product_03-off.gif) 0 0 no-repeat;}

#iphone ul.menu li ul.sub li#contribution01 {background:url(../img/topVisual/menu_contribution_01-on.gif) 0 1px no-repeat;}
#iphone ul.menu li ul.sub li#contribution02 {background:url(../img/topVisual/menu_contribution_02-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#contribution01 a {background:url(../img/topVisual/menu_contribution_01-off.gif) 0 1px no-repeat;}
#iphone ul.menu li ul.sub li#contribution02 a {background:url(../img/topVisual/menu_contribution_02-off.gif) 0 0 no-repeat;}

#iphone ul.menu li ul.sub li#monitor01 {background:url(../img/topVisual/menu_monitor_01-on.gif) 0 0 no-repeat;
	width: 120px;}
#iphone ul.menu li ul.sub li#monitor01 a {background:url(../img/topVisual/menu_monitor_01-off.gif) 0 0 no-repeat;
	width: 120px;}
	
#iphone ul.menu li ul.sub li#sensei01 {background:url(../img/topVisual/menu_sensei_01-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#sensei02 {background:url(../img/topVisual/menu_sensei_02-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#sensei03 {background:url(../img/topVisual/menu_sensei_03-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#sensei01 a {background:url(../img/topVisual/menu_sensei_01-off.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#sensei02 a {background:url(../img/topVisual/menu_sensei_02-off.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#sensei03 a {background:url(../img/topVisual/menu_sensei_03-off.gif) 0 0 no-repeat;}

#iphone ul.menu li ul.sub li#lekue01 {background:url(../img/topVisual/menu_lekue_01-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#lekue01 a {background:url(../img/topVisual/menu_lekue_01-off.gif) 0 0 no-repeat;}

#iphone ul.menu li ul.sub li#tvcm01 {background:url(../img/topVisual/menu_tvcm_01-on.gif) 0 0 no-repeat;}
#iphone ul.menu li ul.sub li#tvcm01 a {background:url(../img/topVisual/menu_tvcm_01-off.gif) 0 0 no-repeat;}

#iphone ul.menu li ul.sub li a:hover {
	background:none !important;}

#iphone ul.menu{
    zoom:1;}
	
#iphone ul.menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;}

#info {
	margin-bottom: 15px;
	padding: 7px 0;
	border-top: 1px dotted #8A533B;
	border-bottom: 1px dotted #8A533B;}

#info ul li {
	text-indent: -5.2em;
	padding: 0 0 0 5.2em;}

#info a {
	font-size: 123.1%;
	font-weight: bold;
	color: #ff0000;}

.recipes {
	float: left;
	width: 290px;}

.recipes ul li {margin: 0 0 10px;}

.recipes ul li#cm_recipe {
	position: relative;
	margin: 0 0 6px 0px;}

.recipes ul li#threestep {
	position: relative;
	margin: 0 0 6px -2px;}

.movies {
	float: right;
	width: 294px;}

.movies ul li {margin: 0 0 10px;}

#pickup {
	clear: both;}

#pickup ul li {float: left;}

#pickup ul li#monitorAka {float: right;}


.recipes_lekue {
	width: 585px;
	margin-bottom: 10px;
	background: url(../img/top/bnr-lekue-bg.gif) 0 0 no-repeat;
	clear: both;
	padding: 5px 7px;}

/*.recipes_lekue li#lekue_camp {
	width: 290px;
	margin: 5px;
	float: left;
	display: inline;}

.recipes_lekue li#lekue_recipe {
	width: 290px;
	margin: 5px 5px 5px 0;
	float: right;
	display: inline;}*/

/* 
------------------------------------------------------------ */
#ranking {
	clear: both;
	margin: 0 0 35px 0;
	width: 595px;
	background: url(../img/top/ranking-bg-tile.gif) 0 1px repeat;}

#ranking p {
	margin: 0;
	padding: 0;}

#ranking h2 {
	height: 81px;
	background: url(../img/top/ranking-title.jpg) 0 0 no-repeat;}

#ranking h2 span {position: absolute;left: -9999px;}

#ranking .section {
	padding: 0 0 17px;
	background: url(../img/top/ranking-bg-btm.gif) 0 bottom no-repeat;}

#ranking .section .innerBox {background: url(../img/top/ranking-bg.gif) 0 0 repeat-y;}

#ranking .box {
	padding: 0 18px 0 16px;
	float: left;
	width: 164px;}

#ranking .image {
	float: left;
	margin: 0 8px 0 0;
	padding: 3px;
	width: 86px;
	height: 72px;
	background: url(../img/top/image-frame.gif) 0 0 no-repeat;}

#ranking .rankPoint {
	float: left;
	width: 64px;
	text-align: center;}

#ranking .rank {margin: 4px 0 9px;}

#ranking .point {
	margin: 0 1px 0 2px;
	border: 1px solid #c8c8c8;
	line-height: 1.25;}

#ranking .recipeName {
	clear: both;
	padding: 18px 0 4px;
	background: url(../img/top/recipeName-bar.gif) 0 10px no-repeat;
	font-size: 12px;}

#ranking .recipeName a {font-weight: bold;}