@charset	"utf-8";

/* Float処理 ----------------------------------------------- */

.pst_detail,
.tech_topmenuline	{
	zoom:1;
}

.pst_detail:after,
.tech_topmenuline:after	{
	content:	"";
	display:	block;
	clear: both;
}

/* リンク処理 ---------------------------------------------- */

.movie_area a img:hover,
a#linktab0 img:hover,
a.movie img:hover,
.topmenuwrap a:hover	{
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* ジャンルトップ ------------------------------------------ */

.tech_topmenuline	{
	width:	980px;
	margin:	48px auto 96px;
}

.topmenuwrap	{
	width:	480px;
	height:	332px;
	float:	left;
	padding-left:	20px;
	background:	url("/en//technology/images/tech_intro_base.png") no-repeat right bottom;
}

.tech_topmenuline div:first-child	{
	padding-left:	0;
}

.topmenuwrap h3	{
	width:	460px;
	height:	30px;
	margin:	0px 0px 6px;
	font-size:	17px;
	padding:	12px 0px 0px 20px;
	background:	url("/en/common/images/h3base_middle.gif") no-repeat right top;
}

.topmenuwrap p	{
	line-height:	130%;
	margin:	12px 10px 0px;
}

.topmenuwrap a	{
	display:	block;
	width:	480px;
	height:	284px;
}

.topmenuwrap a:link,.topmenuwrap a:visited,.topmenuwrap a:hover	{
	color:	#333333;
	text-decoration:	none;
}

/* 製品ができるまで ---------------------------------------- */
.comp_intro	{
	width:	730px;
	margin:	0px auto 48px;
}

.comp_intro p	{
	margin:	8px 0px 12px;
}

.intro_base	{
	width:	730px;
	height:	560px;
	margin:	0px auto 0px;
	position:	relative;
}

a.page_link	{
	display:	block;
	text-indent:	-9999px;
	background-image:	url("/en/technology/images/comp_intro_tabs.png");
	background-repeat:	no-repeat;
	position:	absolute;
	cursor:	pointer;
}

a.page_link#linktab0	{
	background:	none;
	text-indent:	0px;
	width:	155px;
	height:	40px;
	bottom:	0px;
	right:	0px;
}

a.page_link#linktab1	{
	top:	420px;
	left:	188px;
	width:	123px;
	height:	108px;
	background-position:	-28px 0px;
}
a.page_link#linktab1:hover	{
	background-position:	-161px 0px;
}

a.page_link#linktab2	{
	top:	109px;
	left:	53px;
	width:	123px;
	height:	101px;
	background-position:	-28px -118px;
}
a.page_link#linktab2:hover	{
	background-position:	-161px -118px;
}

a.page_link#linktab3	{
	top:	56px;
	left:	180px;
	width:	123px;
	height:	110px;
	background-position:	-28px -229px;
}
a.page_link#linktab3:hover	{
	background-position:	-161px -229px;
}

a.page_link#linktab4	{
	top:	0px;
	left:	298px;
	width:	151px;
	height:	109px;
	background-position:	0px -349px;
}
a.page_link#linktab4:hover	{
	background-position:	-161px -349px;
}

a.page_link#linktab5	{
	top:	72px;
	left:	592px;
	width:	141px;
	height:	98px;
	background-position:	-10px -468px;
}
a.page_link#linktab5:hover	{
	background-position:	-161px -468px;
}

a.page_link#linktab6	{
	top:	321px;
	left:	471px;
	width:	211px;
	height:	99px;
	background-position:	-51px -576px;
}
a.page_link#linktab6:hover	{
	background-position:	-51px -685px;
}

a.page_link#linktab7	{
	top:	175px;
	left:	603px;
	width:	128px;
	height:	100px;
	background-position:	-26px -793px;
}
a.page_link#linktab7:hover	{
	background-position:	-159px -793px;
}


.comp_flow	{
	width:	721px;
	height:	1350px;
	margin:	0px auto 48px;
	padding:	10px 4px 10px 5px;
	background:	#f3f3f3 url("/en/technology/images/comp_flowbase.gif") no-repeat 5px 10px;
	position:	relative;
}

.link_part h3	{
	height:	42px;
	margin:	0;
	padding:	0px 0px 16px 0px;
	background:	none;
}


#compflow1	{
	width:	670px;
	height:	168px;
	position:	absolute;
	left:	32px;
	top:	30px;
}
#compflow1 img	{
	display:	block;
	float:	right;
	padding-left:	10px;
}

#compflow1 h3	{
	width:	390px;
	float:	left;
}

#compflow1 h3 img	{
	padding:	0px 0px 16px;
}

a.viewmovie	{
	display:	block;
	width:	155px;
	height:	40px;
	position:	absolute;
}

#compflow1 a.viewmovie	{
	bottom:	2px;
	left:	225px;
}

#compflow2	{
	width:	192px;
	height:	334px;
	position:	absolute;
	left:	22px;
	top:	276px;
}
#compflow2 h3	{
	width:	192px;
}

#compflow2 img	{
	display:	block;
	padding-bottom:	16px;
}

#compflow2 a.viewmovie	{
	bottom:	2px;
	right:	2px;
}

#compflow3	{
	width:	192px;
	height:	334px;
	position:	absolute;
	left:	252px;
	top:	276px;
}
#compflow3 h3	{
	width:	192px;
}

#compflow3 img	{
	display:	block;
	padding-bottom:	16px;
}

#compflow3 a.viewmovie	{
	bottom:	2px;
	right:	2px;
}

#compflow4	{
	width:	582px;
	height:	170px;
	position:	absolute;
	left:	32px;
	top:	695px;
}
#compflow4 h3	{
	width:	300px;
	float:	left;
}

#compflow4 h3 img	{
	padding:	0;
}


#compflow4 img	{
	display:	block;
	float:	right;
	padding-left:	10px;
}

#compflow4 a.viewmovie	{
	bottom:	2px;
	right:	282px;
}

#compflow5	{
	width:	582px;
	height:	170px;
	position:	absolute;
	left:	32px;
	top:	928px;
}
#compflow5 img	{
	display:	block;
	float:	right;
	padding-left:	10px;
}

#compflow5 h3	{
	width:	300px;
	float:	left;
}

#compflow5 h3 img	{
	padding:	0px 0px 16px;
}

#compflow5 a.viewmovie	{
	bottom:	2px;
	right:	282px;
}

#compflow6	{
	width:	232px;
	height:	334px;
	position:	absolute;
	left:	481px;
	top:	276px;
}
#compflow6 h3	{
	width:	232px;
}

#compflow6 img	{
	display:	block;
	padding-bottom:	16px;
}

#compflow6 a.viewmovie	{
	bottom:	2px;
	right:	2px;
}

#compflow7	{
	width:	670px;
	height:	168px;
	position:	absolute;
	left:	32px;
	top:	1174px;
}

#compflow7 img	{
	display:	block;
	float:	right;
	padding-left:	10px;
}

#compflow7 h3	{
	width:	392px;
	float:	left;
	margin:	0;
	padding:	0px 0px 16px;
	background:	none;
}

#compflow7 h3 img	{
	padding:	0px 0px 16px;
}

#compflow7 a.viewmovie	{
	bottom:	4px;
	right:	278px;
}


/* 高精度への追及 ------------------------------------------ */
.pst_intro	{
	width:	730px;
	margin:	0px auto 48px;
}

.pst_intro p	{
	margin:	8px 0px 12px;
}

.pst_detail	{
	width:	730px;
	min-height:	150px;
	margin:	0px auto 24px;
}

.pst_detail img	{
	display:	block;
	float:	left;
	padding-right:	16px;
}

.movie_area	{
	width:	690px;
	height:	360px;
	margin:	16px auto 96px;
}