/* ===================================================================
CSS information

 File Name  : menu_index.css
 Style Info : インデックス内のメニューのスタイル
=================================================================== */

	
ul#contents_menu li a.home {
width: 70px; background-position: 0 -42px;	
}
ul#contents_menu  li a.topics {
width: 70px; background-position: -70px 0;	
}

ul#contents_menu  li a.beauty {
width: 70px; background-position: -140px 0;
}

ul#contents_menu  li a.kitchen {
width: 70px; background-position: -210px 0;
}

ul#contents_menu  li a.living {
width: 70px; background-position: -280px 0;
}

ul#contents_menu  li a.garden {
width: 140px; background-position: -350px 0;
}


ul#contents_menu  li a.health {
width: 70px; background-position: -490px 0;
}

ul#contents_menu  li a.blog {
width: 70px; background-position: -560px 0;
}



ul#contents_menu  li a.home:hover, ul#awesome-menu li a.home:focus {
background-position: 0 -42px;}

ul#contents_menu  li a.topics:hover, ul#awesome-menu li a.topics:focus {
background-position: -70px -42px;}

ul#contents_menu  li a.beauty:hover, ul#awesome-menu li a.beauty:focus {
background-position: -140px -42px;}

ul#contents_menu  li a.kitchen:hover, ul#awesome-menu li a.kitchen:focus {
background-position: -210px -42px;}

ul#contents_menu  li a.living:hover, ul#awesome-menu li a.living:focus {
background-position: -280px -42px;}

ul#contents_menu  li a.garden:hover, ul#awesome-menu li a.garden:focus {
background-position: -350px -42px;}


ul#contents_menu  li a.health:hover, ul#awesome-menu li a.health:focus {
background-position:  -490px -42px;}

ul#contents_menu  li a.blog:hover, ul#awesome-menu li a.blog:focus {
background-position: -560px  -42px;}