/*---------------------------------------------
　製材工程の流れページ
---------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}

#process_area {
	clear: both;
	padding-top: 15px;
/*
	background-image: url(../process/img/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
*/
	margin-bottom: 60px;
}

#process_area #left {
	float: left;
	width: 303px;
}

#process_area .flowCv {
	margin: 0px;
	padding: 0px;
	width: 303px;
	clear: both;
	position: relative;
}

#process_area .flowBox {
	margin-left: 125px;
	padding: 26px 24px 20px;
}

#process_area .flowBox img {
	vertical-align: top;
}

#process_area .flowBox dd.pt {
	position: absolute;
	top: 22px;
	left: 18px;
	border: 1px solid #CCCCCC;
	height: 92px;
	width: 122px;
}

#process_area .flowBox dd.afterNoThumb {
	top: 27px; /* サムネイルがない場合の調整 */
}

#process_area .flowBox dd.pt a {
	display: block;
	border: 1px solid #ffffff;
}

#process_area .flowBox dd.pt a:hover {
	border: 1px solid #0099cc;
}

#process_area .flowBox dd.thumb {
	position: absolute;
	top: 122px;
	left: 18px;
	height: 30px;
	width: 120px;
	padding: 1px;
}

#process_area .flowBox dd.thumb a {
	display: block;
	_display: inline; /* for IE6 */
	border: 1px solid #ccc;
	width: 36px;
	float: left;
	margin-left: 2px;
}

#process_area .flowBox dd.thumb a:hover {
	border: 1px solid #0099cc;
}

#process_area .flowBox dd.cap {
	clear: both;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.3;
}

#process_area #left #no1 {
	background-image: url(../process/img/bg_box1.jpg);
	margin: 0px;
	height: 166px;
}

#process_area #left #no2 {
	background-image: url(../process/img/bg_box2.jpg);
	margin: 0px;
	height: 141px;
}

#process_area #left #no3 {
	background-image: url(../process/img/bg_box3.jpg);
	margin: 0px;
	height: 166px;
}

#process_area #left #no4 {
	background-image: url(../process/img/bg_box4.jpg);
	margin: 0px;
	height: 166px;
}

#process_area #left #no5 {
	background-image: url(../process/img/bg_box5.jpg);
	margin: 0px;
	height: 166px;
}

#process_area #left #no6 {
	background-image: url(../process/img/bg_box6.jpg);
	margin: 0px;
	height: 141px;
}

#process_area #left #no7 {
	background-image: url(../process/img/bg_box7.jpg);
	margin: 0px;
	height: 141px;
}

#process_area #left #no8 {
	background-image: url(../process/img/bg_box8.jpg);
	margin: 0px;
	height: 166px;
}

#process_area #right #leftCol #no6-1 {
	background-image: url(../process/img/bg_box6-1.jpg);
	height: 166px;
	margin: 12px 0 132px;
}

* html #process_area #right #leftCol #no6-1 { /* for IE6 */
	position: relative;
	top: 12px;
	margin-bottom: 146px;
}

*:first-child+html #process_area #right #leftCol #no6-1 { /* for IE7 */
	position: relative;
	top: 12px;
	margin-bottom: 144px;
}

#process_area #right #leftCol #no9 {
	background-image: url(../process/img/bg_box9.jpg);
	height: 166px;
  _margin-top: -2px;
}

#process_area #right #rightCol #no6-1-1 {
	background-image: url(../process/img/bg_box6-1-1.jpg);
	height: 187px;
}

#process_area #right #rightCol #no6-1-2 {
	background-image: url(../process/img/bg_box6-1-2.jpg);
	height: 190px;
	margin: 0 0 18px;
}

#process_area #right #rightCol #no10 {
	background-image: url(../process/img/bg_box10.jpg);
	height: 166px;
}

#process_area #right {
	float: right;
	width: 597px;
}

#process_area #right #leftCol {
	float: left;
	width: 302px;
	margin: 0px;
	list-style-type: none;
	padding-top: 84px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#process_area #right #leftCol .flowCv {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 302px;
	clear: both;
}

#process_area #right #rightCol {
	float: right;
	width: 295px;
	list-style-type: none;
}

#process_area #right #rightCol .flowCv {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 295px;
	clear: both;
}

#process_area #right h4 {
	padding-top: 21px;
	padding-left: 26px;
	margin-bottom: 40px;
}

#process_area #right #slideshow {
	height: 452px;
	width: 552px;
	margin-left: 28px;
	background-image: url(../process/img/slideshow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 28px;
}

#process_area #right #slideshow a.play {
	background-image: url(../process/img/btn_play.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 39px;
	width: 552px;
	display: block;
	text-indent: -9999px;
}

#process_area #right #slideshow a.play:hover {
	background-image: url(../process/img/btn_play_f2.gif);
}

#process_area #right #slideshow .slidePt {
	padding-left: 16px;
	padding-top: 1px;
}