a{
	text-decoration:none;
	}

a:link {  color:#08447f;  text-decoration: none }
a:visited {  color:#7D177D;  text-decoration: none }
a:active {  color:#08447f;  text-decoration: underline }
a:hover {  color:#2a5f9e;  text-decoration: underline }


a.menu-corp:link { color: #0066CC; text-decoration: none }
a.menu-corp:visited { color: #7d177d; text-decoration: none }
a.menu-corp:active { color:#1F9FBA; background-color: #ffcc66; display: block }
a.menu-corp:hover { color: #003366; background-color: #ffcc66; display: block }

a.menu-pro:link { color: #0066CC; text-decoration: none }
a.menu-pro:visited { color: #7d177d; text-decoration: none }
a.menu-pro:active { color:#1F9FBA; background-color: #C5F0C8; display: block }
a.menu-pro:hover { color: #003366; background-color: #C5F0C8; display: block }

a.menu-servi:link { color: #0066CC; text-decoration: none }
a.menu-servi:visited { color: #7d177d; text-decoration: none }
a.menu-servi:active { color:#1F9FBA; background-color: #8DD1E5; display: block }
a.menu-servi:hover { color: #003366; background-color: #8DD1E5; display: block }

a.menu-envi:link { color: #0066CC; text-decoration: none }
a.menu-envi:visited { color: #7d177d; text-decoration: none }
a.menu-envi:active { color:#1F9FBA; background-color: #ABBFFE; display: block }
a.menu-envi:hover { color: #003366; background-color: #ABBFFE; display: block }


a.menu-site:link { color: #0066CC; text-decoration: none }
a.menu-site:visited { color: #7d177d; text-decoration: none }
a.menu-site:active { color:#1F9FBA; background-color: #b0c4de; display: block }
a.menu-site:hover { color: #003366; background-color: #b0c4de; display: block }


a.blue:link { color: #0066CC; text-decoration: none }
a.blue:visited { color: #0066cc; text-decoration: none }
a.blue:active { color:#1F9FBA; text-decoration: underline }
a.blue:hover { color: #1F9FBA; text-decoration: underline }

a.rikunabi { background-color:#FFFFCC }


h1 { font-weight: bold; font-size: 109%; margin-left: 20px }
h2  { font-weight: bold; font-size: 99%; margin-left: 20px }
h2.recruit  { color:#0066CC; font-weight: bold; font-size: 16px; line-height: 20px; font-family: sans-serif; background-color: transparent; text-align: left; margin: 48px 0px 24px; padding: 12px 0px 0px; border-top: 1px dashed #0066CC }
h3 { font-weight: bold; font-size: 90%; margin-left: 20px }


.header { font-style: normal; font-size: 10px; line-height: 120% }
.topics { font-style: normal; font-size: 12px; line-height: 150%; color: #666666 }
.banner { font-style: normal; font-size: 10px; color: #666666 }
.banner-2 {border-top: #ccc 1px dotted; padding: 14px 0 0 0; margin: 18px 0 0 0; }

.menu  {  font-style: normal; font-size: 12px; line-height: 150%; text-decoration: none }
.footer { font-style: normal; font-size: 10px; line-height: 120% }
.navi { font-style: normal; font-size: 10px }
.text { font-size: 12px; line-height: 130%; padding: 6px 12px 6px 12px }
.text2 { font-size: 12px }
.strong { font-weight: bold }

.blue { color: #1469e1 }

.small-1 { font-size: 8px }
.small-2 { font-size: 9px }
.small-3 { font-size: 10px }

.space-12px { font-size: 115% }
.space-8px { font-size: 55% }

.margin-navi { margin-left: 20px }
.margin-left { margin-left: 20px }
.margin-content { margin-left: 100px }

.corp { color: #F79A33; font-famiry: MS?S?V?b?N, osaka, sans-serif }
.products { color: #339933; font-famiry: MS?S?V?b?N, osaka, sans-serif }
.service { color: #0099FF; font-famiry: MS?S?V?b?N, osaka, sans-serif }
.recruit { color: #377811; font-famiry: MS?S?V?b?N, osaka, sans-serif }
.envi { color: #6484ce; font-famiry: MS?S?V?b?N, osaka, sans-serif; }
.news  { font-size: 12px; line-height: 1.5em; margin-left: 30px; margin-top: 20px; margin-bottom: 5px; margin-right: 30px; font-famiry: MS?S?V?b?N, osaka, sans-serif  }
.environment  { font-size: 12px; line-height: 1.5em; margin-left: 30px; margin-top: 20px; margin-bottom: 5px; margin-right: 30px; font-famiry: MS?S?V?b?N, osaka, sans-serif  }


/*--- english ---*/
.menu-e  {  font-style: normal; font-size: 12px; line-height: 180%; text-decoration: none }

td.menu-corp-e a:link { color: #0066cc; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0 8px 0; border: 0  ; display: block; }
td.menu-corp-e a:visited { color: #7d177d; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0; border: 0  ; display: block; }
td.menu-corp-e a:active { color:#1f9fba; font-size: 12px; line-height: 150%; background-color: #ffcc66; text-decoration: none; padding: 8px 0; border: 0; display: block }
td.menu-corp-e a:hover { color: #003366; font-size: 12px; line-height: 150%; background-color: #ffcc66; text-decoration: none; padding: 8px 0; border: 0; display: block }

td.menu-corp-ea a:link { color: #0066cc; font-size: 12px; line-height: 150%; background-color: #ffcc66; text-decoration: none; padding: 8px 0 8px 0; border: 0  ; display: block; }
td.menu-corp-ea a:visited { color: #7d177d; font-size: 12px; line-height: 150%; background-color: #ffcc66; text-decoration: none; padding: 8px 0; border: 0  ; display: block; }
td.menu-corp-ea a:active { color:#1f9fba; font-size: 12px; line-height: 150%; background-color: #ffcc66; text-decoration: none; padding: 8px 0; border: 0; display: block }
td.menu-corp-ea a:hover { color: #003366; font-size: 12px; line-height: 150%; background-color: #ffcc66; text-decoration: none; padding: 8px 0; border: 0; display: block }


td.menu-pro-e a:link { color: #0066CC; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0 8px 0; border: 0  ; display: block; }
td.menu-pro-e a:visited { color: #7d177d; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0; border: 0  ; display: block; }
td.menu-pro-e a:active { color:#1F9FBA; background-color: #C5F0C8; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0; border: 0; display: block }
td.menu-pro-e a:hover { color: #003366; background-color: #C5F0C8; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0; border: 0; display: block }

td.menu-pro-ea a:link { color: #0066CC; background-color: #C5F0C8; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0 8px 0; border: 0  ; display: block; }
td.menu-pro-ea a:visited { color: #7d177d; background-color: #C5F0C8; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0; border: 0  ; display: block; }
td.menu-pro-ea a:active { color:#1F9FBA; background-color: #C5F0C8; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0; border: 0; display: block }
td.menu-pro-ea a:hover { color: #003366; background-color: #C5F0C8; font-size: 12px; line-height: 150%; text-decoration: none; padding: 8px 0; border: 0; display: block }
.signature { font-size: 12px; line-height: 140%; padding-right: 12px; padding-left: 12px; }


/*--テーブル-*/
td.list-a1 {
width:20%;
color: #333;
background-color: #eee;
vertical-align: top;
padding: 10px;
border: solid 1px #ccc;
white-space: nowrap;
letter-spacing:0.2em;
}

td.list-a2 {
width:20%;
color: #333;
background-color: #eee;
vertical-align: top;
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
white-space: nowrap;
letter-spacing:0.2em;
}

td.list-b1 {
width:80%;
color: #333;
vertical-align: top;
padding: 10px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left-color: #ccc;
}

td.list-b2 {
width:80%;
color:#333;
vertical-align:top;
padding:10px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left-color:#ccc;
border-top-color:#ccc;
}
td.list-noline { color: #333; padding: 10px; width: 80%; vertical-align: top; border-color: #ccc; border-style: none; }

/*--リスト--*/
dl {
margin: 15px 0 0;
}
dt {
padding: 10px 0 10px;
margin: 0;
_height: 1%; /* for WinIE5,6 */
}
dd {
_height: 1%; /* for WinIE5,6 */
margin: 0;
padding: 0 0 10px 0;
}
table#news { font-size: 12px; line-height: 1.5em; font-famiry: MS?S?V?b?N, osaka, sans-serif  
}

#com_sub_menu {
	display:none;
}

#com_footer {
	max-width:1100px;
}

/* ------------------------------ */
#photo_div {
	clear: both;
	width:100%;
	position:relative;
	height:770px;
}


#photo_wrap {
	width:100%;
	height:785px;
	position:absolute;
	background-image:url("../img/top/photo1.jpg");
	background-repeat:no-repeat;
	background-position:center;
}
#photo_cap {
	width:100%;
	height:785px;
	position:absolute;
	background-image:url("../img/top/photo1_cap.png");
	background-repeat:no-repeat;
	background-position:center;
}
/* ------------------------------ */
#news {
	margin: 0px auto ;
	max-width: 1000px;
	background-color:rgba(254,254,254,0.7);
	position:relative;
	top:550px;
	padding:15px;
}


#news h2 {
	font-size:110%;
	font-weight:bold;
	float:left;
	margin-left:5px;
	margin-top:5px;
}

#news_list {
	float:right;
	display:block;
	width:54px;
	height:24px;
	background-color:#5aabf0;
	text-align:center;
	line-height:24px;
	font-size:70%;
	color:#FFFFFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom:4px;
	margin-top:5px;
	margin-right:5px;
}

#news table {
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	width:100%;
	border-spacing:10px;
	border-collapse:separate;
	font-size:80%;
	line-height:130%;
}


.news_date {
	width:110px;
	vertical-align:top;
}

.news_text {
	vertical-align:top;
}

/* ------------------------------ */
.sec_border {
	height:43px;
	background-color:#000;
	position:relative;
	z-index:2;
}

.sec_label {
	margin:0 auto;
	width:112px;
	height:112px;
	position:relative;
	top:-34px;
	text-align:center;
	line-height:145px;
	color:#FFF;
}

#product {
	clear:both;
}

#product .sec_label {
	background-image:url("../img/top/cat_product.png");
}

#product_wrap {
	position:relative;
	overflow:hidden;
}

#product_main {
	height:624px;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	max-width:1700px;
	overflow:hidden;
	margin:0 auto;
}

#product_main video {
	position:absolute;
	top:0px;
}

#product_dot {
	background-image:url("../img/top/video_dot.png");
	height:100%;
	background-repeat:repeat-x;
	background-position:center;
	position:relative;
	top:0px;
}

.product_as {
	position:relative;
	max-width:1000px;
	height:176px;
	margin:0 auto;
	top:198px;
	text-align:center;
	font-size:120%;
	
}

.product_one {
	display:block;
	width:48%;
	height:100%;
	position:relative;
	margin:0 auto;
	
}


.product_one a{
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.85);
	border:solid #004cbd 1px;
	position:relative;
	margin:0 auto;
}

.product_text {
	display:block;
	position:relative;
	top:40px;
	height:50px;
	color:#004cbd;
	line-height:1.5em;
}

.product_cat {
	display:block;
	font-size:80%;
	position:relative;
	top:75px;
	color:#000000 !important;
}

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


#recruit .sec_label {
	background-image:url("../img/top/cat_recruit.png");
}



#recruit_main {
	background-image:url("../img/top/recruit2.jpg");
	background-size:1700px 805px;
	height:525px;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	overflow:hidden;
}


/*旧フォーム*/

#recruit .product_as {
	top:180px;
}

@media all and (max-width: 1099px) {
	#footer_banner {
		clear:both;
		float:none;
		padding-top:20px;
		/*background-color:#f00;*/
		width:96%;
		margin:0 auto;
	}
	
	#footer_banner a{
		display:block;
		width:161px;
		margin:0 auto;
	}
	#com_footer {
		width:96%;
		margin:0 auto;
	}
}

@media all and (max-width: 490px) {
	#com_sub_menu {
		display:block;
	}
	#photo_div {
		height:410px;
	}
	#photo_wrap, #photo_cap {
		height:250px;
		background-size:auto 100%;
	}
	#news {
		font-size:85%;
		top:216px;
		padding:0px;
	}
	
	#news table {
		border-spacing:5px;
		line-height:130%;
	}
	
	.news_date {
		width:90px;
	}
	
	
	.sec_border {
		height:23px;
	}
	
	.sec_label {
		-ms-transform:scale(0.6);
        -webkit-transform:scale(0.6);
        transform:scale(0.6);
		top:-45px;
	}

	#product_main {
		height:280px;
		background-size:auto 100%;
		background-image:url("../img/top/video.jpg");
		background-size:cover;
	}
	
	#product_main video {
		display:none;
	}
	.product_as {
		top:36px;
		height:90px;
		font-size:100%;
	}
	
	.product_one {
		width:80%;
		margin:0px auto 10px;
		float:none !important;
	}
	.product_text {
		top:10px;
	}
	
	.product_cat {
		display:block;
		font-size:80%;
		position:relative;
		top:22px;
	}
	
	#recruit_main {
		height:200px;
		background-size:auto 100%;
	}
	
	#recruit_main .product_as {
		top:55px;
	}
	

	
}