@charset "UTF-8";
/* CSS Document */
/*--
リンクカラー設定
--*/
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
a {
  color: #00d8ff; }

a:hover {
  color: #a9f1fe; }

body {
  -webkit-text-size-adjust: 100%; }

#wrapper {
  position: relative;
  width: 100%;
  height: auto !important;
  /*IE6対策*/
  height: 100%;
  /*IE6対策*/
  min-height: 100%;
  font-size: 13px;
  color: #f6f6f6;
  font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-bottom: 200px; }
  #wrapper p {
    line-height: 1.6; }

#header-wrap {
  background: url(../img/header_bg.jpg) repeat-x;
  width: 100%;
  margin: 0 auto;
  padding: 5px 0;
  border-bottom: 1px solid #00449b; }

#header {
  width: 980px;
  margin: 0 auto; }
  #header .header-left {
    width: 300px;
    float: left; }
  #header .header-right {
    width: 600px;
    float: right; }
  #header ul.navi {
    display: block;
    margin-top: 12px; }
  #header ul.navi li {
    display: block;
    float: left;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px dotted #04425c; }
  #header ul.navi li:last-child {
    border: none; }
  #header ul.navi li a {
    display: block;
    color: #fff; }
  #header ul.navi li a:hover {
    color: #00d8ff; }
  #header h1#logo {
    display: block;
    width: 260px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 11px;
    padding: 2px 0;
    text-align: center; }

#main-visual {
  background: url(../swf/mov_dotted.gif);
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 367px; }

#top-logo {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 980px;
  height: 367px; }

h3.ch-head {
  margin-bottom: 20px;
  font-size: 23px;
  font-family: 'Montserrat', sans-serif; }

h3.ch-head2 {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 23px;
  border-bottom: 1px solid #444; }

#top-contents-wrap {
  position: relative;
  background: #000a3d url(../img/contents_bg.jpg) repeat-y top center;
  width: 100%;
  border-top: 1px solid #00449b; }

#top-contents {
  position: relative;
  width: 940px;
  margin: 0 auto;
  padding: 30px 20px 35px 20px; }
  #top-contents .newstopics {
    width: 100%;
    height: 350px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    overflow-y: auto; }
    #top-contents .newstopics p {
      display: block;
      font-size: 13px;
      margin-bottom: 10px;
      padding-top: 10px;
      border-top: 1px dotted #04306d; }
      #top-contents .newstopics p span {
        color: #00d8ff;
        font-weight: 600;
        font-size: 110%; }
  #top-contents .newstopics-inner {
    padding-right: 10px; }
  #top-contents #top-left {
    width: 358px;
    padding-right: 20px;
    margin-right: 20px;
    float: left;
    border-right: 1px dotted #04306d; }
    #top-contents #top-left .information {
      width: 100%;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px dotted #00449b; }
  #top-contents #top-center {
    width: 300px;
    float: left;
    padding-right: 20px;
    border-right: 1px dotted #04306d; }
    #top-contents #top-center .group-company li {
      display: block;
      width: 140px;
      margin-bottom: 10px; }
    #top-contents #top-center .official-contents li {
      display: block;
      width: 300px;
      margin-bottom: 10px; }
    #top-contents #top-center .official-contents li img {
      display: block;
      background: #fff; }
    #top-contents #top-center .official-contents li img:hover {
      opacity: 0.7; }
  #top-contents #top-right {
    width: 204px;
    float: right; }
    #top-contents #top-right .side-banner li {
      display: block;
      width: 200px;
      margin-bottom: 10px; }
    #top-contents #top-right .side-banner li img:hover {
      opacity: 0.7; }
  #top-contents #top-left,
  #top-contents #top-center,
  #top-contents #top-right {
    min-height: 570px; }

.top-news {
  padding: 10px 20px;
  margin-bottom: 20px;
  border: 2px solid #1994ff; }
  .top-news .thumb {
    float: left;
    width: 150px;
    text-align: center;
    padding: 20px 0; }
  .top-news .txt {
    float: right;
    width: 700px;
    padding: 15px 0 10px; }

#page-contents-wrap {
  position: relative;
  background: #000a3d url(../img/contents_bg.jpg) repeat-y top center;
  width: 100%; }

#page-contents {
  background: url(../img/page_bg.png) no-repeat top center;
  position: relative;
  width: 920px;
  min-height: 600px;
  margin: 0 auto;
  padding: 70px 30px 30px 30px; }
  #page-contents h3.ch-head {
    margin-bottom: 30px;
    font-size: 27px;
    font-family: 'Montserrat', sans-serif; }
    #page-contents h3.ch-head span {
      font-size: 12px;
      color: #00aeff;
      margin-left: 10px; }
  #page-contents .talent {
    width: 445px;
    margin-bottom: 40px;
    float: left; }
    #page-contents .talent p.thumb {
      display: block;
      width: 235px;
      height: 140px;
      margin-right: 15px;
      float: left; }
      #page-contents .talent p.thumb img {
        border: 1px solid #1b37b6; }
      #page-contents .talent p.thumb img:hover {
        opacity: 0.8; }
    #page-contents .talent .detail-link {
      width: 195px;
      float: left; }
      #page-contents .talent .detail-link h3.name {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px; }
      #page-contents .talent .detail-link p.name2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        color: #00aeff;
        font-weight: normal; }
      #page-contents .talent .detail-link ul {
        display: block;
        margin-top: 15px; }
      #page-contents .talent .detail-link li {
        display: block; }
  #page-contents .talent2 {
    width: 445px;
    margin-bottom: 40px;
    float: right; }
    #page-contents .talent2 p.thumb {
      display: block;
      width: 235px;
      height: 140px;
      margin-right: 15px;
      float: left; }
      #page-contents .talent2 p.thumb img {
        border: 1px solid #1b37b6; }
      #page-contents .talent2 p.thumb img:hover {
        opacity: 0.8; }
    #page-contents .talent2 .detail-link {
      width: 195px;
      float: left; }
      #page-contents .talent2 .detail-link h3.name {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px; }
      #page-contents .talent2 .detail-link p.name2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        color: #00aeff;
        font-weight: normal; }
      #page-contents .talent2 .detail-link ul {
        display: block;
        margin-top: 15px; }
      #page-contents .talent2 .detail-link li {
        display: block; }
  #page-contents .talent-artist-wrap {
    padding-left: 35px; }
  #page-contents .talent-artist {
    width: 290px;
    min-height: 260px;
    float: left; }
    #page-contents .talent-artist p.thumb {
      display: block;
      width: 235px;
      height: 140px;
      margin-right: 15px; }
      #page-contents .talent-artist p.thumb img {
        border: 1px solid #1b37b6; }
      #page-contents .talent-artist p.thumb img:hover {
        opacity: 0.8; }
    #page-contents .talent-artist .detail-link {
      width: 235px;
      margin-top: 10px; }
      #page-contents .talent-artist .detail-link h3.name {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px; }
      #page-contents .talent-artist .detail-link h3.name span {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        color: #fff;
        font-weight: normal; }
      #page-contents .talent-artist .detail-link ul {
        display: block;
        margin-top: 15px; }
      #page-contents .talent-artist .detail-link li {
        display: inline-block;
        font-size: 12px; }
      #page-contents .talent-artist .detail-link li:after {
        content: "/";
        color: #4959a8;
        margin: 0 0.3em; }
      #page-contents .talent-artist .detail-link li:last-child:after {
        display: none; }
  #page-contents #profile-wrap {
    width: 920px;
    margin: 0 auto; }
  #page-contents .prof-left {
    width: 300px;
    float: left; }
    #page-contents .prof-left li {
      background: url(../img/i_arrow.png) no-repeat top left;
      padding-left: 20px; }
    #page-contents .prof-left .link-area p {
      display: block;
      margin: 5px 0; }
    #page-contents .prof-left h3.name {
      display: block;
      width: 268px;
      background: url(../img/bg_dotted.gif);
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      padding: 5px 10px; }
      #page-contents .prof-left h3.name span {
        font-size: 12px; }
  #page-contents .prof-right {
    width: 600px;
    float: right; }
    #page-contents .prof-right dl {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-bottom: 1px dotted #0568aa;
      margin: 0 8px 14px 0;
      padding: 10px 0 15px;
      width: 600px;
      font-size: 12px; }
    #page-contents .prof-right dt {
      float: left;
      padding: 0.1em 0 0.1em 1em;
      width: 130px; }
    #page-contents .prof-right dd {
      margin: 0 0 0 4em;
      padding: 0.1em 0.3em; }
    #page-contents .prof-right .link_red_box {
      margin-bottom: 40px;
      padding: 20px;
      background: rgba(29, 115, 222, 0.1); }
      #page-contents .prof-right .link_red_box p {
        margin: 10px 0;
        line-height: 1.8; }
    #page-contents .prof-right p.link_red {
      color: #ff5b5b;
      font-weight: normal; }
      #page-contents .prof-right p.link_red a {
        color: #ff0000; }
    #page-contents .prof-right p.ch-head {
      display: block;
      background: url(../img/bg_dotted.gif);
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      padding: 5px 10px; }
  #page-contents p.ch-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #00aeff;
    font-weight: normal;
    margin: 20px 0 10px; }
  #page-contents .user-btn {
    display: inline-block;
    background: #00306b;
    color: #FFFFFF;
    cursor: pointer;
    padding: 6px 6px 5px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #1d73de;
    font-size: 13px;
    text-align: center;
    font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  #page-contents a.user-btn {
    color: #FFFFFF !important;
    text-align: center; }
  #page-contents a.user-btn:hover {
    background: #0568aa !important;
    color: #FFFFFF !important; }

.category-link {
  width: 900px;
  margin: 0 auto;
  margin-bottom: 40px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5); }
  .category-link h3 {
    text-align: center;
    font-size: 18px; }
    .category-link h3 a:hover {
      color: #fff; }
    .category-link h3 a:after {
      content: "|";
      color: #333;
      margin: 0 0.5em; }
    .category-link h3 a:last-child:after {
      display: none; }

#company .cbox {
  border-bottom: 2px solid #032357; }
  #company .cbox h3 {
    display: block;
    background: url(../img/company_logo.png) no-repeat top center;
    width: 250px;
    height: 100px;
    float: left;
    text-indent: -9999px; }
  #company .cbox .about {
    display: block;
    width: 650px;
    height: 150px;
    float: right;
    text-align: left; }
  #company .cbox p#about-ue {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #00aeff;
    font-weight: normal; }
#company table#tbl1 td {
  padding: 10px 10px; }
#company table#tbl1 td.tbl1-l {
  width: 200px;
  padding-right: 50px;
  text-align: right;
  vertical-align: top; }
#company .ch-shisetsu {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 5px;
  border-bottom: 2px solid #032357; }
#company table.office td {
  padding-right: 20px; }
#company table.office td:last-child {
  padding-right: none; }

#contact table.mailform th {
  width: 200px;
  font-weight: normal;
  text-align: right;
  padding: 15px 30px 15px 10px; }
#contact table.mailform td {
  padding: 15px 10px; }
#contact table.mailform input, #contact table.mailform textarea {
  font-size: 13px;
  padding: 3px; }
#contact #send {
  width: 300px;
  margin: 0 auto; }
#contact .user-btn {
  display: inline-block;
  background: #00306b;
  color: #FFFFFF;
  width: 140px;
  cursor: pointer;
  padding: 6px 6px 5px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #1d73de;
  font-size: 13px;
  text-align: center;
  font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#contact a.user-btn {
  color: #FFFFFF !important; }
#contact .user-btn:hover {
  background: #0568aa !important;
  color: #FFFFFF !important; }

.opacity-block img:hover {
  opacity: 1 !important; }

#footer-wrap {
  position: absolute;
  background: #000a3d url(../img/contents_bg.jpg) repeat-y top center;
  width: 100%;
  height: 55px;
  bottom: 0; }

#footer {
  width: 940px;
  padding: 10px 20px;
  margin: 0 auto;
  border-top: 1px solid #032357; }
  #footer .footer-left {
    width: 380px;
    float: left; }
    #footer .footer-left h5 {
      display: block;
      font-size: 11px; }
  #footer .footer-right {
    width: 450px;
    float: right;
    text-align: right; }
    #footer .footer-right h6 {
      display: block;
      font-size: 12px;
      color: #444; }
      #footer .footer-right h6 a:hover {
        text-decoration: underline; }

h6.copy {
  display: block;
  padding: 10px 0;
  font-size: 11px;
  color: #c1c0c0;
  text-align: center;
  border-top: 1px solid #2d2317; }

/*--パン屑--*/
#pan {
  width: 980px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 15px 0 10px 0;
  text-align: left; }
  #pan h3 {
    font-size: 11px; }

/*--ページトップ--*/
.pagetop a {
  display: block;
  background: #1e1e1e; }
.pagetop a:hover {
  display: block;
  background: #212121; }

#wrapper,
#footer-wrap {
  position: relative;
  z-index: 10; }

/*# sourceMappingURL=main.css.map */