
* {
	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;
}

/*Blobal
------------------------------------------------------------------------------*/

.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;}
#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;
}


/*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;
}

.caution ul {
	margin: 0 0 0 15px;
}


/*SideMenu
------------------------------------------------------------------------------*/

#sideMenu {
	background: url(../img/bg_side_menu_01.gif);
	width: 178px;
	vertical-align: top;
}

#sideMenu ul li img {
	vertical-align: bottom;
}


/*prod(original)
------------------------------------------------------------------------------*/

#prod {
	width: 565px;
	margin: 20px auto;
	text-align: left;
}

#prod h1 {
	margin: 0 auto 10px auto;
}

#prod h2 { /*リード文*/
	font-size: 16px;
	line-height: 20px;
	color :#CC0000;
	margin: 0 10px;
}


#prod h3 {
	font-size: 16px;
	line-height: 20px;
	color: #CC0000;
	margin-bottom: 0;
}


.prodId {
	margin: 0 0 15px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}


/*prod_main(original)
------------------------------------------------------------------------------*/


#prod_main {
	width: 543px;
	margin: 10px 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;
}

#prod_main li {
	margin: 0 0 5px 32px;
}

.prodMidashi {
	margin: 15px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}


.otherPage {
	text-align: right;
}


/*prod_cation(original)
------------------------------------------------------------------------------*/


#prod_cation {
	width: 543px;
	margin: 10px auto;
}

#prod_cation h1 {
	margin: 15px auto 10px auto;
}

#prod_cation p {
	text-align: right;
}

#prod_cation ul {
	margin :10px 0 10px 0;
}

#prod_cation li {
	margin: 0 0 0 32px;
	color: #333333;
	margin-bottom: 5px;
}

#prod_cation li.red {
	margin:0 0 5px 32px;
	color:#FF3333;
}



/*prod_size(original)
------------------------------------------------------------------------------*/


.prod_size_8{
	font-size: 8px;
	line-height: 16px;
	color: #333333;
}

.prod_size { color: #333333;}
.prod_size_r { color: #FF3333;}
.prod_size_blue { color: #0033FF;}
.prod_size_r_b { font-weight: bold;	color: #CC6633;}
.prod_size_b{ font-weight: bold; color: #333333;}


.prodSizeH3 {
	width: 540px;
	margin: 0 0 0 25px;
	color: #CC0000;
}

ul.prodSizeList {
	width: 540px;
	margin: 10px auto 20px auto;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}

ul.prodSizeList li {
	margin: 0 0 5px 15px;
	color: #333333;
}

ol.prodSizeList {
	width: 540px;
	margin: 10px auto 20px auto;
	text-align: center;
}

ol.prodSizeList li {
	margin: 0 0 5px 25px;
	color: #333333;
}

p.topNewsTopics {
	margin:5px 0 10px;
	text-align:right;
}

p#topNewsTit01 {
	width: 493px;
	height: 27px;
	text-align: right;
	background: url(../img/tit_index_01.gif) no-repeat;
}

p#topNewsTit02 {
	width: 493px;
	height: 27px;
	margin: 15px auto 0;
	text-align: right;
	background: url(../img/tit_index_02.gif) no-repeat;
}

img.btnNews{
	margin-top: 5px;
	margin-right: 10px;
}

/* 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;}

.size_caution {
	font-size: 14px;
	line-height: 16px;
	color: #FF0000;
}


/*size
------------------------------------------------------------------------------*/

#size_main {
	width: 543px;
	margin: 10px 20px;
}

#size_main table {
	margin: 15px 15px;
	padding: 2px;
}

/*Footer
------------------------------------------------------------------------------*/

#footer {
	background: #8C98AE url(../img/bg_footer.png) no-repeat;
	width: 760px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
}

#copyright {
	color: #fff;
	margin: 0;
	padding: 10px 0 20px 10px;
}


/*ADD 2008-02-20*/

