@charset "UTF-8";

@import "import.css";

/*case
----------------------------------------------------------------------------------------------------case*/
#case dl{
	width: 166px;
	padding: 0 10px 10px 10px; 
	float: left;
}
#case dt{
	width: 160px;
	height: 120px;
	padding: 1px;
	margin: 0 0 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	text-align: center;
}
#case dt a{
	display: block;
	width: 160px;
	height: 120px;
	overflow: hidden;
}
#case dd{
	padding: 0 0 0 16px;
	background: url(../img/gal-mark.gif) no-repeat;
}
#case dd a{
	text-decoration: underline;
	color: #FF6600;
}
#case dd a:hover{
	text-decoration: none;
}
#case ul{
	padding: 0 40px 0 0;
	margin: 0 0 30px;
	text-align: right;
}
#case ul li{
	display: inline;
}
#case ul li a{
	text-decoration: underline;
	color: #FF6600;
}
#case ul li a:hover{
	text-decoration: none;
}
/*detail
----------------------------------------------------------------------------------------------------detail*/
#detail p.attention{
	margin: 0 20px 10px 10px;
	color: #CC0000;
}
#detail div.photo{
	width: 166px;
	height: 126px;
	padding: 0 10px 10px 10px;
	float: left;
	background-color: #FFFFFF;
}
#detail div.photo p{
	margin: 0;
	text-align: center;
}
#detail div.photo p span{
	width: 160px;
	height: 120px;
	padding: 1px;	
	border: 1px solid #999999;
	display: block;
}
#detail div.photo p a{
	width: 160px;
	height: 120px;
	display: block;
	overflow: hidden;
}
#detail p.back{
	background: url(../img/det-backmark.gif) no-repeat;
	margin: 20px 20px 30px 10px;
	padding: 0 0 0 16px;
	clear: both;
}
#detail p.back a{
	text-decoration: underline;
	color: #FF6600;
}
#detail p.back a:hover{
	text-decoration: none;
}
/*end
----------------------------------------------------------------------------------------------------end*/