@charset "utf-8";
/* CSS Document */



a {
  color: #333;
  text-decoration: none;
  border:none;
}


/*----------------------------------------
----------------------------------------*/
.slide {
	background:url(../../images/slide01.jpg) no-repeat center;
	height:356px;
	margin:0 auto;
}

/*----------------------------------------
3)コンテンツ
----------------------------------------*/	
#contents{
	background:url(../../images/contentsBg.png) repeat-x top;
}

article{
	width:960px;
	margin:0 auto;
}

/*----------------------------------------
4)ニュース
----------------------------------------*/
#contents .news{
	float:left;
	width:700px;
	background:#fff;
	margin:25px 0 0 0;
}

#contents .news h2{
	padding:12px 0 12px 12px;
	width:688px;
	border-bottom:#0d2854 3px solid;
}

#contents .news .inner{
	padding:10px 14px 14px;
}

#contents .news dl {
	width:665px;
	margin:0 auto;
	height:200px;
	max-height:200px;
	padding:10px 0 0 0;
}

#contents .news dt {
	float:none;
	float:left;
	padding:10px 0 10px 0;
	width:195px;
}

#contents .news dt img {
	padding:0 0 0 10px;
	margin:-2px 0 0 0;
 }

#contents .news dd {
	padding:10px 0 10px 0;
	border-bottom:dotted 1px #666;
}

.tabs {
	display:table;
	table-layout:fixed;
	width:480px;
}

.tabs li{
	display:table-cell;
	padding:0 8px 0 0;
}

.tabs li a{
	display:block;
	text-indent:-9999px;
	width:89px;
	height:29px;
}

.tabs li .tab1 {
	background:url(../../images/newsIco_01_off.gif) no-repeat;
}

.tabs li.active .tab1 {
	background:url(../../images/newsIco_01.gif) no-repeat;
}

.tabs li .tab2 {
	background:url(../../images/newsIco_02_off.gif) no-repeat;
}

.tabs li.active .tab2 {
	background:url(../../images/newsIco_02.gif) no-repeat;
}

.tabs li .tab3 {
	background:url(../../images/newsIco_03_off.gif) no-repeat;
}

.tabs li.active .tab3 {
	background:url(../../images/newsIco_03.gif) no-repeat;
}

.tabs li .tab4 {
	background:url(../../images/newsIco_04_off.gif) no-repeat;
}

.tabs li.active .tab4 {
	background:url(../../images/newsIco_04.gif) no-repeat;
}

.tabs li .tab5 {
	background:url(../../images/newsIco_05_off.gif) no-repeat;
}

.tabs li.active .tab5 {
	background:url(../../images/newsIco_05.gif) no-repeat;
}


.panels > .panel {
  display: none;
}
.panels > .panel.active {
  display: block;
}

/*----------------------------------------
5)サイド
----------------------------------------*/
#contents .side {
	position:relative;
	float:right;
	width:246px;
}

/*----------------------------------------
5)kanrishisan
----------------------------------------*/
#contents .side .kanrishisan {
	position: absolute;
	background: #ff6633;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	top: -350px;
	right: -50px;
	text-align: center;
}

#contents .side .kanrishisan .ico{
	position:relative;
	padding: 15px 0 10px;
    animation: korokoro 10s linear 5s infinite;
}

@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  1%  { transform: translate(4%, 0%) rotate(4deg); }
  2%  { transform: translate(-4%, 0%) rotate(-4deg); }
  3%  { transform: translate(4%, 0%) rotate(4deg); }
  4.5%  { transform: translate(-4%, 0%) rotate(-4deg); }
  5%  { transform: translate(0%, 0%) rotate(0deg); }
  100%  { transform: translate(0%, 0%) rotate(0deg); }
}

/*----------------------------------------
6)サイド
----------------------------------------*/
#contents .recruit {
	position:relative;
	background:url(../../images/recruitBg.png) no-repeat;
	width:246px;
	padding:0 0 4px 0;
	margin:-40px 0 0 0;
}

#contents .recruit h2 {
	text-align:center;
	height:35px;
	padding:10px 0 0 0;
}

#contents .recruit p {
	padding:14px;
	width:185px;
	height:81px;
	line-height: 19px;
	margin:0 auto;
}

#contents .recruit .ico {
	position:relative;
	text-align:center;
	padding:5px 0 0 0;
}

#contents .recruit .btn {
	position:absolute;
	right:19px;
	top:175px;
}

#contents .banner {
	background:#FFF;
	padding:5px;
	width:237px;
	margin: 20px 0 0 0;
}

#contents .banner li {
	padding:5px 0 0 0;
}

#contents .banner li:first-child {
	padding:0;
}

/*----------------------------------------
7)サービス
----------------------------------------*/
#contents .service {
	width:960px;
	text-align:center;
	margin:0 auto;
}

#contents .service h2 {
	padding:50px 0 15px;
	text-align:center;
}

#contents .service p {
}

#contents .service nav ul {
	display:inline-block;
	padding:20px 0 0;
	width:960px;
	margin:0;
}

#contents .service nav li {
	display:inline-block;
	width:149px;
	padding:0 0 15px 5px;
}

#contents .service nav li:nth-child(6n+1) {
	padding:0 !important;
}

/* clip時の背景となるspan */
.clipanim_wrap {
    background: #0d2854;
    display: inline-block;
    position: relative;
     
    /* borderがないとChromeで背景色がつかない */
    border: 1px solid #fff;
}
*:first-child+html .clipanim_wrap {
    display: inline;
    zoom: 1;
}
 
.clipanim_wrap img {
    position: absolute;
    left: 0;
    top: 0;
}