/*
========================================
足立木工FF株式会社　サブディレクトリスタイルシート
========================================*/


/*■ ヘッダー
---------------------------------------------------------- */
#header{
	padding-bottom:10px;
	background: url(/lib/img/dotline-h.gif)  repeat-x bottom #FFF;
}
#headerlogo{
	float:left;
	margin:0;
	padding:0;
}
#headerlogo img{
	margin-left:20px;
}
#headerright{
	text-align:right;
	line-height:16px;
	margin:0;
	padding:10px 0 0 0;
}


#headerright a{ text-decoration:none; color:#666666;}
#headerright a:hover{ text-decoration:underline; color:#98B663;}

/*■ ナビゲーション
---------------------------------------------------------- */
#navibg{
	clear:both;
	width:800px;
	height:25px;
	text-align:left;
	margin:0;
	padding:0;
}
ul#navi {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#navi li {
	position:absolute;
	top:0px;
	display: block;
	height:25px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
ul#navi li#works {
	left:0px;
	width:160px;
	background: url(/lib/img/navi_works-ov.gif)  no-repeat;
}
ul#navi li#products {
	left:160px;
	width:160px;
	background: url(/lib/img/navi_products-ov.gif)  no-repeat;
}
ul#navi li#onlineshop {
	left:320px;
	width:160px;
	background: url(/lib/img/navi_shop-ov.gif)  no-repeat;
}
ul#navi li#sketchbook {
	left:480px;
	width:160px;
	background: url(/lib/img/navi_blog-ov.gif)  no-repeat;
}
ul#navi li#company {
	left:640px;
	width:160px;
	background: url(/lib/img/navi_company-ov.gif)  no-repeat;
}


ul#navi a {
	display: block;
	height:25px;
	text-decoration:none;
}
ul#navi li#works a {
	background: url(/lib/img/navi_works.gif)  no-repeat;
}
ul#navi li#products a {
	background: url(/lib/img/navi_products.gif)  no-repeat;
}
ul#navi li#onlineshop a {
	background: url(/lib/img/navi_shop.gif)  no-repeat;
}
ul#navi li#sketchbook a {
	background: url(/lib/img/navi_blog.gif)  no-repeat;
}
ul#navi li#company a {
	background: url(/lib/img/navi_company.gif)  no-repeat;
}

ul#navi li#works.sl a {
	background: url(/lib/img/navi_works-sl.gif)  no-repeat;
}
ul#navi li#products.sl a {
	background: url(/lib/img/navi_products-sl.gif)  no-repeat;
}
ul#navi li#onlineshop.sl a {
	background: url(/lib/img/navi_shop-sl.gif)  no-repeat;
}
ul#navi li#sketchbook.sl a {
	background: url(/lib/img/navi_blog-sl.gif)  no-repeat;
}
ul#navi li#company.sl a {
	background: url(/lib/img/navi_company-sl.gif)  no-repeat;
}

ul#navi li#works a:hover {
	background: none;
}
ul#navi li#products a:hover {
	background: none;
}
ul#navi li#onlineshop a:hover {
	background: none;
}
ul#navi li#sketchbook a:hover {
	background: none;
}
ul#navi li#company a:hover {
	background: none;
}


/*■ 左列サブナビゲーション
---------------------------------------------------------- */
#leftcol{
	width:160px;
	float:left;
	padding:5px 0 0 0;
	margin:0;
}

.infoBoxHeading{
	background: url(/lib/img/infobox_head_bg.gif)  repeat-y #253B67;
	padding:0;
	margin:0;
	color:#FFFFFF;
	font-size:12px;
	line-height:25px;
	text-indent:15px;
	font-weight:bold;
}

#leftmenu{
	width:160px;
	margin:1px 0 0 0;
	padding:0;
	color:#253B67;
}

#leftmenu a {
	display:block;
	width:160px;
	height:25px;
	margin:0;
	padding:0;
	color:#253B67;
	border-bottom:1px #929DB3 solid;
	font-size:12px;
	line-height:25px;
	text-indent:15px;
	text-decoration:none;
}

#leftmenu a:hover {
	display:block;
	height:25px;
	margin:0;
	padding:0;
	color:#FFFFFF;
	background:#949FB5;
	border-bottom:1px #5C6D8E solid;
	text-decoration:none;
}

#leftmenu a.selected {
	display:block;
	height:25px;
	margin:0;
	padding:0;
	color:#FFFFFF;
	background:#949FB5;
	border-bottom:1px #5C6D8E solid;
}

#leftmenu .empty {
	display:block;
	width:160px;
	height:25px;
	margin:0;
	padding:0;
	border-bottom:1px #929DB3 solid;
}

#leftcol .leftbutton{
	margin:15px 10px 10px;
}


/*■ メインコンテンツ
---------------------------------------------------------- */

#main{
	float:left;
	width:630px;
	min-height:570px;
	_height:590px;
	margin:0;
	padding:10px 0 15px 0;
	background: url(/lib/img/dotline-v.gif)  repeat-y;
}

.pagetitle{
	width:620px;
	padding:0;
	margin:0 0 10px 10px;
	white-space:nowrap;
}

.totop{
	width:620px;
	margin:0;
	padding:15px 0 0 0;
	border:none;
	text-align:right;
}

.totop a{ text-decoration:none; color:#666666;}
.totop a:hover{ text-decoration:underline; color:#98B663;}

.arrowt{
	padding:0 0 0 13px;
	background: url(/lib/img/arrow-t.gif)  no-repeat;
}

.arrowr{
	padding:0 0 0 13px;
	background: url(/lib/img/arrow-r.gif)  no-repeat;
}

.arrowl{
	padding:0 0 0 13px;
	background: url(/lib/img/arrow-l.gif)  no-repeat;
}


.maininner{
	margin:20px 0 0 35px;
}

.articlehead{
	width:600px;
	margin:20px 0 0 10px;
	padding:0 0 0 10px;
	border-left:10px #98B663 solid;
}

.article{
	width:600px;
	margin:10px 0 0 10px;
	padding:0 0 0 10px;
	border-left:10px #98B663 solid;
}

.list{ width:620px;margin:10px 0 30px 10px;}
.list table{ font-size:10px;line-height:14px;}
.list tr{ vertical-align:top;}
.list th{ padding:3px 0;font-weight:bold; text-align:center;border-width:1px 0 1px 0;border-color:#B2B2B2;border-style:solid;background-color:#DDD;}
.list td{ padding:10px 3px;border-bottom:1px #B2B2B2 solid;}
.list a{ text-decoration:underline; color:#666666;}
.list a:hover{ text-decoration:underline; color:#98B663;}

.centerimage{margin:0 0 0 10px;}
.rightimage{float: right;margin:0 0 10px 10px;}
.leftimage{float: left;margin:0 10px 10px 0;}
.centering{text-align:center;}