/* ***************************************************
* CSS file For haikanbuhin.com
	FileName: top.css
	data:2009/4/30 koyama
**************************************************** */

/*-----------------------------------------------------------
■TOPリニューアル　common上書き
------------------------------------------------------------*/

body { /* background: #f0f0f0 url(/common2/top_container_bg2.jpg) repeat-y center; */ }

/* 大枠 */
div#Container { /*width: 951px;*/ width: 1201px; }
div#Footer div { /*width: 920px;*/ width:1170px; }

div#Header { /*width: 950px;*/ width:1200px;  background: #fff; /* background: #fff url(/common2/bg_top_head.gif) no-repeat 368px 8px; */ }

/* 見出し */
h1 { font-size: 14px; }

/* ヘッダーナビゲーション */
div#HeadNvg {
	/*width: 840px;*/ width: 1090px;
	height: 30px;
}
div#HeadNvg p {
	font-size: 12px;
	padding: 16px 8px 0 9px;
	float: right;
}


/* 最下部問い合わせ先TEL */
div#Tel { /*width: 937px;*/ width:1189px; }


/*-----------------------------------------------------------
■右サイド
------------------------------------------------------------*/
div#RSide {
	width: 182px;
	float: left;
}

/* 配管News */
div#HaikanNews { color: #333333; line-height:20px; width:488px; background: url('http://116.197.172.243/_campaign/img/haikan_news/bg_haikannews.gif') repeat-y; margin-bottom:15px; }
div#HaikanNews a:visited { color:#810081; }
div#HaikanNews a:hover { color:#cc0000; text-decoration:underline; }
div#HaikanNews #HN_back { padding:10px; background:url('http://116.197.172.243/_campaign/img/haikan_news/bg_haikannews_bottom.gif') no-repeat left 100%; }
div#HaikanNews div.pic_topics { padding-bottom:10px;}
div#HaikanNews div.pic_topics img { float:right; }
div#HaikanNews div.pic_topics div { border-bottom:dashed 1px #333333; width:360px; padding-bottom:5px; }
div#HaikanNews div.pic_topics div p.title { font-weight:bold; font-size:14px; }
div#HaikanNews div#normal_topics p { font-size:14px; }
div#HaikanNews div#normal_topics p span { font-size:11px; }
div#HaikanNews div#news_footer { position: relative;margin-top:10px;line-height:16px; }
div#HaikanNews p#news_update { position:absolute; left:370px; top:22px; font-size:11px; }
div#HaikanNews a img {
	display:block;
	padding:2px;
	background-color:#fff;
	border: 2px solid #e1e1e1;
}

div#HaikanNews2 { color: #333333; line-height:20px; width:182px; background: url('http://116.197.172.243/_campaign/img/haikan_news/bg_haikannews2.gif') repeat-y; margin-bottom:15px; }
div#HaikanNews2 a:visited { color:#810081; }
div#HaikanNews2 a:hover { color:#cc0000; text-decoration:underline; }
div#HaikanNews2 #HN_back { padding:10px; background:url('http://116.197.172.243/_campaign/img/haikan_news/bg_haikannews_bottom2.gif') no-repeat left 100%; }
div#HaikanNews2 div.pic_topics { padding-bottom:10px;}
div#HaikanNews2 div.pic_topics img { display:block; margin: 5px auto 10px; }
div#HaikanNews2 div.pic_topics div { border-bottom:dashed 1px #333333; padding-bottom:5px; }
div#HaikanNews2 div.pic_topics div p.title { font-weight:bold; font-size:14px; }
div#HaikanNews2 div#normal_topics { margin:5px 0; }
div#HaikanNews2 div#normal_topics p { font-size:12px; line-height:16px; margin-bottom:10px; }
div#HaikanNews2 div#normal_topics p span { font-size:11px; }
div#HaikanNews2 div#news_footer { position: relative;margin-top:20px;line-height:16px; }
div#HaikanNews2 p#news_update { text-align:right; font-size:11px; }
div#HaikanNews2 a img {
	display:block;
	padding:2px;
	background-color:#fff;
	border: 2px solid #e1e1e1;
}


/* コメント欄 */
div#Comment {
	padding: 0 0 12px;
	font-size: 10px;
	line-height: 15px;
	color: #333;
}
div#Comment strong {
	width: 100%;
	border-bottom: 1px solid #999999;
	display: block ;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 5px;
}
div#Comment a { color: #333; text-decoration: none; }

/* 6つの特徴 */
div#Privilege {
	padding: 6px 0 12px;
	margin: 0 0 10px;
	background: url(http://116.197.172.243/img2/top/bg_privilege.gif) no-repeat bottom left;
}

/* サイドナビ */
div.RSideNvg {
	width: 182px;
	margin: 0 0 10px 0;
}

div.RSideNvg p {
	width: 182px;
	height: 28px;
	background: url(http://116.197.172.243/img2/top/r_sidenvg_bg.gif) no-repeat top left;
	font-weight: bold;
	line-height: 27px;
}
div.RSideNvg p a {
	width: 172px;
	height: 28px;
	display: block;
	margin: 0 0 0 10px;
	cursor:pointer;
	color: #000;
}
div.RSideNvg p a:link,p a:visited {color: #000;}
div.RSideNvg p a:hover {color: #0066cc;}

/* 配管コラム */
div#RColumn { margin: 0 0 12px; }
div#RColumn dl {
	background: url(http://116.197.172.243/img2/top/dline_column.gif) repeat-x bottom ;
	font-size: 10px;
	line-height: 13px;
	padding: 4px 0;
}
div#RColumn dl dt {
	color: #3366cc;
	background: url(http://116.197.172.243/img2/top/arrow_column.gif) no-repeat 0 3px ;
	padding: 0 0 0 11px;
}
div#RColumn dl dt,div#RColumn dl dd { display: inline ; }
div#RColumn dl dd a:link,div#RColumn dl dd a:visited { color: #333; }
div#RColumn dl dd a:hover { color: #3366cc; }

/* 配管コラム 新デザイン2012.8.20*/
div#RColumn2 { margin: 0 0 12px; }
div#RColumn2 #RCBody { overflow:auto; height:135px; }
div#RColumn2 dl {
	background: url(http://116.197.172.243/img2/top/dline_column.gif) repeat-x bottom ;
	border-left:1px #E60000 solid;
	border-right:1px #E60000 solid;
	font-size: 10px;
	line-height: 13px;
	padding: 4px 3px;
}
div#RColumn2 dl dt {
	color: #3366cc;
	background: url(http://116.197.172.243/img2/top/arrow_column.gif) no-repeat 0 3px ;
	padding: 0 0 0 11px;
}
div#RColumn2 dl dt,div#RColumn2 dl dd { display: inline ; }
div#RColumn2 dl dd a:link,div#RColumn2 dl dd a:visited { color: #333; }
div#RColumn2 dl dd a:hover { color: #3366cc; }


/*■中央部コンテンツブロック（共通）*/
div.ContentsBlock { color:#000; clear:both; margin-bottom:20px; min-height:0;}
div.ContentsBlock:after{ 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
}
/* \*/ 
* html div.ContentsBlock {height:0;} 
div.ContentsBlock {display: block;} 
/* */ 
/* -- end clear float -- */
div.ContentsBlock .ContentsTitle { padding-bottom:2px;font-size:16px; font-weight:bold; border-bottom:#006EBE solid 4px; }
div.ContentsBlock .ContentsUpDate { margin-bottom:10px;text-align:right;font-size:10px; font-family:Arial, Helvetica, sans-serif }
div.ContentsBlock .ContentsSecondTitle { font-size:13px; margin-bottom:5px; clear:both; }

/*■業種別注目商品*/
div#Kouji, div#Seizou { padding: 10px 0px; }
div#pickup_items .navi_button { margin-bottom:11px; }
div#pickup_items .navi_button img { margin-right:10px; }
div#pickup_items img.sub_title { display:block; margin-bottom:10px; }

div.PI_Layout_Box2 { border-bottom: dashed 1px #333333; margin-bottom:4px; padding-bottom:5px; width:490px; }
div.PI_Layout_Box { border-bottom: dashed 1px #333333; margin-bottom:4px; padding-bottom:5px; width:490px; }

div.PI_Layout_Box:after{ 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div.PI_Layout_Box {height:0;} 
div.PI_Layout_Box {display: block;} 
/* */ 
/* -- end clear float -- */

div#pickup_items div.PI_Box { width:245px; float:left; /*padding-right: 25px; _width:245px;*/}

div#pickup_items div.PI_Box div.item_name { font-weight:bold; }
div#pickup_items div.PI_Box div.item_name span { font-weight:normal; }
div#pickup_items div.PI_Box div.item_price { color:#cc0000; font-weight:bold; font-size:14px; text-align:right; }
div#pickup_items div.PI_Box div.item_shipment img { float:right; }

/*■キャンペーンバナー*/
div#spCamBan { padding: 0 0 15px; }


/*■What'sNew*/
div.WhatsNew {
	margin-top:20px;
	padding: 0 0 15px;
	clear: both;
	color: #000;
}

div.WhatsNew p {
	font-size: 10px;
	line-height: 13px;
	padding: 7px 0 8px 98px;
	color: #016cbf;
	background: url(http://116.197.172.243/img2/top/tit_whatsnew2.gif) no-repeat top left;
}

div.WhatsNew div {
	width: 100%;
	background: #accfe9 url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #accfe9;
	border-bottom: 1px solid #FFF;
}
div.WhatsNew div.Line2 {
	background: #b8d5ea url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #b8d5ea;
}
div.WhatsNew div.Line3 {
	background: #c3daeb url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #c3daeb;
}
div.WhatsNew div.Line4 {
	background: #cfe0ed url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #cfe0ed;
}

div.WhatsNew dl {
	padding: 3px 12px 5px;
}
div.WhatsNew dl dt,div.WhatsNew dl dd {
	display: inline;
}
div.WhatsNew dl dt {
	color: #3366cc;
	padding: 0 5px 0 0;
}
div.WhatsNew dl dd span {padding: 0 0 0 58px;}


/*■重要なお知らせ*/
div#Content div.important{}
div#Content div.important strong { display: block; font-size: 13pt; color: #cc0000; margin-bottom:3px;}
div#Content div.important div.update { text-align: right; border:none;}

/* ▼ INS 2012/01/15 トラストリング レビュー機能追加  */
/*■NewRev*/
div.NewRev {
	margin-top:20px;
	padding: 0 0 15px;
	clear: both;
	color: #000;
}

div.NewRev p {
	font-size: 10px;
	line-height: 13px;
	padding: 7px 0 8px 98px;
	color: #016cbf;
	background: url(http://116.197.172.243/img2/top/tit_newrev.gif) no-repeat top left;
}

div.NewRev div {
	width: 100%;
	background: #accfe9 url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #accfe9;
	border-bottom: 1px solid #FFF;
}
div.NewRev div.Line2 {
	background: #b8d5ea url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #b8d5ea;
}
div.NewRev div.Line3 {
	background: #c3daeb url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #c3daeb;
}
div.NewRev div.Line4 {
	background: #cfe0ed url(http://116.197.172.243/img2/whatsnew_bg.gif) repeat-y left ;
	border-top: 2px solid #cfe0ed;
}

div.NewRev dl {
	padding: 3px 12px 5px;
}
div.NewRev dl dt,div.WhatsNew dl dd {
	display: inline;
}
div.NewRev dl dt {
	color: #3366cc;
	padding: 0 5px 0 0;
}
div.NewRev dl dd span {padding: 0 0 0 58px;}
/* ▲ INS 2012/01/15 トラストリング レビュー機能追加  */

/* カテゴリ一覧　2012/9/21バージョン */
#select_category { margin-top:25px; background: url('http://116.197.172.243/common2/select_menu_bg.gif') left top repeat-y; }

#select_category ul#menu  { height:55px; background: #fff url('http://116.197.172.243/common2/select_menu_bg_head.gif') left bottom no-repeat; }
#select_category ul#menu li { float:left; }

#select_category ul#menu li#menu_02 { padding-left:12px; }
#select_category ul#menu li#menu_03 { padding-left:13px; }


#select_category .category_block {  position: relative; width:208px; height:170px; background: url('http://116.197.172.243/common2/select_menu_hr_.gif') 10px 143px no-repeat; float:left; padding-left:12px;   }
#select_category .category_block .pic_link { display:block; position: absolute; left: 168px; top: 25px; }
#select_category .category_block ul { height:95px;}
#select_category .category_block a:hover { /* color:#ff0000; */ text-decoration:underline; }
#select_category .category_block a:visited { color:#941d54; }
#select_category .category_block p.lcate { font-size:13px; font-weight:bold; margin-bottom:7px; }
#select_category .category_block p.lcate a { color:#FF6600; text-decoration:underline; }
#select_category .category_block p.lcate a:hover { /* color:#ff0000; */ background: #ffff99; }
#select_category .category_block p.lcate a:visited { color:#ff6600;  }
#select_category .category_block p.tr { text-align: right; }

/* ######################################################################## */
#select_category .category_block a.pic_cam { background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px 0; }
#select_category .category_block a.pic_2863{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -40px; }
#select_category .category_block a.pic_2864{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -80px; }
#select_category .category_block a.pic_2865{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -120px; }
#select_category .category_block a.pic_2866{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -160px; }
#select_category .category_block a.pic_2867{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -200px; }
#select_category .category_block a.pic_2868{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -240px; }
#select_category .category_block a.pic_2875{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -280px; }
#select_category .category_block a.pic_2876{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -320px; }
#select_category .category_block a.pic_2877{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -360px; }
#select_category .category_block a.pic_2890{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -400px; }
#select_category .category_block a.pic_2878{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -440px; }
#select_category .category_block a.pic_2879{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -480px; }
#select_category .category_block a.pic_2888{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -520px; }
#select_category .category_block a.pic_2881{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -560px; }
#select_category .category_block a.pic_2882{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -600px; }
#select_category .category_block a.pic_2883{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -640px; }
#select_category .category_block a.pic_2884{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -680px; }
#select_category .category_block a.pic_2885{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -720px; }
#select_category .category_block a.pic_2886{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -760px; }
#select_category .category_block a.pic_2869{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -800px; }
#select_category .category_block a.pic_2880{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -840px; }
#select_category .category_block a.pic_2887{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -880px; }
#select_category .category_block a.pic_2889{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -920px; }
#select_category .category_block a.pic_2871{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -960px; }
#select_category .category_block a.pic_2873{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -1000px; }
#select_category .category_block a.pic_2874{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -1040px; }
#select_category .category_block a.pic_2870{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -1080px; }
#select_category .category_block a.pic_2872{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -1120px; }
#select_category .category_block a.pic_6152{ background: url(http://116.197.172.243/img2/top/category_sum.jpg) no-repeat left top; height:40px; background-position: 0px -1160px; }
/* ######################################################################## */




div#select_category:after{ 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div#select_category {height:0;} 
div#select_category {display: block;} 
/* */ 
/* -- end clear float -- */

/*
#select_category .icon_2863 { background: url('/img2/top/category_2863.gif') 156px 0px no-repeat; }
#select_category .icon_2864 { background: url('/img2/top/category_2864.gif') 156px 0px no-repeat; }
#select_category .icon_2865 { background: url('/img2/top/category_2865.gif') 156px 0px no-repeat; }
#select_category .icon_2866 { background: url('/img2/top/category_2866.gif') 156px 0px no-repeat; }
#select_category .icon_2867 { background: url('/img2/top/category_2867.gif') 156px 0px no-repeat; }
#select_category .icon_2868 { background: url('/img2/top/category_2868.gif') 156px 0px no-repeat; }
#select_category .icon_2875 { background: url('/img2/top/category_2875.gif') 156px 0px no-repeat; }
#select_category .icon_2876 { background: url('/img2/top/category_2876.gif') 156px 0px no-repeat; }
#select_category .icon_2877 { background: url('/img2/top/category_2877.gif') 156px 0px no-repeat; }
#select_category .icon_2890 { background: url('/img2/top/category_2890.gif') 156px 0px no-repeat; }
#select_category .icon_2878 { background: url('/img2/top/category_2878.gif') 156px 0px no-repeat; }
#select_category .icon_2879 { background: url('/img2/top/category_2879.gif') 156px 0px no-repeat; }
#select_category .icon_2888 { background: url('/img2/top/category_2888.gif') 156px 0px no-repeat; }
#select_category .icon_2881 { background: url('/img2/top/category_2881.gif') 156px 0px no-repeat; }
#select_category .icon_2882 { background: url('/img2/top/category_2882.gif') 156px 0px no-repeat; }
#select_category .icon_2883 { background: url('/img2/top/category_2883.gif') 156px 0px no-repeat; }
#select_category .icon_2884 { background: url('/img2/top/category_2884.gif') 156px 0px no-repeat; }
#select_category .icon_2885 { background: url('/img2/top/category_2885.gif') 156px 0px no-repeat; }
#select_category .icon_2886 { background: url('/img2/top/category_2886.gif') 156px 0px no-repeat; }
#select_category .icon_2869 { background: url('/img2/top/category_2869.gif') 156px 0px no-repeat; }
#select_category .icon_2880 { background: url('/img2/top/category_2880.gif') 156px 0px no-repeat; }
#select_category .icon_2887 { background: url('/img2/top/category_2887.gif') 156px 0px no-repeat; }
#select_category .icon_2889 { background: url('/img2/top/category_2889.gif') 156px 0px no-repeat; }
#select_category .icon_2871 { background: url('/img2/top/category_2871.gif') 156px 0px no-repeat; }
#select_category .icon_2873 { background: url('/img2/top/category_2873.gif') 156px 0px no-repeat; }
#select_category .icon_2874 { background: url('/img2/top/category_2874.gif') 156px 0px no-repeat; }
#select_category .icon_2870 { background: url('/img2/top/category_2870.gif') 156px 0px no-repeat; }
#select_category .icon_2872 { background: url('/img2/top/category_2872.gif') 156px 0px no-repeat; }
#select_category .icon_6152 { background: url('/img2/top/category_6152.gif') 156px 0px no-repeat; }
*/