/**********************************
 製品仕様・一部ポップアップ
**********************************/

/* 共通 */

#navi2{
	background-image: url(images/base/menu_b_products.gif);
	background-repeat: no-repeat;
}

/* 製品名で探す・使い方で探す・オプション 一覧 */

.con3{
	width: 798px;
	padding: 30px 0;
}

.con3 td{
	width: 25%;
	text-align: center;
	padding: 15px 5px;
	border-right: solid 1px #cccccc;
}

.con3 a	{
	text-align: center;
	text-justify: distribute;
	font: 14px "MSPゴシック","Osaka";
}		

/* 新製品情報 */

#new_products a:link,#new_products a:visited{
	color : #0000FF;
	text-decoration: none;
}

#new_products a:hover,#new_products a:active{
	color : #FF9900;
	text-decoration: none; 
}

#new_products table{
	width: 540px;
	margin-bottom: 5px;
	border-style: none;
}

#new_products td{
	vertical-align: top;
}

#new_products h1{
	padding: 3px 10px;
	margin-bottom: 5px;
	background-color:rgb(13,56,143);
	color:#ffffff;
	font-weight: normal;
}

#new_products p{
	margin: 5px;
}

.img_news{
	margin-right: 10px;
}

/* 使い方で探す(食品・工業) */

#products_fi{
	width: 410px;
	height: 122px;
	margin-bottom: 30px;
	padding-left: 130px;
	left: 130px;
	background-repeat:no-repeat;	
}

#products_fi h1{
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	margin-bottom: 5px;
}

#products_fi p{
	width: 400px;	
}

.font_bb{
	font-size: 20px;
	font-weight: bold;
	color:#FF0000;
}
		
/* 製品仕様・Ｑ＆Ａ・ポップアップ */

.title a	{
		text-decoration:none;
		color:#666666;
		font:10px "MSPゴシック","Osaka";	
		}

.title a:hover	{
		color:blue
		}
		
.titleimg	{
		width:740px;
		padding: 20px 30px 0 29px;
		}
		
.titleimg p	{
		padding:5px;
		margin:0px 0px 0px 5px;
		color:#000000;
		}
			
.titleimg span	{
		font:bold 14px;
		color:#FF0000;
		}

.titleimg table	{
		margin:0px 5px 0px 5px;
		}

.titleimg td	{
		padding:5px 5px 5px 5px;
		line-height:150%;
		margin:0px 0px 0px 5px;
		}

.font_9px{
	font-size: 8px;
	color:#666666;
}

.con1 	{
		width:740px;
		left:0px;
		padding:20px 29px 30px 30px;
		}
		
.con1 h1	{
		width: 735px;
		margin:10px 0 10px 0;
		padding:4px 0 4px 5px;
		background-color:rgb(13,56,143);
		text-align:justify;
		text-justify:distribute;
		text-indent:1em;
		line-height:120%;
		font:12px"MSPゴシック","Osaka";
		color:#ffffff
		}
.con1 h2	{
		width:485px;
		margin:5px 0px 5px 0px;
		padding:2px 2px 2px 2px;
		background-color:rgb(13,56,143);
		text-align:justify;
		text-justify:distribute;
		text-indent:1em;
		line-height:120%;
		font:12px"MSPゴシック","Osaka";
		color:#ffffff
		}
.con1 h3	{
		width:550px;
		margin:5px 0px 5px 0px;
		padding:4px 4px 4px 4px;
		background-color:rgb(13,56,143);
		text-align:justify;
		text-justify:distribute;
		text-indent:1em;
		line-height:120%;
		font:12px"MSPゴシック","Osaka";
		color:#ffffff
		}
.con1 h4	{
		width:700px;
		margin:5px 0px 5px 0px;
		padding:4px 4px 4px 4px;
		background-color:rgb(13,56,143);
		text-align:justify;
		text-justify:distribute;
		text-indent:1em;
		line-height:120%;
		font:12px"MSPゴシック","Osaka";
		color:#ffffff
		}		
.con1 h5	{
		margin:10px 5px 5px 5px;
		padding:4px 4px 4px 4px;
		background-color:rgb(13,56,143);
		text-align:justify;
		text-justify:distribute;
		text-indent:1em;
		line-height:120%;
		font:14px"MSPゴシック","Osaka";
		color:#ffffff
		}
.con1 span		{
		font:10px "MSPゴシック","Osaka";
		line-height:120%;
		}
.con1 p	{
		padding:0px 5px 1px 5px; 
		margin:0px 5px 0px 5px;
		font:12px"MSPゴシック","Osaka";
		line-height:170%;
		color:#000000;
		}

.con1 table	{
		margin:5px 0px 0px 0px;
		}

.con1 td{
		font:12px"MSPゴシック","Osaka";
		line-height:170%;
		padding: 3px 5px 3px 5px;
		}

.con1 div	{
		font:12px"MSPゴシック","Osaka";
		line-height:170%;
		}
		
.con1 a		{
		font:12px"MSPゴシック","Osaka";
		line-height:170%;
		text-decoration:none;
		color:#0000FF
		}

.con1 a:hover	{
		color:#FF9900
		}
		
		
.con4 span		{
		font:bold 14px"MSPゴシック","Osaka";
		color:#FF0000;
		}

/* デジタル屈折計トップ */

#products_rx{
	width: 730px;
	margin : 20px 35px; 
}

#products_rx h1{
	font-size: 16px;
	font-weight: bold;
	color: rgb(13,56,143);
	line-height: 100%;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: solid #003399 6px;
	border-bottom: solid #003399 1px;
	width: 340px;
}

#products_rx p{
	width: 195px;
	margin-bottom: 5px;
}

#products_rx a{
	color: #0000FF;
}

#products_rx a:hover,#main a:active{
		color: #FF9900;
}

.box_rx1{
	width: 350px;
	margin-right: 25px;
	float: left;
}

.box_rx2{
	width: 350px;
	float: right;
}

.box_rx3{
	width: 195px;	
	margin-right: 5px;
	float: left;
}

.rx_img{
	float: left;
}

/*******************************************
製品情報 各製品トップページ（リニューアル用）
*******************************************/

/* 共通 */

#products{
	width: 800px;
	margin-top: 10px;
}

#products_top,#point,#youto,#measurement,#user,#line_up{
	width: 740px;
	margin: 30px;
}

#products h1{
	width: 770px;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 30px;
}

#products h2{
	width: 100%;
	font-size: 150%;
	color: #003399;
	line-height: 130%;
	border-bottom: solid #003399 1px;
}

#products h3{
	font-size: 120%;
	color: #003399;
	line-height: 120%;
	border-left: solid #003399 6px;
	margin-bottom: 10px;
	padding-left: 6px;
}

#products h4{
	font-size: 110%;
	color: #003399;
}

#products h5{
	font-size: 110%;
}

#products h6{
	font-size: 100%;
	color: #003399;
	text-decoration: underline;
}

#products p{
	line-height: 150%;
	margin: 10px 0;
}

.bar{
	background-image: url(../images/products/parts/bar01.jpg);
	background-repeat: repeat-x;
	width: 800px;
	height: 30px;
}

.link_ya{
	background-image: url(../images/products/parts/yajirushi.gif);
	padding-left: 16px;
	background-repeat: no-repeat;
}

.products_box1-1{
	width: 360px;
	margin: 0 20px 10px 0;
	float: left;
}

.products_box1-2{
	width: 360px;
	margin-bottom: 10px;
	float: right;
}

.float_l{
	float: left;	
	margin-right: 10px;
}

.float_r{
	float: right;	
	margin-right: 10px;
}

.line{
	border-bottom: 1px dotted #666666;
	margin: 5px 0 10px 0;
}

.font_s{
	font-size: 90%;
	line-height: 120%;
}

.font_b1 {color: #003399;}

.font_b2 {color: #3399CC;}

.font_g {color: #99CC00;}

.font_y {color: #FFCC00;}

.font_o {color: #FF6600;}

.margin_b10{margin-bottom: 10px;}

.margin_b20{margin-bottom: 20px;}

/* products_top(トップ) */
div.products_syosaibox a{
	display:block;
	width:246px;
}
#products_top li{
	display: inline;
	margin-right: 25px;
	background-image: url(../images/products/parts/yajirushi.gif);
	padding-left: 16px;
	background-repeat: no-repeat;
}
.products_top_box1{
	width: 740px;
	height: 140px;
	padding-top: 260px;
	background-repeat: no-repeat;
}

.products_top_box2{
	width: 200px;	
	padding: 15px 20px;
	background-color: #F3F3F3;
}

.products_top_box3{
	width: 530px;
	padding-right: 30px;
	float: left;
}

/* point(特長) */

#point h3{
	margin-top: 25px;
}

#point h4{
	margin: 0;
}

.series_box{
	width: 230px;
	float: left; 
}

table#awards,table#toritsuke{
	width: 100%;
	border-spacing: 2px;
}

#awards td{
	height: 25px;
	padding: 0 8px;	
	background: #F3F3F3;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	vertical-align: middle;
}

#toritsuke td{
	width: 25%;
	padding: 10px 20px 10px 0;
	vertical-align: top;
	text-align: center;
}

table#tokucho{
	width: 100%;
	background: #D8E2EF;
	border-collapse : collapse ;
}

#tokucho th{
	height: 27px;
	border-bottom: solid 1px #FFFFFF;
	padding: 0 10px 0 15px;
	text-align: left;
}

#tokucho td{
	height: 27px;
	border-bottom: solid 1px #FFFFFF;
}

.td_tokucho1{
	width: 140px;
	background: #F3F3F3;
	padding: 0;
}

.td_tokucho2{
	padding: 0 10px 0 32px;
}

#no1,#no2,#no3,#no4,#no5,#no6,#no7,#no8,#no9,#no10{
	background-repeat: no-repeat;
	background-position: 8px 5px;
}

#no1{background-image:url(../images/products/parts/no1.gif);}
#no2{background-image:url(../images/products/parts/no2.gif);}
#no3{background-image:url(../images/products/parts/no3.gif);}
#no4{background-image:url(../images/products/parts/no4.gif);}
#no5{background-image:url(../images/products/parts/no5.gif);}
#no6{background-image:url(../images/products/parts/no6.gif);}
#no7{background-image:url(../images/products/parts/no7.gif);}
#no8{background-image:url(../images/products/parts/no8.gif);}
#no9{background-image:url(../images/products/parts/no9.gif);}
#no10{background-image:url(../images/products/parts/no10.gif);}

.point_box1-1{
	width: 170px;
	margin: 10px 20px 10px 0;
	float: left;
}

.point_box1-2{
	width: 170px;
	margin: 10px 0 10px 0;
	float: right;
}

/* youto(豊富な用途) */

.youto_box1-1{
	width: 270px;
	margin-bottom: 20px;
	padding: 0 20px 0 0;
	float: left; 
}

.youto_box1-2{
	width: 270px;
	margin-bottom: 20px;
	padding: 0 20px 0 0;
	float: right; 
} 

.youto_box2{
	width: 280px;
	float: left;
}

.youto_box3{
	width: 70px;
	float: left;
}

.youto_box4{
	width: 310px;
	margin-left: 25px;
	float: left;
}

#youto table{
	width: 100%;
	border-collapse : collapse ;
}

.td_youto1{
	width: 70px;
	height: 70px;
	padding-right: 10px;
}

.td_youto2{
	width: 85px;
	height: 70px;
	padding-right: 20px;
	vertical-align: middle;
}

.td_youto3{
	width: 70px;
	height: 70px;
	padding-right: 10px;
}

.td_youto4{
	width: 146px;
	height: 70px;
	padding-right: 20px;
	vertical-align: middle;
}

#youto p{
	line-height: 150%;
	margin: 5px 0;
}

#youto li{
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-image: url(../images/products/parts/ya_blue1.gif);
}

.margin_r50{margin-right: 50px;} /* 臨床でのみ使用 */

/* measurement(測定方法) */

.measurement_box{
	width: 130px;
	margin-right: 5px;
	float: left; 
}

#measurement p{
	margin: 5px 0 0 0;
}

#measurement h4{
	margin-top: 5px;
	padding-left: 22px;
	line-height: 17px;
}

#no1_m,#no2_m,#no3_m,#no4_m{background-repeat: no-repeat;}

#no1_m{background-image:url(../images/products/parts/no1_m.gif);}
#no2_m{background-image:url(../images/products/parts/no2_m.gif);}
#no3_m{background-image:url(../images/products/parts/no3_m.gif);}
#no4_m{background-image:url(../images/products/parts/no4_m.gif);}

/* user(ユーザーの声) */

.user_box{
	width: 430px;
	margin: 0 10px 0 0;
	float: left;
}

/* line_up(ラインアップ) */

#pal a:link,#pal a:visited,.line_up_box1-1 a:link,.line_up_box1-1 a:visited,.line_up_box1-2 a:link,.line_up_box1-2 a:visited{
	color:#0000FF;
	text-decoration: underline;
}

#pal a:hover,#pal a:active,.line_up_box1-1 a:hover,.line_up_box1-1 a:active,.line_up_box1-2 a:hover,.line_up_box1-2 a:active{
	color:#FF9900;
}

.line_up_box1-1{
	width: 140px;
	margin-right: 10px;
	float: left;
}

.line_up_box1-2{
	width: 140px;
	float: right;
}

.line_up_box2-1{
	width: 230px;
	margin-right: 25px;
	float: left;
}

.line_up_box2-2{
	width: 230px;
	float: right;
}

#line_up p{
	margin: 0 0 20px 0;
	line-height: 120%;
}

#line_up ul{
	margin-bottom: 5px;
}

#line_up img{
	border: 1px #666666 solid;	
}

#line_up h3 a{
	color:#003399;
}

table#master {
	width: 100%;
	border-spacing: 2px;
	margin-bottom: 20px;
}

#master td{
	width: 25%;
	padding: 10px 15px;
	background: #F3F3F3;
	vertical-align: top;
}

.td_title{
	text-align: center;
}

#td_master_b1 li,#td_master_b2 li,#td_master_g li,#td_master_y li,#td_master_o li{
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#td_master_b1 li{background-image: url(../images/products/parts/ya_blue1.gif);}
#td_master_b2 li{background-image: url(../images/products/parts/ya_blue2.gif);}
#td_master_g li{background-image: url(../images/products/parts/ya_green.gif);}	
#td_master_y li{background-image: url(../images/products/parts/ya_yellow.gif);}
#td_master_o li{background-image: url(../images/products/parts/ya_orange.gif);}

table#pal{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 10px;
}

#pal caption{
	color: #003399;
	text-align: left;
	font-weight: bold;
}

#pal th{
	height: 18px;
	padding: 0 3px;
	background: #D8E2EF;
	border: 1px #666666 solid;
	text-align: center;
	font-weight: normal;	
}

#pal td{
	padding: 2px 3px;
	background: #FFFFFF;
	border: 1px #666666 solid;
	line-height: 120%;
}

.td_pal1{
	width: 30%;
}

.td_pal2{
	width: 70%;
}
.new_pink{
	padding:0 40px 0 0;
	background-repeat: no-repeat;
	background-position:right top;
	background-image: url(../images/new_pink.gif);
}
#contents .btnArea {
	text-align: right;
	margin-top: 10px;
	padding-right: 5px;
}
/*Option (Sucrose Solutions) 20111212*/
.con1 .mainListArea {
	clear: both;
	width: 740px;
	margin-top: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.con1 .mainListArea .imgArea {
	float: left;
	width: 200px;
}
.con1 .mainListArea .listArea {
	float: left;
	width: 540px;
}
.con1 .mainListArea .listArea .table01 {
	border-top-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #CCC;
	border-left-color: #CCC;
	width: 540px;
}
.con1 .mainListArea .listArea .table01 .w20 {
	width: 20%;
}

.con1 .mainListArea .listArea .table01 .w25 {
	width: 25%;
}

.con1 .mainListArea .listArea .table01 tr th {
	background-color: #6CF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	text-align: center;
}
.con1 .mainListArea .listArea .table01 tr td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
.con1 .mainListArea .listArea .txt p {
	margin-bottom: 0px;
	font-weight: bold;
	padding: 0px;
	margin-top: 10px;
}
/*Option Sucrose Solutions Pop-up 20111213*/
#modelsArea {
	text-align: center;
	font-family: "Arial", "Sans-serif";
	color : #333333;
	line-height: 150%;
	background-color: #FFFFFF;
	width: 563px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px;
}
#modelsArea h1 {
	margin-bottom: 10px;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #06C;
	color: #FFF;
}

#modelsArea a {
	text-decoration: none;
	color: #03F;
}
#modelsArea a:hover,a:active{
	color : #F90;
	text-decoration: none;
}
#modelsArea table tr td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: left;
}
#modelsArea table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	margin-right: auto;
	margin-left: auto;
}

#modelsArea table tr th {
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	padding: 5px;
	text-align: left;
}
#modelsArea table .color01 {
	background-color: #9CCFFF;
}
#modelsArea table .color02 {
	background-color: #CECFCE;
}
#modelsArea table .w20 {
	width: 20%;
}
#modelsArea table .w30 {
	width: 30%;
}
#modelsArea table .w40 {
	width: 40%;
}
#contents .btnArea {
	text-align: right;
	margin-top: 10px;
	padding-right: 5px;
}
#inquiry_txt {
	text-align: right;
	clear: both;
	padding-top: 10px;
}
#inquiry_txt .font_red {
	color: #F00;
}
#question_id {
	margin-top: 20px;
	padding: 10px;
	background-image: url(images/products/bg_kensaku.gif);
}
#question_id #question_contents_id {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #003;
}

#question_id #question_contents_id h2 {
	color: #003;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 120%;
}
#question_id #question_contents_id #q01 {
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}
#product_search_form #q01 .q_title {
	float: left;
	padding-top: 3px;
	padding-left: 10px;
	margin-right: 20px;
}
#product_search_form #q01 .q_contents {
	float: left;
}

