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

/******************  reset  ******************/
body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, address {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	}
	
html { height: 100%;}
body {
	height: 100%;
	letter-spacing: 0em;
	line-height: 24px;
	background-color: #eee;
	background-image: url(../images/back_image.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
ul { list-style: none;}
dt {
	display: block;
	width: auto;}
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
td, th {
	vertical-align: top;
	font-size: 12px;
}
th {
	font-weight: normal;
	text-align: left;}
img {
	border: none;
	margin: 0;
	padding: 0;
	float: left;
}
a {
	color: #333;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;}
a:hover { text-decoration: underline;}
em { font-style: normal;}
br { letter-spacing: normal;}
hr { height: 1px;}


/******************  layout  ******************/
#container {
	width: 900px;
	margin: 0 auto;
	padding:0 0 0px 0;
	background-color: #FFF;
	}

#nosc {
	width: 100%;
	color: #FFF;
	background-color: #666;
	text-align: center;
	margin: 3px;
}

/******************  header  ******************/
#header{
	width: 900px;
	padding:0px;
	margin: 0 0px;
	vertical-align:top;
}


#header div.logo{
	width:76px;
	text-align: left;
	vertical-align: top;
	float: left;
	padding:10px 0 13px 20px;
}
#header div.logo2{
	width:450px;
	text-align: left;
	vertical-align: top;
	float: left;
	padding:10px 0 13px 0px;
}

#header div.logo2 h1{
	font-size:10px;
	line-height:10px;
	font-weight:normal;
	clear:both;
	padding:5px 0 5px 0 ;
}
#header div.logo img{
	padding:0;
}

#sub_menu {
	text-align: right;
	float: right;
	width: 300px;
	padding: 15px 20px 0px 0;
}
#sub_menu li {
	padding:0 15px 10px 10px;
	float: right;
	list-style-type: none;
	font-size: 12px;
	line-height:12px;
}
#sub_menu li a:hover {
	color: #36c;
	text-decoration: underline;
}
#sub_menu li img{
	vertical-align: middle;
	padding:0;
}

.nyukou{
	float:right;
	padding:3px 20px 0px 30px;
	font-size:10px;
	line-height:12px; 
	text-align:right; 
	
	}
#mainmenu{
	width: 900px;
	height:30px;
	clear:both;
	margin:0 0px;
	background-color: #fff;
	}
#mainmenu li{
	padding:0;
	margin: 0;
	height:30px;
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 1px;
	line-height: 0px;
}
#mainmenu li img{
	vertical-align：bottom;
}
#topline img, x:-moz-any-link  { margin-top: -1px; }

/******************  contents   ******************/

#contents_home {
	width: 900px;
	padding:0px;
	background-color:#FFF;
	margin:0;
	}
#contents {
	width: 860px;
	padding:0 20px;
	background:#FFF;
	clear:both;
	}

#WorkDay table{
	width: 594px;
	border-collapse: separate;
	margin-bottom: 20px;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#WorkDay table td,#WorkDay table th {
	font-size: 12px;
	text-align: center;
	margin: 1px;
	padding: 0px;
	font-weight: normal;
	vertical-align: middle;
	width: 38px;
	border: 1px solid #fff;
}
#WorkDay table th  {
	color: #FFF;
}
#WorkDay table td  {
	background-color: #eee;
}
#WorkDay table th.month {
	color: #FFF;
	background-color: #99a;
	width: 250px;
}

#WorkDay table th.space ,#WorkDay table td.space  {
	width: auto;
	background-color: #FFF;
}



/******************  Top contents   ******************/

#home_contents {
	padding:0;
	width: 900px;
	}
#home_contents ul li{
	float: left;
	text-align: left;
	vertical-align: top;
	margin:0;
	padding:0;
}

#topcontents_left {
	width: 550px;
	padding:10px 0px 30px 0px;
	}

.topnews {
	width: 550px;
	padding:20px 0px 0px 0px;
	}
.topnews table{
	width: 550px;
	}
.topnews table tr th,{
	font-size:10px;
	}

.topnews table tr th,.topnews table tr td{
	padding:5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	}
	
#topcontents_right {
	float: right;
	width: 280px;
	padding: 0px;
	margin-bottom: 25px;
	}

#topcontents_right ul li {
	width: 280px;
	height:43px;
	padding:0px;
	margin-bottom:0px;
	}


/******************  contents right  ******************/
#contents_right {
	float: right;
	width: 236px;
	padding:0px 0px 40px 30px;
	margin-bottom:20px;
	}

#contents_right ul.sidemenu li {
	width: 236px;
	height:43px;
	padding:0px;
	margin:0px;
	}
	

/******************  contents_left  ******************/

#contents_left {
	float: left;
	width: 594px;
	padding:0px 0px 30px 0px;
	}

#contents_left h2 {
	font-size:24px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 20px 0;
	
	}
	
#contents_left div.produt_info, #contents_left div.profile_info {
	clear:both;
	margin:0;
	
	
	}	

#contents_left h3 {
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	margin:0 0 20px 0;
	
	}

#contents_left div.produt_info img,#contents_left div.tech_info img {
	float:left;
	margin:0 20px 30px 0;
	}
	
#contents_left img.title {
	margin:0 0 20px 0;
	
	}

#contents_left div.copy {
	float:left;
	width:360px;
	padding-bottom:30px;
	}

#contents_left div.copy2 {
	float:left;
	width:440px;
	padding-bottom:30px;
	}
#contents_left div.copy3 {
	float:left;
	width:585px;
	padding-bottom:40px;
	}
#contents_left div.copy4 {
	width:700px;
	margin:10px 10px 20px 80px;
	padding-bottom:40px;
	}
#contents_left div.copy5 {
	width: 430px;
	padding-bottom: 40px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	float: left;
	}
#contents_left div.copy4 h3 {
	font-size:16px;
	border:solid 1px #666;
	margin:30px 0 20px 0;
	padding:2px 5px;
	}
#contents_left table.list {
	width:560px;
	margin:20px 0 40px 0;
	}
#contents_left table.list tr td {
	padding:3px 10px; border-bottom:solid 1px #999;
	}
#contents_left table.list tr:nth-child(odd) {
  background-color: #eee;
}
#contents_left table.list tr th {
	padding:3px 10px;
	font-weight:normal;
	background:#999;
	color:#FFF;
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
	}
.download_info table tr th {
	margin:0 20px 30px 0;
	}
#maker tr td{
	border:solid 1px;
	width:8em;
        font-size:110%;
	text-align:center;
	vertical-align:middle;
	padding:0.5em;
}

#maker tr td a:hover{
	text-decoration:underline;
	color:blue;
}
#toplink{
	text-align:right;
	font-size:12px;
}
#toplink a:hover{
	color:blue;
}

/******************  task  ******************/

div.kitei p {
	font-size:12px;
	line-height:18px;
}

ol.number li {
	list-style-type: decimal;
	margin:20px 40px;
	font-size:12px;
	line-height:18px;
}

ul.number li {
	list-style-type: none;
	font-size:12px;
	line-height:12px;
	}


/******************  tech  ******************/
ol.download li {
	list-style-type: decimal;
	font-size:12px;
	line-height:15px;
	}
	
/******************  contents product acce  ******************/
.pomeca_ST_rei { width:290px; float:left;}

table.pomeca_ST { width:560px; border:solid 1px #999; margin:10px}
table.pomeca_ST tr td { border:solid 1px #999;font-size:12px; line-height:15px; padding:5px;}

/******************  profaile  ******************/
.profile_info table {
	font-size:14px;
	width:500px;
	margin:0 48px
	}


.profile_info table tr td {
	font-size:14px;
	padding:5px;
	border-bottom:#999 dashed 1px;
	}
	
.profile_info table tr.noline td {
	font-size:14px;
	padding:5px;
	border-bottom:none;
	}
	
.profile_history table {
	font-size:12px;
	margin:0px;
	}
.profile_history table tr td {
	font-size:12px;
	padding:3px;
	border-bottom:#999 dashed 1px;
	}
	
.profile_history table tr.noline td {
	font-size:12px;
	padding:5px;
	border-bottom:none;
	}	
.profile_history table tr td.month {
	width:30px;
	text-align:right; 
	padding-right:10px;
	}	
	
#profile {
	width: 610px;
	margin: 0;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 145px;
	}

/******************  footer  ******************/

div.recruit_info table {
	width: 580px;
	}

div.recruit_info table td{
	background-color: #eee;
	border: 1px solid #FFF;
	margin:2px;
	padding:3px;
	}
div.recruit_info table th{
	background-color: #ccc;
	border: 1px solid #FFF;
	margin:2px;
	padding:3px;
	}

div.recruit_top table {
	width: 580px;
	}

div.recruit_top table td{
	margin:5px;
	padding:3px;
}
div.recruit_top table th{
	margin:5px;
	padding:3px;
	}

/******************  footer  ******************/
#footer {
	clear: both;
	width: 900px;
	text-align: center;
	padding: 0px 0 15px 0;
	margin: 0 auto;
	display: block;
	background-color: #eee;
	background-image: url(../images/footerback.gif);
	background-repeat: repeat-x;
	margin-bottom: 0px;
}
#footer div.contact {
	clear: both;
	width: 870px;
	text-align: center;
	padding: 5px 0;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-color: #5ad;
}
#footer div.contact h3 {
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	color:#FFF;
}
#footer div.sitemap {
	width: 860px;
	height:100px;
	display: block;
	padding: 0px 20px;
	}
#footer div.sitemap div.first_01 {
	border-style: none;	
}
#footer div.sitemap div {
	width: 196px;
	text-align: left;
	float: left;
	margin:10px 0 10px 0;
	padding: 0px 9px 0px 9px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999;
}

#footer div.sitemap div li {
	font-size: 11px;
	line-height: 18px;
}
#footer div.sitemap div li.midashi {
	font-size: 11px;
	line-height: 18px;
	font-weight:bold;
}
#footer div.sitemap div li span,
#footer div.sitemap div li.midashi span{
	text-align: left;
	font-size: 9px;
	padding-right: 3px;
}
#footer div.sitemap div a {
	color: #333;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;}
#footer div.sitemap div a:hover { text-decoration: underline;}

#of_adress {
	clear: both;
	font-size: 10px;
	line-height: 14px;
	padding: 10px 20px;
	border-top:solid #aaa 1px;
}
#of_adress p {
	font-size: 10px;
	text-align: left;
	line-height: 14px;
	float:left;
	width: 500px;
}
#of_adress p.right {
	font-size: 10px;
	text-align: right;
	line-height: 14px;
	float:right;
	width: 300px;
}


/******************  module  ******************/
.TaL{
	text-align: left;
}
.PaR20{
	padding-right: 20px;
}



/******************  clearfix  ******************/
.clearfix:after,
#header:after,
#sub_menu:after,
#mainmenu:after,
#contents:after,
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix,
* html #he
der,
* html #sub_menu,
* html #mainmenu,
* html #contents,
{
	zoom: 1;}/* IE6 */
*:first-child+html .clearfix,
*:first-child+html #header,
*:first-child+html #sub_menu,
*:first-child+html #mainmenu,
*:first-child+html #contents,

{
	zoom: 1;}/* IE7 /
h2 {

}
#navi {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/******************  produt table  ******************/
body.protable{
	background:#fff;

}
body.protable p{
	text-align:center;	
}
body.protable p a{
	float:right;
	font-size:12px;
}
body.protable p a:hover{
	text-decoration:none;
}
body.protable table{
	border:solid 1px #000;
	table-layout: fixed;
	margin-left:auto;
	margin-right:auto;
}
body.protable table td{
	border: solid 1px #000;
	vertical-align:middle;
}

iframe.ProdutTable{
	border:none;
	width:100%;
}#exh_contents {
	float: left;
	margin: 0px;
	padding: 0px;
}
#exh_center {
	text-align: right;
}
#exh_left {
	width: 290px;
	float: left;
}
#event_left {
	float: left;
	clear: both;
	margin-top: 20px;
}
#content_hr {
	height: 610px;



}
#copyforgery {
	position: relative;
	width: 295px;
}
#copyforgery01 {
	position: absolute;
	left: 10px;
	top: 130px;
}
#copyforgery02 {
	position: absolute;
	top: 130px;
	right: 10px;
	width: 130px;
}
#through {
	position: relative;
}
#through01 {
	position: absolute;
	top: 140px;
	left: 310px;
}
#through02 {
	position: absolute;
	left: 445px;
	top: 140px;
}
#fluorescence {
	position: relative;
}
#fluorescence01 {
	position: absolute;
	top: 385px;
	left: 10px;
}
#fluorescence02 {
	position: absolute;
	top: 385px;
	left: 150px;
}
#micro {
	position: relative;
}
#micro01 {
	position: absolute;
	top: 375px;
	left: 305px;
}
#malti_win {
	position: relative;
}
#malti_win1 {
	position: absolute;
	left: 165px;
	top: 60px;
}
#malti_win2 {
	position: absolute;
	top: 155px;
	right: 310px;
}
#malti_tak {
	position: relative;
}
#malti_tak1 {
	position: absolute;
	top: 60px;
	right: 15px;
}
#malti_tak2 {
	position: absolute;
	top: 153px;
	right: 15px;
}
#malti_card {
	position: relative;
}
#malti_card1 {
	position: absolute;
	top: 310px;
	left: 170px;
}
#malti_card2 {
	position: absolute;
	top: 405px;
	left: 170px;
}
#malti_poket {
	position: relative;
}
#malti_poket1 {
	position: absolute;
	top: 315px;
	right: 20px;
}
#malti_poket2 {
	position: absolute;
	top: 400px;
	right: 20px;
}
.table_layout {
	table-layout:fixed
}
#pomeka_seal {
	float: left;
	margin-left: 50px;
	width: 240px;
	height: 470px;
}
#pomeka_long {
	float: right;
	margin-right: 50px;
	margin-bottom: 1px;
}
#pomekaseal_const {
	width: 594px;
	float: left;
	margin-top: 50px;
	margin-bottom: 50px;
}
#recruit_table {
	padding-left: 30px;
}