@charset "utf-8";

/* ========== グローバルナビ ========== */
div#main_navi {
	clear: both;
	padding: 5px 0 0;
}
div#main_navi ul {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
div#main_navi ul,
div#main_navi ul li,
div#main_navi ul li a {
	height:61px;
}
div#main_navi ul li {
	position: absolute;
	top: 0;
	list-style-type: none;
	font-size: 0.1em;
}
div#main_navi ul a {
	overflow: hidden;
	display: block;
	text-indent: -999em;
	text-decoration: none;
	background-position: center;
	width: 160px;
}

/* 背景画像読込 */


div#main_navi ul li#main_navi_001 {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_travel.gif");
	width: 65px;/* ボタンの幅 */
	left: 0px;/*ボタンの位置を指定*/
}
div#main_navi ul li#main_navi_001 a {
	width: 65px;/* ボタンの幅 */
}
div#main_navi ul li#main_navi_001 a:hover {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_travel_on.gif");
}


div#main_navi ul li#main_navi_002 {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_gourmet.gif");
	width: 65px;/* ボタンの幅 */
	left: 75px;/*ボタンの位置を指定*/
}
div#main_navi ul li#main_navi_002 a {
	width: 65px;/* ボタンの幅 */
}
div#main_navi ul li#main_navi_002 a:hover {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_gourmet_on.gif");
}


div#main_navi ul li#main_navi_003 {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_movie.gif");
	width: 65px;/* ボタンの幅 */
	left: 150px;/*ボタンの位置を指定*/
}
div#main_navi ul li#main_navi_003 a {
	width: 65px;/* ボタンの幅 */
}
div#main_navi ul li#main_navi_003 a:hover {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_movie_on.gif");
}


div#main_navi ul li#main_navi_004 {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_review.gif");
	width: 65px;/* ボタンの幅 */
	left: 225px;/*ボタンの位置を指定*/
}
div#main_navi ul li#main_navi_004 a {
	width: 65px;/* ボタンの幅 */
}
div#main_navi ul li#main_navi_004 a:hover {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_review_on.gif");
}

div#main_navi ul li#main_navi_005 {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_recipe.gif");
	width: 65px;/* ボタンの幅 */
	left: 300px;/*ボタンの位置を指定*/
}
div#main_navi ul li#main_navi_005 a {
	width: 65px;/* ボタンの幅 */
}
div#main_navi ul li#main_navi_005 a:hover {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_recipe_on.gif");
}

div#main_navi ul li#main_navi_006 {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_diet.gif");
	width: 65px;/* ボタンの幅 */
	left: 375px;/*ボタンの位置を指定*/
}
div#main_navi ul li#main_navi_006 a {
	width: 65px;/* ボタンの幅 */
}
div#main_navi ul li#main_navi_006 a:hover {
	background-image: url("http://www.kabulabo.net/cmn/images/icon_diet_on.gif");
}

/* ========== メインメニュー ========== */
div#main_menu_fix {
	float: right;
	
}

div#main_menu_fix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html div#main_menu_fix {
	display: inline-block;
}

/* no ie mac \*/
* html div#main_menu_fix {
	height: 1%;
}

div#main_menu_fix {
	display: block;
	zoom: 1;
}
/* */

div#main_menu_fix ul#main_menu {
	margin: 0;
}

div#main_menu_fix ul#main_menu li {
	float:left;
	list-style:none;
	padding: 0px;
}
div#header div#main_menu_fix ul#main_menu li a {
	display: block;
	height: 80px;
	text-indent: -9999px;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_001 a {
	background: url(../images/main_menu_001.gif) no-repeat;
	width: 60px;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_001 a:hover {
	background: url(../images/main_menu_on_001.gif) no-repeat;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_002 a {
	background: url(../images/main_menu_002.gif) no-repeat;
	width: 144px;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_002 a:hover {
	background: url(../images/main_menu_on_002.gif) no-repeat;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_003 a {
	background: url(../images/main_menu_003.gif) no-repeat;
	width: 99px;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_003 a:hover {
	background: url(../images/main_menu_on_003.gif) no-repeat;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_004 a {
	background: url(../images/main_menu_004.gif) no-repeat;
	width: 118px;
}
div#header div#main_menu_fix ul#main_menu li.manin_menu_004 a:hover {
	background: url(../images/main_menu_on_004.gif) no-repeat;
}