@charset "utf-8";
/*
Theme Name: Aida
Theme URI: http://www.aidadesign.co.jp
Description: web CMS solution by AidAdesign
Version: 1.0
Author: Akirafukuma@AidAdesign
*/

@import 'base.css';
@import 'flexslider.css';


.staff-index{
	
}

.s-title{
display:inline;
margin:5px 5px;
text-align:center;
float:left;
padding:6px 13px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:1px solid #eeeeee;
font-size:50%;
background:#fafafa;
width:auto;
	line-height:100%;
	font-weight:normal;
}

.staff-index ul{
	margin:10px 0;
}

.staff-index li{
	width:300px;
	float:left;
	margin:10px 20px;
	list-style:none;
	min-height:500px;
}

.staff-index-img{
	width:300px;
	height:300px;
	overflow:hidden;
}

.staff-index-img img{
	width:300px;
	height:auto;
}

.staff-index h2{
	margin:0em 0 1em;
	border:none;
}
.voice-header{
}

.voice-header img{
  width:100%;
  height:auto;
}


.voicemenu-thumb {
height: 150px;
width: 150px;
overflow: hidden;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
margin:0 auto;
}

.voicemenu-thumb img {
width: 150px;
height: auto;
margin-left: 0%;
margin-top: 0%;
}

.voice-single{
 overflow:hidden;
  margin:3em 0em 6em;
}

#voice-header{
  padding:15px 25px;
  margin-bottom:50px;
  border-bottom:1px dotted #999999;
}


.voice-userinfo{
  width:300px;
  padding:20px 0;
  float:left;
  font-size:90%;
  text-align:center;
}

.voice-userinfo li{
  list-style:none;
}



.voice-detail{
  width:700px;
  float:right;
  font-size:110%;
  line-height:160%;
}


.top-voice-list{
  padding:60px 0;
}

.top-voice-list h2{
  text-align:center;
  margin:0 0 1em;
}


.top-voice-list ul{
  margin:0 auto;
  width:1020px;
  overflow:hidden;
}

.top-voice-list li{
  width:330px;
  margin:0px 5px 40px;
  list-style:none;
  text-align:center;
  float:left;
  min-height:400px;
}

.top-voice-list .circle-voice-img{
  margin:1em auto;
}


p.voice-comp{
  font-size:90%;
  line-height:140%;
color:#0F3193;
}

p.voice-mes a{
  text-decoration:none;
  color:#333333;
}

p.voice-info{
  font-size:90%;
  padding:0 2em;
  line-height:140%;
}


p.voice-mes a:hover{
  text-decoration:underline;
}


.voice-thumb {
width: 300px;
height: 210px;
overflow: hidden;
margin:0 auto;
}

.voice-thumb img {
width: 300px;
height:auto;
display:block;
margin:20px 0;
}



.service-box{
  padding:80px 0;
  background:url('images/service-back.png') no-repeat 0 0;
}

.service-box-left{
  width:320px;
  float:left;
}

.service-box-left p{
font-size:90%;
}


.service-box-left h2{
  margin:0 0 1em;
}

.service-box-right{
  width:580px;
  float:right;
}

ul.top-service-other{
  margin:0;
}

ul.top-service-other{
  border-top:1px dotted #0F3193;
  margin:30px 0 0 0;
  padding:30px 10px;
}

.top-service-other li{
  width:560px;
  list-style:none;
  margin:5px 0;
  padding-left:20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


ul.top-service-list{
  margin:0px 0;
}

.top-service-list li{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
float:left;
width:266px;
margin:10px 10px 10px 10px;
text-align:center;
font-size:90%;
border:2px solid #0F3193;
background:#ffffff;
}


.top-service-list li a{
  text-decoration:none;
  color:#333333;
  font-weight:bold;
  display:block;
  width:100%;
  height:100%;
padding:8px 0px;
}

.top-service-list li:hover{
  background:#0F3193;
  border:2px solid #ffffff;
}

.top-service-list a:hover{
color:#ffffff;
}



.top-service-other li img{
  width:100%;
  height:auto;
}

.top-service-other li {
  background:url('images/icon-arrow-r.png') no-repeat 0px 50%;
}


ul.mynumber-list{
  overflow:hidden;
  margin:0;
}

.mynumber-list li{
  width:300px;
  margin:10px 20px;
  float:left;
  text-align:center;
  list-style:none;
  min-height:400px;
}

.mynumber-list li img{
  width:300px;
  display:block;
  margin:10px 0;
}

.service-header{
}

#content .service-header{
  background:#eeeeee;
  text-align:center;
  line-height:99%;
}

#content-column .service-header img{
  margin:0;
  width:100%;
  height:auto;
}


h1.page-title{
  border-top:3px solid #dddddd;
  padding:30px 0;
  border-bottom:1px solid #dddddd;
  text-align:center;
}

.img-box{
 background:#fafafa;
 text-align:center;
}

ul.contact-service-list{
  margin:0 auto 30px;
  overflow:hidden;
text-align:center;
	width:830px;
}

.contact-service-list li{
display:inline;
margin:0 5px;
text-align:center;
float:left;
padding:3px 13px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:1px solid #eeeeee;
font-size:90%;
background:#fafafa;
width:auto;
}

.contact-service-list .no-box{
border:none;
background:none;
}


.index-header-box{
  background:url('images/page-header-back.png') no-repeat 50% 50%;
  color:#ffffff;
}

.index-header{
width:1040px;
margin:0 auto 50px !important;
text-align:center;
padding:90px 0  60px !important;
line-height:100%;
height:80px;
}

.index-header h1{
margin:0;
padding:0;
}

.contact-four{
}

.contact-four ul{
  text-align:center;
  width:760px;
  margin:10px auto;
}

.contact-four li{
	width:150px;
  height:120px;
  float:left;
  margin:30px 20px 10px;
  list-style:none;
  display: -webkit-box; /* safari, Chrome */
  display: -moz-box;    /* Firefox */
  display: -o-box;      /* Opera */
  display: -ms-box;     /* IE */
  display: box;         /* ベンダープレフィックスなし */
  -webkit-box-align: center; /* safari, Chrome */
  -moz-box-align: center;    /* Firefox */
  -o-box-align: center;      /* Opera */
  -ms-box-align: center;     /* IE */
  box-align: center;         /* ベンダープレフィックスなし */
}

.contact-four li a{
display:block;
}



#top-img-back h2,#top-img-back h3{
  background:none;
  border:none;
  margin:0;
}
.flexslider{
background:none !important;
}

#slideshow .slides > li{
  margin:0;
  text-indent:-9999px;
  position:relative;
 height:400px !important;
overflow:hidden;
}

#slideshow .slides > li h2{
  border:none;
}

.slide-link{
  position:absolute;
  top:0;
  left:0;
 width:100%;
 height:100%;
  margin:0;
}


.slide-link a{
  display:block;
  width:100%;
  height:100%;
}


table.company-table{
  border-collapse:collapse;
  border-top:1px dotted #eeeeee;
  margin:1em 0em;
  font-size:95%;
}

.company-table th{
  border-bottom:1px dotted #eeeeee;
  padding:5px 7px;
  font-weight:bold;
}

.company-table td{
  border-bottom:1px dotted #eeeeee;
  padding:5px 15px;
}

.top-concept-mes-box{
  background:url('images/top-mes-back.png') repeat-x 0 0;
  height:462px;
}

.top-concept-mes{
  width:1040px;
  margin:0 auto;
  height:462px;
}

.top-concept-img{
  float:left;
  width:387px;
  margin-top:80px;
}


.top-concept-mes .section-right{
  width:600px;
  float:right;
  margin:0;
  font-size:90%;
}

.top-concept-mes h2{
  margin:60px 0 0.5em !important;
}

.bt-concept-mes{
  width:400px !important;
  margin:1em auto 0;
}


.section-casestudy{
  background: url('images/top-img01.png') no-repeat 100% 0;
  padding-bottom:50px;
}

.section-casestudy-header{
  padding-right:550px;
  text-align:center;
}

.section-casestudy h2{
  border:none;
  margin:3em 0 0;
}

.bt-casestudy{
  width:500px;
  margin:1em auto;
}



 ul.top-result-list{
  margin:3em auto;
  width:1000px;
  overflow:hidden;
}

.top-result-list li{
  width:160px;
  margin:20px 20px 0;
  list-style:none;
  text-align:center;
  float:left;
}


p.top-result-info{
  font-size:85%;
  line-height:120%;
  color:#999999;
}

p.top-result-mes{
  line-height:120%;
}

p.top-result-mes a{
  text-decoration:none;
  color:#666666;
}

p.top-result-mes a:hover{
  text-decoration:underline;
}


.top-result-thumb {
height: 150px;
width: 150px;
overflow: hidden;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
margin:0 auto;
}

.top-result-thumb img {
width: 150px;
height: auto;
margin-left: 0%;
margin-top: 0%;
}


.top-about-box{
  background:#ffffff;
}

.top-about{
  width:1020px;
  margin:0em auto 2.5em;
  text-align:center;
}

.top-about h2{
 border:none;
  margin:1em 0 1em;
}

ul.list-three{
  margin:0;
  overfloe:hidden;
  margin:10px 0;
}

.list-three li{
  list-style:none;
  width:290px;
  height:350px;
  float:left;
  margin:10px 25px;
  position:relative;
}

.list-three li h3{
  border:none;
  padding:0;
  background:none;
  margin:0.5em 0;
  font-size:110% !important;
  text-align:center;
}

.list-three li p{
  line-height:130%;
  font-size:85%;
}

.list-three .bt-about{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background:#0F3193;
}

.bt-about .bt-link{
  background:#185AA9 !important;
  font-weight:normal !important;
  border:2px solid #ffffff;
}

.bt-about .bt-link:hover{
  background:#ffffff !important;
  font-weight:normal !important;
  border:2px solid #185AA9 ;
}

.bt-about .bt-link a:hover{
  color:#185AA9 ;
}




.list-four{
  margin:0;
  overfloe:hidden;
  margin:10px 0;

}

.list-four li{
  list-style:none;
  width:220px;
  height:380px;
  float:left;
  margin:10px 20px;
  position:relative;
}

.list-four li h3{
  border:none;
  padding:0;
  background:none;
  margin:0.5em 0;
  font-size:110% !important;
  text-align:center;
}

.list-four li p{
  line-height:130%;
  font-size:85%;
}

.list-four .bt-about{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}