@charset "utf-8";

/*----------------------------------------
 work
----------------------------------------*/
.work a {
	color:#999 !important;
}

.work a:hover {
	opacity:1 !important;
	color:#000 !important;
}

.work a.active,
.work nav.loNav li a.active p {
	color:#000 !important;
}

.work {
	position:relative;
	width:650px;
	padding:25px;
	background:#e0e0e0;
}

.work .close {
	position:absolute;
	top:20px;
	right:20px;
}

.work nav{
	display:table-cell;
	width:160px;
}

.work .phArea{
	display:table-cell;
	width:472px;
	padding:35px 0 0 0;
}

.work h1{
	font-size:12px;
	width:50px;
	padding:1px 0;
	border:#000 1px solid;
	text-align:center;
	letter-spacing:0.07em !important;
	margin:0 0 10px;
}

.work nav.loNav ul{
	padding:0 0 10px 10px;
}

.work nav.loNav li{
	padding:0 0 7px;
	width:160px;
}

.work nav.loNav li p{
	display:table-cell;
	line-height:12px;
	font-size:11px;
	border-left:#666 1px solid;
	width:60px;
	text-align:center;
	padding:0 !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.work nav.loNav li h2 {
	display:table-cell;
	line-height:12px;
	border-left:#666 1px solid;
	padding:0 0 0 10px;
	width:75px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.work nav.loNav li .active p,
.work nav.loNav li .active h2,
.work nav.loNav li .active:hover p,
.work nav.loNav li .active:hover h2{
	border-left:#000 1px solid !important;
}

.work nav.loNav ul.jyukyo h2 {
	letter-spacing:0.3em;
}

.panels {
	float:left;
	width:375px;
}

.panels > .panel {
  width:100%;
  display: none;
}
.panels > .panel.active {
  display: block;
}

.tabs {
	float:right !important;
	width:90px;
}

.tabs li{
	padding:0 0 4px;
}

.tabs img {
	width:90px;
}