@charset "UTF-8";

/*---------------------------------------------------------
	
	
	
---------------------------------------------------------*/

/*-common tags-------------------------------------------*/

dl.worklist dd {
	padding: 0px 10px;
	font-size: 95%;
}

dl.worklist dd p {
	padding: 0px;
	margin: 10px 0px;
}

/*-work list---------------------------------------------*/

table.outer {
	margin: 10px 0px 0px 0px;
	font-size: 100%;
}

table.outer td.marker {
	width: 20px;
	height: 16px;
	background-color: transparent;
	background-image: url(../image/icon/arrow/brownbox.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

table.inner {
	margin: 0px 10px;
	font-size: 100%;
}

table.inner td.marker {
	width: 15px;
	height: 15px;
	background-color: transparent;
	background-image: url(../image/icon/arrow/brown.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

/*-guitarist---------------------------------------------*/

#guitarist {
	margin-bottom: 10px;
}

#guitarist dt {
	width: 560px;
	height: 30px;
	background-color: transparent;
	background-image: url(../image/title/work/left/guitarist.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*-producer----------------------------------------------*/

#producer {
	margin-bottom: 10px;
}

#producer dt {
	width: 560px;
	height: 30px;
	background-color: transparent;
	background-image: url(../image/title/work/left/producer.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*-composer----------------------------------------------*/

#composer {
	margin-bottom: 10px;
}

#composer dt {
	width: 560px;
	height: 30px;
	background-color: transparent;
	background-image: url(../image/title/work/left/composer.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*-jingle production-------------------------------------*/

#jingleproduction {
	margin-bottom: 10px;
}

#jingleproduction dt {
	width: 560px;
	height: 30px;
	background-color: transparent;
	background-image: url(../image/title/work/left/jingle.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*-coordination------------------------------------------*/

#coordination {
	margin-bottom: 10px;
}

#coordination dt {
	width: 560px;
	height: 30px;
	background-color: transparent;
	background-image: url(../image/title/work/left/coordination.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*-consulting--------------------------------------------*/

#consulting {
	margin-bottom: 10px;
}

#consulting dt {
	width: 560px;
	height: 30px;
	background-color: transparent;
	background-image: url(../image/title/work/left/consulting.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*-submenu-----------------------------------------------*/

#submenu dt.title {
	width: 190px;
	height: 25px;
	background-color: transparent;
	background-image: url(../image/title/work/right/work.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#submenu dd {
	width: 190px;
	text-align: left;
	font-size: 90%;
	padding: 10px 0px;
	border: solid 2px #683501;
}

#submenu>dd {
	width: 186px;
}

#submenu dt.bottom {
	width: 190px;
	height: 15px;
	background-color: transparent;
	background-image: url(../image/bg/bottom/submenu.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*-sub menu list-----------------------------------------*/

ul.submenu-list {
	position: relative;
	width: 186px;
	height: 150px;
	overflow: hidden;
}

ul.submenu-list li a {
	width: 186px;
	height: 25px;
	display: block;
	text-decoration: none;
}

ul.submenu-list li {
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	overflow: hidden;
}

#sm-one {
	background: transparent url(../image/menu/work/guitarist.gif) no-repeat 0px -25px;
	top: 0px;
}

#sm-one a {
	background: transparent url(../image/menu/work/guitarist.gif) no-repeat 0 0;
}

#sm-two {
	background: transparent url(../image/menu/work/producer.gif) no-repeat 0px -25px;
	top: 25px;
}

#sm-two a {
	background: transparent url(../image/menu/work/producer.gif) no-repeat 0 0;
}

#sm-three {
	background: transparent url(../image/menu/work/composer.gif) no-repeat 0px -25px;
	top: 50px;
}

#sm-three a {
	background: transparent url(../image/menu/work/composer.gif) no-repeat 0 0;
}

#sm-four {
	background: transparent url(../image/menu/work/jingleproduction.gif) no-repeat 0px -25px;
	top: 75px;
}

#sm-four a {
	background: transparent url(../image/menu/work/jingleproduction.gif) no-repeat 0 0;
}

#sm-five {
	background: transparent url(../image/menu/work/coordination.gif) no-repeat 0px -25px;
	top: 100px;
}

#sm-five a {
	background: transparent url(../image/menu/work/coordination.gif) no-repeat 0 0;
}

#sm-six {
	background: transparent url(../image/menu/work/consulting.gif) no-repeat 0px -25px;
	top: 125px;
}

#sm-six a {
	background: transparent url(../image/menu/work/consulting.gif) no-repeat 0 0;
}

#sm-one a:hover,
#sm-two a:hover,
#sm-three a:hover,
#sm-four a:hover,
#sm-five a:hover,
#sm-six a:hover {
	background-position: 0px -25px;
}

/*-EOF---------------------------------------------------*/