@charset "UTF-8";
/* CSS Document */
#contents{
	height:auto;
	width: 800px;
	margin: 0 auto; 
	border:solid thin #999;
	padding:50px 100px;
	background:#FFF;
	z-index:10000;
	box-shadow:rgb(113, 135, 164) 0px 0px 10px 1px;
	-webkit-box-shadow:rgb(113, 135, 164) 0px 0px 10px 1px;
	-moz-box-shadow:rgb(113, 135, 164) 0px 0px 10px 1px;
	}
#work-title{
	font-size:42px;
	font-weight:600;}
#photo{
	height:auto;
	max-width:810px;
	margin:0 auto;
	margin:20px 0 0 0;
}
#contents img{
	border:solid thin #999;}

.work-photo{
	width:395px;
	}
.work-photo a img{
	padding-left:50px;
	border:solid thin #999;
	}
#info-text{
	float:right;
	position:relative;
	width:350px;
	height:250px;
	margin-left:10px;
	top:-275px;}
#navigations{
	margin-top:30px;
	white-space:nowrap;
	margin-left:-40px;
	background:none;
	}
#navigations li{
	padding-right:25px;
	width:120px;
	height:90px;
	display:inline;
	background:none;
	}
#navigations li a{display:inline;
	}
#navigations li a:link    {}
#navigations li a:visited {}
#navigations li a:hover   {opacity:0.8;}
#navigations li a:active  {opacity:0.8;}
/* IE用 ↓*/
#navigations li a:hover img {filter:alpha(opacity=80);}

/* ビジネスコンサルタント */
.consul{
width:730px;
border:1px solid #6ac5ec;
padding:10px 35px;
line-height:2em;
background:#f3fbff;
overflow: hidden;
margin:20px auto;
}

.no-border img {border: 0px #ffffff !important;}

/* 
.consul img{
vertical-align: middle;
width:120px;
height:120px;
margin-right:40px;
float:left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border:0px;
}
*/

.bold {font-size:1.2em;font-weight: bolder;margin-top:5px;}

a.button-bl {
	display: block;
	width: 400px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #286d7f;
	background: rgba(40,109,127,0.2);
	border: 2px solid #286d7f;
	border-radius: 0px;
	transition: .4s;
	font-size:18px;
	font-weight: bolder;
	font-family: "メイリオ", "Meiryo", sans-serif;
	letter-spacing: 0.1em;
	margin: 50px auto 0;
}
a.button-bl:hover {

	background: #286d7f;
	color: #fff;
	border: 2px solid #286d7f;
	border-radius: 0px;
	transition: .4s;
}

.case {
display:block;
letter-spacing: -0.5em;
padding: 0;
text-align: center;
margin: 0;
}

.case ul {
list-style-type: none;
text-align: center;
margin: auto;
}

.case li {
letter-spacing: normal;
display:inline-block;
vertical-align:top;
width: 30.3%;
text-align: left;
background-color: #f5f5f5;
padding: 2% 1%;
margin: 0 0.5%;
}

.case li img{
display:block;
width:100px;
border:0 !important;
margin: 0 auto;
padding: 0;
vertical-align: bottom;
text-align: center;
}

.case4 {
display:block;
letter-spacing: -0.5em;
padding: 0;
text-align: center;
margin: 40px 0 60px;
}

.case4 ul {
list-style-type: none;
text-align: center;
}

.case4 li {
letter-spacing: normal;
display:inline-block;
vertical-align:top;
width: 22%;
text-align: left;
background-color: #f5f5f5;
padding: 2% 1%;
margin: 0 0.5%;
}

.case4 li img{
display:block;
width:100px;
border:0 !important;
margin: 0 auto;
padding: 0;
vertical-align: bottom;
text-align: center;
}

.case-title{
display:block;
font-size: 20px;
font-weight: bold;
margin: 10px auto 10px;
text-align: center;
}

.case-title2{
display:block;
border-bottom:2px solid #ededed;
font-size: 30px;
font-weight: bold;
margin: 10px auto 30px;
text-align: center;
}

.normal{
font-size: 16px;
font-weight: normal; 
}