@charset "utf-8";

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


/* --------------------------------------------pankuzu(MyForest共通) */


div#pankuzu {
	margin-bottom: 15px;
	padding-top: 7px;
}

/* -------------------------------------------- */


/* --------------------------------------------topContents(MyForest共通) */


/* float用Hack */
div#topContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#topContents {
	/*\*//*/
	position: relative;
	/**/
	width: 920px;
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

#contents {
	padding-bottom: 60px;
	
}

/* -------------------------------------------- */


/* --------------------------------------------leftContents(MyForest共通) */

div#leftContents {
	width: 230px;
	float: left;
}
div#leftContents div.logo {
	position: relative;
}
div#leftContents div.logo img {
	position: absolute;
	left: 100px;
	top: 29px;
}
div#leftContents h1 {
	margin-bottom: 20px;
	width: 117px;
}
div#leftContents ul.localNavi {
	/*\*//*/
	position: relative;
	overflow: hidden;
	/**/
	background: url(/ie/lineup/common/img/bg_l_navi_b.gif) left bottom no-repeat;
	padding-bottom: 10px;
	width: 230px;
}
div#leftContents ul.localNavi li {
	line-height: 0px;
	font-size: 0px;
}
div#leftContents ul.localNavi li.category02,
div#leftContents ul.localNavi li.category03,
div#leftContents ul.localNavi li.category01 {
	border-top: solid 1px #C8C7C7;
	padding: 15px 20px;
}
div#leftContents ul.localNavi li.category02-active,
div#leftContents ul.localNavi li.category03-active,
div#leftContents ul.localNavi li.category01-active {
	background: url(/ie/lineup/common/img/bg_l_navi.gif) 0 0 repeat;
	border-top: solid 1px #C8C7C7;
	padding: 15px 20px;
}
div#leftContents ul.localNavi li.category02 h3,
div#leftContents ul.localNavi li.category03 h3,
div#leftContents ul.localNavi li.category01 h3 {
	padding-left: 12px;
	height: 12px;
}
div#leftContents ul.localNavi li.category02-active h3,
div#leftContents ul.localNavi li.category03-active h3,
div#leftContents ul.localNavi li.category01-active h3 {
	border-left: solid 4px #666666;
	padding-left: 8px;
	height: 12px;
}
div#leftContents ul.localNavi li h3 span,
div#leftContents ul.localNavi li h3 a {
	background-position: 0 0;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	height: 12px;
	/*\*//*/
	padding-top: -12px;
	/**/
}
div#leftContents ul.localNavi li h3 a:hover,
div#leftContents ul.localNavi li h3.active a {
	background-position: 0 -12px !important;
}
	div#leftContents ul.localNavi li.category01 h3 a,
	div#leftContents ul.localNavi li.category01-active h3 a {
		background: url(/ie/lineup/common/img/nav_l_01.gif) no-repeat;
		width: 132px;
	}
	div#leftContents ul.localNavi li.category02 h3 a,
	div#leftContents ul.localNavi li.category02-active h3 a {
		background: url(/ie/lineup/common/img/nav_l_02.gif) no-repeat;
		width: 132px;
	}
	div#leftContents ul.localNavi li.category03 h3 span,
	div#leftContents ul.localNavi li.category03-active h3 span {
		background: url(/ie/lineup/common/img/nav_l_03.gif) no-repeat;
		width: 159px;
	}
div#leftContents ul.localNavi li ul {
	width: 190px;
}
div#leftContents ul.localNavi li li {
	margin-top: 10px;
	padding-left: 11px;
	height: 10px;
}
div#leftContents ul.localNavi li li a {
	background-position: 0 0;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	height: 10px;
	/*\*//*/
	padding-top: -10px;
	/**/
}
div#leftContents ul.localNavi li li.active {
	background: url(/ie/lineup/common/img/icn_l_navi.gif) 0 3px no-repeat;
	padding-left: 11px;
}
div#leftContents ul.localNavi li li a:hover,
div#leftContents ul.localNavi li li.active a {
	background-position: 0 -10px !important;
}

	div#leftContents ul.localNavi li.category02-active li.li1 a,
	div#leftContents ul.localNavi li.category02 li.li1 a {
		background: url(/ie/lineup/common/img/nav_l_02_01.gif) no-repeat;
		width: 117px;
	}
	div#leftContents ul.localNavi li.category02-active li.li2 a,
	div#leftContents ul.localNavi li.category02 li.li2 a {
		background: url(/ie/lineup/common/img/nav_l_02_02.gif) no-repeat;
		width: 98px;
	}
	div#leftContents ul.localNavi li.category02-active li.li3 a,
	div#leftContents ul.localNavi li.category02 li.li3 a {
		background: url(/ie/lineup/common/img/nav_l_02_03.gif) no-repeat;
		width: 135px;
	}

	div#leftContents ul.localNavi li.category03-active li.li1 a,
	div#leftContents ul.localNavi li.category03 li.li1 a {
		background: url(/ie/lineup/common/img/nav_l_03_11.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li2 a,
	div#leftContents ul.localNavi li.category03 li.li2 a {
		background: url(/ie/lineup/common/img/nav_l_03_09.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li3 a,
	div#leftContents ul.localNavi li.category03 li.li3 a {
		background: url(/ie/lineup/common/img/nav_l_03_10.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li4 a,
	div#leftContents ul.localNavi li.category03 li.li4 a {
		background: url(/ie/lineup/common/img/nav_l_03_08.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li5 a,
	div#leftContents ul.localNavi li.category03 li.li5 a {
		background: url(/ie/lineup/common/img/nav_l_03_07.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li6 a,
	div#leftContents ul.localNavi li.category03 li.li6 a {
		background: url(/ie/lineup/common/img/nav_l_03_02.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li7 a,
	div#leftContents ul.localNavi li.category03 li.li7 a {
		background: url(/ie/lineup/common/img/nav_l_03_01.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li8 a,
	div#leftContents ul.localNavi li.category03 li.li8 a {
		background: url(/ie/lineup/common/img/nav_l_03_03.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li9 a,
	div#leftContents ul.localNavi li.category03 li.li9 a {
		background: url(/ie/lineup/common/img/nav_l_03_04.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li10 a,
	div#leftContents ul.localNavi li.category03 li.li10 a {
		background: url(/ie/lineup/common/img/nav_l_03_05.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li11 a,
	div#leftContents ul.localNavi li.category03 li.li11 a {
		background: url(/ie/lineup/common/img/nav_l_03_06.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li12 a,
	div#leftContents ul.localNavi li.category03 li.li12 a {
		background: url(/ie/lineup/common/img/nav_l_03_12.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li13 a,
	div#leftContents ul.localNavi li.category03 li.li13 a {
		background: url(/ie/lineup/common/img/nav_l_03_13.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li14 a,
	div#leftContents ul.localNavi li.category03 li.li14 a {
		background: url(/ie/lineup/common/img/nav_l_03_14.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li15 a,
	div#leftContents ul.localNavi li.category03 li.li15 a {
		background: url(/ie/lineup/common/img/nav_l_03_15.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li16 a,
	div#leftContents ul.localNavi li.category03 li.li16 a {
		background: url(/ie/lineup/common/img/nav_l_03_16.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li17 a,
	div#leftContents ul.localNavi li.category03 li.li17 a {
		background: url(/ie/lineup/common/img/nav_l_03_17.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li18 a,
	div#leftContents ul.localNavi li.category03 li.li18 a {
		background: url(/ie/lineup/common/img/nav_l_03_18.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li19 a,
	div#leftContents ul.localNavi li.category03 li.li19 a {
		background: url(/ie/lineup/common/img/nav_l_03_19.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li20 a,
	div#leftContents ul.localNavi li.category03 li.li20 a {
		background: url(/ie/lineup/common/img/nav_l_03_20.gif) no-repeat;
		width: 179px;
	}
	div#leftContents ul.localNavi li.category03-active li.li21 a,
	div#leftContents ul.localNavi li.category03 li.li21 a {
		background: url(/ie/lineup/common/img/nav_l_03_21.gif) no-repeat;
		width: 179px;
	}

div#leftContents div.button {
	margin-top: 10px;
	padding: 0px 20px;
}

/* -------------------------------------------- */


/* --------------------------------------------rightContents(MyForest共通) */

div#rightContents {
	/*\*//*/
	margin-right: -10px;
	/**/
	width: 690px;
	float: right;
}
div#rightContents div.mainBox {
	position: relative;
	background: url(/ie/lineup/common/img/bg_r_cont_b.gif) left bottom no-repeat;
	margin-right: -10px;
	padding-bottom: 23px;
	width: 700px;
}
div#rightContents div.mainBox div.pack {
	background: url(/ie/lineup/common/img/bg_r_cont_t.gif) 0 0 no-repeat;
	padding-left: 1px;
}
div#flash {
	padding-top: 23px;
}

/* -------------------------------------------- */


/* --------------------------------------------bottomContents(MyForest共通) */


/* float用Hack */
div#bottomContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#bottomContents {
	width: 920px;
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

/* -------------------------------------------- */


/* --------------------------------------------banner(MyForest共通) */

div#banner {
	padding-top: 46px;
	width: 230px;
	float: left;
}
div#banner li {
	padding-top: 4px;
	font-size: 0px;
	line-height: 0%;
}

/* -------------------------------------------- */


/* --------------------------------------------InfoContents(MyForest共通) */

div#InfoContents {
	/*\*//*/
	position: relative;
	/**/
	padding-top: 15px;
	width: 690px;
	float: right;
}

/* -------------------------------------------- */


/* --------------------------------------------catalogInfo(MyForest共通) */

div#catalogInfo {
	width: 450px;
	float: left;
}
div#catalogInfo h2 {
	margin-bottom: 10px;
}
div#catalogInfo div.box {
	position: relative;
	border: solid 1px #CCCCCC;
	height: 132px;
	*height: 134px;
}
div#catalogInfo div.pack1 {
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 24px;
	width: 269px;
}
div#catalogInfo div.pack1 p {
	padding: 0px 20px 0px 10px;
}
div#catalogInfo div.pack1 div {
	position: absolute;
	left: 204px;
	top: 67px;
}
div#catalogInfo div.pack2 {
	position: absolute;
	left: 269px;
	top: 0px;
	padding-top: 10px;
	width: 179px;
}
div#catalogInfo div.pack2 h3 {
	margin-bottom: 5px;
}
div#catalogInfo div.pack2 div {
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	height: 80px;
}
div#catalogInfo div.pack2 div.4kai {
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	height: 103px;
}
div#catalogInfo div.pack2 ul {
	padding: 10px 0px 0px 20px;
}
div#catalogInfo div.pack2 li {
	margin-right: 10px;
	float: left;
}

/* -------------------------------------------- */