@charset "utf-8";

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

	Heading

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

h1 {
	color: #000;
	font-size: 77%;
}

h2 {
	background-color: #7e9db6;
	background-image: url("/assets/images/bg/h2.gif");
	background-repeat: repeat-x;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	padding: 10px 13px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
	behavior: url(/assets/css/ie-css3.htc);
	*zoom: 100%;
}

h3 {
	background-image: url("/assets/images/bg/h3.gif");
	border-bottom: 1px solid #b6bfc6;
	font-size: 108%;
	font-weight: bold;
	padding: 5px 13px 2px;
	position: relative;
	z-index: 1;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

h4 {
	background-color: #fff;
	background-image: url("/assets/images/bg/h4.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	border-top: 2px solid #1c6da8;
	color: #035fb5;
	font-size: 100%;
	font-weight: bold;
	padding: 6px 13px 13px;
	position: relative;
	z-index: 1;
	*zoom: 100%;
}

h5 {
	border-bottom: 1px solid #ddd;
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 5px;
}

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

	Composition

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

div.composition {
}

div.composition div.artwork > p,
div.composition div.artwork > ul {
	width: 206px;
}

/*-----------------------------------------------
	Artwork Layout
-----------------------------------------------*/

/* Option: Image Align Right */
div.imgRight div.artwork {
	display: inline;
	float: right;
	margin-left: 20px;
}

/* Option: Image Align Left */
div.imgLeft div.artwork {
	display: inline;
	float: left;
	margin-right: 20px;
}

/*-----------------------------------------------
	div.text
-----------------------------------------------*/

div.composition div.text {
}

/* Option: Text No Wrap */
div.noWrap div.text {
	overflow: hidden;
	*zoom: 100%;
}

/*-----------------------------------------------
	Exception Rules
-----------------------------------------------*/

div:not([class=layout2col]) > div.composition {
	overflow: hidden;
}

div:not([class=layout2col]) > div.composition h3,
div:not([class=layout2col]) > div.composition h4 {
	margin-left: 0;
	margin-right: 0;
}

div.composition h3:first-child,
div.composition h4:first-child {
	margin-top: 15px;
}

/* First-child: ul.inline */
div.composition div.text ul.inline:first-child {
	margin-top: 15px;
}

div.composition div.text dl.border dt {
	width: 100px;
}

.inquiryFlow + div.composition div.artwork p {
	text-align: center;
	width: 100px;
}

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

	Composition Layout

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

/*-----------------------------------------------
	div.layout2col
-----------------------------------------------*/

div.layout2col {
	width: 640px;
}

div.layout2col div.composition {
	display: inline;
	float: left;
	margin-right: 40px;
	width: 300px;
}

div.layout2col div.composition > h2 ~ *:last-of-type {
}

div.layout2col div.composition:last-child {
	margin-right: 0;
}

div.layout2col div.composition h3,
div.layout2col div.composition h4 {
	*width: 294px;
}

/*-----------------------------------------------
	div.layout3col
-----------------------------------------------*/

div.layout3col {
}

div.layout3col div.composition {
	display: inline;
	float: left;
	margin-right: 11px;
	width: 206px;
}

div.layout3col div.composition:last-child {
	margin-right: 0;
}

/*-----------------------------------------------
	div.layout4col
-----------------------------------------------*/

div.layout4col {
}

div.layout4col div.composition {
	display: inline;
	float: left;
	margin-right: 12px;
	width: 151px;
}

div.layout4col div.composition:last-child {
	margin-right: 0;
}

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

	Function Link

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

/*-----------------------------------------------
	p.goTop
-----------------------------------------------*/

p.goTop {
	text-align: right;
}

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

	Button Area

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

ul.buttonArea {
	margin-top: 25px;
	text-align: center;
}

ul.buttonArea li {
	background-image: none;
	display: inline;
	margin: 0 10px;
	padding: 0;
}

ul.buttonArea li input {
	vertical-align: top;
}

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

	Pager

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

ul.pager {
	margin-top: 30px;
	text-align: center;
}

ul.pager li {
	background-image: none;
	display: inline;
	margin: 0 2px;
	padding-left: 0;
}

ul.pager li a,
ul.pager li span {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	padding: 1px 10px;
	text-decoration: none;
	vertical-align: middle;
	zoom: 100%;
}

ul.pager li span {
	background-color: #393939;
	border: 1px solid #393939;
	color: #fff;
}

ul.pager li a:link,
ul.pager li a:visited {
	background-color: #f7f7f7;
	border: 1px solid #909090;
	color: #444;
	text-decoration: none;
}

ul.pager li.prev a:link,
ul.pager li.prev a:visited,
ul.pager li.next a:link,
ul.pager li.next a:visited {
	background-color: #fff;
}

ul.pager li a:hover,
ul.pager li a:active,
ul.pager li.prev a:hover,
ul.pager li.prev a:active,
ul.pager li.next a:hover,
ul.pager li.next a:active {
	background-color: #cbcbcb;
	border: 1px solid #cbcbcb;
	text-decoration: none;
}

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

	Banner

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

ul.banner {
}

ul.banner li {
	background-image: none;
	padding-left: 0;
}

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

	Faq

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

h2 + dl.faq,
h3 + dl.faq {
	margin-top:20px;
}

dl.faq{
	border-bottom:dotted 1px #ccc;
	margin-top:10px;
}

dl.faq dt {
	background-image: url("/assets/images/pattern/dot_line_gray.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding: 0 15px 9px;
}

dl.faq dd {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #DBE0E5;
	margin:0 0 9px;
	padding:15px;
}

dl.faq dt span.icon,
dl.faq dd p.icon {
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 20px;
	text-indent: -9999px;
	width: 35px;
}

dl.faq dt span.icon {
	background-image: url("/assets/images/icon/faq_question.gif");
}

dl.faq dd div.composition div.artwork {
	margin-right: 0;
}

dl.faq dd p.icon {
	background-image: url("/assets/images/icon/faq_answer.gif");
}

dl.faq dt span.text,
dl.faq dd div.document {
	display: block;
}

dl.faq dd div.document {
	margin-left: 35px;
}

dl.faq a:link,
dl.faq a:visited {
	_color: #3952e5;
}

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

	gradationBox

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

.gradationBox ul {
	background-image: url("/assets/images/common/bg_gradation_l.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 4px 12px 13px;
}

.gradationBox ul li {
	background-image: url("/assets/images/icon/arrow_bg_blue.gif");
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-left:16px;
}

.gradationBox ul[class="inline"] {
	background-image: url("/assets/images/common/bg_gradation_s.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-left:-10px;
	margin-right:-10px;
}

.gradationBox ul[class="inline"] li {
	margin-right:21px;
}

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

	linkList

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

ul.linkList {
}

ul.linkList li {
	background-image: url("/assets/images/icon/arrow_blue.gif");
	background-position: 0 0.4em;
}

ul.linkList ul {
	margin-left: 0;
}

ul.linkList ul li {
	background-image: url("/assets/images/icon/arrow_blue.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 14px;
}

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

	inquiryBox

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

div.inquiryBox + div.inquiryBox {
	margin-top: 10px;
}

div.inquiryBox {
	border: 3px solid #EDF1F2;
	margin-top: 20px;
	padding: 15px;
}

.inquiryBox p {
	margin-top: 0;
}

.inquiryBox strong {
	color: #772f03;
}

.inquiryBox dl.index {
	*zoom: 100%;
}

.inquiryBox dl.index:first-child {
	margin-top:0;
}

.inquiryBox dl.index + dl.index {
	background-image: url("/assets/images/common/separator_line.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-top: 5px;
}

.inquiryBox dl.index dt {
	float: right;
	width: 210px;
	padding: 0 13px 0;
}

.inquiryBox dl.index dt img[alt$="評価キット申し込み"] {
	margin-top: -3px;
	_margin-top: 0;
}

.inquiryBox dl.index + dl.index dt {
	float: left;
	width: 152px;
	padding-left: 0;
}

.inquiryBox dl.index dd {
	padding: 0;
}

.inquiryBox dl.index + dl.index dd {
	padding-left: 0;
}

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

	certification

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

.certification {
	text-align: right;
}

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

	newsRelease

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

ul.newsRelease li {
	background: none;
	padding-left: 0;
}

ul.newsRelease dl {
	background-image: url("/assets/images/common/separator_line.gif");
	background-position: 0 100%;
	background-repeat: no-repeat;
	padding: 0 0 10px;
}

ul.newsRelease dl dt {
	padding: 0;
	margin-right: 10px;
}

ul.newsRelease dl dd {
	margin-top: 5px;
}

ul.newsRelease dl dd span.icon {
	float: left;
}

ul.newsRelease dl dd span.text {
	display: block;
	margin-left: 62px;
}

ul.newsRelease dl.index {
	background: none;
}

ul.newsRelease dl.index dd {
	background-image: url("/assets/images/icon/arrow_blue.gif");
	background-position: 0 0.5em;
	background-repeat: no-repeat;
	margin-top: 0;
	padding: 0 0 0 10px;
}

ul.newsRelease dl.index dd span.text {
	margin-left: 0;
}

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

	applyBox

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

div.applyBox ul.inline li {
	display: inline;
	margin: 0 12px 10px 0;
	vertical-align: top;
}

div.applyBox ul.inline li a {
	float: left;
	overflow: hidden;
	*zoom: 100%;
}

div.applyBox ul.inline li:nth-child(3n) {
	margin-right: 0;
}

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

	Border Data List

-------------------------------------------------------------------*/
dl.border dt {
	width: 100px;
}

dl[class*="border index"] {
	background-image: url("/assets/images/common/separator_line.gif");
	background-position: 0 100%;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

dl[class*="border index"] dt {
	margin-right: 15px;
	padding-left: 15px;
}

dl[class*="border index"] dd {
	padding-right: 15px;
}

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

	arrow

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

.arrow {
	background-image: url("/assets/images/icon/arrow_bg_blue_l.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 27px;
	margin: 5px 0;
}

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

	searchResult

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

.searchResult dt {
	background-image: url("/assets/images/icon/arrow_blue.gif");
	background-position: 0 0.5em;
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: bold;
}

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

	highlight

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

span.highlight {
	background: #c7ebf6;
}

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

	inquiry

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

.inquiryFlow {
	margin-left: -10px;
	margin-right: -10px;
}

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

	blueBar

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

.blueBar {
	background: #c7ebf6;
	padding: 7px 0;
	text-align: center;
}

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

	scrollBox

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

div.scrollBox {
	border: 1px solid #D8D8D8;
	overflow-y: scroll;
	padding: 13px 16px;
	margin-top: 15px;
	height: 160px;
}

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

	listBtn

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

p.listBtn {
	float: right;
	margin-top: -30px;
	position: relative;
	z-index: 99;
}

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

	separator

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

p.separator {
	height: 1px;
	overflow: hidden;
}

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

	Message

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

div.message {
}

/*-----------------------------------------------
	Error
-----------------------------------------------*/

.error {
	color: #c00000;
	font-weight: bold;
	margin-top: 5px;
}

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

	Table Module

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

/*-----------------------------------------------
	table.form
-----------------------------------------------*/

table.form tbody ul {
	margin-top: 10px;
}

table.form tbody li {
	width: 48%;
}

table.form tbody td span {
	padding-left: 0.3em;
}

table.form tbody label strong {
	margin-right: 0.3em;
}

table.form tbody dl.index {
	margin-top: 10px;
}

table.form tbody input.lValue,
table.form tbody input.mValue,
table.form tbody input.sValue,
table.form tbody textarea.lValue {
	border: solid 1px #aaa;
	margin: 1px;
}

table.form tbody input.lValue:focus,
table.form tbody input.mValue:focus,
table.form tbody input.sValue:focus,
table.form tbody textarea.lValue:focus {
	border: 2px solid #3875D7;
	margin: 0;
}

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

	Link Unit

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

ul.linkUnit {
}

ul.linkUnit li {
	background-position: 0 0.1em;
	padding-left: 22px;
}

ul.linkUnit li.application {
	background-image: url("/assets/images/icon/mail.gif");
}

ul.linkUnit li.download {
	background-image: url("/assets/images/icon/download.gif");
}

ul.linkUnit li.catalog {
	background-image: url("/assets/images/icon/catalog.gif");
}

ul.linkUnit li.faq {
	background-image: url("/assets/images/icon/faq.gif");
}

ul.linkUnit li.case {
	background-image: url("/assets/images/icon/case.gif");
}

ul.linkUnit li.comparison {
	background-image: url("/assets/images/icon/table.gif");
}

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

	Value Size

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

.sValue {
	width: 3em;
}

.mValue {
	width: 150px;
}

.lValue {
	width: 90%;
}

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

	Required

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

.required {
	color: #ed1c24;
	margin-left: 0.5em;
}

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

	TinyMCE

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

.justifyleft {
	text-align: left !important;
}

.justifyright {
	text-align: right !important;
}

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

	Clearfix

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

div.layout2col,
div.layout3col,
div.layout4col,
.composition {
	*zoom: 100%;

	/* Only Mac IE \*//*/
	height: auto;
	overflow: hidden;
	/**/
}

div.layout2col:after,
div.layout3col:after,
div.layout4col:after,
.composition:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}