@charset "utf-8";
@import url("import.css");
@import url("slider.css");

/* -----------------------------------------------------------
CSS Information
 File name:      portfolio.css
 Style Info:     ポートフォリオ専用CSS
----------------------------------------------------------- */

/*----------------------------------------------------
	index用
----------------------------------------------------*/

#contents{
	position:relative;
}

html>body #wrapper { /* IE6 だけmin-height(のようなもの)が何故か効かないので苦肉の策 IE7 を含むモダンブラウザにのみ適用*/
	overflow:visible;
}

#portfolio #contents {
	min-height:600px;
	margin-top:86px;
}

#product {
	width:404px;
	float:left;
	position:relative;
}

#product_info {
	margin-top:15px;
}

#product_info_box {
	float:left;
}

#product_text {
	margin-top:43px;
	width:300px;
}

#product_text dt {
	line-height:0;
	height:5px;
	overflow:hidden;
	font-size:0;
}

#product_text dd {
	color:#0d0015;
	margin-bottom:12px;
}

#product_text dd h3 {
	letter-spacing:0.15em;
}
/*
#control_navi {
	margin-top:30px;
}

#control_navi ul {
	float:left;
}

#control_navi ul li {
	line-height:0;
	margin-bottom:8px;
}
*/
#number {
	width:60px;
	float:right;
	color:#808080;
	line-height:1.2em;
}

#number strong {
	color:#0d0015;
}

#image_controler {
	width:105px;
}

#portfolio_navi {
	width:200px;
	position:absolute;
	top:0;
	left:auto;
	right:-20px;
	height:600px;
}

#portfolio_navi li {
	margin-bottom:4px;
}