@charset "UTF-8";
/* ----------------------------------------------------------------
CSS information

 file name  :hc.css
 style info :製品情報 コアドリル内のコアドリル ハンマーコアのスタイル
---------------------------------------------------------------- */

/* 基本スタイルを読込む
----------------------------------------------------------- */
@import url("../import.css");
@import url("../style_product.css");
@import url("../product_detail.css");

div#contents{
	overflow:hidden;
}

/* main_col
------------------------------------------------------ */
div#contents div.main_col{
	background:#fff;
	overflow:hidden;
	width:720px;
	margin:0 0 0px 0;
}


/* title < main_col 
------------------------------------------------------ */
div#contents div.main_col h1{
	position:relative;
	background:#999;
	width:722px;
	margin: 0 0 10px 0;
}
div#contents div.main_col h1 img{
	display:block;
}
div#contents div.main_col h1 img.title_ico01,
div#contents div.main_col h1 img.title_ico02,
div#contents div.main_col h1 img.title_ico03,
div#contents div.main_col h1 img.title_ico04{
	position:absolute;
}
div#contents div.main_col h1 img.title_ico01{
	left: 406px;
	top: 36px;
}
div#contents div.main_col h1 img.title_ico02{
	left: 558px;
	top: 12px;
}
div#contents div.main_col h1 img.title_ico03{
	left: 607px;
	top: 14px;
}
div#contents div.main_col h1 img.title_ico04{
	left: 656px;
	top: 14px;
}


/* summary < main_col 
------------------------------------------------------ */

div#contents div.main_col img.main_photo{
	display:block;
	margin:0 0 0 4px;
}

div#contents div.main_col div.product_summary{
	position:relative;
	background:#ccc url(../../img/product/core_drill/hc/hc_use.png) 16px 12px no-repeat;
	width:710px;
	margin:0 0 0 4px;
	padding:10px 0 20px;
}
div#contents div.main_col div.product_summary h2{
	position:absolute;
	left: 46px;
	top: 28px;
}
div#contents div.main_col div.product_summary ul.use_ico {
	width:655px;
	padding:18px 0 0 120px;
}
div#contents div.main_col div.product_summary ul.use_ico li{
	display:inline;
	margin-right:10px;
}

div#contents div.main_col div.product_summary p.use_cap{
	background:#989898;
	width:550px;
	margin: 0 0 0 100px;
	font-size:12px;
	color:#fff;
}

div#contents div.main_col div.product_summary h3{
	background:url(../../img/product/share/squea_red_14px.gif) 0 4px no-repeat;
	width:589px;
	margin:20px 0 0 60px;
	padding:0 0 0 25px;
	font-size:16px;
}

div#contents div.main_col div.product_summary p{
	background:url(../../img/product/share/squea_red_14px.gif) 0 2px no-repeat;
	width:540px;
	margin:0 0 0 60px;
	padding:0 0 0 25px;
	font-size:12px;
}

div#contents div.main_col div.product_summary h3.attention{
	background:url(../../img/product/share/attention.png) 0 2px no-repeat;
	width:483px;
	margin:20px 0 0 60px;
	padding:3px 0 0 120px;
}

div#contents div.main_col div.product_summary img.hc_size{
	margin:20px 20px 0 20px;
}

/* spec < main_col 
------------------------------------------------------ */

div#contents div.main_col h2.product_spec{
	width:722px;
	margin:20px 0 0;
}

div#contents div.main_col h3.product_set{
	position:relative;
	background:url(../../img/product/share/title_bar_690px.png) 0 bottom no-repeat;
	width:722px;
	margin:30px 0 10px;
	padding:0 0 20px;
}
div#contents div.main_col h3.product_set img{
	vertical-align:middle;
	margin:0 0 0 10px;
}


/* fix table < spec < main_col 
------------------------------------------------------ */
/*box*/
div#contents div.main_col div.product_spec_table_fixed{
	position:relative;
	width:590px;
	margin: 15px auto;
}

/* div#contents div.main_col div.product_spec_table_fixed table.table_fix_1,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_2{
	position:absolute;
	z-index:1000;
	width:588px;
	margin: 0 auto;
	top:0;
	left:60px;
	border:1px solid #333;
	font-size:14px;
} */


/*table*/
div#contents div.main_col div.product_spec_table_fixed table.table_fix{
	width:590px;
	margin:0 auto 30px;
	border:1px solid #333;
	padding:0 5px 0;
	font-size:14px;
}

div#contents div.main_col div.product_spec_table_fixed table.table_fix_2{
	width:383px !important;
	margin:0 30px 30px 0px;
	font-size:14px;
	border:1px soild #333;
	border-spacing:0;
	float:left;
}

div#contents div.main_col div.product_spec_table_fixed table.table_fix_3{
	margin:0 0 30px 0;
	width:174px;
	font-size:14px;
	border:1px solid #333;
	float:right;

}


/*th*/
div#contents div.main_col div.product_spec_table_fixed table.table_fix th.table_title,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_2 th.table_title,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_3 th.table_title{
	height:20px;
	text-align:left;
	padding-left:15px;
	color:#fff;
	background:#999;
	border:1px solid #333;
}

div#contents div.main_col div.product_spec_table_fixed table.table_fix th,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_2 th,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_3 th{
	background:#ccc;
	width:588px;
	height:40px;
	padding:0 5px 0;
	border:1px solid #333;
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.1;
}

/*tr*/
div#contents div.main_col div.product_spec_table_fixed table.table_fix tr,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_2 tr,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_3 tr{
	border:1px solid #333;
}

/*td*/
div#contents div.main_col div.product_spec_table_fixed table.table_fix td,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_2 td,
div#contents div.main_col div.product_spec_table_fixed table.table_fix_3 td{
	height:30px;
	border:1px solid #333;
	padding:0 24px 0 0;
	text-align:right;
}
div#contents div.main_col div.product_spec_table_fixed table.table_fix td{
	
}
div#contents div.main_col div.product_spec_table_fixed table.table_fix_2 td.item2{
	padding: 0 31px 0 0;
}
div#contents div.main_col div.product_spec_table_fixed table.table_fix_2 td.item3{
	padding: 0 31px 0 0;
}
div#contents div.main_col div.product_spec_table_fixed table.table_fix_3 td{
	padding:0 65px;
}

/*
キャプションサイズが335以外の時用
*/
.table_title1 {
	width:588px !important;
	  }

body:first-of-type .table_title1 {
	width:593px!important;
	  }

.table_title1, x:-moz-broken, x:last-of-type  {
	width:590px!important;
  }
  
  .table_title2 {
  border-collapse:collapse !important;
  border-spacing:0 !important; 
  width:383px!important;
   
  }


  
 .div_Box{
 	padding:0px !important;

 }