@charset "UTF-8";

ul#worksMenu {
	margin: 0;
	padding:12px 0 0 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	white-space:nowrap;
}

ul#worksMenu li {
	float: left;
	margin: 0 10px 0 0; padding: 0;
	position: relative; /*--ここ大事--*/
}

ul#worksMenu li a {
	float: left;
	text-indent: -9999px;
	height: 12px;
}

ul#worksMenu li:hover a, ul#worksMenu li a:hover {
	background-position: left bottom;
}

/* ロールオーバー時に背景画像を隠す */
ul#worksMenu a:hover {
	background-image: none !important;
}

ul#worksMenu li .sub {
	position: absolute; /*--ここ大事--*/
	top: 12px; left: 0;
	background-color: white/* url(sub_bg.png) repeat-x*/;
	padding: 0 0 0 0;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--JSオフ時に表示されないようにします--*/
	font-size:8pt;
}

ul#worksMenu li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul#worksMenu li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}

ul#worksMenu .sub ul li {
	width: 100%;
	color: #fff;
}

ul#worksMenu .sub ul li h2 {
	padding: 0; margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}

ul#worksMenu .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}

ul#worksMenu .sub ul li a {
	float: none;
	text-indent: 0; /*--text-indent戻します--*/
	height: auto;
	padding: 2px 2px 2px 7px;
	display: block;
	text-decoration: none;
	color: #999;
}

ul#worksMenu .sub ul li a:hover {
	color: #000;
	background-position: 5px 12px ;
}

/********************************************************************
	各メニューの設定
*********************************************************************/
ul#worksMenu li#menu_new {
	background:url('../../image/works/menu/hover/new.gif') no-repeat;
	width:29px;
}

ul#worksMenu li#menu_new a {
	background:url('../../image/works/menu/new.gif') no-repeat;
	width:29px;
}

ul#worksMenu li.new_current {
	background:url('../../image/works/menu/hover/new.gif') no-repeat;
	width:29px;
}

ul#worksMenu #navi_catalogue_sub {
	background:url('../../image/works/menu/catalogue.gif') no-repeat;
	width:63px;
}

ul#worksMenu .navi_catalogue_sub_current {
	background:url('../../image/works/menu/hover/catalogue.gif') no-repeat;
	width:63px;
}

ul#worksMenu li#navi_catalogue {
	background:url('../../image/works/menu/hover/catalogue.gif') no-repeat;
	width:63px;
}

ul#worksMenu #navi_advertising_sub {
	background:url('../../image/works/menu/advertising.gif') no-repeat;
	width:74px;
}

ul#worksMenu .navi_advertising_sub_current {
	background:url('../../image/works/menu/hover/advertising.gif') no-repeat;
	width:74px;
}

ul#worksMenu li#navi_advertising {
	background:url('../../image/works/menu/hover/advertising.gif') no-repeat;
	width:74px;
}

ul#worksMenu #navi_magazine_sub {
	background:url('../../image/works/menu/magazine.gif') no-repeat;
	width:57px;
}

ul#worksMenu .navi_magazine_sub_current {
	background:url('../../image/works/menu/hover/magazine.gif') no-repeat;
	width:57px;
}

ul#worksMenu li#navi_magazine {
	background:url('../../image/works/menu/hover/magazine.gif') no-repeat;
	width:57px;
}

ul#worksMenu #navi_pamphlet_sub {
	background:url('../../image/works/menu/pamphlet.gif') no-repeat;
	width:59px;
}

ul#worksMenu .navi_pamphlet_sub_current {
	background:url('../../image/works/menu/hover/pamphlet.gif') no-repeat;
	width:59px;
}

ul#worksMenu li#navi_pamphlet {
	background:url('../../image/works/menu/hover/pamphlet.gif') no-repeat;
	width:59px;
}
/*
ul#worksMenu #navi_magazine_sub {
	background:url('../../image/works/menu/magazine.gif') no-repeat;
	width:57px;
}

ul#worksMenu li#navi_magazine {
	background:url('../../image/works/menu/hover/magazine.gif') no-repeat;
	width:57px;
}
*/
ul#worksMenu #navi_textile_sub {
	background:url('../../image/works/menu/textile.gif') no-repeat;
	width:46px;
}

ul#worksMenu .navi_textile_sub_current {
	background:url('../../image/works/menu/hover/textile.gif') no-repeat;
	width:46px;
}

ul#worksMenu li#navi_textile {
	background:url('../../image/works/menu/hover/textile.gif') no-repeat;
	width:46px;
}

ul#worksMenu #navi_dm_sub {
	background:url('../../image/works/menu/dm.gif') no-repeat;
	width:19px;
}

ul#worksMenu .navi_dm_sub_current {
	background:url('../../image/works/menu/hover/dm.gif') no-repeat;
	width:19px;
}

ul#worksMenu li#navi_dm {
	background:url('../../image/works/menu/hover/dm.gif') no-repeat;
	width:19px;
}

ul#worksMenu #navi_music_sub {
	background:url('../../image/works/menu/music.gif') no-repeat;
	width:36px;
}

ul#worksMenu .navi_music_sub_current {
	background:url('../../image/works/menu/hover/music.gif') no-repeat;
	width:36px;
}

ul#worksMenu li#navi_music {
	background:url('../../image/works/menu/hover/music.gif') no-repeat;
	width:36px;
}

ul#worksMenu #navi_logo_sub {
	background:url('../../image/works/menu/logo.gif') no-repeat;
	width:32px;
}

ul#worksMenu .navi_logo_sub_current {
	background:url('../../image/works/menu/hover/logo.gif') no-repeat;
	width:32px;
}

ul#worksMenu li#navi_logo {
	background:url('../../image/works/menu/hover/logo.gif') no-repeat;
	width:32px;
}