@charset "utf-8";

/* CSS Document */



@import url('base.css');

@import url('layout.css');



/*--------------------------------------

Header

---------------------------------------*/



div#header {

height: 350px;

}



div#header p#copy {

position: absolute;

top: 234px;

left: 382px;

}



div#header h3#guideTtl {

position: absolute;

top: 459px;

left: 0;

}



div#header ul#guideNav {

position: absolute;

top: 347px;

left: 0;

}



div#header ul#guideNav li {

display: inline;

}



/*--------------------------------------

Content

---------------------------------------*/



div#content {

margin: 0 4px;

padding: 0px 6px 40px 10px;

background: none;

}



div#content div#main {

float: left;

width: 610px;

}





div#main div#serviceBox {

margin-bottom: 15px;

padding: 11px 13px 13px;

background: #f0f7ff;

}



div#main div#serviceBox ul {

float: left;

padding-top: 10px;

background: url(../../img/service_bg01.gif) repeat-y;

}



div#main div#serviceBox ul.type1 { width: 177px;}

div#main div#serviceBox ul.type2 { width: 239px;}

div#main div#serviceBox ul.type3 { width: 168px;}



div#main div#serviceBox li {

padding: 0 0 10px 13px;

background: url(../../img/service_arrow01.gif) no-repeat left 0.1em;

line-height: 1;

}



div#main div#serviceBox li a {

line-height: 1;

text-decoration: none;

}

div#main div#serviceBox li a:hover {

text-decoration: underline;

}

div#main div#topicsBox2 {

position: relative;

padding-bottom: 10px;

}

div#main div#topicsBox2 p {

position: absolute;

top: 5px;

left: 462px;

padding-left: 15px;

background: url(../../img/news_arrow02.gif) no-repeat left center;

}

div#main div#topicsBox2 p a {

text-decoration: none;

}

div#main div#topicsBox2 p a:hover {

text-decoration: underline;

}


div#main table#topicsBox {

position: relative;

margin-bottom: 15px;

width: 610px;

}


div#main table#topicsBox tr.type1 { background: #fff;}

div#main table#topicsBox tr.type2 { background: #f5f5f5;}



div#main table#topicsBox th {

padding: 9px 8px 9px 20px;

width: 107px;

color: #66c;

vertical-align: top;

}



div#main table#topicsBox td {

padding: 9px 10px 9px 0;

width: 465px;

vertical-align: top;

}



div#main table#topicsBox td a {

display: block;

padding-left: 25px;

color: #333;

background: url(../../img/topics_arrow01.gif) no-repeat left 0.5em;

text-decoration: none;

}

div#main table#topicsBox td a:hover {

color: #f90;

text-decoration: underline;

}



div#main table#topicsBox td a sup,

div#main table#topicsBox td a i {

color: #333;

}



div#main table#topicsBox td a:hover sup,

div#main table#topicsBox td a:hover i {

color: #f90;

}





div#main div#newsBox {

position: relative;

padding-bottom: 10px;

background: #e4eef8;

}



div#main div#newsBox h3 {

margin-bottom: 10px;

}



div#main div#newsBox p {

position: absolute;

top: 5px;

left: 462px;

padding-left: 15px;

background: url(../../img/news_arrow02.gif) no-repeat left center;

}



div#main div#newsBox p a { text-decoration: none;}

div#main div#newsBox p a:hover { text-decoration: underline;}



div#main div#newsBox table {

margin: 0 10px;

width: 590px;

background: #fff;

}



div#main div#newsBox table  tr.type1 th { background: url(../../img/news_line01.gif) no-repeat left bottom;}

div#main div#newsBox table  tr.type1 td { background: url(../../img/news_line01.gif) no-repeat right bottom;}

div#main div#newsBox table  tr.type2 { background: none;}



div#main div#newsBox table th {

padding: 9px 8px 9px 10px;

width: 107px;

color: #1c60ab;

vertical-align: top;

}



div#main div#newsBox table td {

padding: 9px 10px 9px 0;

width: 455px;

vertical-align: top;

}



* html div#main div#newsBox table td sup {

left: 10px;

top:3.5em;

}



div#main div#newsBox table td a {

display: block;

padding-left: 25px;

color: #333;

background: url(../../img/news_arrow01.gif) no-repeat left 0.5em;

text-decoration: none;

}

div#main div#newsBox table a:hover {

color: #f90;

text-decoration: underline;

}



div#main div#newsBox table td a sup,

div#main div#newsBox table td a i {

color: #333;

}



div#main div#newsBox table td a:hover sup,

div#main div#newsBox table td a:hover i {

color: #f90;

}





div#content div#sub {

float: right;

width: 263px;

}



div#sub div#supportBox {

margin-bottom: 9px;

padding: 0 4px 4px 4px;

height: 160px;

background: url(../../img/support_bg01.gif) no-repeat;

}



div#sub div#supportBox ul {

margin: 20px 0 0 35px;

}



div#sub div#supportBox ul li {

line-height:0;

margin: 0 0 7px 0;

}





div#sub div#sidenavBox {

margin: 0 4px 10px 4px;

padding: 10px;

width:235px;

background: #ededed;

}



div#sub div#sidenavBox div {

background: #fff;

}



div#sub div#sidenavBox dl {

float: left;

width: 144px;

padding: 8px 5px 8px 6px;

}



div#sub div#sidenavBox dt {

padding-bottom: 8px;

background: url(../../img/sidenav_line01.gif) no-repeat left bottom;

line-height: 1;

}



div#sub div#sidenavBox dd {

padding-top: 8px;

line-height: 1.2;

}



/*--------------------------------------

productSummary

---------------------------------------*/



div#productSummary {

padding: 9px;

width: 244px;

background: url(../../product/img/domestic_bg01.gif);

}



div#productSummary div#summaryInner {

background: url(../../product/img/domestic_bg02.gif) no-repeat left bottom;

}



div#productSummary div#summaryInner2 {

background: #fff;

}



div#productSummary div#originBox {

float:left;

padding: 6px;

width: 369px;

border-top: 1px solid #e2e4e7;

}



div#productSummary div#originBox p#systemName {

margin-bottom: 4px;

color: #666;

font-size: 77%;

line-height: 1.2;

text-align: right;

}



div#productSummary div#originBox dd {

padding: 10px 13px;

line-height: 1.4;

}



div#productSummary div#imgBox {

float: right;

padding: 6px 6px 10px 6px;

width: 235px;

border-top: 1px solid #e2e4e7;

}



div#productSummary div#imgBox dl {

position: relative;

margin: -16px 0 10px 0;

width: 235px;

background: #1b5796 url(../../product/img/domestic_bg04.gif) no-repeat left bottom;

}



div#productSummary div#imgBox dt {

padding: 7px 0 0 17px;

line-height: 1;

}



div#productSummary div#imgBox dd {

padding: 0 8px 8px 33px;

}



div#productSummary div#imgBox dd a {

padding: 2px 21px 2px 0;

color: #fff;

background: url(../../product/img/pdf_icon.gif) no-repeat right center;

}



div#productSummary div#imgBox dd a span {

color: #fff;

}



div#productSummary2Bot {

background:url(../../product/img/reagent05_bot01.gif) no-repeat left bottom;

width:650px;

padding-bottom:12px;

}



div#productSummary2 {

background:url(../../product/img/reagent05_bg01.gif) no-repeat left top;

padding:32px 15px 4px;

}



div#productSummary2 div#boxH2 {

padding-left:3px;

padding-bottom:8px;

}



div#productSummary2 div#boxH2 div#innerL {

width:390px;

float:left;

color:#1A5895;

line-height:1;

}



div#productSummary2 div#boxH2 div#innerL h2 {

color:#1A5895;

line-height:1;

font-size:123.1%;

font-weight:bold;

}



div#productSummary2 div#boxH2 div#innerL h2 span {

color:#1A5895;

font-size:77%;

font-weight:bold;

}



div#productSummary2 dl dd {

padding:10px 13px;

}



div#productSummary2 div#boxH2 div#innerR {

float:left;

padding-top:7px;

}



/*--------------------------------------

productSummary_a

---------------------------------------*/



div#productSummary_a {

padding: 9px;

width: 323px;

background: url(../../product/img/domestic_bg01.gif);

}



div#productSummary_a div#summaryInner {

background: url(../../product/img/domestic_bg02.gif) no-repeat left bottom;

}



div#productSummary_a div#summaryInner2 {

background: #fff;

}



div#productSummary_a div#originBox {

float:left;

padding: 6px;

width: 369px;

border-top: 1px solid #e2e4e7;

}



div#productSummary_a div#originBox p#systemName {

margin-bottom: 4px;

color: #666;

font-size: 77%;

line-height: 1.2;

text-align: right;

}



div#productSummary_a div#originBox dd {

padding: 10px 13px;

line-height: 1.4;

}



div#productSummary_a div#imgBox {

float: right;

padding: 6px 6px 10px 6px;

width: 235px;

border-top: 1px solid #e2e4e7;

}



div#productSummary_a div#imgBox dl {

position: relative;

margin: -16px 0 10px 0;

width: 235px;

background: #1b5796 url(../../product/img/domestic_bg04.gif) no-repeat left bottom;

}



div#productSummary_a div#imgBox dt {

padding: 7px 0 0 17px;

line-height: 1;

}



div#productSummary_a div#imgBox dd {

padding: 0 8px 8px 33px;

}



div#productSummary_a div#imgBox dd a {

padding: 2px 21px 2px 0;

color: #fff;

background: url(../../product/img/pdf_icon.gif) no-repeat right center;

}



div#productSummary_a div#imgBox dd a span {

color: #fff;

}



div#productSummary2Bot {

background:url(../../product/img/reagent05_bot01.gif) no-repeat left bottom;

width:650px;

padding-bottom:12px;

}



div#productSummary2 {

background:url(../../product/img/reagent05_bg01.gif) no-repeat left top;

padding:32px 15px 4px;

}



div#productSummary2 div#boxH2 {

padding-left:3px;

padding-bottom:8px;

}



div#productSummary2 div#boxH2 div#innerL {

width:390px;

float:left;

color:#1A5895;

line-height:1;

}



div#productSummary2 div#boxH2 div#innerL h2 {

color:#1A5895;

line-height:1;

font-size:123.1%;

font-weight:bold;

}



div#productSummary2 div#boxH2 div#innerL h2 span {

color:#1A5895;

font-size:77%;

font-weight:bold;

}



div#productSummary2 dl dd {

padding:10px 13px;

}



div#productSummary2 div#boxH2 div#innerR {

float:left;

padding-top:7px;

}

/*--------------------------------------

Quality - Normal list

---------------------------------------*/



div.txtList ul {

margin: 10px 10px;

}



div.txtList ul li {

padding-left: 15px;

background: url(../img/mark01.gif) no-repeat left 0.6em;

}