@charset "utf-8";

/*
	Description: portfolio/ style
	Update: 2010/06/22-
	Author: Japan Electronic Industrial Arts Co.Ltd.
	Notes: 
*/

/*-------------------------------------------------------------
  portfolio_navi
---------------------------------------------------------------*/

#portfolio_navi {
	position: relative;
	margin-bottom: 18px;
	background: transparent url( ../../common/images/bg_alpha_5.png ) repeat;
}

#portfolio_navi ul {
	position: relative;
}

#portfolio_navi ul li {
	float: left;
	position: relative;
	margin-right: 1px;
}

#portfolio_navi ul li a {
	position: relative;
	display: block;
	padding: 13px 20px 8px;
	background: transparent url( ../../common/images/bg_alpha_40.png ) repeat;
	color: #000000;
	font-size: 95%;
	filter: alpha(opacity=50); /*IE*/
	-moz-opacity: 0.5; /*FF*/
	opacity: 0.5;
}
* html #portfolio_navi ul li a {
	line-height: 1.1em;
	background-image: none;
	background-color: #999999;
}
*:first-child+html #portfolio_navi ul li a {
	line-height: 1.1em;
	background-image: none;
	background-color: #999999;
}

#portfolio_navi ul li a span {
	display: block;
	padding-bottom: 5px;
}

#portfolio_navi ul li a:hover,
#portfolio_navi ul li a.expanded,
#portfolio_navi ul li a.selected {
	filter: alpha(opacity=100); /*IE*/
	-moz-opacity: 1; /*FF*/
	opacity: 1;
}
#portfolio_navi ul li a:hover,
#portfolio_navi ul li a.expanded {
	background: transparent url( ../../common/images/bg_alpha_80.png ) repeat;
}
#portfolio_navi ul li a.selected {
	background: transparent url( ../../common/images/bg_alpha_60.png ) repeat;
}
#portfolio_navi ul li a:hover span,
#portfolio_navi ul li a.expanded span,
#portfolio_navi ul li a.selected span {
	color: #FFFFFF;
}
#portfolio_navi ul li a.selected span {
	background: transparent url( ../../common/images/bg_dotted_x2_w.gif ) repeat-x left bottom;
}

/* child */
#portfolio_navi ul li .child {
	display: none;
}


/**
 * modal
 */
#portfolio_modal {
}

#portfolio_modal .background {
	width: 100%;
	height: 100%;
	background: transparent url( ../../common/spacer.gif ) repeat;
}

/* child */
#portfolio_modal .child {
	position: absolute;
	width: 100%;
	margin-left: -1px;
	border-left: #000000 1px dotted;
	border-right: #000000 1px dotted;
	border-bottom: #000000 1px dotted;
}

#portfolio_modal .child ul {
	position: relative;
	width: 100%;
	padding-left: 0px;
	font-size: 75%;
}
* html #portfolio_modal .child ul {
	font-size: 13px;
	line-height: 1.2em;
}
*:first-child+html #portfolio_modal .child ul {
	font-size: 13px;
	line-height: 1.2em;
}

#portfolio_modal .child ul li {
	position: relative;
	float: none;
	width: 100%;
	margin-right: 0px;
}

#portfolio_modal .child ul li.bg-w {
	background: transparent url( ../images/bg_portfolio_alpha_w.png ) repeat;
}
#portfolio_modal .child ul li.bg-b {
	background: transparent url( ../images/bg_portfolio_alpha_b.png ) repeat;
}
* html #portfolio_modal .child ul li {
	padding-bottom: 3px;
	margin-bottom: -3px;
}
*:first-child+html #portfolio_modal .child ul li {
	padding-bottom: 3px;
	margin-bottom: -3px;
}

#portfolio_modal .child ul li a {
	position: relative;
	display: block;
	padding: 6px 8px 5px;
	background-image: none;
	white-space: nowrap;
	filter: alpha(opacity=100); /*IE*/
	-moz-opacity: 1; /*FF*/
	opacity: 1;
}
#portfolio_modal .child ul li a:hover {
	text-decoration: underline;
}