@charset "utf-8";
/* CSS Document */

/* nippongene
-----------------------------------------------------*/

/* title
-------------------------------------*/
#title {
	padding: 7px 0 7px 19px;
	border: 1px solid #8f8f8f;
	margin-bottom: 18px;
}
#title h1 {
	padding: 13px 17px 10px;
	border-left: 6px solid #636363;
	font-size: 180%;
}
#title span {
	display: block;
	padding: 0 0 13px 17px;
	border-left: 6px solid #636363;
	font-size: 80%;
}

#title,
#title h1,
#title span {
	border-color: #0057c9;
}
.siyaku #title,
.siyaku #title h1,
.siyaku #title span {
	border-color: #ac0000;
}
.kensa #title,
.kensa #title h1,
.kensa #title span {
	border-color: #5b9010;
}
.ivd #title,
.ivd #title h1,
.ivd #title span {
	border-color: #;
}

.tit {
	font-size: 95%;
	margin-left: 2px;
	margin-bottom: 10px;
}
.tit_blueback {
	clear: both;
	margin: 15px 0 20px;
	padding: 10px 15px 8px;
	background: #cce5ec;
	border-bottom: 2px solid #007f9f;
	font-size: 120%;
}
.tit_grayline {
	margin: 20px 0 15px;
	padding: 7px 10px;
	border: 4px solid #dadada;
}
.tit_blueline {
	margin: 20px 0 15px;
	padding: 7px 5px;
	border-top: 1px dotted #007f9f;
	border-bottom: 1px dotted #007f9f;
	color: #007f9f;
	font-size: 90%;
}
.catch {
	display: block;
	margin-bottom: 6px;
	font-size: 105%;
	color: #007f9f;
}

/* parts
-------------------------------------*/
#contents p,
#contents li,
#contents dt,
#contents dd,
#contents th,
#contents td {
	font-size: 90%;
	line-height: 1.4;
}

#contents p,
#contents p.noMargin {
	margin-bottom: 5px;
}
#contents > p {
	margin: 5px 2px 20px;
}
#contents p.notes {
	margin-bottom: 10px;
	padding-left: 1.3em;
	text-indent: -1.3em;
}

ul.noneStyleList {
	list-style: none;
	margin: 10px 0 30px;
}
ul.noneStyleList li {
	margin-bottom: 4px;
}

ul.simpleList {
	list-style: none;
	margin: 10px 0 30px;
}
ul.simpleList li {
	margin-bottom: 4px;
	padding-left: 15px;
	background: url(image/icn_simplelist.gif) no-repeat 0 4px;
}

ol.numList {
	margin: 10px 0 30px 30px;
}
ol.numList li {
	margin-bottom: 15px;
}

.link a {
	padding-left: 11px;
	background: url(image/icn_link.gif) no-repeat 0 6px;
}

.red { color: #ac0000; }
.green { color: #117900; }
.orange { color: #fd3e2c; }
.purple { color: #c1007f; }

p.pagetop {
	clear: both;
	float: right;
	padding-bottom: 25px;
	color: #008aff;
	cursor: pointer;
	font-size: 80%;
}
p.pagetop:hover {
	text-decoration: underline;
}

/* faq
-------------------------------------*/
.faq dt {
	margin-bottom: 12px;
	padding-left: 35px;
	padding-bottom: 12px;
	background: url(image/faq_q.gif) no-repeat 5px 0;
	border-bottom: 1px dotted #007f9f;
	color: #007f9f;
	font-weight: bold;
}
.faq dd {
	margin-bottom: 30px;
	padding-left: 35px;
	background: url(image/faq_a.gif) no-repeat 5px 0;
}

/* box
-------------------------------------*/
.block {
}

.box_gray {
	margin: 10px 0 20px;
	padding: 11px 20px 5px;
	background: #f1f1f1;
}
.box_gray li {
	list-style: none;
	margin-bottom: 3px;
	padding-left: 18px;
	background: url(image/icn_list.gif) no-repeat 0 3px;
}
#contents .box_gray p {
	margin: 10px 0;
}
.box_gray h3,
.box_gray h4 {
	color: #007f9f;
	font-size: 110%;
}

.box_list {
	zoom: 1;
	margin: 5px -10px 15px 0;
	background: url(image/box_list.gif) repeat-x left bottom;
}
.box_list.column1 {
	background-repeat: no-repeat;
}
.box_list:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.box_list dl {
	float: left;
	width: 445px;/* 470px */
	margin-right: 10px;
	padding: 12px 5px 15px 20px;
	border-top: 1px solid #ddd;
}
#contents .box_list dt {
	color: #565656;
	font-size: 110%;
	font-weight: bold;
}
#contents .box_list dd {
	margin-top: 7px;
}

/* table
-------------------------------------*/
table {
	margin: 5px 0;
	border-collapse: collapse;
}
table caption {
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
}

table.simple th,
table.simple td {
	padding: 4px 6px;
	border: 1px solid #bbb;
	text-align: left;
}

table.stripe {
	width: 100%;
}
table.stripe th,
table.stripe td {
	padding: 4px 6px;
	border: 1px solid #bbb;
	text-align: left;
}
table.stripe thead th {
	text-align: center;
}
table.stripe tbody th {
	font-weight: normal;
}
table.stripe .odd th,
table.stripe .odd td {
	background: #eee;
}
table.simple td.center,
table.stripe td.center {
	text-align: center;
	white-space: nowrap;
}

/* form
-------------------------------------*/
#contact #contents h2 {
	margin-top: 40px;
}
#contact.siyaku #contents form,
#contact.kensa #contents form,
#contact.ivd #contents form {
	margin-bottom: 60px;
}
#contents form span.require {
	padding: 1px 3px;
	background: #ac0000;
	color: #fff;
	font-size: 80%;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}
#contents form table {
	width: 100%;
	border-collapse: collapse;
}
#contents form table th,
#contents form table td {
	padding: 10px;
	border-top: 1px dotted #b9b9b9;
	border-bottom: 1px dotted #b9b9b9;
	text-align: left;
}
#contents form input[type=text],
#contents form textarea {
	padding: 5px;
	border: 1px solid #b9b9b9;
}
#contents form select {
	padding: 5px;
}
#contents form input[type=text] {
	width: 300px;
}
#contents form textarea {
	width: 500px;
	height: 200px;
}
#contents form #button {
	margin-top: 30px;
	text-align: center;
}
#contents form input[type=submit],
#contents form input[type=button] {
	padding: 4px 7px;
}

#contact #thanks {
	margin: 100px 0;
	text-align: center;
}
#contact #thanks p {
	margin-top: 30px;
}

/* ==============================================
    siyaku / kensa / ivd
============================================== */
#category #contents a,
#list #contents a,
#product #contents a {
	color: #008aff;
}

/* index
-------------------------------------*/
#index #search {
	margin: 20px 0;
	padding: 15px 0 15px 22px;
	background: #f1f1f1;
}
#index #search strong img {
	margin-top: 6px;
}
#index #search ul {
	display: inline;
}
#index #search li {
	list-style: none;
	display: inline;
	padding-left: 10px;
}

#index #contents #renew,
#index #contents #info {
	padding: 10px 7px 7px 14px;
	border: 1px solid #ddd;
}
#index #contents #renew {
	float: left;
	width: 604px;/* 625px */
}
#index #contents #info {
	float: right;
	width: 289px;/* 310px */
}
#index #contents #renew p.btn_list,
#index #contents #info p.btn_list {
	top: 10px;
	right: 7px;
}
#index #contents #renew iframe {
	width: 600px;
}
#index #contents #info iframe {
	width: 286px;
}
#index.siyaku #contents #renew iframe,
#index.siyaku #contents #info iframe {
	height: 270px;
}
#index.kensa #contents #renew iframe,
#index.kensa #contents #info iframe {
	height: 195px;
}

/* category
-------------------------------------*/
#category_menu {
	zoom: 1;
	margin-bottom: 30px;
	padding: 13px 5px 15px 0;
	border: 1px solid #ddd;
	font-size: 90%;
}
#category_menu:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#category_menu h2 {
	margin-left: 25px;
	margin-bottom: 8px;
}
#category_menu ul {
	float: left;
	padding: 0 45px 0 25px;
	
}
#category_menu li {
	list-style: none;
	margin-top: 10px;
	padding-left: 21px;
	background: no-repeat 0 2px;
}
.siyaku #category_menu li {
	background-image: url(image/icn_siyaku_category.gif);
}

#category_list {
	margin-right: -30px;
}
#category_list dl {
	float: left;
	width: 296px;
	margin-right: 30px;
	margin-bottom: 40px;
}
#contents #category_list dt {
	margin-bottom: 12px;
	padding: 0 0 6px 5px;
	border-bottom: 1px solid #ddd;
	font-size: 110%;
	font-weight: bold;
}
#category_list dd ul {
	list-style: none;
	margin-left: 4px;
}
#category_list dd li {
	margin-bottom: 3px;
}

/* list
-------------------------------------*/
#list_menu {
	margin-bottom: 40px;
	padding: 15px 5px 10px 20px;
	border: 6px solid #eebdbd;
}
#list_menu ul {
	zoom: 1;
	list-style: none;
	margin: 10px 0 8px;
}
#list_menu ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#list_menu li {
	float: left;
	font-weight: bold;
	padding-right: 16px;
	font-size: 125%;
}

#list #contents table {
	width: 98%;
	margin-left: 9px;
}
#list #contents th,
#list #contents td {
	padding: 12px 6px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
#list #contents thead th.listType,
#list #contents thead th.name,
#list #contents thead th.number {
	border-right: 2px solid #fff;
}
#list #contents thead th.listType {
	width: 40px;
	padding: 4px 5px;
	background: #fcc6c6;
	color: #b00000;
	font-weight: bold;
	text-align: center;
}
#list #contents thead th.name {
	background: #ffeeed;
}
#list #contents thead th.number {
	width: 345px;
	background: #eaeaea;
}
#list #contents thead th.sds {
	width: 40px;
	background: #d3e5f6;
	text-align: center;
}
#list #contents tbody td.sds {
	text-align: center;
}
#list #contents tbody th,
#list #contents tbody td {
	border-bottom: 1px dotted #bebdbb;
}
#list #contents tbody a {
	color: #363636;
}
#list #contents tbody a:hover {
	color: #008aff;
}

/* product
-------------------------------------*/
#product #contents > p {
	margin-bottom: 35px;
}
#product #contents p.arrow {
	margin: 13px 17px 17px;
}

#contents .rightBlock,
#contents .leftBlock {
	font-size: 80%;
}
.rightBlock {
	float: right;
	padding-left: 30px;
}
.leftBlock {
	float: left;
	padding-right: 30px;
}
.rightBlock img,
.leftBlock img {
	margin-bottom: 9px;
}

#footerCategoryNavi {
	padding: 10px;
	background: #f3f3f3;
	list-style: none;
}
#footerCategoryNavi li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #363636;
	line-height: 1.1;
}


#product #productList {
	zoom: 1;
	margin-bottom: 35px;
}
#product #productList:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#product #productList table {
	margin-bottom: 10px;
}
#product #productList tbody td {
	text-align: center;
}
#product #productList p.maker {
	float: left;
}
#product #productList p.memo {
	float: right;
}

#product .pagenavi {
	text-align: center;
}
#product .pagenavi li {
	list-style: none;
	display: inline;
	margin-left: -1px;
	margin-bottom: 35px;
	padding: 0 10px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

#productInfoTable tbody th {
	font-weight: bold;
}
#productContentsTable {
	margin-bottom: 40px;
}

.rightBlock.example {
	padding-left: 120px;
}
.rightBlock.example dl {
	margin-top: 10px;
}
.rightBlock.example dd {
	margin-top: -1.4em;
	padding-left: 9em;
}

table.example {
	width: 580px;
}
table.example th {
	font-weight: normal;
}
#contents table.simple.example td {
	text-align: center;
}

#exampleBlock {
	float: right;
	width: 600px;
	margin-top: 15px;
}
#exampleBlock dd {
	margin-top: -1.3em;
	margin-bottom: 10px;
	padding-left: 5em;
}