@charset "utf-8";
/* -------------------------------------
     Site CSS
 (c) Copyright 2006 Sketches of Design
     version 2006-09-01
------------------------------------- */
/*  General Rules
--------------------------------------*/

/** adjust header **/
.anchor {
  position: relative;
}
.anchor > .anchor-id {
  position: absolute;
  top: -110px !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* nav */
#btt{
  position: fixed;
  right: 20px;
  bottom: 30px;
  margin: 0;
  z-index: 5000;
  width: 50px;
  height: 50px;
}
#btt a{
  background: url("../img/nav-btt.png") 0 0 no-repeat;
}
#btt a:hover{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
#content p{
  margin-top: 0;
  margin-bottom: 0.7em;
  line-height: 1.6;
  letter-spacing:0.05em;
}
#content p.images{
  text-align: center;
}

/* Defalut Link Design */
a:link{
  color: #7EA4D3;
  text-decoration: underline;
}
#content a:link,
#content a:visited,
#content a:active{
  color: #7EA4D3;
}
a:hover{
  color: #7EA4D3;
  text-decoration: none;
}

a:visited{
  color: #7EA4D3;
  text-decoration: none;
}
a:active{
  color: #7EA4D3;
  text-decoration: underline;
}


/* table */
table{
  margin-bottom: 10px;
  line-height: 1.5;
  border: none;
}

table thead tr th{
  margin: 1px;
  background-color: #cfe4b3;
}
table thead tr td{
  margin: 1px;
  background-color: #ede2eb;
}
table thead{
}
table thead tr th{
  border: 1px solid #b2b2b2;
  text-align: center;
}
table tr th,
table tr td{
  padding: 0.6em;
  border: 1px solid #c7c7c7;
  text-align: left;
}
table tr th{
  background-color: #e7f2d9;
}
table tr td{
  color: #676D6F;
  vertical-align: top;
}
table p.nav{
  margin-bottom: 0 !important;
}
table tr .left{
  text-align: left;
}
table tr .center{
  text-align: center;
}
table tr .right{
  text-align: right;
}
table tr th p,
table tr td p{
/*  margin: 0 !important;*/
  padding: 0 !important;
}
table ul{
  margin: 0 0 0 1em !important;
}
table ul li{
  margin: 0 0 0.5em 0;
}
table ul li.last{
  margin: 0 !important; 
}


/* list */
#content ul,
#content ol{
  margin: 0 0 1em 1em;
  padding: 0;
}
#content ul{
  list-style-type: none;
}
#content ol{
  margin: 0 0 0 40px;
  list-style-position: outside;
}
#content ul li{
  margin: 0 0 0.2em 0;
  padding: 0 0 0 10px;
  background: url("../img/nav-bullet.gif") 0 0.5em no-repeat;
}
ol.bc{
  margin: 0 auto !important;
  padding: 0;
  border: none;
  text-align: right;
  font-size: 85%;
  width: 960px;
}
ol.bc li span.arrow{
  margin: 0 0 0 0.2em;
}
ol.bc li{
/*  float: left;
  display: inline;*/
  margin: 0 2px 0 0;
  padding: 0 0 0;
}
ol.bc li.end{
  margin: 0;
  padding: 1px 0 0 0;
}
div.bcarea{
  background: #FCF8F1;
  padding: 5px 0;
  height: 20px;
}

/* headline */
h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight: normal;
}
#main h1,
#main #content h2,
#main #content h3,
#main #content h4{
/*  font-weight: normal;*/
}
#main h1{
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 200px;
}
#content h2,
#content h3{
  margin: 0 0 15px 0;
  padding: 0;
  color: #303130;
}
#content h2{
  font-size: 230%;
}
body#root-idx #content h2{
  margin: 0 0 30px 0;
  font-weight: normal;
}
body#root-idx #content h2 span{
/*  margin-bottom: 60px;*/
  font-size: 150%;
  line-height: 40px;
}
body#root-idx #content h2 span.weak{
  margin: 0 0 0 10px;
  font-size: 70%;
}
#main h1 span{
  display: block;
  margin: 0 auto;
  font-family: 'Arial','Noto Sans Japanese';
  font-size: 320%;
  width: 960px;
  line-height: 200px;
  color: #fff;
}
#main h1 span span{
  display: inline;
  margin: 0 0 0 10px;
  font-size: 50%;
  line-height: 1.5em;
}
#main h1 span span span{
  font-size: 100%;
}
/*
#content h2.pagetitle{
  margin: 10px 0 20px 0;
  padding: 0;
  width: 630px;
  height: 70px;
}
#content h2{
  background: url("../img/h2.gif") 0 0 no-repeat;
  width: 630px;
  height: 42px;
  line-height: 42px;
  color: #2c492c;
  font-size: 124%;
  font-weight: bold;
}
#content h3{
  background: url("../img/h3.gif") 0 0 no-repeat;
  padding: 0 0 0 20px;
  width: 610px;
  height: 40px;
  line-height: 41px;
  color: #b4a473;
  font-size: 124%;
}
*/

/* decoration */
.banners a:hover,
.banners a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
em{
  font-weight: bold;
}
strong{
  color: #ff7300;
  /*font-size: 108%;*/
  font-weight: bold;
}
span.red{
  color: #ff0000 !important;
}
span.yellow{
  color: #f7a941 !important;
}
span.green{
  color: #358542 !important;
}
.nav{
  text-align: right;
 /* font-size: 85%;*/
}
.nav a{
  padding: 0 0 0 10px;
  background: url("../img/nav-arrow.png") left center no-repeat;
}
.weak{
  font-size: 85%;
  _font-size: small;
  color: #666766;
}
div#content blockquote{
  background-color: #F4F5F5;
  border: 1px solid #D2D2D2;
  color: #677880;
  margin: 1em 0 1.5em;
  padding: 0.5em 1em;
}
.box{
  margin: 15px 0 !important;
  padding: 20px;
  border: 1px solid #e4e0d2;
  background: #f2f0e9;
}
div#main span.g{
  font-family: "Arial";
  font-weight: bold;
  font-size: 100%;
}



/* ================================================
   font
   ================================================ */

body#root-idx #service-area h3 span,
body#root-idx #contact-area div#fb-area div.inner h3,
body#recruit-talk #content #profile-area div.profile h3 span{
  font-family: 'Noto Sans Japanese';
  font-weight: 200 !important;
  font-family: 'NotoSans-Light'\9;
}
body#recruit-talk #content .faq h2{
  font-family: 'Noto Sans Japanese';
  font-weight: 400 !important;
  font-family: 'NotoSansJP-Regular'\9;
}
body#root-idx #content h2 a,
body#root-idx #content h3 a,
body#root-idx #service-area div.service h4,
body#root-idx #service-area div.service p.nav a,
body#root-idx #company-area div.president,
body#root-idx #company-area ul.menu li a span,
body#root-idx #recruit-area div.menu ul li a span,
body#root-idx #contact-area div#fb-area div.inner h3 span,
body#root-idx #recruit-area div.menu h3,
body.news #content #news-area dl dt span,
body.recruit div#content div.menu h3,
body.recruit div#content div.menu ul li a span,
body#recruit-talk #content #profile-area div.profile dl dt,
body#recruit-talk #content .faq .inner dd span,
/*body#recruit-talk #content .faq .inner p.lead,*/
body#company-idx #content div#lv02-01 p.images,
body#company-vision #content div.lead,
body.service #content ul.menu li,
body.service #content h2 span,
body.service #content .box p.nav a,
body.service #content div#service-menu ul li p.nav a span,
body.service #content div#service-menu ul li p,
body#service-energy div.main-pic p.lead,
body#service-energy div#lv02-02 div h4,
#news-area ul.nav-category li,
#header ul.hd-menu li.menu li{
  font-family: 'Noto Sans Japanese';
  font-weight: 500 !important;
  font-family: 'NotoSans-Medium'\9;
}
#footer div.inner ul li,
body#recruit-idx p.lead,
body#recruit-human div#content div#lv02-01 p.lead,
body#recruit-institution div#content div.system h3,
/*body#recruit-talk #content .faq .inner .story div h3,*/
body#root-idx #recruit-area p.lead,
body#root-idx #contact-area div#form h3,
body#root-idx #service-area div.service h4 span,
body#root-idx #service-area h3,
body#root-idx #main .bxslider div.slide div.text,
body#root-idx #content h2 span,
body#root-idx #company-area div.president span,
body#root-idx #company-area div.access h3,
body.recruit div#content div.entry ul li a,
body#root-idx div#content div.entry ul li.off,
body.recruit div#content div.entry ul li.off,
body#root-idx #recruit-area div.entry ul li a,
body.news #content ul.nav-category li a,
body#company-idx #content div#lv02-01 p.images span,
body#recruit-human div#content div#lv02-03 h3,
body#company-message #content div#lv02-01 div.lv03-01 h3,
body.service #content ul.menu li span,
#main h1 span,
#content h2,
#content h3{
  font-family: 'Noto Sans Japanese';
  font-weight: 600 !important;
  font-family: 'NotoSans-Bold'\9;
}



/* ==========================================================================
   Layout
   ========================================================================== */
/* body */
body{
  background: #fff;
  text-align: center;
  color: #4e4b4a;
  font-size: 100%;
  word-wrap: break-word;
}

/* wrapper */
#wrapper{
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 82%;
  text-align: left;
}


/* header */
#header{
  position: fixed;
  top: 0;
  margin: 0;
  background-color: #fff;
  padding: 0;
  width: 100%;
 /* overflow: hidden;*/
  z-index: 100;
}
#header div.inner{
  margin: 0 auto !important;
  width: 960px;
  height: 50px;
  position: relative;
}
#header div.inner p#b-siteid{
  float: left;
  display: inline;
  padding: 0;
}
#header div.inner #b-logo{
  position: absolute;
  width: 200px;
  top: 0;
  left: -160px;
  z-index: 300;
}
#header div.inner p#b-siteid{
  margin: 0 0 0 40px;
  color: #7e7e7e;
  font-size: 116%;
  font-family: 'Noto Sans';
  line-height: 80px;
}
#header div.hmenu{
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 60px;
  z-index: 100;
}
#header div.hmenu ul,
#header div.hmenu ul li{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#header div.hmenu>ul,
#header div.hmenu>ul>li {
  position: relative;
  display: block;
}
#header div#hmenu-sp{
  display: none;
}
#header ul.hd-menu{
  margin: 0 auto !important;
  width: 960px;
}
#header ul.hd-menu li.menu a.menu-btn{
  display: none;
}
#header ul.hd-menu li.menu li.logo-type-top {
  position: absolute;
  width: 232px;
  top: 0;
  right: -232px;
  height: 60px;
}
#header ul.hd-menu li.menu li.logo-type-top a {
  display: block;
  margin: 0;
  padding: 0;
  height: 60px;
}
#header ul.hd-menu li.menu li.logo-type-top.hover a,
#header ul.hd-menu li.menu li.logo-type-top a.active {
  background-color: inherit;
}
#header ul.hd-menu li.menu li,
#header ul.hd-menu li.menu li a{
  height: 40px;
}
#header ul.hd-menu li.menu li{
  float: left;
  display: inline;
  *margin-top: -20px !important;
  width: 160px;
  font-size: 116%;
  /*overflow: hidden;*/
}
#header ul.hd-menu li.menu li a{
  display: block;
  padding: 20px 0 0 0;
/*
  padding-top: 15px;
  *padding-top: 10px;
  height: 100%;
  line-height: 1.3;
*/
  color: #4e4b4a;
  text-decoration: none;
  text-align: center;
}
#header ul.hd-menu li.menu li.home,
#header ul.hd-menu li.menu li.home a{
  height: 60px;
}
#header ul.hd-menu li.menu li.home a{
  padding: 0 !important;
  background: url("../img/nav-hmenu-home.png") center 0 no-repeat !important;
}
#header ul.hd-menu li.menu li.service a span,
#header ul.hd-menu li.menu li.company a span,
#header ul.hd-menu li.menu li.recruit a span{
  background: url("../img/nav-hmenu-service.png") right 4px no-repeat;
  padding: 0 15px 0 0;
}
#header ul.hd-menu li.menu li a.active,
#header ul.hd-menu li.menu li a:hover{
  background: #006DB6;
  color: #fff;
}
#header ul.hd-menu li.menu li.home a:hover{
  background-position: center -60px !important;
}
#header ul.hd-menu li.menu li.service a:hover span,
#header ul.hd-menu li.menu li.company a:hover span,
#header ul.hd-menu li.menu li.recruit a:hover span,
#header ul.hd-menu li.menu li.service a.active span,
#header ul.hd-menu li.menu li.company a.active span,
#header ul.hd-menu li.menu li.recruit a.active span{
  background-position: right -8px !important;
}
.droppy { display: block; margin: 0; padding: 0; position: relative; }
.droppy li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  z-index: 10;
}
  .droppy a { display: block; }
  .droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .droppy ul { line-height: 0; } /* IE6 "fix" */
  	.droppy ul a { zoom: 1; } /* IE6/7 fix */
    .droppy ul li { float: none; }
    .droppy ul ul { top: 0; }

#header ul.hd-menu li.menu li ul.lv03 li{
  *margin: 0 !important;
}
.droppy ul.lv03 li,
.droppy ul.lv03 li a{
  height: 100% !important;
}
.droppy ul.lv03 li{
  float: none !important;
  display: block !important;
}
.droppy ul.lv03 li a{
  background: #BED0E9;
  padding: 10px 0 !important;
  font-size: 80%;
}


/* main */
#main{
  margin: 110px 0 0;
  padding: 0;
  width: 100%;
}
body#root-idx #main .bxslider{
  width: 100%;
  height: 450px;
}
body#root-idx #main .bxslider div.slide div.text{
  display:table;
  margin: 0 auto;
  color: #000;
  width: 960px;
  height: 450px;
}
body#root-idx #main .bxslider div.slide div.text p span.lead{
  font-size: 350%;
}
body#root-idx #main .bxslider div.slide div.text p span.lead small{
  font-size: 72%;
}
body#root-idx #main .bxslider div.slide span.note{
  margin: 0 0 20px 0;
  font-size: 131%;
  width: 960px;
}
body#root-idx #main .bxslider div.slide span.tag{
  display: inline-block;
  padding: 1em 4em 0 0;
  font-family: "Arial";
  font-weight: bold;
}
body#root-idx #main .bxslider div.slide a{
  text-decoration: none;
}
body#root-idx #main .bxslider div.slide div.text p{
  display:table-cell;
  vertical-align: middle;
}
body#root-idx #main .bxslider div.slide-05 span.note{
  margin: 0 0 20px 200px;
}
body#root-idx #main .bxslider div.slide-05 div.text{
  text-align: center;
}
body#root-idx #main .bxslider div.slide-05 div.text p span.lead{
  margin-left: 225px;
  font-size: 420%;
}
body#root-idx #main .bxslider div.slide-05 div.text p span.tag{
  margin-bottom: 70px;
}
body#root-idx #main .bx-wrapper .bx-viewport{
  margin: 0;
  box-shadow: none;
  border: none;
}
body#root-idx #main .bx-wrapper .bx-viewport .slide{
  width: 100% !important;
  height: 450px;
}
body#root-idx #main h1{
  position: absolute;
  margin: -450px 0 0 0;
  width: 100%;
  height: 450px;
  z-index: 99;
}
body#root-idx #main h1 span{
  display: block;
  margin: 0 auto;
  padding: 150px 0 0 0;
  width: 960px;
}

/* content */
#content{
  margin: 0;
  padding: 0;
  width: 100%;
}
#content #ban-area{
  margin: 0;
  border-top: 1px solid #c6c9c6;
  border-bottom: 1px solid #c6c9c6;
}
#content #ban-area ul{
  margin: 0 auto;
  width: 960px;
  /*width: 720px;*/
}
#content #ban-area ul li{
  float: left;
/*  display: inline;*/
  display: table;
  background: none;
  padding: 20px;
  width: 200px;
  height: 111px;
  text-align: center;
}
#content #ban-area ul li a{
    display: table-cell;
    layout-grid-line: 111px;
    vertical-align: middle;
/*  display: block;
  height: 111px;*/
}
#content #ban-area ul li img{
/*
   display: inline-block;
   line-height: 111px;
   vertical-align: middle;
*/
}
#content #ban-area .bx-wrapper{
  width: 960px !important;
  max-width: 960px !important;
}
#content #ban-area .bx-wrapper .bx-viewport{
  margin: 0;
  box-shadow: none;
  border: none;
  left: 0;
}
#content #ban-area .bx-controls,
#content #ban-area .bx-controls .bx-controls-direction{
  margin: 0;
}
#content #ban-area .bx-controls .bx-prev {
	left: -40px;
	background: url("../img/nav-arrow-banarea-prev.png") center no-repeat;/*prev用画像*/
}
#content #ban-area .bx-controls .bx-next {
	right: -40px;
	background: url("../img/nav-arrow-banarea-next.png") center no-repeat;/*next用画像*/
}
#content #ban-area .bx-controls-direction a{
	position: absolute;
	margin-top: -16px;
	padding: 10px;
	width: 8px;
	height: 12px;
	text-indent: -9999px;
	z-index: 9999;
}
#content #ban-area p.banners{
  margin: 30px auto 20px auto;
  text-align: center;
}

/* aside */

/* footer */
#footer{
  overflow: hidden;
  margin: 0;
  background-color: #f5f3ed;
  padding: 0;
  width: 100%;
}
#footer div.inner{
  margin: 0 auto !important;
  padding: 0;
  width: 960px;
}
#footer div.inner ul{
  float: left;
  display: inline;
  margin-left: 20px;
  padding: 40px 0;
  width: 225px;
  list-style: none;
}
#footer div.inner ul.first{
  margin: 0;
}
#footer div.inner ul li{
  margin-bottom: 1em;
}
#footer div.inner ul li a{
  background: url("../img/nav-arrow-footer.png") left 3px no-repeat;
  padding-left: 10px;
  text-decoration: none;
  color: #4e4b4a;
}
#footer div.inner ul li a:hover{
  color: #006DB6;
}
#footer div.inner ul li ul{
  margin: 0;
  padding: 0.5em 0 0 0;
}
#footer div.inner ul li ul li{
  margin-bottom: 0.5em;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', 'Noto Sans', 'Hiragino Kaku Gothic Pro', sans-serif;
}
#footer div.inner ul li ul li a{
  background: url("../img/nav-arrow-footer-lv02.png") left 7px no-repeat;
}
#footer p.copy{
  margin: 0;
  padding: 0;
  background-color: #fff;
  line-height: 50px;
  color: #4e4b4a;
  font-size: 85%;
}

/* ==========================================================================
   root
   ========================================================================== */
body#root-idx ul li{
  background: none;
}
body#root-idx #content div.even{
  background: #f5f3ed !important;
}
body#root-idx #content div.area{
  margin: 0;
  background-color: #fff;
  padding: 0;
}
body#root-idx #content div#recruit-area{
  background-color: transparent;
}
body#root-idx #content div div.inner{
  margin: 0 auto !important;
  padding: 60px 0;
  width: 960px;
}
body#root-idx #content h2 a,
body#root-idx #content h3 a{
  float: right;
  *margin: -40px 0 0 0;
  display: block;
  border-radius: 3px;
  background: url("../img/nav-arrow-active.png") 12px center no-repeat #006DB6;
  padding: 0;
  width: 240px;
  height: 40px;
  line-height: 40px;
  font-size: 47%;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
body#root-idx #content h3{
  font-weight: normal;
}
body#root-idx #content h3 a{
  font-size: 69%;
}
#news-area ul.nav-category{
  margin: 0;
}
#news-area ul.nav-category li{
  float: left;
  display: inline;
  margin: 0;
  border-left: 1px solid #fff;
  background: center 10px no-repeat #f8f7f3;
  padding: 0;
  /*width: 102px;*/
/*  width: 122px;*/
  width: 152px;
  height: 60px;
  line-height: 65px;
/*  font-weight: bold;*/
  text-align: center;
}
#news-area ul.nav-category li.blog{
  background-image: url("../img/bg-home-news-gc.png");
}
#news-area ul.nav-category li.info{
  background-image: url("../img/bg-home-news-news.png");
}
#news-area ul.nav-category li.techBlog{
  background-image: url("../img/bg-home-news-engineer.png");
  line-height: 1.3em;
}
#news-area ul.nav-category li.kanbanConcier{
  background-image: url("../img/bg-home-news-kanban.png");
}
#news-area ul.nav-category li.mamoria{
  background-image: url("../img/bg-home-news-mamoria.png");
  line-height: 1.3em;
}
#news-area ul.nav-category li.signovate{
  background-image: url("../img/bg-home-news-signovate.png");
  line-height: 1.3em;
}
#news-area ul.nav-category li a{
  display: block;
  text-decoration: none;
  color: #4e4b4a;
}
#news-area ul.nav-category li.all{
/*  width: 61px;*/
  width: 66px;
}
#news-area ul.nav-category li.all a{
  border: none;
}
#news-area ul.nav-category li.techBlog a,
#news-area ul.nav-category li.mamoria a,
#news-area ul.nav-category li.signovate a{
  padding-top: 18px;
}
#news-area ul.nav-category li.active{
  background-color: #fff;
}
#news-area div#news-all{
  position: relative;
  margin: 0;
  background: #fff;
  padding: 20px;
  width: 640px;
  height: 300px;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
#news-area div#news-all .scroll_area{
  width: 640px;
}
#news-area div#news-all dl{
  margin-bottom: 15px;
  border-bottom: 1px dotted #e0e0e0;
  padding-bottom: 15px;
}
#news-area div#news-all dl dt{
  position: absolute;
  *position: static;
  font-weight: normal;
}
#news-area div#news-all dl dt{
	background-size: 110px 20px !important;
	-webkit-background-size: 110px 20px !important;
	-moz-background-size: 110px 20px !important;
	-ms-background-size: 110px 20px !important;
	-o-background-size: 110px 20px !important;
	padding: 1px 0 1px 120px;
}
#news-area div#news-all dl dt.blog{
  background: url("../img/nav-home-news-gc.png") left center no-repeat;
}
#news-area div#news-all dl dt.info{
  background: url("../img/nav-home-news-news.gif") left center no-repeat;
}
#news-area div#news-all dl dt.techBlog{
  background: url("../img/nav-home-news-engineer.gif") left center no-repeat;
}
#news-area div#news-all dl dt.kanbanConcier{
  background: url("../img/nav-home-news-kanban.gif") left center no-repeat;
}
#news-area div#news-all dl dt.mamoria{
  background: url("../img/nav-home-news-mamoria.gif") left center no-repeat;
}
#news-area div#news-all dl dt.signovate{
  background: url("../img/nav-home-news-signovate.gif") left center no-repeat;
}
#news-area div#news-all dl dt img{
  margin: 0 10px 0 0;
  width: 110px;
  height: 20px;
}
#news-area div#news-all dl dd{
  margin: 0 0 0 240px;
  *margin-top: -1.5em;
  padding: 1px 0;
}
#news-area div#news-all div{
  margin: 0;
}
#news-area div#news-all .jspPane{
  margin-bottom: 20px;
}
#news-area div#news-all .jspVerticalBar{
/*  margin: 20px 0;*/
}
#news-area ul.ban-area{
  position: absolute;
  margin: -400px 0 0 720px;
  background-color: #fff;
  padding: 20px 20px 10px 20px;
  width: 200px;
}
#news-area ul.ban-area li{
/*  margin-bottom: 10px;
  padding: 0;*/
  margin-bottom: 0;
  padding: 10px 0;
}
#news-area ul.ban-area li:first-child{
  padding-top: 0;
}
body#root-idx #service-area h2{
  margin-bottom: 40px;
}
body#root-idx #service-area span span{
  font-size: 100%;
}
body#root-idx #service-area div#service-01,
body#root-idx #service-area div#service-02,
body#root-idx #service-area div#service-03{
}
body#root-idx #service-area h3{
  margin: 60px 0 40px 0;
  font-size: 182%;
  font-weight: normal;
  color: #303130;
}
body#root-idx #service-area h3 span{
  margin-left: 1em;
  font-size: 85%;
  color: #4e4b4a;
}
body#root-idx #service-area h3 span span{
  margin: 0;
  font-size: 100%;
}
body#root-idx #service-area p.image{
  margin-bottom: 0;
}
body#root-idx #service-area div.service{
  float: left;
  display: inline;
  margin: 1px 0 20px 1px;
  width: 319px;
}
body#root-idx #service-area div.first{
  margin-left: 0;
}
body#root-idx #service-area div.service .inner{
  width: auto;
  padding: 20px;
}
/*body#root-idx #service-area div.lv04-02 p.nav,
body#service-service-01 #content div#lv02-02 p.nav{
  letter-spacing: -0.1em;
}
*/
body#root-idx #service-area div.service h4{
  margin: 0 0 20px 0;
  font-weight: normal;
  color: #716f6e;
}
body#root-idx #service-area div.service h4 span{
  display: block;
  font-size: 122%;
  color: #303130;
}
body#root-idx #service-area div.service p.banners{
  text-align: center;
}
body#root-idx #service-area div.service p.nav{
  height: 42px;
  line-height: 40px;
  text-align: center;
}
body#root-idx #service-area div.service p.nav a{
  display: block;
  border-radius: 3px;
  border: 1px solid #006DB6;
  background: url("../img/nav-arrow.png") 12px center no-repeat;
  padding: 0;
  color: #006DB6;
  text-decoration: none;
}
body#root-idx #service-area div.service p.nav a:hover{
  background: url("../img/nav-arrow-active.png") 12px center no-repeat #006DB6;
  color: #fff;
}
body#root-idx #service-area div.narrow{
  margin: 0;
  width: 135px;
}
body#root-idx #service-area div.lv03-01 div.narrow-01{
  position: absolute;
  *margin-left: -144px;
}
body#root-idx #service-area div.lv03-01 div.narrow-02{
  margin-left: 144px;
}
body#root-idx #company-area div.president{
  position: absolute;
  margin: 0 0 0 700px;
  text-align: center;
}
body#root-idx #company-area div.president span{
  margin-left: 0.5em;
  font-size: 124%;
}
body#root-idx #company-area table{
  margin: 80px 0 60px 0;
  width: 680px;
}
body#root-idx #company-area table,
body#root-idx #company-area table tr,
body#root-idx #company-area table th,
body#root-idx #company-area table td{
  border: none;
  background: transparent;
}
body#root-idx #company-area table th{
  vertical-align: top;
  font-weight: normal;
  color: #838180;
  text-align: right;
}
body#root-idx #company-area table td{
  font-weight: bold;
}
body#root-idx #company-area ul.menu{
  margin: 0;
}
body#root-idx #company-area ul.menu li{
  float: left;
  display: inline;
  margin-left: 40px;
  padding: 0;
  width: 160px;
}
body#root-idx #company-area ul.menu li.first{
  margin-left: 0;
}
body#root-idx #company-area ul.menu li a{
  display: block;
  padding: 90px 0 0 0;
  height: 42px;
  text-decoration: none;
}
body#root-idx #company-area ul.menu li.message a{
  background: url("../img/nav-home-company-message.png") top center no-repeat;
}
body#root-idx #company-area ul.menu li.vision a{
  background: url("../img/nav-home-company-vision.png") top center no-repeat;
}
body#root-idx #company-area ul.menu li.origin a{
  background: url("../img/nav-home-company-origin.png") top center no-repeat;
}
body#root-idx #company-area ul.menu li.history a{
  background: url("../img/nav-home-company-history.png") top center no-repeat;
}
body#root-idx #company-area ul.menu li.media a{
  background: url("../img/nav-home-company-media.png") top center no-repeat;
}
body#root-idx #company-area ul.menu li a span{
  display: block;
  border-radius: 3px;
  border: 1px solid #006DB6;
  background: url("../img/nav-arrow.png") 12px center no-repeat;
  padding: 0;
  height: 40px;
  line-height: 40px;
  color: #006DB6;
  text-align: center;
}
body#root-idx #company-area ul.menu li a:hover span{
  background: url("../img/nav-arrow-active.png") 12px center no-repeat #006DB6;
  color: #fff;
}
body#root-idx #company-area div.lv03-01{
  min-height: 450px;
}
body#root-idx #company-area div.lv03-02,
body#root-idx #company-area div.lv03-03{
  min-height: 350px;
}
body#root-idx #company-area div.access h3{
  margin-top: 60px;
  font-size: 159%;
}
body#root-idx #company-area div.access iframe{
  position: absolute;
  *margin-left: -714px;
}
body#root-idx #company-area div.access div{
  margin: 0 0 10px 709px;
}
body#root-idx #company-area div.access h4{
  padding: 2px 0 2px 21px;
  font-size: 124%;
  font-weight: bold;
  color: #006DB6;
}
body#root-idx #company-area div.access div.access-01 h4{
  background: url("../img/nav-home-company-access-01.png") left 1px no-repeat;
}
body#root-idx #company-area div.access div.access-02 h4{
  background: url("../img/nav-home-company-access-02.png") left 1px no-repeat;
}
body#root-idx #company-area div.access div.access-03 h4{
  background: url("../img/map-c.png") 0 0 no-repeat;
}
body#root-idx #company-area div.access div.access-04 h4{
  background: url("../img/nav-company-idx-address-d.png") 0 0 no-repeat;
}
body#root-idx #company-area div.access div.access-05 h4{
  background: url("../img/nav-company-idx-address-e.png") 0 0 no-repeat;
}
/*
body#root-idx #company-area div.access div.access-04 h4{
  border-top: 1px solid #b8b7b7;
  padding: 18px 0 2px 0;
}*/
body#root-idx #company-area div.access div p{
  padding: 0;
  letter-spacing: 0;
}

/* reecruit-slides */
body#root-idx #recruit-area div#recruit-pic{
  margin: 0;
  height: 180px;
}/*
body#root-idx #recruit-area div#wrap{
  height: 180px;
}
body.recruit .container,
body#root-idx .container{
  margin: 0 !important;
  padding: 180px 0;

    width:100%;
    height:100%;
    text-align:center;
    background-color: rgba(0,0,0,0.25);
}
body.recruit #okplayer-mask,
body#root-idx #okplayer-mask{
  top: 80px !important;
}
*/
body.recruit #youtube,
body#root-idx #youtube{
  width: 100%;
}
.html5-main-video{
  width: 100% !important;
}
body#root-idx #recruit-area p.lead{
  margin: 125px auto 70px auto;
  text-align: center;
  color: #fff;
}
body.recruit div#content div.entry,
body#root-idx #recruit-area div.entry{
  margin: 0;
  background-color: #006DB6;
  padding: 40px 0;
}
body#recruit-idx div#footer{
  margin-top: 0;
}
body.recruit div#content div.entry ul,
body#root-idx #recruit-area div.entry ul{
  margin: 0 auto;
  width: 960px;
}
body.recruit div#content div.entry ul li,
body#root-idx #recruit-area div.entry ul li{
  float: left;
  display: inline;
  margin: 0 0 0 30px;
  padding: 0;
  width: 465px;
  height: 62px;
  line-height: 60px;
  text-align: center;
}
body.recruit div#content div.entry ul li.first,
body#root-idx #recruit-area div.entry ul li.first{
  margin: 0;
}
body.recruit div#content div.entry ul li a,
body#root-idx div#content div.entry ul li.off,
body.recruit div#content div.entry ul li.off,
body#root-idx #recruit-area div.entry ul li a{
  display: block;
  border-radius: 3px;
  background: url("../img/nav-arrow.png") 12px center no-repeat #fff;
  padding: 0;
  font-size: 136%;
  color: #006DB6;
  text-decoration: none;
}
body.recruit div#content div.entry ul li.off,
body#root-idx div#content div.entry ul li.off{
  background: #EAF5DF;
}
/*body.recruit div#content div.entry ul li.career,
body#root-idx div#content div.entry ul li.career{
  padding: 4px 0 0 0;
  height: 58px;
  line-height: 1.5em;
}*/
body.recruit div#content div.entry ul li br,
body#root-idx #recruit-area div.entry ul li br{
  display: none;
}
/*body.recruit div#content div.entry ul li.career br,
body#root-idx #recruit-area div.entry ul li.career br{
  display: block;
}
*/
body.recruit div#content div.menu-wrap,
body#root-idx #recruit-area div.menu-wrap{
  margin: 0;
  background-color: #fff;
  padding: 30px 0 10px 0;
}
body.recruit div#content div.menu,
body#root-idx #recruit-area div.menu{
  margin: 0 auto;
  width: 960px;
}
body.recruit div#content div.menu h3,
body#root-idx #recruit-area div.menu h3{
  border-bottom: 1px solid #a6a5a4;
  padding-bottom: 10px;
  font-size: 136%;
  font-weight: normal;
}
body.recruit div#content div.menu div,
body#root-idx #recruit-area div.menu div{
  float: left;
  display: inline;
}
body.recruit div#content div.menu div.lv03-01,
body#root-idx #recruit-area div.menu div.lv03-01{
  width: 620px;
}
body.recruit div#content div.menu div.lv03-02,
body#root-idx #recruit-area div.menu div.lv03-02{
  float: right;
  width: 300px;
}
body.recruit div#content div.menu ul,
body#root-idx #recruit-area div.menu ul{
  margin: 0;
}
body.recruit div#content div.menu ul li,
body#root-idx #recruit-area div.menu ul li{
  float: left;
  display: inline;
  margin-left: 20px;
  padding: 0;
  width: 140px;
}
body.recruit div#content div.menu ul li{
  background: none;
}
body.recruit div#content div.menu ul li.first,
body#root-idx #recruit-area div.menu ul li.first{
  margin-left: 0;
}
body.recruit div#content div.menu ul li a,
body#root-idx #recruit-area div.menu ul li a{
  display: block;
  padding: 90px 0 0 0;
  text-decoration: none;
  height: 52px;
}
body.recruit div#content div.menu ul li a span,
body#root-idx #recruit-area div.menu ul li a span{
  display: block;
  border-radius: 3px;
  border: 1px solid #006DB6;
  background: url("../img/nav-arrow.png") 12px center no-repeat;
  padding: 0;
  height: 50px;
  line-height: 50px;
 /* font-weight: bold;*/
  color: #006DB6;
  text-align: center;
}
body.recruit div#content div.menu ul li.human a,
body#root-idx #recruit-area div.menu ul li.human a{
  background: url("../img/nav-home-recruit-human.png") top center no-repeat;
}
body.recruit div#content div.menu ul li.institution a,
body#root-idx #recruit-area div.menu ul li.institution a{
  background: url("../img/nav-home-recruit-institution.png") top center no-repeat;
}
body.recruit div#content div.menu ul li.gallery a,
body#root-idx #recruit-area div.menu ul li.gallery a{
  background: url("../img/nav-home-recruit-gallery.png") top center no-repeat;
}
body.recruit div#content div.menu ul li.movie a,
body#root-idx #recruit-area div.menu ul li.movie a{
  background: url("../img/nav-home-recruit-movie.png") top center no-repeat;
}
body.recruit div#content div.menu ul li.interview a,
body#root-idx #recruit-area div.menu ul li.interview a{
  background: url("../img/nav-home-recruit-interview.png") top center no-repeat;
}
body.recruit div#content div.menu ul li.story a,
body#root-idx #recruit-area div.menu ul li.story a{
  background: url("../img/nav-home-recruit-story.png") top center no-repeat;
}
body.recruit div#content div.menu ul li.talk a,
body#root-idx #recruit-area div.menu ul li.talk a{
  background: url("../img/nav-home-recruit-talk.png") top center no-repeat;
}
body.recruit div#content div.menu ul li.gallery a span,
body.recruit div#content div.menu ul li.movie a span,
body.recruit div#content div.menu ul li.interview a span,
body.recruit div#content div.menu ul li.story a span,
body.recruit div#content div.menu ul li.talk a span,
body#root-idx #recruit-area div.menu ul li.gallery a span,
body#root-idx #recruit-area div.menu ul li.movie a span,
body#root-idx #recruit-area div.menu ul li.interview a span,
body#root-idx #recruit-area div.menu ul li.story a span,
body#root-idx #recruit-area div.menu ul li.talk a span{
  padding: 8px 0;
  height: auto;
  line-height: 1.3;
}
body#recruit-human div#content div.menu ul li.human a span,
body#recruit-institution div#content div.menu ul li.institution a span,
body#recruit-gallery-idx div#content div.menu ul li.gallery a span,
body#recruit-movie div#content div.menu ul li.movie a span,
body#recruit-interview div#content div.menu ul li.interview a span,
body.story div#content div.menu ul li.story a span,
body#recruit-_talk div#content div.menu ul li.talk a span,
body.recruit div#content div.menu ul li a:hover span,
body#root-idx #recruit-area div.menu ul li a:hover span{
  background: url("../img/nav-arrow-active.png") 12px center no-repeat #006DB6;
  color: #fff;
}


/* contact */
body#root-idx #contact-area h2{
  margin-bottom: 60px;
}
body#root-idx #contact-area div.contact{
  background: #fff;
  padding: 40px;
}
body#root-idx #contact-area div.contact h3{
  position: absolute;
  margin-left: 20px;
  *margin-left: -375px;
  border-right: 1px solid #c6c9c6;
  padding: 0 40px 0 0;
  width: 225px;
  height: 100px;
  text-indent: 0 !important;
}
body#root-idx #contact-area div.contact h3 img{
  width: 225px !important;
  height: 136px !important;
  margin-top: -20px !important;
}
body#root-idx #contact-area div.contact p.address{
  margin: 0 0 0 395px;
  background: url("../img/bg-home-contact-address.png");
  width: 425px;
  height: 50px;
}
body#root-idx #contact-area div.contact p.tel{
  margin: 0 0 0 395px;
  background: url("../img/bg-home-contact-tel.png");
  width: 155px;
  height: 50px;
}
body#root-idx #contact-area div.contact p.fax{
  margin: -50px 0 0 565px;
  background: url("../img/bg-home-contact-fax.png");
  width: 155px;
  height: 50px;
}
body#root-idx #contact-area div#form h3{
  margin-top: 60px;
  font-size: 159%;
}
body#root-idx #contact-area div.form-inner{
  border: 1px solid;
  border-color: #d1c9b6 #fff #fff #d1c9b6;
}
body#root-idx #contact-area div.form-inner iframe{
/*  height: 800px;*/
}
body#root-idx #contact-area div#fb-area{
  background: #fff;
}
/*
body#root-idx #contact-area div#fb-area div.inner div{
  float: left;
  display: inline;
  width: 460px;
}
body#root-idx #contact-area div#fb-area div.inner div.fb-02{
  float: right;
}*/
body#root-idx #contact-area div#fb-area div.inner h3{
  font-size: 144%;
  font-weight: normal;
  color: #4e4b4a;
  text-align: center;
}
body#root-idx #contact-area div#fb-area div.inner h3 span{
  color: #303130;
 /* font-weight: bold;*/
  font-size: 108%;
}
body#root-idx #contact-area div#fb-area div.inner div.fb-page{
  display: block;
  margin: 0 auto;
  text-align: center;
}



/* form */
body.contact{
  background: transparent;
  width: 960px;
}
body.contact div#lv02-01{
  margin: 0 auto;
  padding: 60px 0;
  width: 740px;
/*  height: 740px;*/
}
body.contact div#lv02-01 table{
  margin: 0 auto;
  width: 740px;
}
body.contact div#lv02-01 table li{
  background: none;
}
body.contact div#lv02-01 table,
body.contact div#lv02-01 table tr,
body.contact div#lv02-01 table th,
body.contact div#lv02-01 table td{
  border: 0;
  background: none;
}
body.contact div#lv02-01 table th{
  font-weight: normal;
}
body.contact div#lv02-01 table td.spec ul{
  margin-left: 0 !important;
}
body.contact div#lv02-01 table em{
  margin-left: 0.5em;
}
body.contact #content table tr td input,
body.contact #content table tr td select{
  padding: 0.2em 0;
}
body.contact #content table tr td input{
  width: 280px;
}
body.contact div#lv02-01 table td.spec ul li input{
  width: auto;
}
body.contact #content table tr td textarea{
  width: 560px;
}
body.contact #content ul.submit{
  margin: 0;
}
body.contact #content ul.submit li{
  margin: 0 auto;
  padding: 0;
  width: 300px;
  height: 50px;
}

body.contact #content ul#confirm-btn{
  margin: 0 auto;
  width: 280px !important;
}
body.contact #content ul#confirm-btn li{
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 120px !important;
}
body.contact #content ul#confirm-btn li.li01{
  width: 160px !important;
}

body.contact div#privacybox{
/*  overflow: scroll;*/
  border: 1px solid #c6c9c6;
  padding: 1em;
/*  height: 16em;*/
}
body.contact div#privacybox h2{
  font-size: 144%;
}








/* ==========================================================================
   news
   ========================================================================== */
body.news #content div.inner{
  margin: 0 auto !important;
  width: 960px;
}
body.news #content div.inner ul.nav-category{
  margin: 60px 0 0 0;
  height: 40px;
}

body.news #content ul.nav-category,
body.news #content ul.nav-category li{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body.news #content ul.nav-category li{
  float: left;
  display: inline;
  border-right: 1px solid #dad2b9;
  background: none;
/*
  width: 158px;*/
  width: 190px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
body.news #content ul.nav-category li.all{
  border-left: 1px solid #dad2b9;
/*  width: 137px;*/
}
body.news #content ul.nav-category li a{
  display: block;
  text-decoration: none;
  color: #716f6e;
}
body.news #content ul.nav-category li.info a{
  background: url("../img/nav-bullet-news-menu-news.gif") 20px center no-repeat;
}
body.news #content ul.nav-category li.blog a{
  background: url("../img/nav-bullet-news-menu-blog-gc.png") 20px center no-repeat;
}
body.news #content ul.nav-category li.techBlog a{
  background: url("../img/nav-bullet-news-menu-blog-eng.gif") 15px center no-repeat;
  line-height: 1.3em;
}
body.news #content ul.nav-category li.kanbanConcier a{
  background: url("../img/nav-bullet-news-menu-blog-sign.gif") 20px center no-repeat;
}
body.news #content ul.nav-category li.mamoria a{
  background: url("../img/nav-bullet-news-menu-blog-mamo.gif") 20px center no-repeat;
  line-height: 1.3em;
}
body.news #content ul.nav-category li.signovate a{
  background: url("../img/bg-home-news-signovate.png") 20px center no-repeat;
  line-height: 1.3em;
}
body.news #content ul#news-menu li a.active,
body.news #content ul#news-menu li a:hover{
  background-color: #f5f3ed;
}
body.news #content #news-area ul.nav-category li.techBlog a,
body.news #content #news-area ul.nav-category li.mamoria a,
body.news #content #news-area ul.nav-category li.signovate a{
  padding-top: 9px;
}
body.news #content #news-area{
  margin: 40px 0;
}
body.news #content #news-area div#news-all .jspPane{
  padding-top: 50px !important;
}
body.news #content #news-area h2{
  margin: 20px 0 30px 0;
}
body.news #content #news-area div#news-all{
  width: auto;
}
body.news #content #news-area div#news-all .scroll_area{
  width: auto;
}
body.news #content #news-area dl{
  border: none;
  padding-bottom: 10px;
}
body.news #content #news-area dl dt span{
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 2px 0 2px 0;
  border: 1px solid #a6a5a4;
  color: #4e4b4a;
  font-size: 85%;
  text-align: center;
  width: 120px;
}
body.news #content #news-area dl a{
  color: #4e4b4a;
}
body.news #content #news-area dl dt{
  color: #838180;
  font-weight: normal;
}
body.news #content #news-area dl dd{
  border-bottom: 1px dotted #c6c9c6;
  margin: -1.5em 0 15px 0;
  padding: 0 0 15px 250px;
}

/* ==========================================================================
   company
   ========================================================================== */
body.company #content h2{
  margin: 60px 0 20px 0;
}
body.company #content div div.inner{
  margin: 0 auto !important;
  width: 960px;
}
body.company #content div#company-menu{
  margin: 0;
  background-color: #7EA4D3;
}
body.company #content div#company-menu h2{
  margin: 0;
  border-bottom: 1px solid #fff;
  padding: 18px 0;
  font-size: 139%;
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  width: 100% !important;
}
body.company #content div#company-menu ul,
body.company #content div#company-menu ul li,
body#company-idx #content div#lv02-02 ul,
body#company-idx #content div#lv02-02 ul li,
body#company-idx #content div#lv02-02 div.map,
body#company-idx #content div#lv02-02 div.data{
  margin: 0;
  padding: 0;
}
body.company #content div#company-menu ul{
  margin: 0 auto;
  width: 960px;
}
body.company #content div#company-menu ul li,
body#company-idx #content div#lv02-02 div.map,
body#company-idx #content div#lv02-02 div.data{
  float: left;
  display: inline;
}
body#company-idx #content div#lv02-01 p.images,
body#company-idx #content div#lv02-02 div.data{
  float: right;
}
body.company #content div#company-menu ul li{

  width: 192px;
  /*
  width: 160px;*/
  height: 190px;
}
body.company #content div#company-menu ul li {
  background: none;
}
body.company #content div#company-menu ul li.idx a{
  background: url("../img/nav-company-menu-idx.png") center top;
}
body.company #content div#company-menu ul li.message a{
  background: url("../img/nav-company-menu-message.png") center top;
}
body.company #content div#company-menu ul li.vision a{
  background: url("../img/nav-company-menu-vision.png") center top;
}
body.company #content div#company-menu ul li.origin a{
  background: url("../img/nav-company-menu-origin.png") center top;
}
body.company #content div#company-menu ul li.history a{
  background: url("../img/nav-company-menu-history.png") center top;
}
body.company #content div#company-menu ul li.media a{
  background: url("../img/nav-company-menu-media.png") center top;
}
body.company #content div#company-menu ul li a.active,
body.company #content div#company-menu ul li a:hover{
  background-position: center -190px !important;
}

/* idx */
body#company-idx #content div#lv02-01 p.images{
  padding: 50px 0 0 0;
  text-align: center;
  font-size: 108%;
}
body#company-idx #content div#lv02-01 p.images span{
  margin: 0 0 0 5px;
  font-size: 115%;
}
body#company-idx #content div#lv02-01 p.images img{
  margin: 0 0 10px 0;
}
body#company-idx #content div#lv02-02 div.data ul li,
body#company-idx #content table,
body#company-idx #content table tr,
body#company-idx #content table tr td,
body#company-idx #content table tr th{
  border: none;
  background: none;
}
body#company-idx #content div#lv02-01 table{
  width: 460px;
}
body#company-idx #content div#lv02-01 table tr th{
  color: #838180;
  font-weight: normal;
  width: 100px;
  text-align: right;
}
body#company-idx #content div#lv02-01 table tr td{
  color: #4E4B4A;
}
body#company-idx #content div#lv02-02 div.data{
  width: 240px;
}
body#company-idx #content div#lv02-02 div.data h3{
  font-size: 139%;
}
body#company-idx #content div#lv02-02 div.data ul li h4{
  margin: 0 0 8px 0;
  padding: 0 0 0 24px;
  min-height: 26px;
  color: #7EA4D3;
  font-size: 124%;
  font-weight: bold;
}
body#company-idx #content div#lv02-02 div.data ul li.address-a h4{
  background: url("../img/nav-home-company-access-01.png") 0 0 no-repeat;
}
body#company-idx #content div#lv02-02 div.data ul li.address-b h4{
  background: url("../img/nav-home-company-access-02.png") 0 0 no-repeat;
}
body#company-idx #content div#lv02-02 div.data ul li.address-c h4{
  background: url("../img/map-c.png") 0 0 no-repeat;
}
body#company-idx #content div#lv02-02 div.data ul li.address-d h4{
  background: url("../img/nav-company-idx-address-d.png") 0 0 no-repeat;
}
body#company-idx #content div#lv02-02 div.data ul li.address-e h4{
  background: url("../img/nav-company-idx-address-e.png") 0 0 no-repeat;
}

/**/
body#company-message #content h2,
body#company-vision #content h2{
  margin: 60px auto;
  width: 960px;
}
body#company-message #content div#lv02-01 div.inner,
body#company-vision #content div.lead{
  padding: 60px 0;
  background: #F5F3ED;
  width: 100%;
}
body#company-message #content div#lv02-01 div.inner p{
  margin: 0 auto 1.5em auto;
  width: 720px;
  line-height: 1.7em;
}
body#company-message #content div#lv02-01 div.inner p.images{
  margin: 0 auto 20px auto;
}
body#company-message #content div#lv02-01 div.inner p.posted{
  font-size: 108%;
}
body#company-message #content div#lv02-01 div.inner em,
body#company-message #content div#lv02-01 div.inner p.posted span{
  font-size: 139%;
  font-weight: bold;
}
body#company-vision #content div.inner div,
body#company-message #content div#lv02-01 div.lv03-01{
  margin: 60px auto;
  width: 720px;
}
body#recruit-human div#content div#lv02-03 h3,
body#company-message #content div#lv02-01 div.lv03-01 h3{
  border-bottom: 1px solid #4E4B4A;
  font-size: 139%;
}
body#recruit-human div#content div#lv02-03 h3,
body#company-vision #content div.lead,
body#company-message #content div#lv02-01 div.lv03-01 h3{
  color: #4E4B4A;
}
body#company-vision #content div.lead{
  text-align: center;
  font-size: 185%;
}
body#company-vision #content div.lead em{
  color: #7EA4D3;
}
body#company-vision #content div.inner div h3{
  padding: 0 0 5px 0;
  border-bottom: 1px solid #4E4B4A;
  font-size: 147%;
  color: #4E4B4A;
}
body#company-vision #content div.inner p em{
  font-family: 'NotoSans-Regular';
  font-size: 170%;
  color: #7EA4D3;
}

@media screen and (min-width: 961px) {
	body#company-history #content div#lv02-01 table br{
	  display: none;
	}
	body#company-history #content div#lv02-01 table,
	body#company-history #content div#lv02-01 table ul,
	body#company-history #content div#lv02-01 table ul li,
	body#company-history #content div#lv02-01 table tr,
	body#company-history #content div#lv02-01 table tr th,
	body#company-history #content div#lv02-01 table tr td{
	  margin: 0;
	  border: none;
	  background: none;
	  padding: 0;
	}
	body#company-history #content div#lv02-01 table{
	  background: url("../img/bg-company-history-01.gif") 0 0 no-repeat;
	  width: 960px;
	  height: 1191px;
	}
}
body#company-origin #content div#lv02-01 p.lead{
  border: 1px solid #cac9c9;
  padding: 50px 10px 40px 10px;
  text-align: center;
}
body#company-origin #content div#lv02-01 p.text{
  margin: 60px auto;
  width: 720px;
}
body#company-origin #content div#lv02-02{
  margin: 0;
  padding: 10px 0 60px 0;
  background: #F5F3ED;
  width: 100%;
}
body#company-origin #content div#lv02-02 p em{
  color: #006DB6;
  font-size: 124%;
}



body#company-media #content #lv02-01 table{
  margin-bottom: 80px;
}
body#company-media #content #lv02-01 table th,
body#company-media #content #lv02-01 table td{
}
body#company-media #content #lv02-01 table thead th,
body#company-media #content #lv02-01 table thead td{
  border: 1px solid #fff;
  background-color: #BED0E9;
}
body#company-media #content #lv02-01 table tbody th,
body#company-media #content #lv02-01 table tbody td{
  border: 1px solid #fff;
  background-color: transparent;
  padding: 1em;
}








/* ==========================================================================
   service
   ========================================================================== */
body.service #main h1 span.green{
  color: #006DB6 !important;
}
body.service #content .inner{
  margin: 0 auto !important;
  width: 960px;
}
body.service #content ul.menu{
  margin: 60px 0;
  border-left: 1px solid #dad2b9;
}
body.service #content ul.menu li{
  float: left;
  display: inline;
  border-right: 1px solid #dad2b9;
  background: url("../img/nav-service-menu.png") center bottom no-repeat;
  padding: 0;
  width: 319px;
  text-align: center;
}
body.service #content ul.menu li.first{
  width: 318px;
}
body.service #content ul.menu li a{
  display: block;
  padding: 8px 0 18px 0;
  text-decoration: none;
  color: #4e4b4a;
}
body.service #content ul.menu li span{
  display: block;
  font-size: 122%;
}
body#service-service-01 #content ul.menu li.service-02 span{
  letter-spacing: -0.05em;
  font-size: 115%;
}
body.service #content ul.menu li a:hover{
  color: #006DB6;
}
body.service #content h2{
  margin-top: 60px;
  border-top: 1px solid #cac9c9;
  padding-top: 60px;
}
body.service #content .first h2{
  margin-top: 0;
  border: none;
  padding-top: 0;
}
body.service #content h2 span{
  margin-left: 0.5em;
  font-size: 48%;
  color: #716f6e;
}
body.service #content p.image{
  margin-bottom: 30px;
}
body.service #content .box{
  clear: both;
  border: none;
  background-color: #f5f3ed;
  padding: 20px;
  min-height: 130px;
}
body.service #content .box p.nav{
  height: 42px;
  line-height: 40px;
  text-align: center;
}
body.service #content .box p.nav a{
  display: block;
  border-radius: 3px;
  border: 1px solid #006DB6;
  background: url("../img/nav-arrow.png") 12px center no-repeat #fff;
  padding: 0;
  color: #006DB6;
  text-decoration: none;
}
body.service #content .box p.nav a:hover{
  background: url("../img/nav-arrow-active.png") 12px center no-repeat #006DB6;
  color: #fff;
}
body.service #content .box .inner{
  position: absolute;
  margin: 0 !important;
  width: 280px;
}
body.service #content .box .text{
  display: table-cell;
  margin: 0;
  padding-left: 300px;
  height: 130px;
  vertical-align: middle;
}

body.service #content div#service-menu{
  margin: 0;
  background-color: #7EA4D3;
}
body.service #content div#service-menu h2{
  margin: 0;
  border-top: none;
  border-bottom: 1px solid #fff;
  padding: 18px 0;
  font-size: 139%;
  color: #FFF;
  font-weight: normal;
  text-align: center;
}
body.service #content div#service-menu ul{
  margin: 0 auto;
  width: 640px;
}
body.service #content div#service-menu ul li{
  float: left;
  display: inline;
  margin: 40px 0;
  background: none;
  padding: 0 20px;
  width: 280px;
  list-style: none;
}
body.service #content div#service-menu ul li p.nav a{
  display: block;
  padding: 140px 0 0 0;
  text-decoration: none;
  height: 52px;
}
body.service #content div#service-menu ul li p.nav a span{
  display: block;
  border-radius: 3px;
  border: 1px solid #006DB6;
  background: url("../img/nav-arrow.png") 12px center no-repeat #fff;
  padding: 0;
  height: 50px;
  line-height: 50px;
  /*font-weight: bold;*/
  color: #006DB6;
  text-align: center;
}
body#service-service-01 #content div#service-menu ul li.service-01 p.nav a span,
body#service-service-02 #content div#service-menu ul li.service-02 p.nav a span,
body#service-service-03 #content div#service-menu ul li.service-03 p.nav a span,
body.service #content div#service-menu ul li p.nav a:hover span{
  background: url("../img/nav-arrow-active.png") 12px center no-repeat #006DB6;
  color: #fff;
}
body.service #content div#service-menu ul li.service-01 p.nav a{
  background: url("../img/p-service-menu-01.jpg") top center no-repeat;
}
body.service #content div#service-menu ul li.service-02 p.nav a{
  background: url("../img/p-service-menu-02.jpg") top center no-repeat;
}
body.service #content div#service-menu ul li.service-03 p.nav a{
  background: url("../img/p-service-menu-03.jpg") top center no-repeat;
}
body.service #content div#service-menu ul li p{
  text-align: center;
  color: #4e4b4a;
}

/* service-energy */
body#service-energy div.main-pic{
  margin: 60px 0 0 0;
}
body#service-energy div.main-pic div,CFX{
  margin: 0 auto;
  width: 960px;
}
body#service-energy div.main-pic p,
body#service-energy div#lv02-01 ul li,
body#service-energy div#lv02-02 div.lv03-01,
body#service-energy div#lv02-02 div.lv03-01 ul li{
  float: left;
  display: inline;
}
body#service-energy div#lv02-02 div.lv03-02{
  float: right;
  display: inline;
}
body#service-energy div#lv02-01 ul,
body#service-energy div#lv02-01 ul li,
body#service-energy div#lv02-02,
body#service-energy div#lv02-02 ul,
body#service-energy div#lv02-02 ul li,
body#service-energy div.main-pic p.image,
body#service-energy div.main-pic p.image img{
  margin: 0;
  background: none;
  padding: 0;
}
body#service-energy div.main-pic,
body#service-energy div#lv02-02{
  background: #f5f3ed;
}
body#service-energy div.main-pic p.lead,
body#service-energy div#lv02-01 ul li h3,
body#service-energy div#lv02-02 h3{
  font-size: 139%;
}
body#service-energy div.main-pic p.lead em{
  font-size: 134%;
}
body#service-energy div.main-pic p.lead{
  margin: 40px 0 0 20px;
}
body#service-energy div.main-pic p.lead span,
body#service-energy div#lv02-01 ul li h3 em,
body#service-energy div#lv02-02 h3{
  color: #006DB6;
}
body#service-energy div#content div.inner{
  padding: 60px 0;
}
body#service-energy div#lv02-02 h2{
  margin: 0 0 30px 0;
  padding: 0;
  border: none;
}
body#service-energy div h2{
  margin: 0 0 30px 0;
}
body#service-energy div#lv02-01 ul li{
  padding: 0 0 0 20px;
  width: 280px;
}
body#service-energy div#lv02-01 ul li.philosophy-02{
  margin: 0 30px;
}
body#service-energy div#lv02-01 ul li h3 em{
  display: inline-block;
  width: 10px;
}
body#service-energy div#lv02-01 ul li h3{
  text-indent: -10px;
}
body#service-energy div#lv02-02 ul li{
  width: 210px;
}
body#service-energy div#lv02-02 ul li p.image{
  margin: 0 0 10px 0;
}
body#service-energy div#lv02-02 h3{
  border-bottom: 1px solid #006DB6;
}
body#service-energy div#lv02-02 div.lv03-01{
  width: 690px;
}
body#service-energy div#lv02-02 div.lv03-02{
  width: 210px;
}
body#service-energy div#lv02-02 div.lv03-01 ul li.service-02{
  margin: 0 30px;
}
body#service-energy div#lv02-02 div h4{
  margin: 0 0 5px 0;
  color: #1e1f1e;
  font-size: 116%;
}

/* ==========================================================================
   recruit
   ========================================================================== */
body#recruit-idx div#recruit-pic,
body#recruit-idx div#recruit-pic ul,
body#recruit-idx div#recruit-pic ul li,
body#recruit-idx div#recruit-slides div,
body#recruit-idx div.slides,
body#recruit-idx div.slides div,
body#recruit-human div#content div#lv02-02 ul,
body#recruit-human div#content div#lv02-02 ul li,
body#recruit-institution div#content div#lv02-01 ul,
body#recruit-institution div#content div#lv02-01 ul li,
body#recruit-interview div#content div.main-pic,
body#recruit-_talk div#content div.main-pic{
  margin: 0;
  background: none;
  padding: 0;
}
body#recruit-idx div.mainimage,
body#recruit-idx  div.slides,
body#recruit-idx div.mainimage ul,
body#recruit-idx .caroufredsel_wrapper,
body.recruit div#content div.inner{
  width: 960px !important;
}
body.recruit div#content div.inner{
  margin: 0 auto 40px auto !important;
  padding: 50px 0 !important;
}
/*
body#recruit-idx div.mainimage ul li{
  float: left;
  display: inline;
}
*/
body#recruit-human div#content div#lv02-02 ul,
body#recruit-institution div#content div#lv02-01 ul{
  float: right;
  display: inline;
}

/* 20160907 */
body#root-mov #fb-root,
body#root-mov #header,
body#root-mov .bcarea,
body#root-mov #footer,
body#root-mov #btt{
  display: none;
}
body#root-mov #video_wrapper{
  margin: 0;
}
body#root-idx #mov,
body#recruit-idx #mov{
  position: absolute;
  z-index: -100;
}
body#root-idx p#mov,
body#recruit-idx p#mov{
  display: none;
}
/*
body#mov-idx #controls,
body#mov-idx #poscontrols,
body#mov-idx #seek,
body#mov-idx #endevent{
  display: none;
}
*/
#controlBar_bgndVideo{
  display: none !important;
}
body#root-idx #recruit-area p.lead,
body#recruit-idx p.lead{
  margin: 0 auto 130px auto !important;
  padding-top: 100px;
/*  margin: 0 auto;*/
  width: 960px;
  font-size: 200%;
  text-align: center;
  color: #fff;
}
body#recruit-idx div#recruit-pic ul{
  height: 180px !important;
}
/*
body#recruit-idx div.mainimage{
  margin: 0 auto 30px auto;
}
body#recruit-idx div.mainimage div.person,
body#recruit-idx div.mainimage ul,
body#recruit-idx .caroufredsel_wrapper,
body#recruit-idx  div.list-area,
body#recruit-idx  div.slides{
  height: 480px !important;
}
body#recruit-idx div.mainimage ul,
body#recruit-idx .caroufredsel_wrapper{
  padding: 0;
}
body#recruit-idx div.mainimage ul li{
  width: 137px;
  height: 136px;
}
body#recruit-idx  div.list-area,
body#recruit-idx  div.slides{
  overflow: hidden;
}
body#recruit-idx  div.list-area div#cases-list{
    margin: 0 0 0 20px;
}
body#recruit-idx div#recruit-slides{
  margin: 60px auto;
}
body#recruit-idx  div.slides div#photofy{
  background: url("../img/bg-recruit-idx-person.gif") 0 0 no-repeat;
}
div.photofy_overlay{
  display: none !important;
}
body.recruit div#content div.menu{
  margin: 0 auto 60px auto;
}
body#recruit-idx div#content p#main-sp{
  display: none;
}
*/
body.recruit div#content div.entry ul li{
  background: none;
}
body#recruit-human div#content div h2{
  margin: 0 0 25px 0;
}
body#recruit-human div#content div#lv02-02,
body#recruit-institution div#content div#lv02-02,
body#recruit-institution div#content div#lv02-04,
body#recruit-interview div#content div.main-pic,
body#recruit-_talk div#content div.main-pic,
body#recruit-_talk div#content div.message{
  background: #f5f3ed;
}
body#recruit-human div#content div#lv02-01 p.lead{
  font-size: 154%;
}
body#recruit-human div#content div#lv02-01 p.lead em{
  color: #006DB6;
}
body#recruit-human div#content div#lv02-02 ul,
body#recruit-institution div#content div#lv02-01 ul{
  width: 620px;
}
body#recruit-human div#content div#lv02-02 ul h3,
body#recruit-institution div#content div#lv02-01 ul h3{
  margin: 25px 0 10px 0;
  background: url("../img/nav-bullet.gif") 0 0.5em no-repeat;
  padding: 0 0 0 15px;
  font-size: 131%;
}
body#recruit-institution div#content div.system h3{
  font-size: 139%;
}
body#recruit-interview div#content div.main-pic,
body#recruit-_talk div#content div.main-pic{
  margin: 60px 0 0 0;
  text-align: center;
}
body#recruit-interview div#content div.inner{
  width: 720px !important;
}

/* YouTube */
#movie {
        width: 100%;
        min-height: 700px;
        overflow: hidden;
        position: relative;
}
#movie iframe {
        width: auto;
        height: auto;
        min-height: 150%;
        min-width: 150%;
        position: absolute;
}


/* gallery */
body#recruit-gallery-idx #content div.main-pic{
  margin: 40px 0;
  background: #f5f3ed;
  text-align: center;
}
body#recruit-gallery-idx #content div.main-pic{
  background: #f5f3ed;
}
body#recruit-gallery-idx #content ul.photo,
body#recruit-gallery-idx #content ul.photo li{
  margin: 0;
  padding: 0;
}
body#recruit-gallery-idx #content ul.photo{
  background: #BED0E9;
  padding: 25px 25px 0 25px;
}
body#recruit-gallery-idx #content ul.photo li{
  float: left;
  display: inline;
  margin: 0 0 26px 26px;
}
body#recruit-gallery-idx #content ul.photo li.first{
  margin: 0 0 26px 0;
}
body#recruit-gallery-idx #content div div.inner h2{
  color: #006DB6;
}
body#recruit-gallery-idx #content div#lv02-01,
body#recruit-gallery-idx #content div#lv02-02,
body#recruit-gallery-idx #content div#lv02-03{
  margin: 60px auto !important;
  width: 960px;
}

/* photo */
body.photo #wrapper,
body.photo #content,
body.photo #content div.inner{
  background: none;
}
body.photo #wrapper{
  min-width: 580px;
}
body.photo #content{
  float: none;
  display: block;
  margin: 0 auto;
  width: 580px;
  padding: 20px 20px 0 20px;
}
body.photo #content div.inner,
body.photo #content div.inner h2{
  width: auto;
}
body.photo #content div.inner{
  padding: 0;
}
body.photo #content div.inner p.image{
  text-align: center;
}

/* interview */
body#recruit-interview #content dl.interview{
  margin: 20px auto;
}
body#recruit-interview #content dl.interview dt{
  width: 90px;
  height: 70px;
}
body#recruit-interview #content dl.interview dt.left{
  float: left;
}
body#recruit-interview #content dl.interview dt.right{
  float: right;
}
body#recruit-interview #content dl.interview dt.amari{
  background: url("../img/p-recruit-interview-amari.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.nishizaka{
  background: url("../img/p-recruit-interview-nishizaka.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.inoue{
  background: url("../img/p-recruit-interview-inoue.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.all{
  background: url("../img/p-recruit-interview-all.jpg") right 0 no-repeat;
  width: 441px;
}
body#recruit-interview #content dl.interview dt.aoki{
  background: url("../img/p-recruit-interview-aoki.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.tabe{
  background: url("../img/p-recruit-interview-tabe.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.miura{
  background: url("../img/p-recruit-interview-miura.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.endo{
  background: url("../img/p-recruit-interview-endo.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.kanzaki{
  background: url("../img/p-recruit-interview-kanzaki.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.teshima{
  background: url("../img/p-recruit-interview-teshima.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.takahashiy{
  background: url("../img/p-recruit-interview-takahashiy.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.kimura{
  background: url("../img/p-recruit-interview-kimura.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.hasegawa{
  background: url("../img/p-recruit-interview-hasegawa.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.okinaga{
  background: url("../img/p-recruit-interview-okinaga.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.aoi{
  background: url("../img/p-recruit-interview-aoi.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.watanabe{
  background: url("../img/p-recruit-interview-watanabe.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.takahashik{
  background: url("../img/p-recruit-interview-takahashik.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.ueno{
  background: url("../img/p-recruit-interview-ueno.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.osada{
  background: url("../img/p-recruit-interview-osada.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.ishitobi{
  background: url("../img/p-recruit-interview-ishitobi.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.yamamoto{
  background: url("../img/p-recruit-interview-yamamoto.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.sakamoto{
  background: url("../img/p-recruit-interview-sakamoto.jpg") right 0 no-repeat;
}
body#recruit-interview #content dl.interview dt.yusa{
  background: url("../img/p-recruit-interview-yusa.jpg") right 0 no-repeat;
}

body#recruit-interview #content dl.interview dt.goto-first,
body#recruit-interview #content dl.interview dt.nose-first{
  margin-top: -10px;
  width: 130px;
  height: 130px;
}
body#recruit-interview #content dl.interview dt span{
  display: inline-block;
  text-align: center;
  width: 70px;
}
body#recruit-interview #content dl.interview dt.right span{
  margin: 75px 0 0 20px;
}
body#recruit-interview #content dl.interview dt.left span{
  margin: 75px 0 0 0;
}
body#recruit-interview #content dl.interview dd{
  padding: 0 15px 0 15px;
  min-height: 70px;
}
body#recruit-interview #content dl.interview dd.left{
  padding: 15px 15px 5px 15px;
  margin: 0 0 40px 90px;
  background-color: #f7eedc;
}
body#recruit-interview #content dl.interview dt.right span,
body#recruit-interview #content dl.interview dd.right{
  color: #4e4b4a;
}
body#recruit-interview #content dl.interview dd.right{
  margin: 0 90px 40px 0;
  background-color: #BED0E9;
  line-height: 70px;
  font-weight: bold;
}


body#recruit-story-idx #content{
  background-color: #e3f1d4;
}
body#recruit-story-idx div#content div.inner{
  margin-bottom: 0 !important;
  padding-bottom: 40px;
}
body#recruit-story-idx #content .inner ul{
  margin: 0;
}
body#recruit-story-idx #content .inner ul li{
  float: left;
  display: inline;
  background: none;
  margin: 0 0 30px 0;
  padding: 0;
  width: 450px;
  text-align: right;
}
body#recruit-story-idx #content .inner ul li.story-02,
body#recruit-story-idx #content .inner ul li.story-04{
  margin-left: 60px;
}
body#recruit-story-idx #content .inner ul li a{
  text-decoration: none;
  color: #666;
  font-size: 108%;
}
body#recruit-story-idx #content .inner ul li p{
  min-height: 3em;
}
body#recruit-story-idx #content .inner ul li a em{
  color: #303130;
}
body#recruit-story-idx #content .inner ul li img{
  margin-bottom: 5px;
}


/* talk */
body#recruit-talk #content #profile-area{
  background: #f5f3ed;
}
body#recruit-talk #content h2{
  text-align: center;
}
body#recruit-talk #content #profile-area div.profile{
  position: relative;
  background: #fff;
  padding: 30px;
}
body#recruit-talk #content #profile-area div.profile h3{
  border-bottom: 1px solid #666766;
  padding: 0 0 15px 0;
}
body#recruit-talk #content #profile-area div.profile h3 em{
  display: block;
}
body#recruit-talk #content .faq h2,
body#recruit-talk #content #profile-area div.profile h3 em{
  font-size: 185%;
}
body#recruit-talk #content .faq .inner dl,
body#recruit-talk #content #profile-area div.profile h3 span,
body#recruit-talk #content #profile-area div.profile dl{
  font-size: 124%;
}
body#recruit-talk #content #profile-area div.profile p.images,
body#recruit-talk #content #profile-area div.profile div.text{
  width: 440px;
}
body#recruit-talk #content #profile-area div.profile p.images{
  position: absolute;
}
body#recruit-talk #content #profile-area div.profile div.text{
  margin: 0 0 0 460px;
}
body#recruit-talk #content #profile-area div.profile dl dt{
  color: #1e1f1e;
}
body#recruit-talk #content #profile-area div.profile dl dd{
  padding: 5px 0 20px 0;
}
body#recruit-talk #content #profile-area div.profile-takamura p.images{
  right: 30px;
}
body#recruit-talk #content #profile-area div.profile-takamura div.text{
  margin: 0;
}
body#recruit-talk #content .faq{
  position: relative;
  margin: 0 auto 40px auto;
  background-color: #bed0e9;
  padding: 20px;
  width: 960px;
  box-sizing: border-box;
}
body#recruit-talk #content .faq h2{
  margin: 0;
  text-align: left;
  color: #006db6;
}
body#recruit-talk #content .faq h2 span{
  display: inline-block;
  margin : 0 10px 0 0;
  background: #006db6;
  font-weight: bold;
  font-family: "Arial";
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
}
body#recruit-talk #content .faq p.nav{
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  cursor: pointer;
  background: url("../img/nav-recruit-talk-open.png") center bottom no-repeat;
  width: 100%;
  height: 48px;
}
body#recruit-talk #content .faq p.nav.active{
  top: auto;
  bottom: -24px;
  padding: 0;
  background: url("../img/nav-recruit-talk-close.png") center bottom no-repeat;
}
body#recruit-talk #content .faq .inner{
  display: none;
  margin: 0 !important;
  padding: 40px 0 !important;
  width: auto !important;
}
body#recruit-talk #content .faq .inner dl{
  margin: 20px 0 0 0;
}
body#recruit-talk #content .faq .inner dl dd{
  margin: -80px 0 0 100px;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
}
body#recruit-talk #content .faq .inner dt{
  width: 100px;
}
body#recruit-talk #content .faq .inner dl.takamura dt{
  margin: 0 0 0 auto;
}
body#recruit-talk #content .faq .inner dl.takamura dd{
  margin: -80px 100px 0 0;
  padding: 20px;
}
body#recruit-talk #content .faq .inner dd span{
  font-size: 113%;
}




/*  blog
--------------------------------------*/
body.blog ul#hmenu,
body.blog div#search-area,
body.blog #aside ul.banners{
  display: none;
}
body.blog #main{
  margin: 110px 0 0;
  padding: 0 0 40px 0;
  width: 100%;
}
body.blog #main .inner{
  margin: 0 auto !important;
  width: 1040px;
}
body.blog #content{
  float: left;
  display: inline;
  margin: 0 0 0 40px;
  border: 1px solid #ccc;
  padding: 20px;
  width: 650px;
}
body.blog #content div.inner{
  margin: 0 auto !important;
  padding: 0 30px 0 30px;
  width: 630px;
}
body.blog #aside{
  float: right;
  display: inline;
  margin: 0 40px 0 0;
  padding: 0;
  width: 240px;
}
body.blog #aside .inner{
  margin: 0;
  background: none;
  padding: 0;
  width: 240px !important;
}
/*#footer{
  margin: 40px 0 0 0;
}*/
#footer p.copy{
  background: none;
}
body.blog #aside ul.ban{
  margin: 0 0 20px 0;
  padding: 0;
  width: 240px;
}
body.blog #aside ul.ban li{
  width: 240px;
}
body.blog #aside ul.ban li.ban-data{
  height: 70px;
}
body.blog #aside ul.ban li.ban-data a{
  background: url("../img/ban-data.png") 0 0 no-repeat;
}
body.blog #aside ul.ban li.ban-data a:hover{
  background-position: 0 -70px;
}
body.blog #aside div.inner div{
  margin: 0 0 20px 0;
  background: #fff;
  border: 1px solid #d5dbd5;
}
body.blog #aside div.blog{
  padding: 10px;
  width: 218px;
}
body.blog #aside div.blog h2{
  background: url("../img/h2-aside-blog.png") 0 0 no-repeat;
  width: 220px;
  height: 42px;
}
body.blog #aside div ul.util{
  position: absolute;
  margin: -32px 0 0 159px;
  padding: 0;
  width: 63px;
}
body.blog #aside div ul.util li{
  float: left;
  display: inline;
  padding: 0;
  height: 25px;
}
body.blog #aside div ul.util li.all{
  margin: 0 3px 0 0;
  width: 33px;
}
body.blog #aside div ul.util li.rss{
  margin: 0 0 0 0;
  width: 25px;
}
body.blog #aside div ul.util li.all a{
  background-image: url("../img/nav-home-news-all.gif");
}
body.blog #aside div ul.util li.rss a{
  background-image: url("../img/nav-home-news-rss.gif");
}
body.blog #aside div ul.util li a:hover{
  background-position: 0 -25px;
}
body.blog #aside div.blog dl dt{
  margin: 10px 0 5px 0;
}
body.blog #aside div.blog dl dt a{
  color: #666;
  font-weight: normal;
}
body.blog #aside div.blog dl dd{
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #c9c2ab;
}
body.blog #aside div.blog dl a{
  text-decoration: none;
}
body.blog #aside div.blog dl a:hover{
  text-decoration: underline;
}
body.blog #aside ul.banners{
  margin: 0 0 20px 0;
  background: #fff;
  padding: 20px 20px 10px 20px;
  border: 1px solid #d5dbd5;
  list-style-type: none;
  width: 198px;
}
body.blog #aside ul.banners li{
  margin: 0 0 10px 0;
  padding: 0;
  background: none;
}
body.blog #aside div.side-menu{
  margin: 0 0 20px 0;
  background: none !important;
  padding: 0;
  border: none !important;
  width: 240px;
}
body.blog #aside div.side-menu h2{
  width: 240px;
  height: 50px;
}
body.blog #aside div.side-menu h2 a:hover{
  background-position: -240px 0;
}
body.blog #aside div.side-menu ul{
  margin: 0;
  padding: 0;
  width: 240px;
  list-style-type: none;
}
body.blog #aside div.side-menu ul li{
  margin: 0;
  padding: 0;
  width: 238px;
  line-height: 1.5em;
  border: 1px solid #d5dbd5;
  border-top: none;
}
body.blog #aside div.side-menu ul li a{
  display: block;
  background: url("../img/bg-side-menu-list.gif") 0 center no-repeat;
  padding: 10px 10px 10px 30px;
  color: #454545;
  height: 100%;
  text-decoration: none;
  font-size: 93%;
}
body.blog #aside div.side-menu ul li.on a,
body.blog #aside div.side-menu ul li a:hover{
  color: #358442;
  background-position: -240px center;
}
body.blog #aside div.side-menu ul li span{
  margin-left: 5px;
  color: #7e7e7e;
}
body.blog div#main h1{
  margin: 0 0 20px 0;
  background: #f4f5ed url("../img/h1-blog.jpg") center 0 no-repeat;
/*  width: 960px;*/
  height: 100px;
}
body.blog div#main ol.bc{
  display: none;
}
body.blog #content h2.pagetitle{
  background-image: url("../img/h2-pagetitle-blog.gif");
}
body.blog #content h2{
  font-size: 144%;
}
body.blog #content h2 a{
  text-decoration: none;
}
body.blog #content ul.pagenate{
  margin: 0;
  border-top: 1px dotted #c9c2ab;
  padding-top: 1em;
}
body.blog #content ul.pagenate li{
  float: left;
  display: inline;
  background: none;
  margin: 0;
  padding: 0;
}
body.blog #content ul.pagenate li.prev{
  width: 100px;
}
body.blog #content ul.pagenate li.prev a{
  background: url("../img/nav-arrow-prev.png") left center no-repeat;
  padding-left: 20px;
}
body.blog #content ul.pagenate li.list{
  width: 430px !important;;
  text-align: center;
}
body.blog #content ul.pagenate li.next{
  width: 100px;
  text-align: right;
}
body.blog #content ul.pagenate li.next a{
  background: url("../img/nav-arrow-next.png") right center no-repeat;
  padding-right: 20px;
}
body.blog #aside div.archive{
  padding: 10px;
}
body.blog #aside div.archive h2{
  background: url("../img/h2-aside-archive.png") 0 0 no-repeat;
  width: 220px;
  height: 42px;
}
body.blog #aside div.archive ul.monthly-list{
  padding-left: 0;
}
body.blog #aside div.archive ul.monthly-list li{
  margin-bottom: 0.25em;
  border-bottom: 1px dotted #c9c2ab;
  background: url("../img/nav-bullet.png") 5px center no-repeat;
  padding-left: 15px;
  list-style: none;
  line-height: 2.5;
}
body.blog #aside div.archive ul.monthly-list li a{
  text-decoration: none;
}
body.blog #aside div.archive ul.monthly-list li a:hover{
  text-decoration: underline;
}
body#monthly-arvhice #content dl dt{
  font-weight: normal;
  font-size: 87%;
}
body#monthly-arvhice #content dl dt a{
  color: #666766;
  text-decoration: none;
}
body#monthly-arvhice #content dl dd{
  margin-bottom: 1.25em;
  border-bottom: 1px dotted #c9c2ab;
  padding: 0 0 1em 0;
}
body.mt-search-results div#main h1{
  background-image: url("../img/h1-search-result.gif");
}
body.blog div.entry-asset{
  border-bottom: 1px dotted #ccc;
}






/*  info
--------------------------------------*/
body.info ul#hmenu,
body.info div#search-area,
body.info #aside ul.banners{
  display: none;
}
body.info #main{
  margin: 110px 0 0;
  padding: 0 0 40px 0;
  width: 100%;
}
body.info #main .inner{
  margin: 0 auto !important;
  width: 1040px;
}
body.info #content{
  float: left;
  display: inline;
  margin: 0 0 0 40px;
  border: 1px solid #ccc;
  padding: 20px;
  width: 650px;
}
body.info #content h2{
  text-indent: 0 !important;
}
body.info #content div.inner{
  margin: 0 auto !important;
  padding: 0 30px 0 30px;
  width: 630px;
}
body.info #aside{
  float: right;
  display: inline;
  margin: 0 40px 0 0;
  padding: 0;
  width: 240px;
}
body.info #aside .inner{
  margin: 0;
  background: none;
  padding: 0;
  width: 240px !important;
}
/*#footer{
  margin: 40px 0 0 0;
}*/
#footer p.copy{
  background: none;
}
body.info #aside ul.ban{
  margin: 0 0 20px 0;
  padding: 0;
  width: 240px;
}
body.info #aside ul.ban li{
  width: 240px;
}
body.info #aside ul.ban li.ban-data{
  height: 70px;
}
body.info #aside ul.ban li.ban-data a{
  background: url("../img/ban-data.gif") 0 0 no-repeat;
}
body.info #aside ul.ban li.ban-data a:hover{
  background-position: 0 -70px;
}
body.info #aside div.inner div{
  margin: 0 0 20px 0;
  background: #fff;
  border: 1px solid #d5dbd5;
}
body.info #aside div.info{
  padding: 10px;
  width: 218px;
}
body.info #aside div.info h2{
  background: url("../img/h2-aside-info.png") 0 0 no-repeat;
  width: 220px;
  height: 42px;
}
body.info #aside div ul.util{
  position: absolute;
  margin: -32px 0 0 159px;
  padding: 0;
  width: 63px;
}
body.info #aside div ul.util li{
  float: left;
  display: inline;
  padding: 0;
  height: 25px;
}
body.info #aside div ul.util li.all{
  margin: 0 3px 0 0;
  width: 33px;
}
body.info #aside div ul.util li.rss{
  margin: 0 0 0 0;
  width: 25px;
}
body.info #aside div ul.util li.all a{
  background-image: url("../img/nav-home-news-all.gif");
}
body.info #aside div ul.util li.rss a{
  background-image: url("../img/nav-home-news-rss.gif");
}
body.info #aside div ul.util li a:hover{
  background-position: 0 -25px;
}
body.info #aside div.info dl dt{
  margin: 10px 0 5px 0;
}
body.info #aside div.info dl dt a{
  color: #666;
  font-weight: normal;
}
body.info #aside div.info dl dd{
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #c9c2ab;
}
body.info #aside div.info dl a{
  text-decoration: none;
}
body.info #aside div.info dl a:hover{
  text-decoration: underline;
}
body.info #aside ul.banners{
  margin: 0 0 20px 0;
  background: #fff;
  padding: 20px 20px 10px 20px;
  border: 1px solid #d5dbd5;
  list-style-type: none;
  width: 198px;
}
body.info #aside ul.banners li{
  margin: 0 0 10px 0;
  padding: 0;
  background: none;
}
body.info #aside div.side-menu{
  margin: 0 0 20px 0;
  background: none !important;
  padding: 0;
  border: none !important;
  width: 240px;
}
body.info #aside div.side-menu h2{
  width: 240px;
  height: 50px;
}
body.info #aside div.side-menu h2 a:hover{
  background-position: -240px 0;
}
body.info #aside div.side-menu ul{
  margin: 0;
  padding: 0;
  width: 240px;
  list-style-type: none;
}
body.info #aside div.side-menu ul li{
  margin: 0;
  padding: 0;
  width: 238px;
  line-height: 1.5em;
  border: 1px solid #d5dbd5;
  border-top: none;
}
body.info #aside div.side-menu ul li a{
  display: block;
  background: url("../img/bg-side-menu-list.gif") 0 center no-repeat;
  padding: 10px 10px 10px 30px;
  color: #454545;
  height: 100%;
  text-decoration: none;
  font-size: 93%;
}
body.info #aside div.side-menu ul li.on a,
body.info #aside div.side-menu ul li a:hover{
  color: #358442;
  background-position: -240px center;
}
body.info #aside div.side-menu ul li span{
  margin-left: 5px;
  color: #7e7e7e;
}
body.info div#main h1{
  margin: 0 0 20px 0;
  background: #f4f5ed url("../img/h1-info.jpg") center 0 no-repeat;
/*  width: 960px;*/
  height: 100px;
}
body.info div#main ol.bc{
  display: none;
}
body.info #content h2.pagetitle{
  background-image: url("../img/h2-pagetitle-info.gif");
}
body.info #content h2{
  font-size: 144%;
}
body.info #content h2 a{
  text-decoration: none;
}
body.info #content ul.pagenate{
  margin: 0;
  border-top: 1px dotted #c9c2ab;
  padding-top: 1em;
}
body.info #content ul.pagenate li{
  float: left;
  display: inline;
  background: none;
  margin: 0;
  padding: 0;
}
body.info #content ul.pagenate li.prev{
  width: 100px;
}
body.info #content ul.pagenate li.prev a{
  background: url("../img/nav-arrow-prev.png") left center no-repeat;
  padding-left: 20px;
}
body.info #content ul.pagenate li.list{
  width: 430px !important;;
  text-align: center;
}
body.info #content ul.pagenate li.next{
  width: 100px;
  text-align: right;
}
body.info #content ul.pagenate li.next a{
  background: url("../img/nav-arrow-next.png") right center no-repeat;
  padding-right: 20px;
}
body.info #aside div.archive{
  padding: 10px;
}
body.info #aside div.archive h2{
  background: url("../img/h2-aside-archive.png") 0 0 no-repeat;
  width: 220px;
  height: 42px;
}
body.info #aside div.archive ul.monthly-list{
  padding-left: 0;
}
body.info #aside div.archive ul.monthly-list li{
  margin-bottom: 0.25em;
  border-bottom: 1px dotted #c9c2ab;
  background: url("../img/nav-bullet.gif") 5px center no-repeat;
  padding-left: 15px;
  list-style: none;
  line-height: 2.5;
}
body.info #aside div.archive ul.monthly-list li a{
  text-decoration: none;
}
body.info #aside div.archive ul.monthly-list li a:hover{
  text-decoration: underline;
}
body#monthly-arvhice #content dl dt{
  font-weight: normal;
  font-size: 87%;
}
body#monthly-arvhice #content dl dt a{
  color: #666766;
  text-decoration: none;
}
body#monthly-arvhice #content dl dd{
  margin-bottom: 1.25em;
  border-bottom: 1px dotted #c9c2ab;
  padding: 0 0 1em 0;
}
body.mt-search-results div#main h1{
  background-image: url("../img/h1-search-result.gif");
}
body.info div.entry-asset{
  border-bottom: 1px dotted #ccc;
}
body.blog #content img,
body.info #content img{
  width: auto;
  max-width: 100%;
  height: auto;

}

/* 201708 社員インタビュー */
body.story div#content div.content-inner{
  margin: 0;
  background-color: #fff;
  padding: 0;
  width: 100% !important;
}
body.story div#content div.inner,
body.story div#content .lead{
  margin: 0 auto;
  width: 720px !important;
}
body#recruit-story-idx div#content div.inner{
  width: 960px !important;
}
body.story div#content #lv02-01{
  margin-top: 0;
}
body.story div#content #lv02-01 .lv03-01,
body.story div#content #lv02-01 .lv03-03,
body.story div#content #lv02-01 .lv03-05,
body.story div#content #lv02-01 .lv03-07{
  background-color: #f5f3ed;
}
body.story div#content h2{
  background-color: #e3f1d4;
  padding: 60px 0;
  text-align: center;
}
body.story div#content h2 span{
  font-size: 79%;
}
body.story div#content div.inner h3{
  font-size: 139%;
}
body.story div#content .lead{
  padding: 20px;
}
body.story div#content div.inner p.image img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}