/* CSS Document */



* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

html {
	overflow-y: scroll;
}


body, div, ul, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p {	margin: 15px 0;}

body {
	color: #222;
	background: #E5E5E5 url(../img/bg_main.gif) repeat-y;
}

/*Global
------------------------------------------------------------------------------*/

.tLeft   {text-align: left !important;}
.tCenter {text-align: center !important;}
.tRight  {text-align: right !important;}
.first   {margin-top:0 !important;}
.sp20  {margin: 20px 0;}
.sp40  {margin: 40px 0;}

.fLeft {float: left; margin: 0 10px 0 0;}
.fRight {float: right; margin: 0 0 0 10px;}
.clear { clear: both; height: 0; line-height: 0;}
.clearfix { /*IE5.5-7*/ zoom: 1;}
.clearfix:after { /*Modern*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;}

.sub { font-size: 10px;}


/*Layout
------------------------------------------------------------------------------*/

#mainCol {
	text-align: center;
	width: 582px;
	vertical-align: top;
}

.box560 {
	width: 560px;
	margin: 20px auto;
	text-align: left;
}

.indent {
	padding: 0 10px;
}

/*注釈ボックス*/

.col {
	padding: 5px;
	background: #f5f2e8;
}

.col h4 {
	margin: 0 0 5px;
	padding: 5px 5px;
	border-left: 5px solid #c7b269;
	color: #574a1a;
	background: #e2d8b4;
}

.col p {
	margin: 0 0 10px;
}

/*タブ*/

#tab {
	text-align: right;
	padding-right: 5px;
}

#tab li {
	display: inline;
}

#tab img {
	vertical-align: bottom;
}


/*レイアウト*/

.layTable td {
	vertical-align: top;
}




/*decoration
------------------------------------------------------------------------------*/

.new {
	color: #c00;
	font-weight: bold;
}


dl.general dt {
	font-weight: bold;
	border-left: 5px solid #92a325;
	padding-left: 5px;
	text-align: left;
}

dl.general dd {
	margin: 5px 0 10px 20px;
	text-align: left;
} 


/*Data
------------------------------------------------------------------------------*/


#Data {
	width: 565px;
	margin: 20px auto;
	text-align: center;
}

#Data .inner {
	width: 520px;
	margin: 20px auto;
	text-align: left;
}

#Data .inner p {
	margin: 0;
}

#Data h1 {
	margin-bottom: 20px;
}


#Data h2 {
	margin: 20px 0 10px
}



.dataTable {
	width: 540px;
	margin: 0 auto 20px;
	border-collapse: collapse;
	border-spacing: 0;
}

.dataTable td {
	padding: 1px 5px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 15px;
	border: 1px solid #666;
	text-align: center;
}

.dataTable caption {
	margin-top: 20px;
	padding: 2px 0 2px 10px;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

.dataTable thead td {
	background: #ccc;
	color: #000;
}


/*color*/

.dataTable caption { background: #444;}
#polyclic .dataTable caption { background: #2263B5;}
#polyclic .dataTable caption.alt { background: #E4007C;}
#deltagon_bit .dataTable caption { background: #009BC7;}
#drill .dataTable caption { background: #EE8400;}
#mistdia_it .dataTable caption { background: #8CA42C;}

#polyclic .dataTable tr.odd { background: #DEE2FA;}
#polyclic .dataTable tbody.alt tr.odd { background: #FADEF9;}
/* #deltagon_bit .dataTable tr.odd { background: #DEEFFA;} */
#deltagon_bit .dataTable tr.odd { background: #FFFFFF;}
#drill .dataTable tr.odd { background: #FFF6E2;}
#mistdia_it .dataTable tr.odd { background: #E9FBDE;}



.dataTable tr.odd { background: #eee;}




.legend {
	width: 540px;
	margin: 0 auto 5px;
	text-align: right;
	color: #333333;
	font-size: 10px;
}


.otherPage {
	text-align: right;
}


/*SpecTable
------------------------------------------------------------------------------*/

.specTable {
	margin: 20px 0;
	border-top: 1px solid #ddd;
}

.specTable td {
	padding: 2px 10px;
	border-bottom: 1px solid #ddd;
}


/*Caution
------------------------------------------------------------------------------*/

.caution {
	margin: 20px 0;
	padding: 10px;
	border: 2px solid #EBA9A9;
	text-align: left;
}

.caution h2 {
	margin: 0 0 10px !important;
}


/*products
------------------------------------------------------------------------------*/
#prod {
	width: 565px;
	margin: 20px auto;
	text-align: center;
}


#prod_main h1.midashi {
	margin: 0 auto 10px auto;
}


#prod h2 {
	font-size:16px;
	line-height:20px;
	color:#CC0000;
	text-align:left;
	margin:0 10px;
}

#prod h2.bla {
	font-size: 16px;
	line-height:20px;
	text-align:left;
	margin:0 10px;
}

#prod h3 {
	font-size:16px;
	line-height:20px;
	color:#CC0000;
	text-align:left;
	margin-bottom:0;
}

#prod p {
	display:block;
}

.prodId {
	margin:0 0 15px 20px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	}

.prodId_red {
	margin:0 0 5px 20px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#FF3333;
}


/*prod_main
------------------------------------------------------------------------------*/



#prod_main {
	width: 543px;
	margin: 20px auto 30px;
	text-align: left;
}

#prod_main h1,
#prod_main h2,
#prod_main h3 {
	margin: 20px 0 10px;
	clear: both;
}

#prod_main ul {
	margin:10px 0 10px 0;
	padding:0;
}

#prod_main li {
margin:0 0 5px 32px;
padding:0 0 0 0;
line-height:16px;
text-align:left;
}

#prod_main dl {
margin-top:10px;
}

#prod_main dt {
line-height:16px;
text-align:left;
margin-top:0;
padding:5px;
}

#prod_main dd {
text-align:center;
margin-top:10px;
display:block;
}


#prod_main td {
	text-align:left;
}

.prodMidashi {
margin:15px 0 5px 0;
padding:0;
font-size:14px;
font-weight:bold;
text-align:left;
}


#prod_cation {
	width:543px;
	margin:10px 20px;
}

#prod_cation h1 {
	margin:15px auto 10px auto;
}

#prod_cation p {
	text-align:right;
}

#prod_cation ul {
	margin:10px 0 10px 0;
	padding:0;
}

#prod_cation li {
margin:0 0 0 32px;
padding:0 0 0 0;
line-height:16px;
text-align:left;
margin-bottom:5px;
}

#prod_cation li.red {
margin:0 0 5px 32px;
padding:0 0 0 0;
line-height:16px;
color:#FF3333;
text-align:left;
}


.prod_size_8{
font-size:8px;
line-height:16px;
}

.prod_size{
line-height:16px;
}

.prod_size_r{
line-height:16px;
color:#FF3333;
}

.prod_size_blue{
line-height:16px;
color:#0033FF;
}

.prod_size_r_b{
line-height:16px;
font-weight:bold;
color:#CC0000;
}

.prod_size_b{
font-weight:bold;
line-height:16px;
}


/* kome_mark */
.prod_kome_b {
font-size:14px;
color:#0033CC;
}

.prod_kome_r {
font-size:14px;
color:#ff0000;
}

.prod_kome_bla {
font-size:14px;
color:#000000;
}

.prod_kome_bla_b {
font-size:14px;
font-weight:bold;
color:#000000;
}

.name {
font-size:24px;
font-weight:bold;
color:#000000;
}

.size_caution {
font-size:14px;
line-height:16px;
color:#FF0000;
}

#point {
width:540px;
margin:0 auto;
padding:0;
text-align:center;
}

#point p {
margin:0 0 5px 0;
padding:0;
text-align:right;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:10px;
}

/* SIZE */
#size_main {
width:543px;
margin:10px 20px;
}

#size_main table {
margin:15px 15px;
padding:2px;
}

/* footer */
.copyright {
color:#FFFFFF;
}


/* 動画リンク 2009/04/27 Add*/

h2.long {
	position: relative;
	width: 493px;
	height: 27px;
	margin: 15px 0 5px;
	background: url(../img/tit_bg.gif) no-repeat;
	color: #333;
	font: bold 12px/18px Tahoma, Arial, Helvetica, sans-serif;
}

h2.long span {
	display: block;
	position: absolute;
	left: 20px;
	top: 5px;
}

h2.short {
	position: relative;
	width: 237px;
	height: 27px;
	margin: 15px 0 5px;
	background: url(../img/tit_bg_s.gif) no-repeat;
	color: #333;
	font: bold 12px/18px Tahoma, Arial, Helvetica, sans-serif;
}

h2.short span {
	display: block;
	position: absolute;
	left: 16px;
	top: 4px;
}


h2.movie {
	color: #fff;
	background: #333 url(../img/bg_movie.png) no-repeat; /*override*/
}

h2.long .btnNewsList {
	position: absolute;
	right: 10px;
	top: 5px;
}
