@charset "utf-8";
/*------------------------------------------------------------
  デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;

  font-size: 1em;
}

body {
  font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
  font-family: MS Gothic, "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

a:link {
  color: #31aebb;
  text-decoration: none;
}

a:visited {
  color: #31aebb;
  text-decoration: none;
}

a:hover {
  color: #31aebb;
  text-decoration: underline;
  cursor: url(/common/img/cursor01.cur), url(/common/img/cursor01.png), auto;
}

a:active {
  color: #31aebb;
  text-decoration: underline;
}

/*------------------------------------------------------------
  レイアウト
------------------------------------------------------------*/
body {
  background-color: #FBFAEA;
  color: #333;
  line-height: 1.5;
  min-width: 972px;
  text-align: center;
}

#container {
  text-align: left;
}

#main {
  background: url(/common/img/main_bg.gif) repeat-y left top;
  margin: 0 auto 47px;
  width: 950px;
}

  * html #main {
    zoom: 1;
  }

  *+html #main {
    zoom: 1;
  }

#main:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/*------------------------------------------------------------
  ヘッダー
------------------------------------------------------------*/
#header {
  background: #FFAC02 url(/common/img/header_bg.jpg) repeat-x left bottom;
  margin-bottom: 13px;
  padding-bottom: 6px;
  zoom: 1;
}

#header h1 {
  color: #FFF;
  font-weight: normal;
  left: 2px;
  position: absolute;
  top: 4px;
  width: 700px;
  z-index: 1000;
}

#header .hSection {
  margin: 0 auto;
  position: relative;
  width: 952px;
}

#header li {
  float: left;
}

#header .ulLink ul {
  float: right;
}

#header .ulLink li {
  padding-left: 8px;
}

#header .ulLink li a.sp__link {
  padding: 2px 20px;
  display: block;
  color: #ff8b02;
  font-size: 1.8em;
  font-weight: bold;
  text-decoration: none;
  background-color: #fefefe;
}

#header .hBox {
  margin-bottom: 15px;
}

#header .logo {
  float: left;
  margin-top: -1px;
  position: relative;
  zoom: 1;
}

#header .hImgText {
  margin-top: 18px;
  float: right;
  width: 546px;
  font-size: 1.3em;
  color: #fff;
  font-weight: bold;
  font-family: ui-monospace;
  letter-spacing: 0.07em;
}

/*------------------------------------------------------------
  グローバルナビ
------------------------------------------------------------*/
/*#gNavi a {
  display: block;
}*/
#gNavi {
  width: 968px;
  display: flex;
}
#gNavi li {
  width: 95px;
  height: 46px;
  font-size: 1.15em;
  border-radius: 5px;
  letter-spacing: 0.1em;
}
#gNavi li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 100%;
}
#gNavi li a:hover {
  text-decoration: none;
}

/* https://www.peko-step.com/tool/colightness.html
 * 指定色、明るい
 */
#gNavi li.navi01 {background: linear-gradient(#FFA866,#FF7302)}
#gNavi li.navi02 {background: linear-gradient(#9ED971,#69B730)}
#gNavi li.navi03 {background: linear-gradient(#849FEA,#305ddc)}
#gNavi li.navi04 {background: linear-gradient(#FEC2CD,#fd5e7a)}
#gNavi li.navi05 {background: linear-gradient(#FBDC5F,#f1c504)}
#gNavi li.navi06 {background: linear-gradient(#D877A5,#b93370)}
#gNavi li.navi07 {
  background: linear-gradient(#E6FC1B,#a2b501);
  letter-spacing:0;
}
#gNavi li.navi08 {background: linear-gradient(#D4BEF8,#9a61f0)}
#gNavi li.navi09 {background: linear-gradient(#FD3437,#cd0102)}
#gNavi li.navi10 {background: linear-gradient(#0AD6FF,#008ba8)}
#gNavi li.navi11 {background: linear-gradient(#0DF6D3,#059e89)}

/*------------------------------------------------------------
  パンクズリスト
------------------------------------------------------------*/
#pagePath {
  margin: 0 auto 11px;
  width: 936px;
}

#pagePath li {
  color: #000;
  display: inline;
  font-size: 1.2em;
  line-height: 1.2;
  margin-right: 3px;
}

  * html #pagePath .home {
    margin-right: 9px;
  }

  *+html #pagePath .home {
    margin-right: 9px;
  }

#pagePath .home {
  background: url(/common/img/icon01.gif) no-repeat left top;
  padding: 1px 0 0 25px;
  zoom: 1;
}

#pagePath li a {
  background: url(/common/img/icon06.gif) no-repeat right center;
  padding-right: 10px;
}

/*------------------------------------------------------------
  コンテンツ
------------------------------------------------------------*/
#conts {
  float: left;
  padding: 8px 10px 0;
  width: 690px;
}

/*------------------------------------------------------------
  サイドバー
------------------------------------------------------------*/
#sideBar {
  float: right;
  width: 222px;
}

#sideBar dl {
  background-color: #005BEC;
  clear: both;
  margin: 0 0 9px 2px;
  padding-bottom: 6px;
}

#sideBar dd {
  background-color: #FFF;
  margin: 0 6px;
  padding: 2px 4px 5px;
}

#sideBar li {
  word-wrap: break-word;
}

#sideBar a {
  word-wrap: break-word;
}

#sideBar dl .list li {
  padding: 11px 2px 7px;
  background: url(/common/img/line01.gif) repeat-x left bottom;
}

#sideBar dl .list a {
  background: url(/common/img/icon02.gif) no-repeat left 4px;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 14px;
}

#sideBar dd span {
  color: #384d4f;
  font-size: 1.2em;
  display: block;
  margin: 9px 0 0 14px;
}

#sideBar .news dd {
  padding-top: 5px;
}

#sideBar .news .list li {
  padding: 9px 2px 6px;
}

#sideBar .news .list a {
  line-height: 1.3;
  padding-left: 12px;
}

#sideBar .banner {
  margin: 0 0 9px 2px;
}

#sideBar .coach  dd {
  padding: 7px 0 5px 7px;
}

#sideBar .coach ul {
  margin-bottom: 5px;
}

#sideBar .coach ul li {
  float: left;
  padding-right: 4px;
}

#sideBar .coach .pLink {
  margin-right: 6px;
  text-align: right;
}

#sideBar .coach .pLink a {
  background: #30AEBA url(/common/img/icon03.gif) no-repeat 5px 6px;
  color: #FFF;
  display: inline-block;
  line-height: 1.2;
  padding: 4px 7px 2px 20px;
}

#sideBar .menu dd {
  padding: 0;
}

#sideBar .menuList01 li {
  background: url(/common/img/li_bg.jpg) repeat-x left bottom;
  padding: 9px 6px 8px;
}

#sideBar .menuList01 li a {
  background: url(/common/img/icon05.png) no-repeat left 7px;
  display: inline-block;
  font-size: 1.6em;
  font-weight: bold;
  padding-left: 12px;
}

#sideBar .menuList02 {
  background: url(/common/img/line04.gif) repeat-x left bottom #FFF;
  display: none;
  padding: 13px 6px 4px;
}

#sideBar .menuList02 li {
  padding-bottom: 6px;
}

#sideBar .menuList02 a {
  background: url(/common/img/icon02.gif) no-repeat left 4px;
  display: inline-block;
  font-size: 1.2em;
  padding-left: 15px;
}

#sideBar .menuList03 {
  background-color: #005BEC;
  padding-top: 1px;
}

#sideBar .menuList03 li {
  background: url(/common/img/line02.gif) repeat-x left bottom;
  padding: 9px 0 8px;
}

#sideBar .menuList03 a {
  background: url(/common/img/icon04.gif) no-repeat 6px 5px;
  color: #FFF;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 20px;
}

#sideBar .ulBanner {
  margin: 0 0 2px 2px;
}

#sideBar .ulBanner li {
  float: left;
  padding-bottom: 10px;
}

/*------------------------------------------------------------
  フッター
------------------------------------------------------------*/
#footer {
  background-color: #FF6F02;
  overflow: hidden;
  padding: 15px 0 3px;
}

#footer .fSection {
  margin: 0 auto;
  padding-left: 4px;
  width: 948px;
}

#footer .fSection .fBox {
  margin-bottom: 20px;
}

#footer .fSection dl {
  float: left;
  margin: 7px 34px 0 0;
  width: 306px;
}

#footer .fSection dt {
  background: url(/common/img/line03.gif) repeat-x left bottom;
  color: #FFF;
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 7px;
}

#footer .fSection dd {
  color: #FFF;
  font-size: 1.2em;
  word-wrap: break-word;
  word-break: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #footer .fSection dd span { letter-spacing: -1px;} }

#footer .fSection dd span {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 4px;
}

#footer .fSection ul {
  float: right;
  width: 264px;
}

#footer .fSection li {
  float: left;
  padding-bottom: 10px;
}

#footer p {
  color: #FFF;
  font-size: 1.2em;
  word-wrap: break-word;
  word-break: normal;
}


/*------------------------------------------------------------
  NEWS（新着）アイコン
------------------------------------------------------------*/

#conts .news {
  border: 1px solid #E0E0E0;
  margin: 11px 0 5px;
  padding: 1px 0 8px;
}

#conts .news dl {
  margin-bottom: 9px;
}

#conts .news dt {
  color: #000;
  clear: left;
  font-size: 1.2em;
  float: left;
  clear: left;
  padding: 10px 0 0 14px;
}

#conts .news dd span {
  color: #FFF;
  display: block;
  float: left;
  font-size: 0.7em;
  text-align: center;
  width: 100px;
  font-weight: normal;
  line-height: 1.2;
  padding: 3px 0 3px;
  position: absolute;
  left: 92px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #conts .news dd span { letter-spacing: -1px;} }

#conts .news dd {
  border-bottom: 1px solid #E0E0E0;
  font-size: 1.4em;
  font-weight: bold;
  padding: 9px 0 6px 205px;
  position: relative;
}

#conts .news .link {
  margin-right: 10px;
  text-align: right;
}

/*--- カテゴリなし ---*/
.bgColor00 {
  background-color: #7d924c;
}

/*--- セミナー ---*/
.bgColor01 {
  background-color: #4D76EC;
}

/*--- Live cafe week ---*/
.bgColor02 {
  background-color: #9760EF;
}

/*--- 就活塾 ---*/
.bgColor03 {
  background-color: #C15183;
}

/*--- Live Cafe ---*/
.bgColor04 {
  background-color: #FC5C78;
}

/*--- 就職相談 ---*/
.bgColor05 {
  background-color: #64b22a;
}

/*--- Jobチャンネル ---*/
.bgColor06 {
  background-color: #d4ad00;
}

/*--- メールカウンセリング ---*/
.bgColor07 {
  background-color: #9bad00;
}

/*--- Livecafeweek ---*/
.bgColor08 {
  background-color: #8343e8;
}

/*--- イベントカレンダー ---*/
.bgColor09 {
  background-color: #e52222;
}

/*--- Jobnavi ---*/
.bgColor10 {
  background-color: #008ba8;
}

/*--- キャリアセンター ---*/
.bgColor11 {
  background-color: #069f89;
}

/*--- お知らせ ---*/
.bgColor12 {
  background-color: #ff9702;
}

/*--- 集中セミナー ---*/
.bgColor13 {  background-color: #1aa3f1;
}

/*--- 業界研究 ---*/
.bgColor14 {  background-color: #caab00;
}

/*--- 面接会・説明会 ---*/
.bgColor15 {  background-color: #ff7031;
}

/*--- お問い合わせ ---*/

#conts .contact{
  margin:20px 0 0 0;
}

#conts .contact .contact_bktop{
  background:url(/universal/livecafe/img/contact_bktop.gif) no-repeat left top;
  padding-top:13px;
}

#conts .contact .contact_bkcenter{
  background:url(/universal/livecafe/img/contact_bkcenter.gif) repeat-y left top;
  padding:6px 10px 6px 10px;
}

#conts .contact .contact_bkcenter .text_01{
  font-size:16px;
  font-weight:bold;
  color:#402900;
  border-left:5px #e97394 solid;
  padding:0 0 0 5px;
  margin:0 0 0 8px;
}

#conts .contact .contact_bkcenter .text_02{
  font-size:16px;
  font-weight:bold;
  color:#e97394;
  margin:10px 0 0 8px;
}

#conts .contact .contact_bkcenter .text_03{
  font-size:12px;
  color:#333333;
  line-height:23px;
  margin:10px 0 0 8px;
}

#conts .contact .contact_bkbottom{
  padding-bottom:13px;
  background:url(/universal/livecafe/img/contact_bkbottom.gif) no-repeat left bottom;
  font-size:1px;
  line-height:1px;
}

/*--- TOPリンク ---*/

#container #main #conts .top_link{
  margin:10px;
  float:right;
}

#container #main #conts .top_link li{
  list-style-image:url(/company/img/sankaku01.gif);
  margin:0;
  padding:0 0 0 0px;
  width:80px;
  font-size:12px;
}