@charset "utf-8";

/* =======================================

	コムプリスカンパニー 共通スタイル
  
  @since 2016/05/07

======================================= */


div:after,
ul:after {
  content: "";
  display: block;
  clear: both;
}


body {
	font-size: 100%;
	line-height: 1em;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	//text-align: center;
	background: #000;
	position: relative;
  overflow-x: auto;
  overflow-y:auto;
}

a{
  text-decoration:none; 
  
  -webkit-transition: all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
}

a:link { text-decoration:none; color: #ffffff;}
a:visited { text-decoration:none; color: #ff6060;}
a:active { text-decoration:none; color: #ffffff;}
a:hover { text-decoration:none; color: #ffffff;}

#complice-bg {
  
  width:100%;
  height:550px;
  background-image:url('../images/complice-bg.png'); 
  background-repeat: no-repeat;
  background-attachment:fixed;
  //background-size:1479px 550px;
  background-position: center top;
}


#complice-content {
  width:1080px;
  height:550px;
  margin: 0 auto;
  //テスト用
  //background-color:yellow;
  //opacity:0.1; 
  position:relative; 
}

#complice-header {
  height: 105px;
  //display:inline-block;
}

#complice-header h1 {
  display: inline; 
}
  

#complice-header .header-logo {
  margin: 40px 0 0 40px; 
}

#complice-header img.header-fbicon {
  margin: 57px 75px 0 0;
  float:right;
}

#complice-header img.header-phone {
  float: right;
  margin: 50px 20px 0 0;
}

#complice-border {
  float:left;  
  height: 394px;
  width:105px;
  margin-top: 50px;
  border-right:solid 1px #B0B0B0 ;
  
}

#complice-menu {
  float:left;
  width:150px;
  height:200px;
  
}

#complice-menu ul li {
  margin:50px 0 0 0; 
}

#complice-menu ul li a {
  position:relative;
  display:block;
  padding:0 20px;
}

#complice-menu ul li a[class*='menu-off']{
  opacity:0.7; 
}


#complice-menu ul li a[class*='menu-on']{
  opacity:1; 
}


#complice-menu ul li a:before{
  top: 5px;
  left: -12px;
  position: absolute;
  z-index:2;
}

#complice-menu ul li a[class*='menu-off']:before{
  content:url('../images/menuicon-off.png');
}

#complice-menu ul li a[class*='menu-on']:before{
  content:url('../images/menuicon-on.png');
}


#complice-content-news {
  width:1080px;
  height:auto;
  margin: 0 auto;

  position:relative; 
}

#complice-banner {
  position:absolute;
  bottom: 90px;
  left: 50px;
}

#complice-banner ul li {
  float:left;
  margin-right:10px;
}   
#complice-banner ul li:last-child {
  margin-right:0;
}

#complice-banner ul li a {
  display:block;
}

#complice-banner ul li a{
  opacity:0.8;
  
}

#complice-banner ul li a:hover{
  opacity:1;
}

#complice-banner2 {
  position:absolute;
  bottom: 30px;
  left: 50px;
}

#complice-banner2 ul li {
  float:left;
  margin-right:10px;
}   
#complice-banner2 ul li:last-child {
  margin-right:0;
}

#complice-banner2 ul li a {
  display:block;
}

#complice-banner2 ul li a{
  opacity:0.8;
  
}

#complice-banner2 ul li a:hover{
  opacity:1;
}

#complice-content-news {

}

#complice-content-news .news ul li {
  line-height:2em; 
  font-size:14px;
  opacity:0.8;
}

#complice-content-news .news ul li:hover {
  opacity:1;
}


#complice-content-news .news ul li span {
  padding-right: 20px;
  padding-left: 20px;

}

#complice-content-news .news ul li:nth-child(2n-1) {
  background-color:#111;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#383637', endColorstr = '#000000');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#383637', endColorstr = '#000000')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(left, #383637, #000000);
	background-image: -ms-linear-gradient(left, #383637, #000000);
	background-image: -o-linear-gradient(left, #383637, #000000);
	background-image: -webkit-gradient(linear, left top, right top, from(#383637), to(#000000));
	background-image: -webkit-linear-gradient(left, #383637, #000000);
	background-image: linear-gradient(left, #383637, #000000);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}

#complice-content-news .news ul li:nth-child(2n) {
  background-color:#222;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#1a1919', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#1a1919', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(left, #1a1919, #000000);
background-image: -ms-linear-gradient(left, #1a1919, #000000);
background-image: -o-linear-gradient(left, #1a1919, #000000);
background-image: -webkit-gradient(linear, left top, right top, from(#1a1919), to(#000000));
background-image: -webkit-linear-gradient(left, #1a1919, #000000);
background-image: linear-gradient(left, #1a1919, #000000);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/


}

#complice-history {
  font-size:14px; 
  line-height:1.55em;
  //background-color:black;
  float:right;
  width:750px;
  margin-top:27px;
  
  animation:content-slide 1s;
  over-flow: auto ;
  
  display:none;
}

#complice-companyinfo {
  font-size:12px; 
  line-height:1.55em;
  //background-color:black;
  float:right;
  width:750px;
  margin-top:27px;
  
  animation:content-slide 1s;
  
  display:none;
}

.history-box {
    max-height: 380px;
    overflow: auto;
    font-size: 12px ;
    background: rgba(0, 0, 0, 0.63);
}

#complice-serviceinfo{
  font-size:12px; 
  line-height:1.7em;
  //background-color:black;
  float:right;
  width:750px;
  margin-top:10px;
  
  animation:content-slide 1s;
      background: rgba(0, 0, 0, 0.7);
    max-height: 435px;
    overflow: auto;
  display:none;
  
    
  //background-color:#222;
  //opacity:0.8;
}
img.banner-carcure {
    float: left;
    /* padding-right: 30px; */
}
img.banner-lifecure {
    float: left;
    /* padding-right: 30px; */
}

.complice-service-text {
    margin-left: 15px;
    /* margin-top: 15px; */
    padding: 3px;
}
.complice-service-text:hover {
     opacity: 0.7; 
}
.area-box {
    background: rgba(255, 255, 255, 0.34);
    padding: 4px 0;
    margin-top: 10px;
    width: 96%;
    /* display: table-cell; */
    /* overflow: scroll; */
    margin-bottom: 10px;
}
@keyframes content-slide {
     
    from{
        -ms-transform:translateX(-40px);
        -webkit-transform:translateX(-40px);
        transform:translateX(-40px);
    }
    to{
        -ms-transform:translateX(0);
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}

#complice-companyinfo table {
  border-collapse: collapse; 
  table-layout: fixed;
}

#complice-companyinfo table td {
    border: solid 1px #b3b3b3;
    background-color: rgba(0, 0, 0, 0.5);
    /* opacity: 0.8; */
    padding-top: 2px;
    padding-bottom: 2px;
    color: #fff;
}


#complice-companyinfo td:nth-child(2n-1){
  width:150px;
  vertical-align:middle;
  padding-left: 20px;
}

#complice-companyinfo tr td:nth-child(2n){
  width:600px;
  padding-left: 20px;

}

#complice-footer p{
  font-size:12px;
  padding:10px 0;
  text-align: left;
  color:#CCC;
}

.history-box p {
    border-bottom: 1px solid #424242;
    padding: 10px;
}
#complice-works {
  font-size:12px; 
  line-height:1.55em;
  //background-color:black;
  float:right;
  width:750px;
  margin-top:27px;
  
  animation:content-slide 1s;
  over-flow: auto ;
  
  display:none;
}
.works-box {
    max-height: 380px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.63);
}
.works-box p {
    font-size: 12px ;
}
.works-box a {
    color: #b7b7b7;
    font-weight: bold;
}
.works-box a:hover {
    color: #fff;
    font-weight: bold;
}

/* */
#complice-message {
    font-size: 12px;
    line-height: 1.7em;
    float: right;
    width: 750px;
    margin-top: 10px;
    animation: content-slide 1s;
    background: rgba(0, 0, 0, 0.7);
    max-height: 418px;
    display: none;
    overflow: auto;
    padding-bottom: 20px;
}
div#complice-message a {
    color: #ff6060;
    font-size: 14px;
}
#complice-history table {
  border-collapse: collapse; 
  table-layout: fixed;
}

#complice-history table td {
    border: solid 1px #b3b3b3;
    background-color: rgba(0, 0, 0, 0.5);
    /* opacity: 0.8; */
    padding-top: 2px;
    padding-bottom: 2px;
    color: #fff;
}


#complice-history td:nth-child(2n-1){
  width:150px;
  vertical-align:middle;
  padding-left: 20px;
}

#complice-history tr td:nth-child(2n){
  width:600px;
  padding-left: 20px;

}
#complice-history a {
    color: #ff6060;
    font-size: 14px;
}
a:link {
    text-decoration: none;
    color: #ff6060;
}
#complice-message::-webkit-scrollbar
{
        width:5px;
        background:#5a5a5a;
}
        #scrollbar01::-webkit-scrollbar:horizontal
        {
                height:5px;
        }
#complice-message::-webkit-scrollbar-button
{
        width:5px;
        height:5px;
        background:#5a5a5a;
}
#complice-message::-webkit-scrollbar-piece
{
        background:#5a5a5a;
}
        #scrollbar01::-webkit-scrollbar-piece:start
        {
                background:#5a5a5a;
        }
#complice-message::-webkit-scrollbar-thumb
{
        background:#e60039;
}
#complice-message::-webkit-scrollbar-corner
{
        background:#e60039;
}
div#complice-message p {
    padding-right: 17px;
}

#complice-serviceinfo::-webkit-scrollbar
{
        width:5px;
        background:#5a5a5a;
}
        #scrollbar01::-webkit-scrollbar:horizontal
        {
                height:5px;
        }
#complice-serviceinfo::-webkit-scrollbar-button
{
        width:5px;
        height:5px;
        background:#5a5a5a;
}
#complice-serviceinfo::-webkit-scrollbar-piece
{
        background:#eee;
}
        #scrollbar01::-webkit-scrollbar-piece:start
        {
                background:#5a5a5a;
        }
#complice-serviceinfo::-webkit-scrollbar-thumb
{
        background:#e60039;
}
#complice-serviceinfo::-webkit-scrollbar-corner
{
        background:#e60039;
}
div#complice-serviceinfo p {
    padding-right: 17px;
}
p.mt12 {
    padding-top: 12px;
}
p.mt5 {
    padding-top: 5px;
}