@charset "utf-8";

/* 左メニュー */

ol.subMenu li li {
	font-size: 84%;
	line-height: 1.4em;
	padding-left: 10px;
}

ol.subMenu li.off ul {
	display: none !important;
}

ol.subMenu a:link,
ol.subMenu a:visited {
	color: #000000;
	text-decoration: none;
}

ol.subMenu a:hover {
	color: #F90000;
	text-decoration: none;
}

ol.subMenu li.on > a {
	color: #F90000;
}

ol.subMenu li.on ul {
	display: block;
	margin-bottom: 10px;
}


/* main */

.category1 { margin-bottom: 20px;	font-size: 90%;}
.category1 span {
	color: #333;
}

.category2 {
	border: 1px solid #cccccc;
	padding: 3px 10px 3px 10px;
	margin-right: 12px;
	margin-bottom: 20px;
	color: #F90000;
}


#wrapped{
	margin: 30px 0px;
}
.wrappedBox{
	margin-bottom: 10px;
}
.worksIndex{
	width: 628px;
	margin-bottom: 30px;
}

.worksIndex img{
	vertical-align:bottom
}

.worksIndex div {
	width: 200px;
	height:170px;
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
	position:relative;
}

.worksIndex dl{
	width: 200px;
	background-color: #FFF;
	background-image: url(/works/images/bg_works.gif);
	font-size: 10px;
	/*cursor: pointer;*/
	text-decoration: none;
	color: #000;
	/*width: 256px;*/
	display: block;
	line-height:1.5em;
	/*position: relative;*/
}
.worksIndex dl:hover{
	background-color: #F90000;
	background-image: none;
	color: #FFF;
}
.worksIndex a.a_detail{
	position: absolute;
	width: 200px;
	height: 100%;
	display: block;
	background-image: url(/inc/images/global/noImg.gif);
	top:0px;
	left:0px;
	z-index:1;
}
.worksIndex a.a_website{
	display: block;
	width: 85px;
	height: 19px;
	position: absolute;
	right: 3px;
	top: 79px;
	z-index:2;
}

.worksIndex dt{
	text-align:center;
	padding-top: 3px;
}
.worksIndex dd{
	padding: 13px 10px 10px 10px;
	font-size: 11px;
}
.worksIndex dd span {
	display: block;
	padding-top: 5px;
}

.worksBoxL{
	width: 426px;
	float: left;
}

.worksBox{
	width: 190px;
	float: right;
}


*html .worksBoxL{
margin-right: 10px;
	}
*html .worksBox{
width: 180px;
}
.worksBoxL dt,
.worksBox dt{
	background-image: url(/works/images/bg_works.gif);
	padding: 3px;
	font-size: 12px;
	margin-top: 10px;
	font-weight: bold;
}
.worksBoxL dd a{
}
.worksBoxL  dd,
.worksBox dd{
	padding: 5px 10px;
	font-size: 12px;
}
.worksBox dd span{
	margin-right: 10px;
}
.worksBox dd img{
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}
.worksBoxL dt.a{
	padding: 0;
	margin: 0;
	widows: 290px;
	display: block;
}
.worksBoxL dt.thum{
	width: 426px;
	text-align: center;
	position: relative;
	padding: 5px 0px 5px 0px;!important
	margin: 0px 0px 0px 0px;!important
	background-image: url(/works/images/bg_works.gif);
	line-height: 0;
}
.worksBoxL dt.thum img{
	padding: 0px 0px 0px 0px;!important
	margin: 0px 0px 0px 0px;!important
}
.worksBoxL dt.thum span{
	display: none;
	right: -9999px;	
}
.worksBoxL dt.thum:hover span{
	position: absolute;
	display: block;
	width: 100px;
	height: 10px;
	right: 0;
	bottom: 25px;
}
#yamasaki a,
#nakamaru a,
#dan a,
#sugimoto a,
#tateishi a,
#okayama a,
#yoshioka a,
#tado a,
#nagata a,
#yamamoto a,
#kawasaki a,
#kawasakidi a,
#ikeda a,
#araya a,
#miyata a,
#okamoto a,
#naito a,
#joseph a,
#toga a,
#hashimoto a,
#iijima a{
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 1.2em;
}
#yamasaki a{
	background-image: url(/works/images/face_yamasaki.gif);
}
#nakamaru a{
	background-image: url(/works/images/face_nakamaru.gif);
}
#dan a{
	background-image: url(/works/images/face_dan.gif);
}
#sugimoto a{
	background-image: url(/works/images/face_sugimoto.gif);
}
#tateishi a{
	background-image: url(/works/images/face_tateishi.gif);
}
#okayama a{
	background-image: url(/works/images/face_okayama.gif);
}
#yoshioka a{
	background-image: url(/works/images/face_yoshioka.gif);
}
#tado a{
	background-image: url(/works/images/face_tado.gif);
}
#nagata a{
	background-image: url(/works/images/face_nagata.gif);
}
#yamamoto a{
	background-image: url(/works/images/face_yamamoto.gif);
}
#kawasaki a,
#kawasakidi a{
	background-image: url(/works/images/face_kawasaki.gif);
}
#ikeda a{
	background-image: url(/works/images/face_ikeda.gif);
}
#araya a{
	background-image: url(/works/images/face_araya.gif);
}
#miyata a{
	background-image: url(/works/images/face_miyata.gif);
}
#okamoto a{
	background-image: url(/works/images/face_okamoto.gif);
}
#naito a{
	background-image: url(/works/images/face_naito.gif);
}
#joseph a{
	background-image: url(/works/images/face_joseph.gif);
}
#toga a{
	background-image: url(/works/images/face_toga.gif);
}
#hashimoto a{
	background-image: url(/works/images/face_hashimoto.gif);
}
#iijima a{
	background-image: url(/works/images/face_iijima.gif);
}

#yamasaki a:hover{
	background-image: url(/works/images/face_yamasaki_w.gif);
}
#nakamaru a:hover{
	background-image: url(/works/images/face_nakamaru_w.gif);
}
#dan a:hover{
	background-image: url(/works/images/face_dan_w.gif);
}
#sugimoto a:hover{
	background-image: url(/works/images/face_sugimoto_w.gif);
}
#tateishi a:hover{
	background-image: url(/works/images/face_tateishi_w.gif);
}
#okayama a:hover{
	background-image: url(/works/images/face_okayama_w.gif);
}
#yoshioka a:hover{
	background-image: url(/works/images/face_yoshioka_w.gif);
}
#tado a:hover{
	background-image: url(/works/images/face_tado_w.gif);
}
#nagata a:hover{
	background-image: url(/works/images/face_nagata_w.gif);
}
#yamamoto a:hover{
	background-image: url(/works/images/face_yamamoto_w.gif);
}
#kawasaki a:hover,
#kawasakidi a:hover{
	background-image: url(/works/images/face_kawasaki_w.gif);
}
#ikeda a:hover{
	background-image: url(/works/images/face_ikeda_w.gif);
}
#araya a:hover{
	background-image: url(/works/images/face_araya_w.gif);
}
#miyata a:hover{
	background-image: url(/works/images/face_miyata_w.gif);
}
#okamoto a:hover{
	background-image: url(/works/images/face_okamoto_w.gif);
}

#naito a:hover{
	background-image: url(/works/images/face_naito_w.gif);
}

#joseph a:hover{
	background-image: url(/works/images/face_joseph_w.gif);
}

#toga a:hover{
	background-image: url(/works/images/face_toga_w.gif);
}

#hashimoto a:hover{
	background-image: url(/works/images/face_hashimoto_w.gif);
}

#iijima a:hover{
	background-image: url(/works/images/face_iijima_w.gif);
}


ul.member li a{
	color: #442B00;
	text-decoration: none;
	display: block;
	width: 140px;
	padding: 2px 2px 2px 40px;
	margin-left: -10px;
}
ul.member li a:hover{
	color: #F00;
	text-decoration: none;
}
ul.member li{
	margin-bottom: 10px;
}
ul.member li strong{
	font-size: 10px;
}