@charset "utf-8";

html, body { position:relative;}
html{ background-color:#161414;}
body{
	min-width:980px;
	background-color:#fff;
	}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea,
p, blockquote, th, td {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:1.75em;
	color:#222;
	}

a {}
a:hover {}
a:hover img {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

dl dt{}
dl dd{}

table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	}
th,td{
	border:1px solid #000;}

.clr {clear:both;height:0px;visibility:hidden;overflow:hidden;}
.menu_hidden {visibility:hidden; text-decoration:none;}
.disnon{ display:none;}

strong{ font-weight:bold;}


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

#header{
	background-color:#e8e8e8;
	height:103px;
	border-top:5px solid #a00712;
	}
	#header .wrap{
		width:980px;
		margin:0 auto;
		position:relative;
		}
	#header .wrap .logo{
		position:absolute;
		top:27px;
		left:0;
		}
	#header .wrap .logo a{
		display:block;
		width:120px;
		height:46px;
		text-indent:-9999px;
		background:url(../img/logo.png) no-repeat;
		}
	#header .wrap .gnav{
		position:absolute;
		right:-20px;
		top:35px;
		}
		
/* グローバルナビゲーション */

.gnav{ width:857px;}
	.gnav li{
		float:left;
		}
	.gnav a{
		display:block;
		overflow:hidden;
		text-indent:-9999px;
		background:url(../img/gnav.png) no-repeat;
		height:32px;
		}
		
	.gnav .cat1 a{ width:144px; background-position:0 0;}
	.gnav .cat2 a{ width:142px; background-position:-144px 0;}
	.gnav .cat3 a{ width:148px; background-position:-286px 0;}
	.gnav .cat4 a{ width:149px; background-position:-434px 0;}
	.gnav .cat5 a{ width:147px; background-position:-583px 0;}
	.gnav .cat6 a{ width:127px; background-position:-730px 0;}
	
	.gnav .cat1 a:hover{ background-position:0 -32px;}
	.gnav .cat2 a:hover{ background-position:-144px -32px;}
	.gnav .cat3 a:hover{ background-position:-286px -32px;}
	.gnav .cat4 a:hover{ background-position:-434px -32px;}
	.gnav .cat5 a:hover{ background-position:-583px -32px;}
	.gnav .cat6 a:hover{ background-position:-730px -32px;}
	
	#cat1 .gnav .cat1 a{ background-position:0 -32px;}
	#cat2 .gnav .cat2 a{ background-position:-144px -32px;}
	#cat3 .gnav .cat3 a{ background-position:-286px -32px;}
	#cat4 .gnav .cat4 a{ background-position:-434px -32px;}
	#cat5 .gnav .cat5 a{ background-position:-583px -32px;}
	#cat6 .gnav .cat6 a{ background-position:-730px -32px;}
	
/* 中ページ header部分 */	
	
.title,
.title_big{
	width:100%;
	overflow:hidden;
	position:relative;
	}
.title{ height:220px;}
.title_big{
	height:340px;
	display:table;
	}
	.title_big .color_left,
	.title_big .color_right{
		display:table-cell;
		width:50%;
		height:100px;
		}
	.title_big .color_left{ background-color:#1a1a1a;}
	.title_big .color_right{ background-color:#eeedeb;}

	.title .wrap,
	.title_big .wrap{
		position:absolute;
		left:50%;
		margin-left:-800px;
		}
	
		
	.oem .title_big{ background-color:#f3f7f8;}
	.lab .title_big{ background-color:#f6f6fd;}
	.lineup .title_big{ background-color:#f8f8f8;}
	#cat1 .title_big{ background-color:#fdfdff;}
	#cat3 .title_big{ background-color:#f2f6f9;}
	#cat5 .title{ background-color:#dedfe3;}
	#cat4 .title{ background-color:#50514c;}
	#cat6 .title{ background-color:#f6f7f1;}
	
	#nocat .title{ width:980px; height:190px; margin:0 auto; border-bottom:1px solid #800000;} 
	#nocat .title h1{ padding-top:73px;}
		
/* 内容部分 */	
		
.contents{
	position:relative;
	width:860px;
	margin:0 auto;
	padding:100px 70px;
	}
	.contents h2{
		margin-bottom:50px;
		font-size:165%;
		font-family: "HG明朝E","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
		line-height:1.25em;
		}
	.contents h3{
		font-size:165%;
		margin-bottom:20px;
		font-family: "HG明朝E","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
		line-height:1.25em;
		}
	.contents p + h3{ margin-top:50px;}
	.contents p{ margin-bottom:1em;}
	
.taCenter{ text-align:center;}

.imgFr{ float:right; margin:0 0 30px 30px;}
	
	
/* フッター */	
	
#footer{
	width:100%;
	height:100px;
	background-color:#161414;
	}
	#footer .wrap{
		width:980px;
		height:100px;
		margin:0 auto;
		position:relative;
		}
	#footer ul{
		position:absolute;
		top:40px;
		left:40px;
		}
	#footer li{ float:left; margin-left:20px;}
	
	#footer li a{
		display:block;
		overflow:hidden;
		font-size:12px;
		text-decoration:none;
		color:#808080;
		}
	#footer li a:hover{ color:#b2a948;}
		
	#footer .bck{
		position:absolute;
		top:-30px;
		right:0;
		}
	#footer .bck a{
		display:block;
		width:52px;
		height:20px;
		background:url(../img/footer_top.png) no-repeat;
		}
	#footer .copyright{
		float:right;
		color:#808080;
		font-size:90%;
		margin-top:40px;
		margin-right:40px;
		}

/* TOP
----------------------------------------------------------*/

#mv{
	position:relative;
	width:100%;
	height:670px;
	}
	.mvWrap{
		position:absolute;
		width:800px;
		height:332px;
		left:50%;
		top:50%;
		margin-left:-400px;
		margin-top:-162px;
		}

#topMenu{
	position:absolute;
	bottom:0;
	width:100%;
	height:210px;
	}
	.barBlack{
		width:100%;
		min-width:980px;
		height:110px;
		background-color:#161414;
		position:relative;
		text-align:center;
		}
		.barBlack img{ padding-top:40px;}
	.barGray{
		width:100%;
		min-width:980px;
		height:100px;
		background-color:#d8d6d6;
		position:relative;
		text-align:center;
		}
		.barGray .gnav{
			display:inline-block;
			padding-top:40px;
			}

/* OEM
----------------------------------------------------------*/

#cat2 .contents{
	/*margin-top:-115px;*/
	}
	
.oem_local{
	position:relative;
	width:860px; margin:auto;margin-top:-15px;
	z-index:50;
	}
	.oem_local li{
		float:left;
		margin-right:4px;
		}
	.oem_local li:last-child{ margin-right:0;}
	.oem_local a{
		display:block;
		width:284px;
		height:45px;
		background:url(../../oem/img/oem_local.png);
		overflow:hidden;
		text-indent:-9999px;
		}
	.oem_local .local01 a{}
	.oem_local .local02 a{ background-position:-288px 0;}
	.oem_local .local03 a{ background-position:-576px 0;}
	.oem_local .local01 a:hover{ background-position:0 -90px;}
	.oem_local .local02 a:hover{ background-position:-288px -90px;}
	.oem_local .local03 a:hover{ background-position:-576px -90px;}
	.oem_local .local01 a.current{ background-position:0 -45px;}
	.oem_local .local02 a.current{ background-position:-288px -45px;}
	.oem_local .local03 a.current{ background-position:-576px -45px;}

	.oem_local_bottom{height:50px;margin-top:0; margin-bottom:50px;}
	.oem_local_bottom .local01 a{}
	.oem_local_bottom .local02 a{ background-position:-288px 0;}
	.oem_local_bottom .local03 a{ background-position:-576px 0;}
	.oem_local_bottom .local01 a:hover{ background-position:0 -90px;}
	.oem_local_bottom .local02 a:hover{ background-position:-288px -90px;}
	.oem_local_bottom .local03 a:hover{ background-position:-576px -90px;}
	.oem_local_bottom .local01 a.current{ background-position:0 -90px;}
	.oem_local_bottom .local02 a.current{ background-position:-288px -90px;}
	.oem_local_bottom .local03 a.current{ background-position:-576px -90px;}


.oemLead{}
	.oemLead p{ width:500px;}
	.oemLeadImg{float:right;margin-right:90px;}
	
.oemBoxPoint{
	background:url(../../oem/img/index_bg_03.png) center no-repeat;
	background-color:#f5f4f4;
	height:500px;
	margin-bottom:80px;
	}
	.oemBoxPoint h2{ margin-top:-35px;}

/*lineup*/

.lineup{}
.lineup dl{padding:20px;}
.lineup dl.graybg{background-color:#eee;}
.lineup dl dt{float:left;font-size:130%;
		font-family: "HG明朝E","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
		}
.lineup dl dd{margin-left:180px;}

.lineupBox{ width:100%; text-align:center; margin-bottom:50px;}

/*lab*/
.lab_imgbox{
	background:url(../../oem/img/lab_img2.jpg);
	padding:30px;
	padding-left:380px;
	margin-bottom:70px;
	}
	.lab_imgbox h2{ margin-bottom:30px;}
	
/* flow */
.flowWrapper{
	width:100%;
/*	min-height:300px;*/
	}

	.flowWrapper h2{
		padding-bottom:40px;
		font-family: "HG明朝E","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
		font-size:150%;
		}
	.flowWrapper h1{
		padding-bottom:40px;
		font-family: "HG明朝E","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
		font-size:180%;
		color:#fff;
		}
	.flowWrapper h3{
		padding-bottom:10px;
		font-size:120%;
		}

	.flowWrapper a{float:right;color:#999;}
	.flowWrapper h3.mt_h3{margin-top:20px;}
	
	.flowcontent{
		width:860px;
		margin:auto;
		position:relative;
		padding:80px 0;
		}

	/*flow_1*/
	.flow_1 {background-color:#000;}
	.flow_1 h2,
	.flow_1 h3,
	.flow_1 p{color:#fff;}

	.flow_1 .flowcontent{width:860px;margin:auto;}
	.flow_1 .chart{text-align:center;margin:50px 0 20px;}
	.flow_1 h2{margin-top:30px;}
	.flow_1 .Fr{width:490px;float:right;margin-top:30px;}
	.flow_1 .Fl{width:330px;float:left;margin-top:30px;}
	.flow1Img{opacity:0;}

	.flow_2{margin:60px 0;}
	.flow_2 .flowcontent{width:600px;margin:auto;}
	.flow_2{}
	.flow2Img{opacity:0;}

	.flow_3{padding:30px 0;background-color:#f1f1f1;}
	.flow_3 .flowcontent{width:860px;margin:auto;}
	.flow_3 .chart{text-align:center;margin-bottom:30px;}
	.flow_3 .Fr{float:right;margin-right:80px;}
	.flow_3 .Fl{float:left;width:500px;margin-top:30px;}

	.flow_4{background-color:#000;position:relative;overflow:hidden;}
	.flow_4 .flowcontent{width:860px;margin:auto;}
	.flow_4 h2,
	.flow_4 h3,
	.flow_4 p{color:#fff;}
	.flow_4 .chart{text-align:center;margin-bottom:30px;}
	.flow_4 .Fr{float:right;width:400px;}
	.flow_4 .flow_4_bg {
		padding:80px 0;
		background:url(../../oem/img/flow04_bg.jpg) no-repeat top center;
		height:400px;
		width:1700px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-800px;
		opacity:0;
		}

	.flow_5{background-color:#f2f2f2;}
	.flow_5 .flow_5_bg {padding:100px 0;
		background:url(../../oem/img/flow05_bg.jpg) no-repeat top center;}
	.flow_5 .Fl{float:left;width:320px;}

/* What
----------------------------------------------------------*/	
	
.whatBox{}
.whatList{padding-bottom:50px; border-bottom:5px solid #a21a1f;}
.whatList ul{height:140px;margin-left:20px;}
.whatList ul li{
	float:left;
	margin-left:20px;
	margin-top:20px;
	}
.whatList ul li img{}

.philosophy{margin-top:80px;padding-left:40px;}

#cat1 .border{ border-top:1px solid #000;}

/* TRAINING
----------------------------------------------------------*/

#cat3 .contents{ width:820px;}

.trainingLayout{}
.trainingLayout p{margin-right:280px;}
.trainingLayout{}

.trainingList{
	width:840px;
	}
.trainingList li{
	float:left;
	margin-right:18px;
	}
.trainingList li:last-child{ margin-right:0px;}

.trainingBox{ background:#e3e3e1;}
	.trainingBox .contents{ padding:50px 0 80px;}
	
	.trainingBox ul{
		margin-bottom:40px;
		clear:both;
		padding-top:30px;
		}
	.trainingBox li{
		float:left;
		margin-right:30px;
		background-color:#fff;
		padding:15px;
		height:150px;
		}
		
	.trainingBox .trainingBoxList h4{
		font-size:140%;
		font-family: "HG明朝E","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
		color:#9a1a1f;
		text-align:center;
		border-bottom:1px solid #9a1a1f;
		padding-bottom:20px;
		margin-bottom:15px;
		margin-top:5px;
		}
	.trainingBox .trainingBoxList li{ 
		width:365px;
		margin-bottom:30px;
		}
	.trainingBox .trainingBoxList li:nth-child(2n){
		margin-right:0;
		} 
	.trainingBox .trainingBoxList p{
		margin:0;padding:0;
		}

/*COMPANY
----------------------------------------------------------*/

.companyBox{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #bbb;}
	.companyBox > div{
		float:left;
		width:420px;
		margin-left:30px;
		}
		
.company dl{ 
	border-bottom:1px solid #bbb;
	/* margin-left:270px; */
	padding:10px 10px 10px 30px;
}
.company dl dt{float:left;}
.company dl dd{margin-left:100px;}

.aisatsu{
	float:right !important;
	width:268px !important;
	margin-right:40px !important;
	margin-top:45px !important;
	}
	.aisatsu p{ margin-top:10px;}

/*FAQ
----------------------------------------------------------*/

.faq{}
	.faqBox{ width:860px; margin:0 auto;}
	.faq dl{
		background-color:#eee;
		width:370px;
		padding:20px;
		margin-right:20px;
		margin-bottom:20px;
		height:170px;
		}
	.faq dt{
		background:url(../../faq/img/q.png) no-repeat left top;
		padding-top:5px;
		padding-left:30px;
		padding-bottom:20px;
		margin-bottom:20px;
		/*border-bottom:1px solid #800000;*/
		border-bottom:1px dotted #989898;
		color:#808074;
		font-weight:bold;
		font-size:120%;
		line-height:1.25em;
		}
	.faq dd{
		color:#565656;
		background:url(../../faq/img/a.png) no-repeat left top;
		padding-left:30px;
		padding-top:4px;
		}
		
/*CONTACT
----------------------------------------------------------*/
	
#cat5 .contents strong{ color:#a31c24;}
		
.contactTable{ width:860px;}
	.contactTable th,
	.contactTable td{
		padding:10px;
		border:2px solid #fff;
		}
	.contactTable th{ background-color:#dfe0e4; vertical-align:top; width:180px;}
	.contactTable td{ background-color:#ecedf0; width:680px;}
	
#cat5 .contents h4{
	border-bottom:2px solid #dfe0e4;
	margin-bottom:20px;
	padding-bottom:5px;
	color:#666;
	}
#cat5 .contents ul{
	margin-bottom:70px;
	}
	#cat5 .contents li{
		float:left;
		min-width:152px;
		margin-right:20px;
		margin-bottom:10px;
		vertical-align: middle;
		}
	#cat5 .contents li input{
		margin:0;
		vertical-align: middle;
		}
	
#cat5 .contents input,
#cat5 .contents textarea{
	font-size:13px;
	height:17px;
	line-height:17px;
	margin:10px 0;
	background-color:#fdfdfd;
	border:1px solid #cfd0d3;
	color:#666;
	}
#cat5 .contents textarea{
	height:100px;
	}
	
#cat5 .contents .contactTable .qarea{ padding:30px;}
#cat5 .contents .contactTable .qarea textarea{ width:100%;}
#cat5 .contents .contactTableBtn{ background-color:#fff;}
#cat5 .contents .contactTable .contactTableBtn input{
	height:24px;
	line-height:24px;
	width:200px;
	background-color:#c1c2c8;
	border:none;
	font-weight:bold;
	color:#fff;
	}
#cat5 .contents .contactTable .contactTableBtn input:hover{ background-color:#a31819;}
		
/*SITEMAP
----------------------------------------------------------*/

.sitemap ul{ width:50%; float:left;}
	.sitemap li{
		margin-bottom:30px;
		}
	.sitemap a{ 
		font-size:120%;
		text-decoration:none;
		color:#555;
		}
	.sitemap a:hover{
		color:#777;}