@charset "utf-8";

/******************************************************************************/
/*-- リスト関連CSS -----------------------------------------------------------*/
/******************************************************************************/

/****************************************************************************/
/*--- ヘッダー/フッター用 --------------------------------------------------*/

/*--- メインメニュー用リスト -----------------------------------------------*/
ul#main_menu{
	width:542px;
	height:32px;
	background:url(../images/main_menu.gif) 0px 0px;
}
ul#main_menu li{
	display:inline;
	float:left;
	margin:0px 0px 0px 1px;
	height:32px;}
ul#main_menu li span{
	display:none;}
ul#main_menu li a{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/main_menu.gif);
}
ul#main_menu li.home{
	width:93px;}
ul#main_menu li.business{
	width:149px;}
ul#main_menu li.nature{
	width:186px;}
ul#main_menu li.company{
	width:109px;
}
/* background-position */
ul#main_menu li.home a:link,ul#main_menu li.home a:visited{
	background-position:-1px 0px;}
ul#main_menu li.business a:link,ul#main_menu li.business a:visited{
	background-position:-95px 0px;}
ul#main_menu li.nature a:link,ul#main_menu li.nature a:visited{
	background-position:-245px 0px;}
ul#main_menu li.company a:link,ul#main_menu li.company a:visited{
	background-position:-432px 0px;
}
ul#main_menu li.home a:hover,ul#main_menu li.home a:active{
	background-position:-1px -32px;}
ul#main_menu li.business a:hover,ul#main_menu li.business a:active{
	background-position:-95px -32px;}
ul#main_menu li.nature a:hover,ul#main_menu li.nature a:active{
	background-position:-245px -32px;}
ul#main_menu li.company a:hover,ul#main_menu li.company a:active{
	background-position:-432px -32px;
}
ul#main_menu li.home a.active{
	background-position:-1px -64px;}
ul#main_menu li.business a.active{
	background-position:-95px -64px;}
ul#main_menu li.nature a.active{
	background-position:-245px -64px;}
ul#main_menu li.company a.active{
	background-position:-432px -64px;
}

/*--- ヘッダー上部用リスト ------------------------------------------------*/
ul#sub_menu{
	clear:both;
	margin:2px 0px 0px 0px;}
ul#sub_menu li{
	display:inline;
	margin:0px 0px 0px 12px;
	background-position:left center;
}

/*--- パンくずリンク用リスト ----------------------------------------------*/
div#path ul li{
	float:left;
	padding:0px 10px 0px 14px;
	color:#FF9900;
	font-weight:bold;
	background:url(../images/li_path.gif) no-repeat left center;}
div#path ul li.first{
	padding:0px 10px 0px 0px;
	background:none;
}
div#path ul li a{
	font-weight:normal;

}
ul#footer_menu li{
	display:inline;
	padding:0px 12px 0px 12px;
	border:1px solid #ffffff;
	border-width:0px 1px 0px 0px;}
ul#footer_menu li.lastchild{
	border:none;
}

/*--- フッター用リスト ----------------------------------------------------*/
ul#footer_menu li a{
	color:#ffffff !important;
}




/****************************************************************************/
/*--- トップページ用 -------------------------------------------------------*/

/*--- ボタンリスト（大） ---------------------------------------------------*/
ul#home_btn_l li{
	display:inline;
	float:left;
	margin:0px 0px 6px 0px;}
ul#home_btn_l li.right_margin{
	margin:0px 6px 6px 0px;
}
ul#home_btn_l a{
	display:inline-block;
	padding:50px 107px 0px 16px;
	width:174px;/*\*/_width:297px;/* */
	height:80px;/*\*/_height:130px;/* */
	}
ul#home_btn_l span.title{
	display:none;
}

ul#home_btn_l a span{
	color:#D28B16;
}
ul#home_btn_l li.label a{background:url(../images/home_btn_l_label.jpg) no-repeat;}
ul#home_btn_l li.sign a{background:url(../images/home_btn_l_sign.jpg) no-repeat;}
ul#home_btn_l li.publishing a{background:url(../images/home_btn_l_publishing.jpg) no-repeat;}
ul#home_btn_l li.yugu a{background:url(../images/home_btn_l_yugu.jpg) no-repeat;}
ul#home_btn_l li a:hover{
	background-position:0px -136px;
}
/* for mac ie5 */
/*\*//*/ul#home_btn_l a{overflow:hidden;}/* */


/*--- ボタンリスト（小） ---------------------------------------------------*/
ul#home_btn_s li{
	float:left;}
ul#home_btn_s li.right_margin{
	margin:0px 6px 0px 0px;
}
ul#home_btn_s a{
	display:inline-block;
	padding:73px 6px 0px 0px;
	width:190px;/*\*/_width:196px/* */;
	height:26px;/*\*/_height:99px/* */;
	text-align:right;}
ul#home_btn_s span.title{
	display:none;
}
ul#home_btn_s li.hanasns a{background:url(../images/home_btn_s_hanasns.jpg) no-repeat;}
ul#home_btn_s li.member a{background:url(../images/home_btn_s_member.jpg) no-repeat;}
ul#home_btn_s li.catalog a{background:url(../images/home_btn_s_catalog.jpg) no-repeat;}
ul#home_btn_s li.utst a{background:url(../images/home_btn_s_utst.gif) no-repeat;}
ul#home_btn_s li a:hover{
	opacity:0.85;
	filter:alpha(style=0,opacity=85);
/*	background-position:0px -99px;*/
}

ul#home_btn_s li span.text{
	padding:0px 0px 0px 14px;
	background:url(../images/li_link.gif) no-repeat left center;
}




/****************************************************************************/
/*--- サイドメニュー用 -----------------------------------------------------*/

/*--- タイトル用リスト -----------------------------------------------------*/
dl#side_menu dt{
	width:210px;
	height:38px;}
dl#side_menu dt a{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/side_title.gif) no-repeat;}
dl#side_menu dt.business a:link,dl#side_menu dt.business a:visited{background-position:0px 0px;}
dl#side_menu dt.nature a:link,dl#side_menu dt.nature a:visited{background-position:0px -38px;}
dl#side_menu dt.company a:link,dl#side_menu dt.company a:visited{background-position:0px -76px;}
dl#side_menu dt.business a:hover,dl#side_menu dt.business a:active{background-position:-210px 0px;}
dl#side_menu dt.nature a:hover,dl#side_menu dt.nature a:active{background-position:-210px -38px;}
dl#side_menu dt.company a:hover,dl#side_menu dt.company a:active{background-position:-210px -76px;
}
dl#side_menu dt a span{
	display:none;
}


/*--- メニュー用リスト -----------------------------------------------------*/
dl#side_menu dd li,dl#side_menu dd a{
	line-height:100%;
}

/* side_menu list parent */
dl#side_menu ul.side_parent{
	margin:1px 0px 0px 0px;
	border-bottom:1px dotted #cccccc;
}
dl#side_menu ul.side_parent li{
	text-indent:27px;
	border-top:1px dotted #cccccc;
	background:url(../images/li_link.gif) no-repeat 12px 9px;}
dl#side_menu ul.side_parent li.active{
	background:url(../images/side_li_parent_active.gif) no-repeat 0px 0px;
}

dl#side_menu ul.side_parent li a{
	font-size:14px;
	line-height:28px;
}

/* side_menu list child */
dl#side_menu ul.side_child li{
	padding:5px 0px 4px 51px;
	text-indent:0px;
	border:none;
	background:url(../images/li_link_nest.gif) no-repeat 40px center;}
dl#side_menu ul.side_child li.active{
	background:url(../images/side_li_child_active.gif) no-repeat 0px center;
}
dl#side_menu ul.side_child li a{
	font-size:12px;
	line-height:110%;
}

/* font color */
dl#side_menu li.active a{color:#ffffff !important;font-weight:bold;}

dl#side_menu li.active * a:link{color:#3399CC !important;font-weight:normal;}
dl#side_menu li.active * a:visited{color:#9933CC !important;font-weight:normal;}
dl#side_menu li.active * a:hover,dl#side_menu li.active * a:active{color:#FF9900 !important;
}



/******************************************************************************/
/*--- コンテンツ用 -----------------------------------------------------------*/

/*--- ニュース/更新履歴用リスト -------------------------------------------------------*/
ul.news
,ul.log{
	border-bottom:1px solid #cccccc;
}
ul.news li
,ul.log li{
	padding:6px 0px 6px;
	border-top:1px solid #cccccc;}
ul.news li li
,ul.log li li{
	list-style:none;
}
ul.news li div,ul.news li p
,ul.log li div,ul.log li p{
	margin:0px;
	padding:0px;
}
ul.news li p.number
,ul.log li p.number{
	padding:0px;
	display:block;
	float:left;
	width:20px;
	text-align:right;
}
/* レイアウト別幅調整 */
ul.news li div.home
,ul.log li div.home{
	float:left;
	margin:0px;
	padding:0px;
	width:510px;}
ul.news li div.list{
	float:left;
	width:630px;}
ul.log li div.wide{
	float:left;
	width:800px;
}
ul.news li p{
	margin:3px;
	padding:0px 80px 0px 0px;
}
ul.news li p.date
,ul.log li p.date{
	float:left;
	margin-right:6px;
	padding:0px;
	width:80px;
	text-align:right;
	font-family:Tahoma, Geneva, sans-serif;
}
/* clearfix */
ul.news li:after
,ul.log li:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;}
ul.news li
,ul.log li{
	min-height:1px;}
* html ul.news li
,* html ul.log li{
	height:1px;
/* for mac ie5 */
/*\*//*/
	height:auto;
	overflow:hidden;
/* */
}
ul.news li.label_sign{background:url(../images/icon_news_label_sign.gif) no-repeat right 10px;}
ul.news li.pub_web{background:url(../images/icon_news_pub_web.gif) no-repeat right 10px;}
ul.news li.yugu{background:url(../images/icon_news_yugu.gif) no-repeat right 10px;}
ul.news li.press{background:url(../images/icon_news_press.gif) no-repeat right 10px;
}
/* reset */
ul.news ul,ul.news li li
,ul.news ul,ul.log li li{
	border:none;
}
ul.news ul,ul.news dl
,ul.news ul,ul.log dl{
	margin:0px 80px 0px 3px !important;
}



/*--- 手順解説用リスト -----------------------------------------------------*/
dl.step dt{
	padding:24px 0px 0px 42px;
	font-weight:bold;
	font-size:16px;
	background:url(../images/dl_step.gif) no-repeat;
}
dl.step dt.step1{
	padding:4px 0px 0px 42px;
	height:24px;
	line-height:30px;
	background-position:0px 9px;}
dl.step dt.step2{background-position:0px -33px;}
dl.step dt.step3{background-position:0px -93px;}
dl.step dt.step4{background-position:0px -153px;}
dl.step dt.step5{background-position:0px -213px;}
dl.step dt.step6{background-position:0px -273px;}
dl.step dt.step7{background-position:0px -333px;}
dl.step dt.step8{background-position:0px -393px;}
dl.step dt.step9{background-position:0px -453px;}
dl.step dt.step10{background-position:0px -513px;
}
dl.step dd{
	padding:0px 0px 6px 42px;
}
/* 入れ子設定解除 */
dl.step dl dt{
	padding:0px;
	font-weight:normal;
	background:none;}
dl.step dl dd{
	padding:0px;
	height:auto;
	line-height:normal;
}


/*--- 出版物一覧用リスト ---------------------------------------------------*/
ul.publishing p.thumb{
	width:80px;
	display:inline;
	float:left;
	margin:0px 15px 0px 0px;}
ul.publishing li{
	padding:10px 0px;
	border-bottom:1px solid #cccccc;}
ul.publishing li div{
	width:565px;
	float:left;}
ul.publishing li p{
	margin:0px;}
ul.publishing li p.title{
	font-size:130%;}
/* clearfix */
ul.publishing li:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;}
ul.publishing li{
	min-height:1px;}
* html ul.publishing li{
	height:1px;
/* for mac ie5 */
/*\*//*/
	height:auto;
	overflow:hidden;
/* */
}
ul.publishing ul,ul.publishing li li{
	border:none;
}



/*-- ラベル＆サイン製品情報用リスト ----------------------------------------*/
ul.btn_div3 li.new a/* ラベル */
,ul.btn_div3 li.standard a
,ul.btn_div3 li.simple a
,ul.btn_div3 li.wood a
,ul.btn_div3 li.original a
,ul.btn_div3 li.order a
,ul.btn_div3 li.kouzai a/* サイン */
,ul.btn_div3 li.raburock a
,ul.btn_div3 li.neorecycle a
,ul.btn_div3 li.recyclewood a
,ul.btn_div3 li.maruta a
,ul.btn_div3 li.taikou a
,ul.btn_div3 li.exalumi a
,ul.btn_div3 li.stainless a
,ul.btn_div3 li.alumiboard a
,ul.btn_div3 li.sekizai a
,ul.btn_div3 li.zenmai a
,ul.btn_div3 li.stretch a
,ul.btn_div3 li.lead a{
	padding-top:10px;
	width:194px;/*\*/_width:216px/* */;
}
ul.btn_div3 li.new a{background:url(../images/btn_label_new.gif) no-repeat;}
ul.btn_div3 li.standard a{background:url(../images/btn_label_standard.gif) no-repeat;}
ul.btn_div3 li.simple a{background:url(../images/btn_label_simple.gif) no-repeat;}
ul.btn_div3 li.wood a{background:url(../images/btn_label_wood.gif) no-repeat;}
ul.btn_div3 li.original a{background:url(../images/btn_label_original.gif) no-repeat;}
ul.btn_div3 li.order a{background:url(../images/btn_label_order.gif) no-repeat;
}
ul.btn_div3 li.kouzai a{background:url(../images/btn_sign_kouzai.gif) no-repeat;}
ul.btn_div3 li.raburock a{background:url(../images/btn_sign_raburock.gif) no-repeat;}
ul.btn_div3 li.neorecycle a{background:url(../images/btn_sign_neorecycle.gif) no-repeat;}
ul.btn_div3 li.recyclewood a{background:url(../images/btn_sign_recyclewood.gif) no-repeat;}
ul.btn_div3 li.maruta a{background:url(../images/btn_sign_maruta.gif) no-repeat;}
ul.btn_div3 li.taikou a{background:url(../images/btn_sign_taikou.gif) no-repeat;}
ul.btn_div3 li.exalumi a{background:url(../images/btn_sign_exalumi.gif) no-repeat;}
ul.btn_div3 li.stainless a{background:url(../images/btn_sign_stainless.gif) no-repeat;}
ul.btn_div3 li.alumiboard a{background:url(../images/btn_sign_alumiboard.gif) no-repeat;}
ul.btn_div3 li.sekizai a{background:url(../images/btn_sign_sekizai.gif) no-repeat;}
ul.btn_div3 li.zenmai a{background:url(../images/btn_sign_zenmai.gif) no-repeat;}
ul.btn_div3 li.stretch a{background:url(../images/btn_sign_stretch.gif) no-repeat;}
ul.btn_div3 li.lead a{background:url(../images/btn_sign_lead.gif) no-repeat;
}



/*--- ライブラリー用リスト -------------------------------------------------*/
ul.library li{
	margin:0px 0px 15px 0px !important;
	width:162px;
	height:175px;
	line-height:120%;
	text-align:center;
}
ul.library li img{
	margin:0px;
}



/*-- 営業所社員プロフィール用リスト ----------------------------------------*/
/*\*/
dl.profile{
	border-bottom:1px solid #cccccc;
}
dl.profile dt{
	clear:both;
	line-height:300%;
	color:#28763D;
	border-top:1px solid #cccccc;
}
dl.profile dd.image{
	padding:0px 0px 10px 0px;
	float:left;
	margin:0px 15px 0px 0px;
	width:100px;
}
dl.profile dd.comment{
	padding:0px 0px 10px 0px;
}
/* */
/* for mac ie5 */
/*\*//*/
dl.profile{border-bottom:1px solid #cccccc;}
dl.profile dt{color:#28763D;border-top:1px solid #cccccc;}
/* */


/*-- 植物名入門用リスト ------------------------------------------------------*/

ul.plantname{
	border-top:1px dotted #cccccc;
}
ul.plantname li{
	float:left;
	padding:5px 0px;
	width:330px;
	border-bottom:1px dotted #cccccc;
}

ul.plantname li.right_margin{
	padding:5px 10px 5px 0px;
}

ul.plantname li img{
	float:left;
}

ul.plantname li div{
	padding:6px 0px;
	float:right;
	width:220px;
}
ul.plantname li div span{
	display:block;
}
ul.plantname li div span.name{
	margin:0px 0px 4px 0px;
	font-size:160%;
	text-indent:10px;
}




/******************************************************************************/
/*--- その他マルチリスト -----------------------------------------------------*/

/*--- 番号付きリスト ---------------------------------------------------------*/
ol.number{
	padding:0px 0px 0px 24px;}
ol.number li{
	padding:5px 0px;
	list-style:decimal;}
ol.number li * li{
	list-style:none;
}


/*--- リンク用リスト ---------------------------------------------------------*/
ul.link li{
	padding:5px 0px 5px 14px !important;
	line-height:120%;
	background:url(../images/li_link.gif) no-repeat left 10px;
}
ul.link_nest li{
	padding:2px 0px 2px 14px !important;
	line-height:120%;
	background:url(../images/li_link_nest.gif) no-repeat left center;
}
/* 拡張子別アイコン */
ul.link li.pdf,ul.link_nest li.pdf
,ul.link li.jpg,ul.link_nest li.jpg
,ul.link li.gif,ul.link_nest li.gif
,ul.link li.xls,ul.link_nest li.xls
,ul.link li.doc,ul.link_nest li.doc
,ul.link li.zip,ul.link_nest li.zip{
	padding:5px 0px 5px 18px !important;
	background-repeat:no-repeat;
	background-position:left 5px;}
ul.link li.pdf,ul.link_nest li.pdf{background-image:url(../images/icon_file_pdf.gif);}
ul.link li.jpg,ul.link_nest li.jpg{background-image:url(../images/icon_file_jpg.gif);}
ul.link li.gif,ul.link_nest li.gif{background-image:url(../images/icon_file_gif.gif);}
ul.link li.xls,ul.link_nest li.xls{background-image:url(../images/icon_file_xls.gif);}
ul.link li.doc,ul.link_nest li.doc{background-image:url(../images/icon_file_doc.gif);}
ul.link li.zip,ul.link_nest li.zip{background-image:url(../images/icon_file_zip.gif);
}



/*--- 箇条書きリスト ---------------------------------------------------------*/
ul.item li{
	padding:5px 0px 5px 14px;
	line-height:120%;
	background:url(../images/li_item.gif) no-repeat left 8px;}
div.label ul.item li{background:url(../images/li_item_label.gif) no-repeat left 8px;}
div.sign ul.item li{background:url(../images/li_item_sign.gif) no-repeat left 8px;}
div.publishing ul.item li{background:url(../images/li_item_publishing.gif) no-repeat left 8px;}
div.yugu ul.item li{background:url(../images/li_item_yugu.gif) no-repeat left 8px;}
div.utst ul.item li{background:url(../images/li_item_utst.gif) no-repeat left 8px;
}

ul.item_nest li{
	padding:5px 0px 5px 14px;
	line-height:120%;
	background:url(../images/li_item_nest.gif) no-repeat left center;
}
div.label ul.item_nest li{background:url(../images/li_item_label_nest.gif) no-repeat left center;}
div.sign ul.item_nest li{background:url(../images/li_item_sign_nest.gif) no-repeat left center;}
div.publishing ul.item_nest li{background:url(../images/li_item_publishing_nest.gif) no-repeat left center;}
div.yugu ul.item_nest li{background:url(../images/li_item_yugu_nest.gif) no-repeat left center;}
div.utst ul.item_nest li{background:url(../images/li_item_utst_nest.gif) no-repeat left center;
}


/*--- 箇条書き定義リスト -----------------------------------------------------*/
dl.link dt
,dl.step dl.link dt{
	padding:5px 0px 2px 14px;
	background:url(../images/li_link.gif) no-repeat left 9px;
}
dl.item dt
,dl.step dl.item dt{
	padding:5px 0px 2px 14px;
	font-weight:bold;
	background:url(../images/li_item.gif) no-repeat left 9px;}
div.label dl.item dt{background:url(../images/li_item_label.gif) no-repeat left 9px;}
div.sign dl.item dt{background:url(../images/li_item_sign.gif) no-repeat left 9px;}
div.publishing dl.item dt{background:url(../images/li_item_publishing.gif) no-repeat left 9px;}
div.yugu dl.item dt{background:url(../images/li_item_yugu.gif) no-repeat left 9px;}
div.utst dl.item dt{background:url(../images/li_item_utst.gif) no-repeat left 9px;
}

dl.link dd
,dl.item dd
,dl.step dl.item dd{
	padding:0px 0px 6px 14px;
}



/*--- プレーンリスト ---------------------------------------------------------*/
ul.plain li{
	list-style:none;
}


/*-- ボタンリスト（3分割/2分割） -------------------------------------------*/
ul.btn_div2 li,ul.btn_div3 li{
	float:left;}
ul.no_float li{
	float:none;
	margin-bottom:11px !important;
}
ul.btn_div2 li a,ul.btn_div3 li a{
	display:block;
	height:40px;
	padding:0px 0px 0px 22px;
	line-height:40px;
	font-size:14px;
	color:#d28b16 !important;}
ul.btn_div2 li p,ul.btn_div3 li p{
	margin:6px 0px 10px 10px;
}
ul.btn_div2 li a:hover,ul.btn_div2 li a:active
,ul.btn_div3 li a:hover,ul.btn_div3 li a:active{
	opacity:0.85;
	filter:alpha(style=0,opacity=80);
}
/* for mac ie5 */
/*\*//*/ul#btn_div2 a,ul#btn_div3 a{overflow:hidden;}/* */
/* ボタンlist div2 */
ul.btn_div2 li{
	margin:0px 0px 10px 0px;
	width:330px;}
ul.btn_div2 li.right_margin{
	margin:0px 10px 0px 0px;}
ul.btn_div2 li a{
	width:308px;/*\*/_width:330px;/* */
	background:url(../images/btn_div2_plane.gif) no-repeat;}
/* ボタンlist div3 */
ul.btn_div3 li{
	margin:0px 0px 11px 0px;
	width:216px;}
ul.btn_div3 li.right_margin{
	margin:0px 11px 0px 0px;}
ul.btn_div3 li a{
	width:194px;/*\*/_width:216px;/* */
	background:url(../images/btn_div3_plane.gif) no-repeat;
}
/* 入れ子リストの設定解除、再設定 */
ul.btn_div2 li * li,ul.btn_div3 li * li{
	float:none;
	margin:0px;
	width:auto;}
ul.btn_div2 li li a,ul.btn_div3 li li a{
	display:inline;
	width:auto;
	height:auto;
	padding:0px;
	line-height:160%;
	background:none;
	font-size:12px;
}
ul.btn_div2 li li a:link,ul.btn_div3 li li a:link{
	color:#3399CC !important;}
ul.btn_div2 li li a:visited,ul.btn_div3 li li a:visited{
	color:#9933CC !important;}
ul.btn_div2 li li a:hover,ul.btn_div3 li li a:hover
,ul.btn_div2 li li a:active,ul.btn_div3 li li a:active{
	color:#FF9900 !important;
}
ul.btn_div2 ul,ul.btn_div3 ul{
	margin:7px 0px 0px 8px !important;
}
ul.btn_div2 p.plain a,ul.btn_div3 p.plain a{
	display:inline;
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	background:none;
	font-size:100%;
	line-height:120%;
}
/* 調整 */
ul.btn_div2 li a.nolink{
	cursor:inherit;
	color:#333333 !important;
	text-decoration:none !important;
}
ul.btn_div2 p{
	margin:0px;
	padding:0px;
}