@charset "utf-8";

/*
===== CONTENTS ===========================================

	1: Sidemenu Layout
	2: Sidemenu Style	
----------
			2-1: Sidemenu MenuStyle
			2-2: Sidemenu OtherStyle
----------	

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

/* -------------------------------------------------
	1: Sidemenu Layout
------------------------------------------------- */
ul#sidemenu a:link,
ul#sidemenu a:visited { color: #2c517c; }
ul#sidemenu a:hover,
ul#sidemenu a:active { color: #587eaa; }

ul#sidemenu { margin: 0 0 10px 0; }
ul#sidemenu li { 
	margin: 0 0 6px 0;
	padding: 0;
	width: 194px;
}
ul#sidemenu li:hover { background-position: left -44px; }
ul#sidemenu li.last { margin-bottom: 0; }

ul#sidemenu li a {
	background-position: left top;
	background-repeat: no-repeat;
	height: 43px;
	width: 194px;
}
ul#sidemenu li a:hover { background-position: right top; }
ul#sidemenu li a.self { 
	background-position: right top;
	cursor: default;
}

/* stylereg  */
ul#sidemenu li a {
	display: block;
	overflow: hidden;
	text-indent: -5000px;
}


/* submenu ---------- */
ul#sidemenu ul {
	background: url(../img/common/sidemenu_bg.png) no-repeat left bottom;
	margin: 0 3px 0 1px;
	padding: 0 0 2px 0;
	width: 190px;
}
ul#sidemenu ul li {
	background: url(../img/common/sidemenu_bg.png) no-repeat left top; /* 各メニュー先でも背景指定 */
	margin: 0;
	padding: 1px 0 0 0;
	width: 190px;
}
ul#sidemenu ul li.eq { /* 各メニュー先でも背景指定 */
	background: none;
	padding: 0;
}

ul#sidemenu ul li a {
	background: url(../img/common/sidemenu_bg.png) no-repeat left -6px; /* 各メニュー先でもposition指定 */
	background-repeat: no-repeat;
	height: auto;
	line-height: 1.3;
	padding: 11px 5px 7px 30px;
	text-indent: 0px;
	width: auto;
}
ul#sidemenu ul li a.self { 
	color: #2c517c;
	font-weight: bold;
	text-decoration: none;
}


/* -------------------------------------------------
	2: Sidemenu Style
------------------------------------------------- */

/*
===== 2-1: Sidemenu MenuStyle ===========================
*/

/* Menu
---------------------- */
#menu ul#sidemenu li.sm01 a { background-image: url(../img/sidemenu_menu_season.gif); }
#menu ul#sidemenu li.sm02 a { background-image: url(../img/sidemenu_menu_drink.gif); }
#menu ul#sidemenu li.sm03 a { background-image: url(../img/sidemenu_menu_bread.gif); }
#menu ul#sidemenu li.sm04 a { background-image: url(../img/sidemenu_menu_dessert.gif); }
#menu ul#sidemenu li.sm05 a { background-image: url(../img/sidemenu_menu_setmenu.gif); }
#menu ul#sidemenu li.sm06 a { background-image: url(../img/sidemenu_menu_chococro.gif); }


/* submenu ---------- */
#menu ul#sidemenu li.sm05 ul { display: none; }
#menu .sm05sub ul#sidemenu li.sm05 ul { display: block; }

#menu .sm05sub ul#sidemenu li.sm05 { 
	background-position: left -90px;
	padding: 0;
}
#menu .sm05sub ul#sidemenu li.sm05:hover { background-position: left -128px; }
#menu .sm05sub ul#sidemenu li.sm05 a.fix { 
	background: url(../img/sidemenu_menu_setmenu02.gif) no-repeat right top;
	cursor: default;
	height: 38px;
	position: relative;
}

#menu .sm05sub ul#sidemenu li.sm05 ul li,
#menu .sm05sub ul#sidemenu li.sm05 ul li a { 
	background: url(../img/common/sidemenu_bg.png) no-repeat left top;
}
#menu .sm05sub ul#sidemenu li.sm05 ul li.eq { background: none; }
#menu .sm05sub ul#sidemenu li.sm05 ul li a,
#menu .sm05sub ul#sidemenu li.sm05 ul li a:hover,
#menu .sm05sub ul#sidemenu li.sm05 ul li a.self { background-position: left -6px; }


/* sidemenu ---------- */
#menu ul#sidemenu li.sm07,
#menu ul#sidemenu li.sm08 { 
	background-position: left -175px;
	height: 27px;
	margin: 0 0 5px 1px;
	padding: 0;
	width: 190px;
}
#menu ul#sidemenu li.sm07 a,
#menu ul#sidemenu li.sm08 a { height: 27px; width:190px; }
#menu ul#sidemenu li.sm07:hover,
#menu ul#sidemenu li.sm08:hover { background-position: left -202px; }

#menu ul#sidemenu li.sm07 a { background-image: url(../img/sidemenu_menu_gensan.gif); }
#menu ul#sidemenu li.sm08 a { background-image: url(../img/sidemenu_menu_alle.gif); }


/*　20110708追記　*/
/* annotate ---------- */
.annotate {
	margin:10px 10px 10px 10px;
	color: #000000;
	width: 175px;
	height: auto;
}

/*　20111129追記　*/
/* clearbox ------------- */
#clearbox {
	/*width: 175px;*/
	height: 150px;
	/*border: 1px solid #000000;*/
}


/*
===== 2-2: Sidemenu OtherStyle ===========================
*/

/* Brand
---------------------- */
#brand ul#sidemenu li.sm01 a { background-image: url(../img/sidemenu_brand.gif); }
#brand ul#sidemenu li.sm02 a { background-image: url(../img/sidemenu_brand_photo.gif); }


/* Recruit
---------------------- */
#recruit ul#sidemenu li.sm01 a { background-image: url(../img/sidemenu_recruit_arbeit.gif); }
#recruit ul#sidemenu li.sm02 a { background-image: url(../img/sidemenu_recruit_shain.gif); }


/* Company
---------------------- */
#company ul#sidemenu li.sm01 a { background-image: url(../img/sidemenu_company.gif); }