@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      product.css
 Style Info:     コンテンツのスタイル
-----------------------------------------------------------
Style Index

/*----------------------------------------------------
	左ナビ
----------------------------------------------------*/
#contents_navi {
	width:165px;
	padding:0 0 0 5px;
	margin:0 0 0 0px;
	float:left;
	}
	
#contents_pnavi {
	width:160px;
	height:310px;
	padding:0 0 0 0;
	margin:0 0 0 0px;
	float:left;
	}

#contents_pnavi ul {
	width:160px;
	height:310px;
	padding:0;
	margin:0;
	list-style:none;
	}
		
#contents_pnavi ul li {
	width:160px;
	padding:0px;
	margin:0px;
	}

#contents_pnavi ul:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

#contents_pnavi ul li {
	line-height:0px;/*--firefox--*/
	}
		
#contents_pnavi ul li img {/*---IE-------*/
	vertical-align:top;
	width:auto;
	}
	
#contents_dnavi {
    clear:both;
	width:160px;
	height:260px;
	padding:4px 0 0 0;
	margin:0 0 0 0px;
	float:left;
	}

#contents_dnavi ul {
	width:160px;
	height:260px;
	padding:0;
	margin:0;
	list-style:none;
	}
		
#contents_dnavi ul li {
	width:160px;
	padding:0px;
	margin:0px;
	}

#contents_dnavi ul:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

#contents_dnavi ul li {
	line-height:0px;/*--firefox--*/
	}
		
#contents_dnavi ul li img {/*---IE-------*/
	vertical-align:top;
	}
	
#contents_anavi {
    clear:both;
	width:160px;
	height:160px;
	padding:4px 0 0 0;
	margin:0 0 0 0px;
	float:left;
	}

#contents_anavi ul {
	width:160px;
	height:160px;
	padding:0;
	margin:0;
	list-style:none;
	}
		
#contents_anavi ul li {
	width:160px;
	padding:0px;
	margin:0px;
	}

#contents_anavi ul:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

#contents_anavi ul li {
	line-height:0px;/*--firefox--*/
	}
		
#contents_anavi ul li img {/*---IE-------*/
	vertical-align:top;
	}
	
/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
#contents {
	float:right;
    width:670px;
	margin:0 35px 0 0;
	padding:0;
}

* html #contents {
	float:right;
    width:670px;
	margin:0 2px 0 0;
	padding:0;
}

#menu01 {
	width:700px;
	height:15px;
	padding:0px;
	margin:0 0 0 0;
	}

#menu01 ul {
	width:424px;
	height:15px;
	padding:0;
	margin:0 0 0 470px;
	list-style:none;
	}
		
#menu01 ul li {
	height:15px;
	padding:0px 0 0 20px;
	margin:0px;
	float:left;
	}

#menu01 ul:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

#menu01 ul li {
	line-height:0px;/*--firefox--*/
	}
		
#menu01 ul li img {/*---IE-------*/
	vertical-align:top;
	}

#contents_01 {
    width:700px;
	margin:0;
	padding:10px 0 0 0;
}

#title {
    width:699px;
	height:35px;
	margin:0;
	padding:0 0 0 0;
}

#contents_01 table {
    width:670px;
	margin:15px 0 0 0;
	padding:0;
}

#contents_01 table td {
    text-align:center;
	margin:0;
	padding:0;
}

#contents_01 table .tabletxt {
	margin:0;
	padding:0px 0 0 5px;
}

#contents_01 table .tabletxt02 {
	margin:0;
	padding:5px 0 0 20px;
}

#contents_01 table td a {
	color:#999999;
	text-decoration: none;
	letter-spacing: 0.1em;
	vertical-align:baseline;
	}
	
#contents_01 table td a:hover {
    color:#095CA7;
	text-decoration:underline;
	}
	
#contents_01 table td a img {
    height:151px;
	width:auto;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*---safari-----*/
 #contents_01 table td {
    text-align:left;
}
}
/*----------------------------------------------------
	Features
----------------------------------------------------*/
h2 {
    widows:671px;
	height:223px;
	margin:0;
	padding:0;
}

#product_menu {
	width:652px;
	height:31px;
	padding:0px;
	margin:0 0 15px 0;
	}

#product_menu ul {
	width:652px;
	height:31px;
	padding:0;
	margin:0 0 0 0;
	list-style:none;
	}
		
#product_menu ul li {
    width:161px;
	height:31px;
	padding:0px 2px 0 0;
	margin:0px;
	float:left;
	}
	
#product_menu img {
    width:161px;
	height:31px;
}

#product_menu ul:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

#product_menu ul li {
	line-height:0px;/*--firefox--*/
	}
		
#product_menu ul li img {/*---IE-------*/
	vertical-align:top;
	}

h3 {
	margin:0;
	padding:0;
}

h4 {
	margin:0;
	padding:0;
}

/*----------------------------------------------------
	Specifications
----------------------------------------------------*/
#data_table {
    width:675px;
	margin:5px 0 0 0;
	padding:0;
	border-right:#999999 1px solid;
	color:#666666;
}

#data_table_base {
    width:675px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}

#data_table_img {
    width:200px;
	height:142px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

#data_table_img img {
    border:#999999 1px solid;
}

#data_table_img_02 {
    width: auto;
	height:auto;
	margin:0 5px 10px 0;
	padding:0 0 0 0;
	float:left;
}

#data_table_img_02 p {
    text-align:center;
}

#data_table_img_02 img {
    border:#999999 1px solid;
}


#data_table_02 {
    width:470px;
	margin:0 0 0 0px;
	padding:0;
	border-right:#999999 1px solid;
	float: right;
	color:#666666;
}

#data_table_03 {
    width:670px;
	margin:0 0 0 0px;
	padding:0;
	border-right:#999999 1px solid;
	color:#666666;
}

#data_table table td,#data_table_02 table td,#data_table_03 table td {
    text-align: center;
	margin:0;
	padding:3px;
	border-left:#999999 1px solid;
	border-bottom:#999999 1px solid;
}

#data_table table .border_top td,#data_table_02 table .border_top td ,#data_table_03 table .border_top td{
	border-top:#999999 1px solid;
}

#data_table table .left,#data_table_02 table .left,#data_table_03 table .left {
    text-align: left;
	padding-left:10px;
}

#data_table table .right,#data_table_02 table .right,#data_table_03 table .right {
    text-align: right;
	padding-right:10px;
}

#data_table table .tb_blue,#data_table_02 table .tb_blue ,#data_table_03 table .tb_blue{
    background-color:#D2ECFA;
}

#data_table table .tb_green,#data_table_02 table .tb_green,#data_table_03 table .tb_green {
    background-color:#DEEFE2;
}

#data_table table .tb_purple,#data_table_02 table .tb_purple,#data_table_03 table .tb_purple {
    background-color: #E6DBFD;
}


#data_table table .tb_gray,#data_table_02 table .tb_gray,#data_table_03 table .tb_gray {
    background-color: #E7E7E7;
}

#data_gotomenu {
    margin:0 0 0 5px;
	padding:0;
}

#data_gotomenu a {
	color:#666666;
	text-decoration: none;
	letter-spacing: 0em;
	vertical-align:baseline;
	font-size:85%;
	}
	
#data_gotomenu a:hover {
    color:#095CA7;
	text-decoration:underline;
	}

/*----------------------------------------------------
	Parts list
----------------------------------------------------*/
#chart_01 {
    width:145px;
	height:42px;
	margin:0px auto 0 auto;
	padding:10px 0 20px 0;
}

#chart_img {
    width:675px;
	margin:20px 0 0 0;
	padding:0;
	height: auto;
}

#chart_img2 {
	margin-top: 20px;
	margin-bottom: 0;
	text-align: center;
}



#chart_img_01 {
    width:210px;
	margin:0 10px;
	float:left;
}

#chart_img_02 {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}


#chart_img_01 p {
    text-align:center;
}

#chart_img_02 p {
    text-align:center;
}

#chart_img_03 {
    width:210px;
	margin:0 0 0 10px;
	float:left;
}

#chart_img_03 p {
    text-align:center;
}

/*----------------------------------------------------
	開発者の想い
----------------------------------------------------*/
#dev_contents {
	width:670px;
	height:380px;
    background: url(../pipette/img/p01_dev_top.png) no-repeat top;
	padding:0 0 0 0;
    margin:0;
}

#dev_bg {
	width:670px;
	background:url(../pipette/img/p01_dev_bg.jpg) repeat-y top left;
	margin:0px 0 0 0;
	padding:0 0 0 0;
}

#dev_bg .txt {
	width:610px;
	margin:0 auto;
	padding:0 0 0 0;
}

#dev_bottom{
	width:670px;
	height:40px;
	background:url(../pipette/img/p01_dev_bottom.png) no-repeat bottom;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

* html #dev_bottom{
	width:670px;
	height:61px;
	background:url(../pipette/img/p01_dev_bottom.png) no-repeat bottom;
	margin:-50px 0 0 0;
	padding:0 0 0 0;
}

#dev_contents h2 {
    text-indent:-999999px;
}

#dev_txt {
    margin:15px 0 0 5px;
	padding:0;
	clear:both;
}

#dev_txt_02 {
    margin:0px 0 0 5px;
	padding:0;
	clear:both;
}

#dev_txt_03 {
    width:420px;
    margin:0px 0 0 5px;
	padding:10px 0 0 0;
	float:left;
}

#dev_txt_04 {
    clear:both;
    margin:0 0 0 5px;
	padding:10px 0 0 0;
}


#dev_txt p {
    font-size:100%;
}

#dev_txt_02 p {
    font-size:100%;
}

#dev_txt_03 p {
    font-size:100%;
}

#dev_txt_04 p {
    font-size:100%;
}

#dev_01 {
    margin:-200px 230px 0 0;
	padding:0 0 0 30px;
}

#dev_02 {
    margin:0px 0px 0 0;
	padding:0 30px 0 30px;
}

#dev_03 {
    margin:0px 0px 0 0;
	padding:30px 30px 0 30px;
}

#dev_bg h3 {
	margin:0;
	padding:0;
	float:left;
}

#dev_img01 {
    width:181px;
	height:147px;
	margin:-20px 0 0 0;
	padding:0;
	float:right;
}

*+html #dev_img01 {
    width:181px;
	height:147px;
	margin:-25px 0 0 0;
	padding:0;
	float:right;
}

#dev_img02 {
    width:181px;
	height:212px;
	margin:0 0 0 0;
	padding:0;
	float:left;
}

*+html #dev_img02 {
    width:181px;
	height:212px;
	margin:0 0 0 0;
	padding:0;
	float:left;
}

#dev_img03 {
    width:196px;
	height:240px;
	margin:0 -40px 0 0;
	padding:0;
	float:right;
}


/*----------------------------------------------------
	a01
----------------------------------------------------*/
#a01_field {
    width:600px;
	margin:0;
	padding:10px 0 20px 0;
}

#a01_field table {
    width:600px;
	margin:0 0 0 0;
	padding:0;
}

#a01_field table td {
    text-align:left;
	margin:0;
	padding:0;
	letter-spacing:0em;
}

#a01_field table .tabletxt {
	margin:0;
	padding:5px 0 0 2px;
	letter-spacing:0em;
	line-height:130%;
}


#a02_field {
    width:600px;
	margin:0;
	padding:10px 0 5px 0;
}

#a02_field table {
    width:600px;
	margin:0 0 0 0;
	padding:0;
}

#a02_field table td {
    text-align:left;
	margin:0;
	padding:0;
	letter-spacing:0em;
}

#a02_field table .tabletxt {
	margin:0;
	padding:5px 0 0 2px;
	letter-spacing:0em;
	line-height:130%;
}

#eco_coment {
    width:670px;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
}

#eco_coment p {
    color:#666666;
	font-size:100%;
}






#premium_flash_02 {
	width:98px;
	height:96px;
	margin:0;
	padding:0;
	position: absolute;
	top:449px;
	left:757px;
}
