@charset "utf-8";

#detail #header{
	margin:0 0 10px 0;
	width:960px;
	height:300px;
}

#detail #main{
	position:relative;
	text-align:left;
	margin:0;
	padding:40px 0 135px 0;
	width:960px;
}

h2{
}
#introTxt{
	margin:0 0 60px 0;
}

ul#subMenu{
	position:absolute;
	top:293px;
	right:-7px;
	display:block;
	width:677px;
	height:18px;
	margin:0;
	z-index:100;
}
#subMenu li{
	display:inline;
	margin:0;
	padding:0;
}


/*---------------- list ----------------*/
#listArea,
#categoryListArea{
	position:relative;
	margin:0 0 40px 0;
	padding:0;
	width:100%;
}

#listArea li{
	float:left;
	margin:0 53px 40px 0;
	display:block;
	width:200px;
}
#categoryListArea li{
	float:left;
	margin:0 37px 40px 0;
	display:block;
	width:162px;
}

#listArea li.last,
#categoryListArea li.last{
	margin:0 0 40px 0;
}

#listArea a {
	text-decoration:none;
	display:block;
	width:200px;
	margin:0;
}
#categoryListArea a {
	text-decoration:none;
	display:block;
	width:160px;
	height:120px;
	margin:0;
}

#categoryListArea a:link,
#categoryListArea a:visited {
	border:1px solid #ffffff;
}

#categoryListArea a:hover,
#categoryListArea a:active {
	border:1px solid #dedede;
	filter:alpha(opacity=70);
	opacity:0.7;
}


/*---------------- detail ----------------*/

h3#productTitle{
	font-size:140%;
	font-weight:normal;
	margin:0 0 30px 0;
	padding:3px 0 10px 0;
	border-bottom:1px solid #999999;
}

.container {
	width:720px;
	height:450px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	text-align:center;
}
.slides {
	position:absolute;
	top:0;
	left:0;
}
.slides div {
	position:absolute;
	width:720px;
	height:450px;
	text-align:center;
	display:none;
}

ul.pagination{
	margin:0 0 0 0;
	padding:30px 0 50px 0;
	width:100%;
}

ul.pagination li {
	float:left;
	display:block;
	margin:0 0 0 14px;
}
ul.pagination li.last {
	margin:0 0 0 14px;
}
ul.pagination li a {
	display:block;
	overflow:hidden;
	width:162px;
	height:122px;
	background:url(/products/img/backLine.gif) no-repeat 0 0;
	border:0;
}

ul.pagination li a img{
	margin:1px;
}

ul.pagination li a:link ,
ul.pagination li a:visited {
	filter:alpha(opacity=100);
	opacity:1.0;
	background-position:0 0;
}

ul.pagination li a:hover,
ul.pagination li a:active {
	filter:alpha(opacity=70);
	opacity:0.7;
	background-position:0 -122px;
}

ul.pagination li.active a {
	background-position:0 -122px;
}


#menuArea{
	position:relative;
	width:200px;
	float:left;
}

	#menuArea li{
		margin:0 0 15px 0;
		background:url(/products/img/iconOff.gif) no-repeat 0 50%;
		padding:0 0 0 12px;
		letter-spacing:-0.1em;
	}
	#menuArea li.crr{
		background:url(/products/img/iconOn.gif) no-repeat 0 50%;
	}

	#menuArea .crr a,
	#menuArea a {
		line-height:1.2em
	}
	
	#menuArea .crr a:link {
	  color:#ff0000;
	  text-decoration:none;
	}
	
	#menuArea .crr a:visited {
	  border-bottom:0px solid #d1ba22;
	  color:#ff0000;
	  text-decoration:none;
	}
	#menuArea .crr a:hover,
	#menuArea .crr a:active {
	  border-bottom:0px solid #ff0000;
	  color:#ff0000;
	  text-decoration:non;
	}
	#menuArea a:link ,
	#menuArea a:visited {
	  color:#666666;
	  text-decoration:none;
	}
	
	#menuArea a:hover,
	#menuArea a:active {
	  color:#999999;
	  text-decoration:non;
	}

	li#backtoList{
		font-size:80%;
		background:url(/products/img/backOff.gif) no-repeat 0 50%;
		margin:30px 0 0 0;
	}

#contentsArea{
	position:relative;
	width:720px;
	float:right;
}

	#contentsArea .paragraph{
		width:100%;
	}

	#contentsArea .idealTitle{
		display:block;
		width:100px;
		float:left;
		padding:3em 0;
	}
	
	#contentsArea .idealBody{
		float:left;
		display:block;
		margin:0;
		padding:2.7em 0 1.5em 15px;
		width:600px;
		border-left:1px solid #333333;
	}