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

/* 共通 */
body {
    font-size: 16px;
}
#wrap {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}
#main {
	clear: both;
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}
#mv {
	margin-bottom: 25px;
}
h1,h2,h3,h4,p,table,ul,li {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	text-decoration: none;
	color: #00a0e9;
}
a:hover {
	opacity: 0.5;
}
a p {
	text-decoration: none;
}
a p:hover {
	opacity: 0.5;
}
h1 {
	font-size: 113%;
	margin-bottom: 25px;
	font-weight: bold;
}
h2 {
	font-size: 100%;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
}
p {
	font-size: 80%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.clear {
	clear:both;
}
.green {
	background-color: #ecf4d9;
	padding: 17px;
}
.copy {
	text-align: right;
}






/* トップページ */
#news {
	margin-bottom: 25px;
	width: 762px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-top: 15px;
	border: 2px solid red;
	text-align: center;
}
#news h1 {
	margin-bottom: 8px;
	font-size: 105%;
}
#news p {
	font-size: 90%;
	line-height: 1.5em;
}
#news p a {
	color: red;
}


/* 左 */
#top-left {
	float: left;
	position: relative;
	margin-right: 65px;
	margin-left: 40px;
}
#copy {
	margin-bottom: 30px;
}
#top-left-bottom {
	display: flex;
	margin-top: 50px;
}

.facebook {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}
.facebook p {
	display: block;
	padding-right: 5px;
	padding-top: 15px;
	padding-left: 8px;
	font-size: 16px;
	color: #000;
}

#iso-banner {
	margin-left: 40px;
}
#iso-banner p {
	font-size: 90%;
	line-height: 1.6em;
	text-align: center;
}
#iso-banner a p {
	color: #000;
	text-decoration: underline;
}
#iso-banner .iso {
	width: 130px;
	margin-bottom: 10px;
}


#adress p {
	font-size: 88%;
	line-height: 1.6em;
}
#adress .tel {
	margin-top: 8px;
	margin-bottom: 8px;
}
#adress .tel p {
	font-size: 100%;
	color: #00a0e9;
	font-weight: bold;
	line-height: 1.4em;
}
#adress .hp img {
	display: block;
	margin-top: 10px;
}


/* 右 */
#top-right {
	float: left;
	margin-bottom: 30px;
}
#top-main-menu {
	margin-bottom: 30px;
}
#top-main-menu li {
	background-image:url("../img/top-menu.png");
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom: 17px;
	height: 26px;
}
#top-main-menu li p {
	font-size: 100%;
	margin-left: 32px;
	line-height: 26px;
	color: #000;
}


#top-main-menu-new li {
	background-image:url("../img/top-menu-new.png");
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom: 17px;
	height: 26px;
}
#top-main-menu-new li p {
	font-size: 100%;
	margin-left: 32px;
	line-height: 26px;
	color: #000;
}


#top-sub-menu {
	margin-top: 30px;
	overflow: hidden;
}
#top-sub-menu li {
	float: left;
	line-height: 30px;
	margin-left: 20px;
}
#top-sub-menu li:first-child {
	margin-left: 0px;
}
#top-sub-menu li p {
	font-size: 88%;
	color: #000;
}
#top-sub-menu ul {
	clear: both;
}
p.newicon {
	margin-left: 32px;
	font-size: 100%;
	font-weight: bold;
	color: #c80e47;
}


/* 個別ページ */
/* 共通ヘッダー */
#header-rinen {
	background-image:url("../img/header-rinen.jpg");
	background-repeat:no-repeat;
	overflow: hidden;
}
#header-enkaku {
	background-image:url("../img/header-enkaku.jpg");
	background-repeat:no-repeat;
	overflow: hidden;
}
#header-jigyo {
	background-image:url("../img/header-jigyo.jpg");
	background-repeat:no-repeat;
	overflow: hidden;
}
#header-kyoka {
	background-image:url("../img/header-kyoka.jpg");
	background-repeat:no-repeat;
	overflow: hidden;
}
#header-pcb {
	background-image:url("../img/header-pcb.jpg");
	background-repeat:no-repeat;
	overflow: hidden;
}
#header-pcbflow {
	background-image:url("../img/header-pcbflow.jpg");
	background-repeat:no-repeat;
	overflow: hidden;
}

img#header-logo {
	margin-left: 40px;
	margin-top: 40px;
	margin-bottom: 35px;
}


#main-menu {
	width: 100%;
	overflow: hidden;
}
#main-menu li {
	float: left;
	width: 75px;
	height: 17px;
	border-left: solid 1px #231815;
	text-align: center;
}
#main-menu li:first-child {
	border-left: none;
}
#main-menu li.large {
	width: 103px;
}
#main-menu li p {
	width: 75px;
	height: 17px;
	font-size: 10px;
	color: #000;
	display: inline-block;
}
#main-menu li.large p {
	width: 103px;
	font-size: 10px;
}

#sub-menu {
	clear: both;
	margin-top: 13px;
	width: 100%;
	overflow: hidden;
}
#sub-menu ul {
	float: right;
}
#sub-menu li {
	float: left;
	margin-left: 10px;
}
#sub-menu li p {
	font-size: 63%;
	color: #000;
	display: inline-block;
}
.page {
	margin-top: 10px;
	margin-bottom: 45px;
	clear: both;
}

/* 共通書式 */
.page p {
	line-height: 1.6em;
}
.page .textbox {
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
}


/* jigyo */
.jigyo1 dl , .jigyo2 dl {
	display: flex;
}
.jigyo1 dt , .jigyo2 dt {
	border-right: 1px solid #231815;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.jigyo1 dd , .jigyo2 dd  {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.page .jigyo1 dt {
	width: 130px;
}
.page .jigyo1 dd {
	width: 130px;
}
.page .jigyo2 dt {
	width: 300px;
}
.page .jigyo2 dd {
	width: 50px;
}

.photo {
	float: right;
}
.photo-cap {
	margin-bottom: 20px;
}
.photo-cap p  {
	text-align: center;
}
.photo img#imgcenter {
	display: block;
}

/* enkaku */
.enkaku .right img {
	margin-top: 25px;
}
.enkaku .right img:first-child {
	margin-top: 0;
}
.enkaku td {
	padding-right: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* shigen */
.shigen img {
	margin-right: 17px;
}
.shigen p {
	text-align: center;
	margin-right: 17px;
}
.shigen li {
	list-style-type: none;
	margin-bottom: 7px;
}


/* kyoka */
.kyoka .textbox {
	margin-left: 0;
}
.kyoka p {
	font-size: 75%;
}
.kyoka table {
	border: 1px solid #231815;
}
.kyoka td {
	border: 0.5px solid #231815;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
.kyoka th {
	border: 0.5px solid #231815;
	background-color: #ecf4d9;
	
}
caption {
	text-align: left;
	font-weight: bold;
}


/* flow */
.flow-url {
	padding: 15px;
	border: 1px solid #00a0e9;
	border-radius: 6px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.flow-url h3 {
	font-size: 75%;
	color: #036eb8;
}
.flow-url h4 {
	margin-top: 10px;
	font-size: 75%;
	margin-bottom: 5px;
	color: #224756;
}
.flow-url dt p {
	font-weight: bold;
}

.flow-url p {
	font-size: 69%;
}


/* pcb */
.pcb-title {
	font-size: 100%;
	color: #c11830;
	font-weight: bold;
}


/* plant */
.plant {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
.plant h2 {
	line-height: 1.3em;
}
.plant .left {
}
.plant .left p {
	margin-left: 50px;
}
.plant .right .photo {
	margin-right: 45px;
	text-align: center;
	float: left;
}

.plant-inner {
	display: flex;
	align-items: flex-start;
}


.plant-inner .textbox {
	width: 500px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.plant-inner .textbox2 {
	width: 100%;
}
.plant-inner .text {
	margin-bottom: 30px;
}
.plant-inner .text h2 {
	margin-left: 0;
	padding-left: 0;
}
.plant-inner .text p {
	margin-left: 33px;
}

.plant-inner .photobox {
	width: 500px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	marign-bottom: 40px;
}
.plant-inner .photobox2 {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	marign-bottom: 40px;
	padding-left: 40px;
}
.plant-inner .photobox3 {
	display: flex;
	justify-content: flex-end;
	text-align: center;
	padding-left: 40px;
	marign-bottom: 40px;
}
.plant-inner .img {
	padding-bottom: 40px;
	padding-left: 5px;
	height: auto;
}


.plant-link-bg {
	margin-top: 80px;
	background-color: #def2ff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 10px;
}
.plant-link-bg p {
	font-size: 110%;
	line-height: 1.8em;
	color: #00a0e9;
	font-weight: bold;
}

.plant-link {
	margin-top: 80px;
}

.plant-link ul {
}
.plant-link li {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 400px;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-bottom: 20px;
	list-style-type: none;
	background-color: #def2ff;
}
.plant-link li p {
	font-weight: bold;
	line-height: 50px;
	font-size: 100%;
}

/* privacy */
h3 {
	font-size: 82%;
	margin-left: 30px;
	margin-bottom: 15px;
}

/* iso */
.iso-number li  {
	margin-left: 30px;
	margin-bottom: 15px;
}

/* link */
ul#link li  {
	margin-bottom: 20px;
	list-style-type: none;
}


/* pdf */
ul#pdf li  {
	list-style-type: none;
	background-image:url("../img/icon-pdf.png");
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 30px;
	margin-bottom: 17px;
	height: 25px;
}
ul#pdf li p {
	line-height: 25px;
	font-size: 94%;
}