@charset "utf-8";




div.header_bg_contents{ margin-bottom:10px; height: 269px; background: url(../img/header_bg.jpg) repeat-x center top;}





/* ------------------------------
メインイメージ
------------------------------ */
.mainImg { height: 145px; background: url(../img/header_img_main.jpg) no-repeat center top;}
.mainImgTxt{ float: left; width:200px; text-indent: -9999px;}

/* 外部ファイルに何タグがあるか不明なので */

.bnrKanagata{
	float: right;
	margin:22px 20px 0 0 ;
	width:180px;
	height: 100px;
	border: 2px solid #FFF;  
	box-shadow: 0 0 15px #FFF;
	overflow:hidden;
	display:inline;
}



/* トピックス　*/
.topics{
	float:left;
	width:301px;
}
.topics h3{ background-color:#285591;}
.topics .event h3{ padding-top:5px; }

.topics h2 { background: url(../img/topics_title_top.jpg) no-repeat 0 0; zoom:1}
.topics h2 a { height: 50px;}
.topics h2 a:hover{
	background-color: #FFF;
	filter: alpha(opacity: 30);
    opacity: 0.3;
    -moz-opacity: 0.3;
}


.topics dl { border: 5px solid #285591; border-top: none; border-bottom:none}
.topics dl div { border-bottom: 5px solid #285591;}


.topics dt {
	padding: 11px 6px 10px 41px;
	line-height:1.5;
	background: #FFF url(../img/icon_topics.jpg) no-repeat 6px 6px;
}
.topics dd {
	padding: 5px 6px 7px 7px;
	line-height: 1.6;
}

.topics .onlyTopicsPage,
.topics .endCampain{ display:none;}

.campaign{ margin-top:-5px;}


/*右コンテンツ*/
.right_contents {float: right; width: 660px; overflow: hidden;}


.right_contents h2,
.right_contents h3,
.right_contents a{ text-indent: -9999px;}

.right_contents h3{ overflow: hidden;}

.right_contents li,
.right_contents a{display:block; }


.right_contents h2 {
	height: 48px;
	background: url(../img/h2_title_product.jpg) no-repeat 0 0;
	text-indent: -9999px;
}











/* オリジナル製品　大帯 */
.bnrIndex{ padding-bottom:25px;}
.bnrIndex h3{ height:0;}

.bnrIndex a{  height:140px; }
.bnrIndex a:hover{
	filter: alpha(opacity: 80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}
/* IEでこんな簡単に透明できる初めて知った。もっとhtcとかファイルを読み込まなくてはと思っていた。 */
.bnrIndex div{ height:140px;}
.bnrIndex div{ position:relative; margin-bottom:1px;}
.bnrIndex div a{ position:absolute;	left:0;	top:0;	width:100%;}



.bnrIndex div,
.jeycore,
.machine{ margin-top:10px;}

/* 日立ツール */
.pana_th a{ background:url(../img/bnr_index_pana.jpg);}
.pana_th .bnrHitachi{ left:526px; top:12px; width:129px; height: 19px; background:none;}

.bnrIndex .sd{ height:100px; background: url(../img/bnr_index_sd.jpg) no-repeat;}


/* オーエスジー */
.taro_hana a{ background:url(../img/bnr_index_osg.jpg)}
.taro_hana .bnrOSG{ left:519px; top:9px; width:135px; height: 22px; background:none;}

/* YG-1 */
.yg1 a{ background:url(../img/bnr_index_yg1.jpg)}
.yg1 .bnrYG1{ left:598px; top:9px; width:56px; height: 22px; background:none;}


.pana_th .bnrHitachi,
.bnrOSG,
.bnrOSG{ z-index: 50;}


/* ジェイコア・ポリシスバナー */
.jeycore{ background:url(../img/bnr_index_jeycore.jpg); }
.jeycore strong{ display:block;}


/*　工作機械　*/
.bnrIndex .machine{ height:150px; background:url(../img/bnr_index_machine.jpg);  }







/* オリジナル製品バナー

外のdiv　overflow:hiddenではみ出したもの隠す
div内のul divより横幅ある。外のdivのoverflow:hiddenにより、はみ出し部分は見えないが、ばっちり存在してる。
ul内のli float:leftで横並び。ulの幅でfloatする。　ただしdivからはみ出してる部分の点線は見えない。
*/
.bnrOriginal h3 {
	height: 52px;
	background: url(../img/h3_title_original.jpg) no-repeat 0 0;
}
.bnrOriginal div{ margin-left:7px; width:644px; overflow: hidden }
.bnrOriginal ul{ width:650px; }
.bnrOriginal li{ float:left; width: 323px; }
.bnrOriginal li a{
	height:98px;
	border-right: 1px #285591 dotted;
	border-bottom:1px #285591 dotted;
	text-indent: -9999px;
}
.bnrOriginal a:hover{
	filter: alpha(opacity: 70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}
.diamond a{background: url(../img/img_ori_daia.jpg); }
.plarock a{	background: url(../img/img_ori_plarock.jpg);}
.pra a{	background: url(../img/img_ori_daicast.jpg) ;}
.spring a{	background: url(../img/img_ori_spring.jpg);}












/* メーカー製品バナー */
.bnrMaker{ margin-top:50px;}
.bnrMaker h3 {
	height: 32px;
	margin-left: 10px;
	background: url(../img/h3_title_maker.jpg) no-repeat 0 0;
}
.bnrMaker h3 a{ width:142px; height:26px; }
.bnrMaker h3 a:hover{ background-color:#DDF}

.bnrMaker div{ margin-left:7px; width:642px; overflow: hidden }
.bnrMaker ul{width: 650px;}
.bnrMaker li{ float:left; width: 128px; }
.bnrMaker li a{
	height:118px;
	border-right: 1px #285591 dotted;
	border-bottom:1px #285591 dotted;
	text-indent: -9999px;
}
.bnrMaker a:hover{
	filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}
.cut a {background: url(../img/img_pro_cut.jpg)}
.metal a {background: url(../img/img_pro_metal.jpg)}
.measure a {background: url(../img/img_pro_measure.jpg) }
.jig a {background: url(../img/img_pro_jig.jpg)}
.polish a{background: url(../img/img_pro_polish.jpg)}
.base a{background: url(../img/img_pro_base.jpg)}
.chemical a{background: url(../img/img_pro_chemical.jpg)}
.nanokuhl a{background: url(../img/img_pro_nanokuhl.jpg)}
.jeyecore a{background: url(../img/img_pro_jeycore.jpg)}
.machine a{background: url(../img/img_pro_machine.jpg)}
.tod a{ background: url(../img/img_pro_tod.jpg)}









.footer_bnr{ margin-top:20px;}