@charset "UTF-8";

/* initialize
---------------------------------------------------- */
html,body{ min-height:100%; height: 100%; margin: 0; padding: 0;}
body { margin: 0px; padding: 0px; color: #464646; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; background-color:#464948; font-size:16px;}
a:link,a:visited { text-decoration: underline;}
a:hover,a:active { color: #ff4444; text-decoration: underline; }

img { border-style: none; vertical-align: bottom; }

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,ul,li { margin: 0; padding: 0; list-style: none; font-weight: normal; }
h1,h2,h3,h4,h5,h6{ clear:both; font-size:20px;}

a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
a,img,input { -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}


/* common
---------------------------------------------------- */
#wrapper{ position:relative; width:100%; min-width:1100px; overflow:hidden; background:#ffffff;}

.inner{ width:1008px; margin:0 auto; position:relative;}

#header{ width:100%; margin:0px auto 0 auto; overflow:hidden;}
#header a{ text-decoration:none; color:#464646;}
#header div#headerTop{ border-bottom:1px solid #cccccc; border-top:1px solid #464948;}
#header div#headerTop ul{ width:1104px; margin:0 auto; overflow:hidden; font-size:12px; font-weight:bold; border-left:1px dotted #ccc;}
#header div#headerTop ul li a{ display:block; float:left; width:183px; text-align:center; line-height:40px; border-right:1px dotted #ccc; font-weight:bold;}
#header div#headerTop ul li a:hover{color:#ff4444;}

#header div#headerMid { width:1008px; margin:0 auto;}
#header div#headerMid div#logo{ float:left; width:350px; overflow:hidden; }
#header div#headerMid div#menu{ float:right; width:658px; height:140px; position:relative;}
#header div#headerMid div#menu dl{ position:absolute; right:0; top:26px; overflow:hidden; text-align:center;}
#header div#headerMid div#menu dl dt{ font-size:12px;}
#header div#headerMid div#menu dl dd{ margin-top:10px; font-size:14px;}
#header div#headerMid div#menu dl dd a:hover{color:#ff4444;}

#header div#headerBottom{ background: url(image/bg_header.jpg) repeat-x #ccc; clear:both;}
#header div#headerBottom ul{ width:1100px; margin:0 auto; overflow:hidden;}
#header div#headerBottom ul li a{ display:block; float:left; width:183px; text-align:center; line-height:42px; font-weight:bold; color:#fff;}
#header div#headerBottom ul li a:hover{color:#ff4444;}

#footer{ clear:both; overflow:hidden; width:100%; background:#464948; color:#fafafa;}
#footer div#returnTop{ width:100%; border-bottom:0px solid #555; margin-bottom:42px;}
#footer div#returnTop a{  display:block; text-align:center; width:100%; background:#222; font-size:14px; color:#666; text-decoration:none;}
#footer div#returnTop a:hover{ background:#000; color:#ff4444;}

#footer div #fInfo{ width:200px; float:left; overflow:hidden;}
#footer div #fInfo ul{ overflow:hidden; margin-bottom:-10px;}
#footer div #fInfo ul li{ font-size:12px; text-align:center; margin-bottom:10px;}
#footer div #fInfo ul li a{ text-decoration:none; color:#ffffff;}
#footer div #fInfo ul li a:hover{ color:#fe1111;}

#footer div#fMenu{ width:800px; float:right; overflow:hidden;}
#footer div#fMenu ul{ overflow:hidden; margin-bottom:10px; clear:both;}
#footer div#fMenu ul li{ float:right; margin-left:16px; font-size:12px;}
#footer div#fMenu ul li a{ text-decoration:none; color:#ffffff; font-weight:bold;}
#footer div#fMenu ul li a:hover{ color:#fe1111;}
#footer p{ clear:both; font-size:10px; text-align:right; padding-top:26px;}


#content{ width:1008px; margin:42px auto; overflow:hidden;}
#main{ width:648px; float:left; margin-left:26px;}
#side{ width:240px; float:right; margin-right:26px;}
#ad{ width:240px;}


/* home
---------------------------------------------------- */
#homeTop2{ width:100%; text-align:center; margin-top:0px; overflow:hidden;}
#homeTop2 ul#homeslide{ clear:both; height:auto; width:100%;}
#homeTop2 ul#homeslide li{ width:100%; text-align:center;}
#homeTop2 ul#homeslide li img{ width:100%; height:auto; padding:0;}

.wideslider {	margin-top:0px;    width: 100%;    height: 500px;    text-align: left;    position: relative;    overflow: hidden;}
 
.wideslider ul,
.wideslider ul li {    float: left;    display: inline;    overflow: hidden;} 
.wideslider_base {    top: 0;    position: absolute;}
.wideslider_wrap {    top: 0;    position: absolute;    overflow: hidden; }
.slider_prev,
.slider_next {    top: 0;    overflow: hidden;    position: absolute;    z-index: 100;    cursor: pointer;}
.slider_prev {background: #fff url(image/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(image/next.jpg) no-repeat left center;}
 
.pagination {    bottom: 10px;    left: 0;    width: 100%;    height: 15px;    text-align: center;    position: absolute;    z-index: 200;}
 
.pagination a {    margin: 0 5px;    width: 15px;    height: 15px;    display: inline-block;    overflow: hidden;    background: #333;}
.pagination a.active {    filter:alpha(opacity=100)!important;    -moz-opacity: 1!important;    opacity: 1!important;}
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {    content: ".";    height: 0;    clear: both;    display: block;    visibility: hidden;}
.wideslider ul {    display: inline-block;    overflow: hidden;}
div#catsh{ position:absolute; top:0; left:0; width:100%; text-align:center;}

#homeVibration{ margin-top:68px;  height: 300px;}
#homeVibration div.more{ position: absolute; bottom:15px; left: 0; width:100%;}
#homeVibration div.more a{ display:block; width:60%; margin:0 auto; text-decoration:none;  border-radius:3px; text-align:center; font-size:17px; font-weight:bold; color:#FFF; text-decoration:none; background:#e01010; border-bottom:3px solid #a00000; padding:6px 0;}
#homeVibration div.more a:hover{ background:#ff0000; border-bottom:3px solid #c70000; cursor:pointer;}

#homeWorks{ margin-top:68px; }
#homeWorks h2{ text-align:center; margin:0 0 29px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#homeWorks{ overflow:hidden;}
#homeWorks div.boxImg{ width:400px; float:right;}
#homeWorks div.boxCont{ width:540px; float:left;}
#homeWorks div.boxCont p{ margin:13px 26px;}
#homeWorks div.boxCont div.more { margin-top:29px;}
#homeWorks div.boxCont div.more a{ display:block; width:60%; margin:0 auto; text-decoration:none;  border-radius:3px; text-align:center; font-size:15px; font-weight:bold; color:#FFF; text-decoration:none; background:#e01010; border-bottom:3px solid #a00000; padding:6px 0;}
#homeWorks div.boxCont div.more a:hover{ background:#ff0000; border-bottom:3px solid #c70000; cursor:pointer;}

#homeMenu{ margin-top:0px; padding:68px 0;}
#homeMenu h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#homeMenu ul{ margin-right:-85px; overflow:hidden; padding:0 26px;}
#homeMenu ul li{ width:262px; float:left; margin-right:85px; text-align:center; overflow:hidden; border-radius:1px;}
#homeMenu ul li h3{ font-size:18px; text-align:center; font-weight:bold; margin-bottom:16px;}
#homeMenu ul li p{ margin:16px; font-size:14px;}
#homeMenu ul li div.more { margin-top:10px;}
#homeMenu ul li div.more a{ display:block; width:60%; margin:0 auto; text-decoration:none;  border-radius:3px; text-align:center; font-size:15px; font-weight:bold; color:#FFF; text-decoration:none; background:#e01010; border-bottom:3px solid #a00000; padding:6px 0;}
#homeMenu ul li div.more a:hover{ background:#ff0000; border-bottom:3px solid #c70000; cursor:pointer;}


#homeNews{ margin-top:0px; overflow:hidden;}
#homeNews h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}

#homeNews div#homeInfo{ width:470px; float:left;}
#homeNews div#homeInfo ul { margin-top:-10px; overflow:hidden;}
#homeNews div#homeInfo ul li{ margin:16px 16px 0 16px; padding-bottom:10px; border-bottom:1px #ccc dotted;}
#homeNews div#homeInfo ul li div.day{ font-size:10px; padding:3px 6px; border:1px solid #ddd; width:90px; text-align:center; margin-bottom:10px;}
#homeNews div#homeInfo ul li div.title{ margin:0 10px;}
#homeNews div#homeInfo ul li div.title a{ background:url(image/icon_link.png) right center no-repeat; padding-right:30px;}


#homeNews div#homeObject{ width:470px; float:right;}
#homeNews div#homeObject ul{ overflow:hidden;}
#homeNews div#homeObject ul li{ margin:13px 16px; clear:both; overflow:hidden; border-bottom:1px #ccc dotted; padding-bottom:13px;}
#homeNews div#homeObject ul li div.boxImg{ width:160px; float:left; text-align:center;}
#homeNews div#homeObject ul li div.boxImg img{ max-width:160px; width:auto; height:100px;}
#homeNews div#homeObject ul li div.boxCont{ width:264px; float:right;}
#homeNews div#homeObject ul li div.boxCont dl dt{ font-size:11px; font-weight:bold;}
#homeNews div#homeObject ul li div.boxCont dl dd{ font-size:13px; margin-bottom:4px; margin-left:6px;}
#homeNews div#homeObject ul li div.boxCont p{ text-align:right; font-size:13px; margin-top:-4px;}
#homeNews div#homeObject div.more { margin-top:16px;}
#homeNews div#homeObject div.more a{ display:block; width:60%; margin:0 auto; text-decoration:none;  border-radius:3px; text-align:center; font-size:15px; font-weight:bold; color:#FFF; text-decoration:none; background:#e01010; border-bottom:3px solid #a00000; padding:6px 0;}
#homeNews div#homeObject div.more a:hover{ background:#ff0000; border-bottom:3px solid #c70000; cursor:pointer;}


#homeCompany{ margin-top:0px; padding:68px 0;}
#homeCompany h2{ text-align:center; margin:0 0 22px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#homeCompany ul{ text-align: center; font-size: 0;}
#homeCompany ul li{ display: inline-block; margin:20px 35px; overflow: hidden;}
#homeCompany ul li div.partner{ float:left; margin-right: 70px;}
#homeCompany ul li div.partner:last-child{margin-right: 0px;}
#homeCompany ul li h3{ font-size:16px; text-align:center; font-weight:bold; margin-bottom:16px;}
#homeCompany ul li p{ margin:16px 0; font-size:12px;}



/* company
---------------------------------------------------- */
#companyTop{ width:100%;}
#companyTop img{ width:100%; height:auto;}

#companyInfo{ width:100%; overflow:hidden; margin-top:42px;}
#companyInfo h1{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#companyInfo table{ width:976px; margin: 0 auto; border-collapse: collapse; border: none; table-layout: fixed; border-top:1px solid #e0e0e0; border-left:solid 0px #a10002;}
#companyInfo table th{ width:30%; padding:16px; border-bottom:1px solid #e0e0e0; background:#f5f5f5; vertical-align: top;}
#companyInfo table td{ width:70%; padding:16px; border-bottom:1px solid #e0e0e0;}
#companyInfo div.rireki{ margin-top:26px; margin-right:16px; text-align:right; font-size:12px;}

#companyAccess{ margin-top:42px; margin-bottom:0px; overflow:hidden;}
#companyAccess h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#companyAccess h3{ font-size:18px; text-align:center; font-weight:bold; border-bottom:1px dotted #ccc; margin:0 16px 42px 16px;}
#companyAccess div.boxImg{ width:576px; padding-left:26px; float:left; margin-bottom:68px;}
#companyAccess div.boxImg iframe{ width:576px; height:460px;}
#companyAccess div.boxCont{ width:312px; padding-right:26px; float:right; margin-bottom:68px;}
#companyAccess div.boxCont dl{ margin-top:42px;}
#companyAccess div.boxCont dl dt{ font-size:12px; font-weight:bold; margin-top:26px; margin-bottom:10px;}
#companyAccess div.boxCont dl dd{ font-size:13px; margin-bottom:6px;}
#companyAccess div.boxCont dl dd ul{ margin-right:-16px; overflow:hidden;}
#companyAccess div.boxCont dl dd ul li{ margin-right:16px; float:left; width:148px;}
#companyAccess div.boxCont dl dd ul li img{ width:148px; height:auto;}


/* equipment
---------------------------------------------------- */
#equipmentTop{ width:100%;}
#equipmentTop img{ width:100%; height:auto;}

#equipment{ width:100%; overflow:hidden; margin:42px 0;}
#equipment h1{ text-align:center; margin-bottom:42px; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}

#equipment div#equipmentMap{ width:956px; position:relative; height:700px; margin:0 auto;}

#equipment ul.tab{ position:absolute; top:0; right:0; overflow:hidden; width:97px; margin-left:-1px;}
#equipment ul.tab li{background:#fff; padding:10px; border-left:1px solid #ccc;}
#equipment ul.tab li img{ width:77px; height:100px;}
#equipment ul.tab li.select{ padding:9px; border:1px solid #ccc; border-left:1px solid #fff; padding-left:10px;}
#equipment ul.tab li:hover{ cursor:pointer;}
#equipment ul.content { position:absolute; top:0; left:0; width:840px; border:1px solid #ccc;}
#equipment ul.content{ padding:9px;}
#equipment ul.content img{}
#equipment ul.content li{ position:relative;}
#equipment ul.content li.hide {display:none;}

.eqf { position:absolute; top:0; left:0;}

.eqf span.icon {	position: absolute;	top: 0px;	left: 50%;	width: 46px;	height: 46px;	margin-left: -23px;	border: 1px solid #fff;	border-radius: 100%;	box-sizing: border-box;	background:rgba(255,255,255,0.4);}
.eqf span.icon:hover{	background:rgba(255,255,255,0.8);}
.eqf span.icon::after {	position: absolute;	top: 50%;	left: 50%;	content: '';	width: 16px;	height: 16px;	margin: -12px 0 0 -8px;	border-left: 1px solid #fff;	border-bottom: 1px solid #fff;	-webkit-transform: rotate(-45deg);	transform: rotate(-45deg);	box-sizing: border-box;}
.eqf span.icon::before {	position: absolute;	top: 0;	left: 0;	z-index:5;	content: '';	width: 44px;	height: 44px;	box-shadow: 0 0 0 0 rgba(255,255,255,0.8);	border-radius: 100%;	opacity: 0;	-webkit-animation: sdb 3s infinite;	animation: sdb 3s infinite;	box-sizing: border-box;}

.eqf span.check{  display:block; padding-top: 52px;}
.eqf div.point a{ color:#fff; text-decoration:none; text-shadow:1px 1px 2px #000;}
.eqf div.point a:hover{	text-decoration:underline;}

@-webkit-keyframes sdb {
	0% {		opacity: 0;	}
	30% {		opacity: 1;	}
	60% {		box-shadow: 0 0 0 40px rgba(255,255,255,.1);		opacity: 0;	}
	100% {		opacity: 0;	}
}
@keyframes sdb {
	0% {		opacity: 0;	}
	30% {		opacity: 1;	}
	60% {		box-shadow: 0 0 0 40px rgba(255,255,255,.1);		opacity: 0;	}
	100% {		opacity: 0;	}
}

.eqf div#eq1f_1 { position:absolute; top:270px; left:180px;}
.eqf div#eq1f_2 { position:absolute; top:307px; left:42px;}
.eqf div#eq1f_3 { position:absolute; top:182px; left:195px;}
.eqf div#eq1f_4 { position:absolute; top:343px; left:522px;}
.eqf div#eq1f_5 { position:absolute; top:200px; left:740px;}
.eqf div#eq1f_6 { position:absolute; top:504px; left:306px;}
.eqf div#eq1f_7 { position:absolute; top:255px; left:449px;}

.eqf div#eq2f_1 { position:absolute; top:452px; left:317px;}
.eqf div#eq2f_2 { position:absolute; top:318px; left:437px;}
.eqf div#eq2f_3 { position:absolute; top:235px; left:518px;}
.eqf div#eq2f_4 { position:absolute; top:210px; left:355px;}

.eqf div#eq3f_1 { position:absolute; top:230px; left:127px;}
.eqf div#eq3f_2 { position:absolute; top:265px; left:294px;}
.eqf div#eq3f_3 { position:absolute; top:331px; left:385px;}
.eqf div#eq3f_4 { position:absolute; top:340px; left:550px;}
.eqf div#eq3f_5 { position:absolute; top:112px; left:569px;}
.eqf div#eq3f_6 { position:absolute; top:124px; left:145px;}


/* message
---------------------------------------------------- */
#message{ margin:0px 0 68px 0; overflow:hidden;}
#message h1{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#message h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#message h3{ margin-top:26px; font-weight:bold; font-size:18px;}
#message span.position{ display:block; text-align:right; margin-top:13px;}
#message span.name{ display:block; text-align:right; font-size:22px;}

#messageTop{ width:100%;}
#messageTop img{ width:100%; height:auto;}

#messagePre{ margin-top:42px; overflow:hidden;}
#messagePre div.boxCont{ width:956px; margin:0 auto;}
#messagePre p{ margin:13px 0;}


/* work
---------------------------------------------------- */
#work{ margin:42px 0; overflow:hidden;}
#work h1{ text-align:center; margin:0 0 29px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#work h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#work h3{ margin-top:26px; font-weight:bold; font-size:18px;}

#workTop{ width:100%;}
#workTop img{ width:100%; height:auto;}

#workStaff{ margin-top:0px; overflow:hidden;}
#workStaff div.boxImg{ width:444px; float:left; margin-left:26px; position:relative; color:#fff; text-shadow:#000 1px 1px 1px;}
#workStaff div.boxImg span.position{ position:absolute; right:0px; bottom:42px; font-size:16px; width: 160px; text-align: center;}
#workStaff div.boxImg span.name{ position:absolute; right:0px; bottom:10px; font-size:20px; font-weight:bold; width: 160px; text-align: center;}
#workStaff div.boxCont{ width:440px; float:right; margin-right:26px;}
#workStaff div.boxCont h3{ margin-top:0;}
#workStaff div.boxCont p{ margin:13px 0;}
#workStaff ul{ clear:both; overflow:hidden; padding:68px 0; margin:0 26px;margin-right:-4px; }
#workStaff ul li{ width:236px; float:left; margin-right:4px;}
#workStaff ul li img{ width:100%; height:auto;}

#workOb{ margin-top:0px; overflow:hidden;}
#workOb div.obCase{ overflow:hidden; clear:both; margin-bottom:42px; padding:0 26px 42px 26px; border-bottom:1px dotted #ccc;}
#workOb div.obCase div.imageBox{ width:444px; float:left;}
#workOb div.obCase div.messageBox{ width:444px; float:right;}
#workOb div.obCase div.messageBox h3{ margin-bottom:16px;}
#workOb div.obCase div.messageBox div.obName{ font-weight:bold; margin-bottom:16px; text-align:right;}
#workOb div.obCase div.messageBox p{ margin-bottom:6px;}
#workOb div.last{ border:none;}

#ourObject{ margin-top:0px; overflow:hidden; text-align:center;}
#ourObject h2{}
#ourObject ul{ margin-right:-42px; overflow:hidden; margin-top:42px; margin-bottom:42px;}
#ourObject ul li h3{ font-size:18px; margin-bottom:6px;}
#ourObject ul li{ width:308px; float:left; margin-right:42px;}
#ourObject ul li dl dt{ margin-top:10px; font-size:12px; font-weight:bold;}
#ourObject ul li dl dd{ margin-top:6px;}
#ourObject ul li img{ height:240px; width:auto; max-width:308px;}
#ourObject div.more{ text-align:center; font-size:20px;}
#ourObject div.more a{ display:block; width:600px; margin:26px auto 0 auto; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#ourObject div.more a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}

#obVoice{ margin:13px 24px 0 24px;}
#obVoice p{ margin-bottom:26px; font-size:16px;}
#obVoice p#obName{ text-align:right; font-weight:bold;}
#obVoice p.imageSide400R{ width:528px; float:right; text-align: justify; text-justify: inter-ideograph;}
#obVoice p.clear{ clear:both;}
#obVoice img.imgLeft{ float:left; margin-right:32px; margin-bottom:32px;}
#obVoice img.imgRight{ float:right; margin-left:32px; margin-bottom:32px;}
#obVoice ul{ overflow:hidden; margin:42px 0 68px 0; clear:both;}
#obVoice ul li{ width:192px; float:left; text-align:center;}
#obVoice ul li img{ width:190px; height:auto;}
#obVoice div.more{ text-align:center; font-size:20px; clear:both;}
#obVoice div.more a{ display:block; width:600px; margin:26px auto 0 auto; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#obVoice div.more a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}


/* flow
---------------------------------------------------- */
.flow{}
.flow h1{ text-align:center; padding:16px 0; margin-bottom:42px; font-weight:bold; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
.flow div#side ul { border:3px solid #F1F1F1;}
.flow div#side ul li a{ display:block; text-decoration:none; color:#474747; border-bottom:1px dotted #cccccc; padding:6px; margin:6px;}
.flow div#side ul li:last-child a{ display:block; border:none;}
.flow div#side ul li a:hover{ color:#ff0000;}

#flowTop{ width:100%;}
#flowTop img{ width:100%; height:auto;}

#flowContent ol {}
#flowContent ol li{ margin:21px 0; padding:21px 0 42px 0; overflow:hidden; border-bottom:1px dotted #ccc;}
#flowContent ol li:first-child{ margin:0 0 21px 0;}

#flowContent ol li div.contText{ width:306px;}
#flowContent ol li div.contText h3{ margin-bottom:16px; font-size:16px; font-weight:bold;}
#flowContent ol li div.contText h4{ margin-bottom:4px; font-size:14px; font-weight:bold;}
#flowContent ol li div.contText p{ font-size:14px; margin-bottom:16px;}
#flowContent ol li div.contImg{ width:274px;}
#flowContent ol li div.contImg img{ width:274px; height:auto;}

#flowContent ol li:nth-child(odd) div.contText{ float:right;}
#flowContent ol li:nth-child(odd) div.contImg{ float:left;}

#flowContent ol li:nth-child(even) div.contText{ float:left;}
#flowContent ol li:nth-child(even) div.contImg{ float:right;}

#flowContent ol li:last-child{ border:none;}
.current{ color:#f00;}


/* recruit
---------------------------------------------------- */
#recruit{ width:100%; overflow:hidden; margin:42px 0;}
#recruit h1{ text-align:center; margin-bottom:42px; padding:16px 0; font-weight:bold; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}

#recruit div.careerBox{ margin-bottom:42px; border-bottom:1px dotted #ccc; padding:0 26px 42px 26px;}
#recruit div.careerBox h2{ font-weight:bold; font-size:26px; margin-bottom:16px; text-align:center;}
#recruit div.careerBox table{ width:100%; border-collapse: collapse; border: none; table-layout: fixed; border-top:1px solid #e0e0e0; border-left:solid 0px #a10002;}
#recruit div.careerBox table th{ width:30%; padding:16px; border-bottom:1px solid #e0e0e0; background:#f5f5f5; vertical-align: top;}
#recruit div.careerBox table td{ width:70%; padding:16px; border-bottom:1px solid #e0e0e0;}


#recruitTop{ width:100%;}
#recruitTop img{ width:100%; height:auto;}

#recruit #recruitPr{ margin:42px 0 42px 0; overflow:hidden;}
#recruit #recruitPr p{ margin-bottom:26px; text-align:center; font-size:18px;}
#recruit #recruitPr div.boxImg{ width:444px; float:left; margin-left:26px; position:relative; color:#fff; text-shadow:#000 1px 1px 1px;}
#recruit #recruitPr div.boxCont{ width:444px; float:right; margin-right:26px;}
#recruit #recruitPr div.boxCont h2{ font-weight:bold;}
#recruit #recruitPr div.boxCont p{ margin:13px 0; text-align:left;}
#recruit #recruitPr div.boxCont ul { overflow:hidden; margin-right:-26px; margin-top:26px;}
#recruit #recruitPr div.boxCont ul li a{ display:block; width:209px; margin-right:26px; float:left; text-align:center; font-size:16px; line-height:26px; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#recruit #recruitPr div.boxCont ul li a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}


#recruit #recruitFlow{ margin:42px 26px 68px 26px; overflow:hidden; text-align:center;}
#recruit #recruitFlow h2{ font-weight:bold; font-size:26px; text-align:center; margin-bottom:16px;}
#recruit #recruitFlow img{ margin:0px 0;}
#recruit #recruitFlow ol{ text-align:left; overflow:hidden; width:800px; margin:0 auto; background:#f5f5f5; border:3px solid #ddd; border-radius:5px; padding:16px;}
#recruit #recruitFlow ol li{ overflow:hidden; margin-bottom:26px;}
#recruit #recruitFlow ol li h3{ font-weight:bold; border-bottom:1px dotted #aaa; padding:0 6px 10px 6px;}
#recruit #recruitFlow ol li h3 span{ background:#464646; color:#fff; border-radius:3px; padding:3px 6px; font-size:12px; margin-right:10px; font-weight:normal;}
#recruit #recruitFlow ol li p{ margin:8px;}

#recruit #recruitSen{ margin:42px 0 26px 0;}
#recruit #recruitSen h2{ text-align:center; margin-bottom:42px; padding:16px 0; font-weight:bold; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
#recruit #recruitSen img{ margin:0 26px;}

#recruit #recruitInfo{ margin:42px 0 0 0;}
#recruit #recruitInfo h2{ text-align:center; margin-bottom:42px; padding:16px 0; font-weight:bold; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
#recruit #recruitInfo h3{ text-align:center; font-weight:bold; font-size:14px; margin-top:26px;}
#recruit #recruitInfo p{ margin-bottom:16px; text-align:center;}
#recruit #recruitInfo p span{ font-size:42px; font-weight:bold;}

#recruit div.interviewBox{ margin:0 0 42px 0; border-bottom:1px dotted #888; padding:0 26px 26px 26px; overflow:hidden;}
#recruit div.interviewBox h2{ font-weight:bold; text-align:center; margin-bottom:16px;}
#recruit div.interviewBox p{ margin-bottom:26px; font-size:16px;}
#recruit div.interviewBox p.name{ text-align:right; font-weight:bold;}
#recruit div.interviewBox img.imgLeft{ float:left; margin-right:32px; margin-bottom:32px;}
#recruit div.interviewBox img.imgRight{ float:right; margin-left:32px; margin-bottom:32px;}
#recruit div.interviewBox h3{ background:#464646; color:#fff; padding:6px 8px; margin-bottom:26px; font-size:16px; font-weight:bold;}
#recruit div.interviewBox div.comment{ width:532px; float:left;}
#recruit div.interviewBox div.comment img{ margin-bottom:26px;}
#recruit div.interviewBox div.schedule{ width:356px; float:right;}
#recruit div.interviewBox div.schedule dl dt{ border-bottom:1px solid #aaa; padding:0 6px 6px 6px; margin-bottom:6px; line-height:20px; font-size:15px; font-weight:bold;}
#recruit div.interviewBox div.schedule dl dt span{ font-size:13px; font-weight:bold; background:#aaa; color:#fff; padding:1px 3px; border-radius:3px;}
#recruit div.interviewBox div.schedule dl dd{ font-size:14px; margin:0 8px 10px 8px; overflow:hidden;}
#recruit div.interviewBox div.schedule dl dd img{ float:right;}
#recruit div.last{ border:none; margin-bottom:0;}

#recruit div.entryBox{ text-align:center; overflow:hidden; width:900px; margin:0 auto; background:#f5f5f5; border:3px solid #ddd; border-radius:5px; padding:26px 0;}
#recruit div.entryBox h2{ font-weight:bold; font-size:26px; margin-bottom:16px;}
#recruit div.entryBox p{ font-size:18px;}
#recruit div.entryBox div.more a{}

#recruit div.interviewEnd {overflow:hidden; margin:0px auto 0 auto; width:800px;}
#recruit div.interviewEnd ul { overflow:hidden; margin-right:-68px;}
#recruit div.interviewEnd ul li a{ display:block; width:366px; margin-right:68px; float:left; text-align:center; font-size:16px; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#recruit div.interviewEnd ul li a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}

#recruit div.more{ text-align:center; font-size:20px;}
#recruit div.more a{ display:block; width:600px; margin:26px auto 0 auto; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#recruit div.more a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}

#recruit table#entryForm{ width:956px; margin: 0 auto 42px auto; border-collapse: collapse; border: none; table-layout: fixed; border-top:1px solid #e0e0e0; border-left:solid 0px #a10002;}
#recruit table#entryForm th{ width:30%; padding:16px; border-bottom:1px solid #e0e0e0; background:#f5f5f5; vertical-align: top;}
#recruit table#entryForm td{ width:70%; padding:16px; border-bottom:1px solid #e0e0e0;}

#recruit table#entryForm td input{ padding:6px; border-radius:3px; background:#fafafa; width:482px; margin:0 auto; display:block;}
#recruit table#entryForm td textarea{ padding:6px; border-radius:3px; background:#fafafa; width:482px; height:300px; margin:0 auto; display:block;}
#recruit table#entryForm td ul { overflow:hidden; margin:0 auto 16px auto; width:482px;}
#recruit table#entryForm td ul.checkPage{ width:100%;}
#recruit table#entryForm td ul li { float:left; margin-right:26px;}
#recruit table#entryForm td ul li label{}
#recruit table#entryForm td ul li label input{ width:auto; display:inline;}
#recruit table#entryForm td p{ clear:both; width:482px; margin:0 auto; font-size:13px;}

#recruit table#infoEnd{ width:600px; margin:42px auto; border:none;}
#recruit table#infoEnd th{ border:none;}
#recruit table#infoEnd td{ border:none;}
#recruit table#infoEnd input{ width:200px; margin:0 auto; display:block; font-size:22px; border-radius:3px;  border:none; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#recruit table#infoEnd input:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}

#recruit span.att{ font-weight:bold; color:#ff0000;}
#recruit span.fonts{ display:block; font-size:12px; color:#888; margin-top:10px;}

#recruit div.infoAttention{ text-align:center; margin:26px 0;}


/* privacy
---------------------------------------------------- */
#privacy{ width:100%; overflow:hidden; margin-top:26px;}
#privacy h2{ text-align:center; margin:42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
#privacy table{ width:956px; margin: 0 auto 68px auto; border-collapse: collapse; border: none; table-layout: fixed; border-top:1px solid #e0e0e0; border-left:solid 0px #a10002;}
#privacy table th{ width:30%; padding:16px; border-bottom:1px solid #e0e0e0; background:#f5f5f5; vertical-align: top;}
#privacy table td{ width:70%; padding:16px; border-bottom:1px solid #e0e0e0;}


/* info
---------------------------------------------------- */
#info{ width:100%; overflow:hidden; margin:68px 0;}
#info h2{ text-align:center; margin-bottom:42px; padding:16px 0; font-weight:bold; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
#info table#infoForm{ width:956px; margin: 0 auto 42px auto; border-collapse: collapse; border: none; table-layout: fixed; border-top:1px solid #e0e0e0; border-left:solid 0px #a10002;}
#info table#infoForm th{ width:30%; padding:16px; border-bottom:1px solid #e0e0e0; background:#f5f5f5; vertical-align: top;}
#info table#infoForm td{ width:70%; padding:16px; border-bottom:1px solid #e0e0e0;}

#info table#infoForm td input{ padding:6px; border-radius:3px; background:#fafafa; width:482px; margin:0 auto; display:block;}
#info table#infoForm td textarea{ padding:6px; border-radius:3px; background:#fafafa; width:482px; height:300px; margin:0 auto; display:block;}
#info p{ margin:0 26px 26px 26px;}

#info table#infoEnd{ width:600px; margin:42px auto;}
#info table#infoEnd input{ width:200px; margin:0 auto; display:block; font-size:22px; border-radius:3px;  border:none; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#info table#infoEnd input:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}

#info span.att{ font-weight:bold; color:#ff0000;}
#info span.fonts{ display:block; font-size:12px; color:#888; margin-top:10px;}

#info div.infoAttention{ text-align:center; margin:26px 0;}



/* works
---------------------------------------------------- */
#works{ margin-top:42px; overflow:hidden; margin-bottom:68px;}
#works h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#works ul { overflow:hidden; margin-bottom:-42px;}
#works ul li{ margin:0 26px 42px 26px; overflow:hidden; border:1px solid #ccc; padding:26px; border-radius:3px;}
#works ul li div.boxImg{ width:417px; float:left; text-align:center;}
#works ul li div.boxImg div.postImg img{ width:auto; max-width:417px; height:240px;}
#works ul li div.subImg { overflow:hidden; margin-top:6px;}
#works ul li div.boxImg div.pdfData{}
#works ul li div.boxImg div.pdfData a{ display:block; width:240px; margin:6px auto 0 auto; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#works ul li div.boxImg div.pdfData a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}
#works ul li div.boxCont{ width:417px; float:right;}
#works ul li dl{ overflow:hidden; margin-top:16px; margin-bottom:-16px; padding:0 6px;}
#works ul li dl dt{ font-size:12px; font-weight:bold;}
#works ul li dl dd{ padding:3px 6px; margin-bottom:13px; font-size:14px;}
#works ul li dl dd span.fontB1{ font-size:18px;}
#works ul li h3{ font-size:18px; font-weight:bold; text-align:center; border-bottom:1px dotted #ccc; margin:0 -10px 16px -10px;}
#works ul li table{ width:100%; border-collapse: collapse; border: none; table-layout: fixed; border-top:1px solid #e0e0e0;}
#works ul li th{ width:30%; font-size:12px; font-weight:bold; padding:6px; border-bottom:1px solid #e0e0e0; background:#f5f5f5; vertical-align:middle; text-align:center;}
#works ul li td{ width:70%; font-size:14px; padding:6px; border-bottom:1px solid #e0e0e0;}
#works ul li td span.fontB1{ font-size:10px;}
#works div.pagenavi{ overflow:hidden; margin:42px 0;}

#works div.more{ text-align:center; font-size:20px;}
#works div.more a{ display:block; width:600px; margin:26px auto 0 auto; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#works div.more a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}



#worksMapTop{ width:100%; height:160px; position:relative; overflow:hidden;}
#worksMapTop div#grL{ position:absolute; top:0; left:0;}
#worksMapTop div#grR{ position:absolute; top:0; right:0;}



#worksMap{ margin-top:42px; margin-bottom:68px; overflow:hidden;}
#worksMap h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#worksMap div#map{ position:relative; width:956px; height:700px;}
#worksMap div#map ul li{ position:absolute;}
#worksMap div#map ul li#map_1 { top:416px; left:109px;}
#worksMap div#map ul li#map_2 { top:354px; left:518px;}
#worksMap div#map ul li#map_3 { top:261px; left:243px;}
#worksMap div#map ul li#map_4 { top:125px; left:405px;}
#worksMap div#map ul li#map_5 { top:312px; left:459px;}
#worksMap div#map ul li#map_6 { top:266px; left:538px;}
#worksMap div#map ul li#map_7 { top:502px; left:414px;}
#worksMap div#map ul li#map_8 { top:228px; left:635px;}
#worksMap div#map ul li#map_9 { top:581px; left:351px;}
#worksMap div#map ul li#map_10{ top:228px; left:452px;}
#worksMap div#map ul li#map_11{ top:268px; left:359px;}
#worksMap div#map ul li#map_12{ top:280px; left:121px;}
#worksMap div#map ul li#map_13{ top:98px;  left:252px;}
#worksMap div#map ul li#map_14{ top:336px; left:784px;}
#worksMap div#map ul li#map_15{ top:408px; left:618px;}
#worksMap div#map ul li#map_16{ top:348px; left:306px;}
#worksMap div#map ul li#map_17{ top:397px; left:436px;}
#worksMap div#map ul li#map_18{ top:446px; left:300px;}
#worksMap div#map ul li#map_19{ top:166px; left:82px;}
#worksMap div#map ul li#map_20{ top:184px; left:537px;}
#worksMap div#map ul li#map_21{ top:166px; left:722px;}
#worksMap div#map ul li#map_22{ top:204px; left:330px;}
#worksMap div#map ul li#map_23{ top:88px;  left:562px;}
#worksMap div#map ul li#map_24{ bottom:26px; right:26px;}
#worksMap div#map ul li{ text-decoration:none; color:#fff; background:#e01010; color:#ffaaaa; border-radius:3px; padding:3px 10px; text-align:center; border-bottom:2px solid #880000;}
#worksMap div#map ul li a{ color:#fff; text-decoration:none; font-weight:bold;}
#worksMap div#map ul li a:hover{ text-decoration:underline;}


/* partner
---------------------------------------------------- */
#partnerTop{ width:100%;}
#partnerTop img{ width:100%; height:auto;}

#partner{ width:100%; overflow:hidden; margin-top:42px;}
#partner div#partnerPr h1{ text-align:center; margin-bottom:42px; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#partner div#partnerPr div.boxImg{ width:444px; float:left; margin-left:26px; margin-bottom:42px;}
#partner div#partnerPr div.boxCont{ width:444px; float:right; margin-right:26px; margin-bottom:42px;}
#partner div#partnerPr div.boxCont h2{ font-weight:bold; margin-bottom:26px; margin-top:16px;}
#partner div#partnerPr div.boxCont p{ font-size:17px; margin-bottom:16px;}

#partner div#partnerCont{ margin-top:42px; overflow:hidden; clear:both;}
#partner div#partnerCont h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#partner div#partnerCont p{ font-size:12px;}
#partner div#partnerCont h3{ font-weight:bold;}
#partner div#partnerCont h4{ font-weight:bold; font-size:14px; margin:10px 6px 0 6px; padding:0 10px; border-bottom:1px dotted #aaa;}
#partner div#partnerCont div.boxL{ width:444px; float:left; margin-top:16px; margin-left:26px;}
#partner div#partnerCont div.boxL p{ text-align:right; margin:0 10px;}
#partner div#partnerCont div.boxL p span{ font-size:32px;}
#partner div#partnerCont div.boxL p.att{ clear:both; text-align:left; font-size:12px; margin-top:16px;}
#partner div#partnerCont div.boxR{ width:444px; float:right; margin-top:16px; margin-right:26px;}
#partner div#partnerCont div.boxR img{ margin-top:10px;}
#partner div#partnerCont div.boxR ul{margin:10px 6px 0 6px; overflow:hidden;}
#partner div#partnerCont div.boxR ul li{ background:#464646; color:#fff; border:0px solid #ddd; border-radius:3px; padding:4px 8px; float:left; margin-right:10px; margin-bottom:10px;}

#partner #partnerInfo{ margin:42px 0;}
#partner #partnerInfo h2{ text-align:center; margin-bottom:42px; padding:16px 0; font-weight:bold; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
#partner #partnerInfo h3{ text-align:center; font-weight:bold; font-size:14px; margin-top:26px;}
#partner #partnerInfo p{ margin-bottom:16px; text-align:center;}
#partner #partnerInfo p span{ font-size:42px; font-weight:bold;}

#partner div.more{ text-align:center; font-size:20px;}
#partner div.more a{ display:block; width:600px; margin:26px auto 0 auto; border-radius:3px; border-bottom:2px solid #880000; background:#cc0000; padding:10px 0; text-decoration:none; color:#fff; font-weight:bold;}
#partner div.more a:hover{ background:#ff0000; border-bottom:2px solid #c70000; cursor:pointer;}


/* vibration
---------------------------------------------------- */
#vibrationTop{ width:100%; position: relative;}
#vibrationTop img{ width:100%; height:auto;}
#vibrationTop h1{ width: 100%; position: absolute; bottom: 6px; font-size: 14px; color: #fff; text-align: center; text-shadow: 1px 1px 1px #000;}

#vibration{ width:100%; overflow:hidden; margin-top:42px;}
#vibration h2{ text-align:center; margin:0 0 42px 0; padding:16px 0; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#vibration h3{ font-weight: bold; margin-bottom: 26px;}

#vibration div#contTop{ position: relative; margin-bottom: 42px;}
#vibration div#contTop h1{ position: absolute; bottom: 10px; width: 100%; text-align: center;font-size: 14px; color: #fff; text-shadow: 1px 1px 1px #000;}

#vibration div#cont1{ overflow: hidden;}
#vibration div#cont1 div.contBox{ float: right; width: 441px; margin-right: 42px; margin-bottom: 42px;}
#vibration div#cont1 div.contBox img { display:block; margin: 50px auto 0 auto;}
#vibration div#cont1 div.imgBox{ float: left; width: 441px; margin-left: 42px; margin-bottom: 42px;}
#vibration div#cont1 div.imgBox img{ width:100%; height: auto;}
#vibration div#cont1 ul{ overflow: hidden; margin-left: 42px; clear: both;}
#vibration div#cont1 ul li{ float: left; width: 441px; margin-right: 42px; text-align: center;}
#vibration div#cont1 ul li p{ text-align:left; margin-bottom: 16px;}
#vibration div#cont1 ul li img{ width:80%; height: auto;}

#vibration div#cont2{ margin-top: 42px;}
#vibration div#cont2 div.contBox{ float: right; width: 441px; margin-right: 42px; margin-bottom: 42px;}
#vibration div#cont2 div.imgBox{ float: left; width: 441px; margin-left: 42px; margin-bottom: 42px;}
#vibration div#cont2 div.imgBox img{ width:100%; height: auto;}
#vibration div#cont2 ul{ overflow: hidden; margin-left: 42px; clear: both;}
#vibration div#cont2 ul li{ float: left; width: 280px; margin-right: 42px;}
#vibration div#cont2 ul li h3{ padding-left:65px; line-height: 30px;}
#vibration div#cont2 ul li h3.c1{ background:url(image/vibration_icon1.png) no-repeat left center;}
#vibration div#cont2 ul li h3.c2{ background:url(image/vibration_icon2.png) no-repeat left center;}
#vibration div#cont2 ul li h3.c3{ background:url(image/vibration_icon3.png) no-repeat left center;}

#vibration div#cont2 img{ width:100%; height: auto;}

#vibration div#cont3{  margin-top: 42px;}
#vibration div#cont3 dl{ margin: 0 42px;}
#vibration div#cont3 dl dt{ font-weight: bold;}
#vibration div#cont3 dl dd{ margin: 0 42px 42px 42px;}

#vibration div#movie{ text-align:  center; margin-bottom: 42px; }
#vibration div#movie iframe{ width: 924px; height:520px; line-height: 520px; margin: 0 auto; background: #f1f1f1; border: 2px solid #ccc; border-radius: 3px; }

#vibration div#cont4{margin: 42px 0; text-align: center;}
#vibration div#cont4 iframe{ width: 924px; height:520px; line-height: 520px; margin: 0 auto; background: #f1f1f1; border: 2px solid #ccc; border-radius: 3px; }