@charset "utf-8";
/* ===================================================================
CSS information

 file name  :product.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*グローバルメニューオン表示*/
#product #header #gnav li.nav_product a{
	background: url(../images/gnav.gif) -105px 35px;
}

/*サブメニューオン表示*/
#product li.sub_product a:hover{
	background: url(../images/subnav.gif) -220px 0px;
}

/*ページタイトル*/
#product #main h2{
	background: url(../product/images/title.gif) left top no-repeat;
}

/* 旧サイトからのcss移植
----------------------------------------------------------- */

#product h3#st_about {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	width: 595px;
	height: 36px;
	background: url(../product/images/st_about.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#product p.about_text {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}


#product img#image01 {
	margin: 0 0 20px 20px;
	padding: 0;
	border: 0;
	float: right;

}


#product h4#keikan {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	width: 63px;
	height: 20px;
	background: url(../product/images/keikan.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#product h4#taikyu {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	width: 63px;
	height: 20px;
	background: url(../product/images/taikyu.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#product h4#isyo {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	width: 63px;
	height: 20px;
	background: url(../product/images/isyo.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#product p#graph {
	display: block;
	margin: 0 0 7px 0;
	padding: 0;
	border: 0;
	width: 40px;
	height: 14px;
	background: url(../product/images/graph.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#product table th,
#product table td {
	text-align: center;
}


#product #image02_content {
	margin: 21px 0 25px 20px;
	padding: 0;
	border: 0;
	float: right;
}

#product table {
	margin: 0 0 50px;
	border: 1px solid #DCDCDC;
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 1px;
}

#product th,
#product td {
	padding: 0.8em 5px;
	border: 1px solid #DCDCDC;
}

#product th {
	background-color: #F8F8F8;
	font-weight: normal;
}

#product td {
	background-color: #fff;
}



#product #image02_content img#image02 {
	margin: 0;
	padding: 0;
	border: 0;
}


#product #image02_content p#caption {
	margin: 0;
	padding: 0;
	border: 0;
	width: 220px;
	text-align: right;
}


#product h3#st_variation {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	width: 595px;
	height: 36px;
	background: url(../product/images/st_variation.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#product img#image_290 {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	float: left;
}


#product img#image_300 {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	float: right;
}


#product img#image_390 {
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
	float: left;
}


#product p#variation_text {
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
	width: 260px;
	float: right;
}

#product p#tokuchu_text {
	margin: 0;
	padding: 0;
	border: 0;
	width: 400px;
    float:left;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}