@charset "utf-8";

/*
--------------------------------------------
	住友林業-webサイトCSS
	
	個別レイアウトファイル
--------------------------------------------
*/

#topContents ul.detail:after,
#bottomContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#topContents ul.detail,
#bottomContents {
	zoom: 1;
}

#container {
	width: auto !important;
	text-align: center;
}
#contents {
	margin: 0 auto 0 auto;
	width: auto !important;
	text-align: center !important;
	
}

/* pankuzu */
#pankuzu {
	margin: 0 auto 14px auto;
	width: 920px;
	text-align: left;
}

/* localNavi */
#localNavi {
	background: url(../../common/img/nav_bg.png) repeat-x left top;
	margin-bottom: 38px;
	width: 100%;
	height: 80px;
	overflow: hidden;
}
#localNavi div {
	margin: 0 auto;
	padding-top: 15px;
	width: 920px;
	text-align: left;
}
#localNavi li {
	margin-right: 25px;
	float: left;
	list-style-type: none;
}
#localNavi li.keyword {
	margin-right: 0;
}


/* slideNavi */
#slideNavi {
	background-color: #c0c0c0;
	margin-bottom: 18px;
	height: 400px;
	overflow: hidden;
}
#slideNavi .cont {
	margin: 0 auto;
	width: 920px;
	text-align: left;
	overflow: visible;
}
#slideNavi .view {
	position: relative;
	width: 760px !important;
	margin: 0 -680px;
	overflow: visible !important;
	overflow-x: hidden;
}
.bx-wrapper {
	position: relative;
	width: 2280px;
}
.bx-wrapper .bx-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 760px;
	height: 400px;
	background: url(../img/prev.png) no-repeat left 0;
	overflow: hidden;
	text-indent: -9999px;
}

.bx-wrapper .bx-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 760px;
	height: 400px;
	background: url(../img/next.png) no-repeat left 0;
	overflow: hidden;
	text-indent: -9999px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	background-position: 0 -400px !important;
}


/* topContents */
#topContents {
	margin: 0 auto;
	padding-bottom: 23px;
	width: 920px;
	text-align: left;
	overflow: hidden;
}
#topContents .dl2,
#topContents .dl1 {
	margin-right: 25px;
	width: 290px;
	float: left;
}
#topContents .dl3 {
	width: 290px;
	float: left;
}
#topContents .linkImg img {
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
#topContents .linkImg a {
	background-position: 0 bottom !important;
	display: block;
}
#topContents .linkImg a:hover {
	background-position: -290px bottom !important;
}
#topContents p.linkImg a {
	background: url(../../img/gaikan_lnk_01.png) no-repeat;
}
#topContents .dl1 .linkImg a {
	background: url(../../img/naikan_lnk_01.png) no-repeat;
}
#topContents .dl2 .linkImg a {
	background: url(../../img/naikan_lnk_02.png) no-repeat;
}
#topContents .dl3 .linkImg a {
	background: url(../../img/naikan_lnk_03.png) no-repeat;
}
#topContents dd {
	margin-top: 14px;
	font-size: 13px;
	line-height: 1.5;
}


/* bottomContents */
#bottomContents {
	margin: 0 auto;
	padding: 25px 0 20px 0;
	width: 920px;
	text-align: left;
}
#bottomContents .catalog {
	width: 520px;
	float: left;
}
#bottomContents .reco {
	background: url(../../common/img/reco_bg.png) no-repeat left top;
	width: 270px;
	height: 134px;
	float: right;
}
#bottomContents .reco ul {
	padding-top: 34px;
	text-align: center;
}
#bottomContents .reco li {
	padding: 0 5px;
	display: inline;
}
#bottomContents .info {
	width: 360px;
	float: right;
}
#bottomContents h3 {
	margin-bottom: 10px;
}
#bottomContents p {
	margin-bottom: 15px;
	font-size: 14px !important;
	line-height: 1.4;
}