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

/* デフォルトスタイル
-----------------------*/
html,body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,a,
header,footer,nav,section,table,tr,td{
	padding:0;
    margin:0;
	border-collapse:collapse;
	border:none;
	outline:none;
	font-size:medium;
}
h1,h2,h3,h4,h5,h6 { font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;  }

header,footer,nav,section{display:block;}
input, textarea{box-sizing: border-box;}
html { }
body{
	color:#333; /* 文字色 */
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	opacity: 0;
}
.clearText {
	display:block;
	height: 0px;
	margin: 0;
	padding: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.font2 { font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }


div#contents {
	width: 100%;
	min-width: 1280px;
	background: #fff;
}

/* ページコントロール */
div#ctlBox {
	position:fixed;
	right: 0px;
	width: 50px;
	height: 242px;
	padding: 21px 0;
	background: #E4EDF3;
	opacity: 0.7;
}
	div#ctlBox a.arrow {
		display:block;
		width: 14px;
		height: 10px;
		margin: 0 auto;
	}
	div#ctlBox a.circle {
		display:block;
		width: 10px;
		height: 10px;
		border: none;
		border-radius: 5px;
		background: #fff;
		margin: 21px auto 0 auto;
	}
/* ヘッダー */
div#headerBox {
	width:1200px;
	height: 108px;
	margin: 0 auto 0 auto;
}
	div#headerBox div.left {
		width: 500px;
		height:108px;
		float: left;
	}
	div#headerBox div.right {
		width: 700px;
		height:80px;
		float: right;
		padding: 14px 0;
	}
		div#headerBox div.right a {
			display: block;
			width: 80px;
			height: 80px;
			text-align: center;
			text-decoration: none;
			float:left;
			border: none;
			border-radius: 40px;	
			position: relative;
			overflow: hidden;
			margin: 0 5px;
		}
			div#headerBox div.right a div {
				width: 80px;
				height: 80px;
				position:absolute;
				top: 0px;
				background: #E4EDF4;
				z-index: 1;
				color: #5997BE;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 80px;
				opacity: 0;
			}
			div#headerBox div.right a span {
				display: block;
				width: 80px;
				height: 80px;
				top: 0px;
				color: #000;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 80px;
				z-index: 5;
			}

	
/* メインコンテンツ */
div#mainContents {
	border-top: #EEEEEE 1px solid;
	background: url(../images/okamotoBg.png) no-repeat;
	background-position: center top;
}
/* メッセージ */
div#msgBox {
	width: 1100px;
	height: 800px;
	margin: 0 auto;
	padding: 140px 0 0 0;
}
	div#msgBox p.title {
		width: 630px;
		font-size: 33px;
		color:#5997C0;
		margin: 0 auto 0 0;
		font-weight:bold;
		letter-spacing: 1px;
		line-height: 41px;
	}
	div#msgBox p.ptext {
		width: 630px;
		font-size: 14px;
		color:#000;
		line-height: 26px;
		margin: 40px auto 0 0;
		letter-spacing: 1px;
	}
	div#msgBox img.name {
		display:block;
		margin:80px 0 0 315px;
	}

/* お知らせ */
div#infoBox {
	height: 510px;
	background: url(../images/infoBg.png);
}
	div#infoBox div.box01 {
		width: 1100px;
		height: 393px;
		margin: 0 auto;
		padding: 117px 50px 0 50px;
	}
		div#infoBox div.box01 div.leftBox {
			width: 553px;
			float: left;
		}
			div#infoBox div.box01 div.leftBox h2 {
				opacity: 0;
				font-size: 32px;
				color: #5997BF;
				line-height: 43px;
				margin: 5px 0 5px 5px;
				letter-spacing: 1px;
				font-weight: normal;
			}
				div#infoBox div.box01 div.leftBox p.itext {
					opacity: 0;
					padding: 21px 10px;
					background: url(../images/infoborder.png) no-repeat;
					background-position: center bottom;
				}
					div#infoBox div.box01 div.leftBox p.itext span {
						line-height: 23px;
						color: #333;
						vertical-align: top;
					}
					div#infoBox div.box01 div.leftBox p.itext span.date {
						display: inline-block;
						width: 100px;
						font-size: 12px;
						letter-spacing: 2px;
					}
					div#infoBox div.box01 div.leftBox p.itext span.info {
						display: inline-block;
						width: 433px;
						font-size: 14px;
						letter-spacing: 1px;
					}
		div#infoBox div.box01 div.rightBox {
			width: 485px;
			float: right;
		}
			div#infoBox div.box01 div.rightBox img { display: none; }
			div#infoBox div.box01 div.rightBox img:nth-of-type(1) { float: left; }
			div#infoBox div.box01 div.rightBox img:nth-of-type(2) { float: right; }

/* 履歴 */
div#historyBox {
	height: 785px;
	background: url(../images/historyBg.png);
}
	div#historyBox div.box01 {
		width: 1108px;
		height: 620px;
		margin: 0 auto;
		padding: 165px 46px 0 46px;
	}
		div#historyBox div.box01 div.leftBox {
			width: 535px;
			float: left;
		}
		div#historyBox div.box01 div.rightBox {
			width: 535px;
			float: right;
		}
			div#historyBox div.box01 h2 {
				opacity: 0;
				font-size: 32px;
				color: #5997BF;
				line-height: 43px;
				margin: 5px 0 16px 5px;
				letter-spacing: 1px;
				font-weight: normal;
			}
			div#historyBox div.box01 p.htext {
				opacity: 0;
				padding: 15px 10px;
				background: url(../images/historyborder.png) no-repeat;
				background-position: center bottom;
			}
				div#historyBox div.box01 p.htext span {
					display: inline-block;
					line-height: 23px;
					color: #333;
					vertical-align: top;
					font-size: 14px;
					letter-spacing: 1px;
				}
				div#historyBox div.box01 p.htext span.date { width: 120px; }
				div#historyBox div.box01 p.htext span.info { width: 395px; }
/* 研究実績 */			
div#researchBox {}
	div#researchBox div.box01 {
		width: 1100px;
		margin: 0 auto;
		padding: 147px 50px 190px 50px;
		opacity: 0;
	}
		div#researchBox div.box01 h2 {
			font-size: 32px;
			color: #5997BF;
			line-height: 43px;
			letter-spacing: 1px;
			font-weight: normal;
			text-align: center;
			margin: 0 0 70px 0;
		}
		div#researchBox div.box01 h3{
			font-size: 24px;
			color: #333;
			line-height: 34px;
			letter-spacing: 1px;
			font-weight: normal;
			margin: 0 0 25px 0;
		}
		div#researchBox div.box01 h3:nth-of-type(2) { margin-top: 75px;}
		div#researchBox div.box01 h3:nth-of-type(3) { margin-top: 113px;}
		div#researchBox div.box01 p.bookinfo {
			padding: 16px 10px;
			line-height: 20px;
			font-size: 14px;
			color: #333;
			letter-spacing: 1px;
			background: url(../images/reseachborder.png) no-repeat;
			background-position: center bottom;
		}
		div#researchBox div.box01 p.booketc {
			width: 1060px;
			margin: 28px auto 0 auto;
			line-height: 20px;
			font-size: 14px;
			color: #333;
			letter-spacing: 2px;
			text-align: right;
		}
/* 特許 */	
div#patentBox { background:#EDF3F9; }
	div#patentBox div.box01 {
		width: 1100px;
		margin: 0 auto;
		padding: 147px 50px 190px 50px;
	}
		div#patentBox div.box01 h2 {
			font-size: 32px;
			color: #5997BF;
			line-height: 43px;
			letter-spacing: 1px;
			font-weight: normal;
			text-align: center;
			margin: 0 0 44px 0;
		}
		div#patentBox div.box01 h3{
			font-size: 24px;
			color: #333;
			line-height: 34px;
			letter-spacing: 1px;
			font-weight: normal;
			text-align: center;
			margin: 62px 0 30px 0;
		}
			div#patentBox div.box01 div.list { width: 1100px;}
				div#patentBox div.box01 div.list p.listinfo {
					padding: 15px 0;
					text-align: center;
					line-height: 20px;
					font-size: 14px;
					color: #333;
					letter-spacing: 1px;
					width:0;
					height: 20px;
					overflow: hidden;
				}
				div#patentBox div.box01 div.list p:nth-of-type(odd) { background: #fff; }
				div#patentBox div.box01 div.list p:nth-of-type(even) { background: #F6F9FC; }
/* メディア */
div#mediaBox { background:#F3F3F3 }
	div#mediaBox div.box01 {
		width: 1100px;
		margin: 0 auto;
		padding: 146px 112px 157px 88px;
	}
		div#mediaBox div.box01 h2 {
			font-size: 32px;
			color: #5997BF;
			line-height: 43px;
			letter-spacing: 1px;
			font-weight: normal;
			text-align: center;
			margin: 0 0 56px 0;
		}
		div#mediaBox div.box01 div.leftBox {
			width: 555px;
			float: left;
		}
			div#mediaBox div.box01 div.leftBox p.mediainfo {
				padding: 0 5px 20px 5px;
				margin-bottom: 15px;
				background: url(../images/mediaborder.png) no-repeat;
				background-position: center bottom;
				opacity: 0;
			}
				div#mediaBox div.box01 div.leftBox p.mediainfo span {
					display: inline-block;
					line-height: 23px;
					font-size: 14px;
					color: #333;
					letter-spacing: 1px;
					vertical-align: top;
				}
				div#mediaBox div.box01 div.leftBox p.mediainfo span.date { width: 122px;}
				div#mediaBox div.box01 div.leftBox p.mediainfo span.info { width: 410px;}
		div#mediaBox div.box01 div.rightBox {
			width: 495px;
			float: right;
		}
			div#mediaBox div.box01 div.rightBox img { display: none; }
/* お問い合わせ */
div#contactBox {
	width: 100%;	
}
	div#contactBox div.box01{
		width: 1100px;
		margin: 0 auto;
		padding: 154px 50px 226px 50px;
	}
		div#contactBox div.box01 h2 {
			font-size: 32px;
			color: #5997BF;
			line-height: 43px;
			letter-spacing: 1px;
			font-weight: normal;
			text-align: center;
			margin: 0 0 54px 0;
		}
		div#contactBox div.box01 form#contactForm {}
			div#contactBox div.box01 form#contactForm div.koumoku {
				height: 36px;
				padding: 27px 230px 27px 160px;
				background: url(../images/contactborder.png) no-repeat;
				background-position: center bottom;
			}
				div#contactBox div.box01 form#contactForm div.koumoku p {
					width: 230px;
					height: 36px;
					line-height: 36px;
					float: left;
					font-size: 14px;
					color: #333;
					letter-spacing: 1px;
				}
					div#contactBox div.box01 form#contactForm div.koumoku p span {
						font-size: 14px;
						color: #F8305F;
						letter-spacing: 1px;
						margin-left: 5px;
						line-height: 36px;
					}
				div#contactBox div.box01 form#contactForm div.koumoku input {
					display: block;
					-webkit-appearance: none;
					float: left;
					width: 480px;
					height: 36px;
					line-height: 36px;
					padding: 10px;
					border: none;
					background: #F6F6F6;
				}
			div#contactBox div.box01 form#contactForm div.koumoku02 {
				height: 200px;
				padding: 27px 160px 27px 160px;
				background: url(../images/contactborder.png) no-repeat;
				background-position: center bottom;
			}
				div#contactBox div.box01 form#contactForm div.koumoku02 p {
					width: 230px;
					height: 36px;
					line-height: 36px;
					float: left;
					font-size: 14px;
					color: #333;
					letter-spacing: 1px;
					vertical-align: top;
				}
					div#contactBox div.box01 form#contactForm div.koumoku02 p span {
						font-size: 14px;
						color: #F8305F;
						letter-spacing: 1px;
						margin-left: 5px;
						line-height: 36px;
					}
				div#contactBox div.box01 form#contactForm div.koumoku02 textarea {
					display: block;
					-webkit-appearance: none;
					float: left;
					width: 550px;
					height: 200px;
					line-height: 20px;
					padding: 10px;
					border: none;
					background: #F6F6F6;
				}
			div#contactBox div.box01 form#contactForm div.privacyBox {
				width: 790px;
				margin: 80px auto 0 auto;
				padding:50px 100px 58px 100px;
				border: #EEEEEE 1px solid;
			}
				div#contactBox div.box01 form#contactForm div.privacyBox h3 {
					font-size: 20px;
					color: #5A97C0;
					line-height: 26px;
					letter-spacing: 1px;
					font-weight: none;
				}
				div#contactBox div.box01 form#contactForm div.privacyBox p {
					font-size: 14px;
					color: #525252;
					line-height: 24px;
					letter-spacing: 1px;
					margin-top: 15px;
				}
			div#contactBox div.box01 form#contactForm input#send {
				-webkit-appearance: none;
				display: block;
				width: 223px;
				height: 53px;
				margin: 65px auto 0 auto;
				background: #5A97C0;
				color: #fff;
				font-size: 18px;
				line-height: 53px;
				text-align: center;
				border: none;
			}
div#contactBox div.box01 a.iizukapay {
	display: block;
	width:790px;
	height:300px;
	margin: 100px auto 0 auto;
	background: url(../images/iizukapay.png) no-repeat;
	background-size: 100% 100%;
}
div#contactBox div.box01 a.iizukapay:hover { opacity: 0.7;}
	div.errText {
		font-size: 14px;
		color: #F94346;
	}
/* フッター */
div#footerBox {
	width: 100%;
	height: 280px;
	background: #ECECEC;
}
	div#footerBox div#snsBox {
		width: 108px;
		height: 25px;
		padding: 35px 0 0 0;
		margin: 0 auto 0 auto;
	}
		div#footerBox div#snsBox a {
			margin: 0 5.5px;
		}
		
	div#footerBox small {
		display: block;
		height: 17px;
		text-align: center;
		font-size: 10px;
		color: #333;
		line-height: 17px;
		letter-spacing: 1px;
		margin-top: 22px;
	}