﻿@charset "UTF-8";
*{margin:0;padding:0;}
body{background-color:#FFF;color:#000;line-height:1.6;font-size:0.875em;font-family:helvetica, arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic",  "ＭＳ ゴシック", sans-serif;}
img {border:0;vertical-align:bottom;}
ul,li {margin:0;padding:0;list-style:none;}

.FLL{float:left;}
.FLR{float:right;}
.clearfix:after {content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.Entrycate {
  margin: 20px auto;
  width: 1150px;
}

.Entrycate li {
  float: left;
  margin: 0 10px;
  padding: 15px 20px;
  width: 250px;
  height: 50px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333;
}

a:link{color:#663300;text-decoration:none;}
a:visited{color:#663300;text-decoration:none;}
a:hover{color:#993300;text-decoration:none;}
a img:hover{opacity:0.8; filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";background:none!important;}

header{margin:0 auto;padding:20px 0 10px 0;width:1150px;height:60px;}
navi{margin:0 auto;width:1150px;}
main{margin:0 auto;width:1150px;}
footer{margin:25px auto;padding:30px 0 15px 0;width:1150px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}

h1.SiteId{float:left;width:207px;}

nav#GlobalNav{float:right;width:600px;margin:15px 0 0 0;font-size:1.125em;}
nav#GlobalNav ul{}
nav#GlobalNav ul li{display:inline-block;width:140px;border-left:1px solid #999;text-align:center;}
nav#GlobalNav ul li:first-child{border-left:none;}

nav#EntryNav{float:right;width:1150px;margin:0px 0 0 0;font-size:1.2em;}
nav#EntryNav ul{}
nav#EntryNav ul li{display:inline-block;width:120px;border-left:1px solid #999;text-align:center;}
nav#EntryNav ul li:first-child{border-left:none;}


nav#EntryCat{float:right;width:1150px;margin:30px 0 0 0;font-size:1.3em;}
nav#EntryCat ul{}
nav#EntryCat ul li{display:inline-block;width:250px;solid #999;  margin: 0 10px;
  padding: 15px 20px;
  height: 25px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333;}



div.MainWrap{margin:0 auto;width:1150px;}

section#MainImg{margin:20px 0;width:1150px;text-align:center;}
section#MainImg img{margin:20px 0;}

section.MainMsg{margin:20px 0 75px 0;width:1150px;text-align:center;}
section.MainMsg img{margin:20px 0;}
section.MainMsg p{margin:50px 0 0 0;}
section.MainMsg p.TxtC{font-size:1.25em;line-height:1.8;letter-spacing:0.15em;text-align:center;width:725px;margin:50px auto;padding:0 12px;text-align:left;}
section.MainMsg p.TxtC2{font-size:1.25em;line-height:1.8;letter-spacing:0.15em;text-align:center;width:725px;margin:50px auto;padding:0 12px;text-align:center;}
section#Theory2{margin:50px 0 75px 0;width:1150px;text-align:center;}
div.TheorySq{margin:50px auto;padding:50px 0;border-radius:10px;background:rgba(238,231,231,0.9);width:720px;}
div.TheorySq p{margin:50px 0 0 0;}
div.TheorySq p.TxtL{font-size:1.25em;line-height:1.8;letter-spacing:0.15em;text-align:center;width:625px;margin:50px auto;padding:0 12px;text-align:left;}


.Characterlist ul {
 padding: 15px 0;
  width: 700px;
  margin: 0 auto;
  border-top: 2px dashed #333;
  border-bottom: 2px dashed #333;
}

.Characterlist li {
  line-height: 1.6em;
}

.Characterlist li:before {
  content: "・";
}
.Characterlist .text_box{
  margin-left:100px;
}

.words ul {
  width: 320px;
  margin: 30px auto 0;
}

.words li {
  line-height: 1.4em;
}

.words li:before {
  content: "・";
}
section.SubContents{margin:25px 0;width:1150px;}

div.SubContentsImg{width:525px;}
h2.SubContentsTtl{width:550px;text-align:center;margin:10px 0 30px 0;}
div.SubContentsTxt{width:550px;padding:10px 25px;}
div.SubContentsTxt ul{margin:15px 0 0 0;}
div.SubContentsTxt ul li{display:inline-block;margin:0 25px 0 0;}

section.InfoContents{width:1150px;margin:75px 0;text-align:center;}
section.InfoContents ul{width:1150px;margin:20px 0 0 0;}
section.InfoContents ul li{display:inline-block;margin:10px 5px;}


div#News4CWrap{width:1140px;height:350px;margin:30px  0 20px 0;padding:20px 5px;background:rgba(247,247,247,0.7);}
div.News4C{float:left;width:277px;height:350px;margin:0 4px;text-align:left;}
div.News4C p{float:left;width:277px;margin:5px 0 0 0;}
div.NewsDate{float:left;}
div.NewsDate img{margin:0 5px 3px 0;}
div.NewsCategory{float:right;}

div#News1CWrap{width:1140px;height:350px;margin:30px  0 20px 0;padding:20px 5px;background:rgba(247,247,247,0.7);}
div.News1C{float:left;width:1000px;height:350px;margin:0 4px;text-align:left;}
div.News1C p{float:left;width:1000px;margin:5px 0 0 0;}
div.NewsDate{float:left;}
div.NewsDate img{margin:0 5px 3px 0;}
div.NewsCategory{float:right;}

@media all and (-ms-high-contrast:none){
  div.News4C img{margin:0 0 7px 0;}
  div.NewsDate img{margin:0 5px 7px 0;}
}


div#FooterNavWrap{margin:0 auto;width:990px;}
footer nav{float:left;margin:0 15px;width:300px;}

footer nav ul{margin:10px 0;}
footer nav ul li{list-style-image:url(./images/arrows_gray.png);margin:20px 0 0 0;}
p.Copy{margin:75px 0 0 0;width:1150px;text-align:center;color:#333;font-size:0.875em;}


.category_links, .work_content, .cco, .target, .recruit_step, .requirement, .diff_digi_ad, .diff_digi_consult, .diff_digi_finance, .words, .ceo_message, .entry {
  margin: 100px auto;
}
.work_content ul {
  width: 700px;
  margin: 20px auto;
}

.work_content li {
  line-height: 1.8em;
}

.target ul {
  padding: 15px 0;
  width: 800px;
  margin: 0 auto;
  border-top: 2px dashed #333;
  border-bottom: 2px dashed #333;
}

.target li {
  line-height: 1.6em;
}

.target li:before {
  content: "・";
}
.target .text_box{
  margin-left:100px;
}