@charset "UTF-8";
/* CSS Document */
#scroll{
	position: fixed;
	top:0;
	left:0;
	z-index: 99999;
}
#com{
	position: fixed;
	top:0;
	right:0;
	z-index: 99999;
}
header.posAb{
	top:0;
	left:0;
	height: 99px;
}
header.posFix{
	bottom:0;
	left:0;
	height: 99px;
}
header.posFix2{
	top:0;
	left:0;
	height: 99px;
}
#mainContents{
	background: #eaf3f2;
	min-width: 1000px;
	min-height: 2000px;
	padding-bottom: 20px;
}
#mainContents section.mainBox{
	top:0;
	left:0;
	min-width: 1000px;
	width: 100%;
	background: #eaf3f2;
	overflow: hidden;
}
#mainContents section.mainBox .inner{
	width: 1000px;
	height: 550px;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -166px;
	margin-left: -500px;
}
#mainContents section.mainBox .inner h1,
#mainContents section.mainBox .inner p{
	text-align: center;
}
#mainContents section.mainBox .inner h1{
	margin-bottom: 20px;
}
#mainContents section.mainBox .inner .posAb{
	bottom:0;
	width: 100%;
}

#mainContents section#mainBox01{z-index: 10;}
#mainContents section#mainBox02{z-index: 9;}
#mainContents section#mainBox03{z-index: 8;}
#mainContents section#mainBoarigatonex04{z-index: 7;}

#contents{
	/* padding-top: 52px; */
}
#contents section h1.title{
	text-align: center;
	padding: 90px 0px;
}
#contents section .inner{
	background: #f2f2f2;
	padding: 35px 0px;
}
#contents section .txt{
	font-size: 15px;
}

/*==========================================================
  service
==========================================================*/
#service ul#serviceList01 li{
	display: inline-block;
	vertical-align: top;
	margin-right: 24px;
}
#service ul#serviceList01 li:first-child,
#service ul#serviceList01 li:last-child{
	margin-right: 0;
}

#service ul#serviceList02 {
	background: url(../images/bg_border_h.gif) repeat-y top center;
}
#service ul#serviceList02 li{
	display: inline-block;
	vertical-align: top;
	width: 400px;
	margin-right: 50px;
	padding: 5px 0px 10px 0px;
}
#service ul#serviceList02 li:last-child{
	margin-right: 0;
}

/*==========================================================
  seminar
==========================================================*/
#seminar ul#seminarList01 li{
	display: inline-block;
	vertical-align: top;
	width: 405px;
	margin-right: 20px;
	margin-bottom: 25px;
}
#seminar ul#seminarList01 li:nth-of-type(2n){
	margin-right: 0px;
}
/*==========================================================
  ce
==========================================================*/
#contents section#ce .inner{
	padding-top: 0;
	padding-bottom: 20px;
	background: #FFF;
}

/*==========================================================
  client
==========================================================*/
#client .clientselOuter{
	width: 100%;
	min-width: 1000px;
	height: 235px;
	overflow: hidden;
	position: relative;
}
#client .caroufredsel_wrapper {
	min-height: 235px;
}
#client .clientsel li{
	float: left;
	margin: 0px 10px ;
}
#client .clientselOuter #prev{
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/top/bt_prev.png) no-repeat;
	position: absolute;
	top:50%;
	left:50px;
	margin-top: -16px;
}
#client .clientselOuter #prev:hover{
	background: url(../images/top/bt_prev.png) 0px -32px;
}
#client .clientselOuter #next{
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/top/bt_next.png) no-repeat;
	position: absolute;
	top:50%;
	right:50px;
	margin-top: -16px;
}
#client .clientselOuter #next:hover{
	background: url(../images/top/bt_next.png) 0px -32px;
}
/*==========================================================
  info
==========================================================*/
#info dl#newsList{
	font-size: 15px;
}
#info dl#newsList dt{
	clear: left;
	float: left;
	width: 125px;
	padding-right: 5px;
	color:#06569f;
}
#info dl#newsList dd{
	margin-bottom: 5px;
}
#info dl#newsList dd:hover{
	opacity:0.50;
	-moz-opacity:0.50;
	-khtml-opacity:0.50;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /*For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* For IE 8 */
}
#info dl#newsList dd span{
	display: inline-block;
	vertical-align: top;
}
#info dl#newsList dd span:first-child{
	width: 750px;
}
#info dl#newsList dd span:last-child{
	width: 40px;
	color:#06569f;
}
#info dl#newsList dd a{
	color: #4d4d4d;
	text-decoration: none;
}
#info ul#btList{
	text-align: center;
}
#info ul#btList li{
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	margin-right: 30px;
}

footer,#contents{
	z-index: 100;
}
header{
	z-index: 100;
}

/*==========================================================
  blog
==========================================================*/
#contents section#info { margin-bottom: 60px;}
#contents section#blog {
	border-top: 1px dashed #d3d3d3;
	border-bottom: 1px dashed #d3d3d3;
	width: 100%;
	margin: 0 auto;
	box-shadow: 6px 6px 3px #ccc;
}
#contents section#blog .wrap {
	border-top: 10px solid #fffdeb;
	border-bottom: 10px solid #fffdeb;
}
#contents section#blog .wrap iframe {
	width: 100%;
}
dl#blogList {
	font-size: 15px;
}
dl#blogList dt{
	clear: left;
	float: left;
	width: 125px;
	padding-right: 5px;
	color: #06569f;
}
dl#blogList dd{
	margin-bottom: 5px;
}
dl#blogList dd:hover{
	opacity:0.50;
	-moz-opacity:0.50;
	-khtml-opacity:0.50;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /*For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* For IE 8 */
}
dl#blogList dd span{
	display: inline-block;
	vertical-align: top;
}
dl#blogList dd span:first-child{
	width: 470px;
}
dl#blogList dd span:last-child{
	width: 40px;
	color:#06569f;
}
dl#blogList dd a{
	color: #4d4d4d;
	text-decoration: none;
}

#fdmbnr{ text-align:center; margin:40px auto 0;}