@charset "utf-8";  
/*------------------------------------------------------------ 
    TOP css
------------------------------------------------------------*/  

/* スライダー */

#slideArea{
	width:100%;
	height:380px;
	padding:20px 0;
	margin-bottom:35px;
	position:relative;
	overflow:hidden;
	background:url(../img/slide3.jpg) repeat;
	background: #fff;
}

#slideMenu{
	width:1134px;
	height:51px;
	overflow:hidden;
	position:absolute;
	top:164px;
	z-index:2;
	left:50%;
	margin-left:-567px;
}


/* サービス */
#serviceList{
	width:988px;
	overflow:hidden;
}

#serviceList li{
	width:239px;
	height:180px;
	float:left;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0;
}

#serviceList a{
	display:block;
	width:230px;
	height:180px;
	padding:3px 6px 7px 3px;
	background:url(../img/shikaku-kiro.jpg) no-repeat;
}

#serviceList p{
	line-height:39px;
	text-indent:30px;
	color:#333;
	font-size:134%;
	font-weight:bold;
}

/* サービス */
#serviceList01{
	width:988px;
	overflow:hidden;
}

#serviceList01 li{
	width:190px;
	height:250px;
	float:left;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 8px;
	margin-left: 0;
}

#serviceList01 a{
	display:block;
	width:230px;
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 3px;
}

#serviceList01 p{
	line-height:39px;
	color:#333;
	font-size:134%;
	font-weight:bold;
	text-indent: 5px;
}

/* 特徴 */
.feature{
	width:590px;
	float:right;
}

.feature p{
	margin-bottom:10px;
	line-height:1.8;
	font-size:117%;
	color:#333;
}

.feature li{
	width:203px;
	height:48px;
	float:right;
	margin-left:5px;
}

.feature a{
	display:block;
	width:100%;
	height:100%;
	line-height:45px;
	text-align:center;
	text-indent:42px;
	color:#fff;
	font-size:117%;
	background:url(../common/img/button-detail.png) no-repeat
}

.buruburu-hover:hover {
    display: inline-block;
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

/* --- 新着情報エリア --- */
dl.box{
    height: 200px;
    overflow: auto;
}
dl.box dt{
    float: left;
    width: 120px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
dl.box dd{
    margin: 0 0 10px 0;
    padding: 0 0 10px 120px;
    border-bottom: 1px dotted #aaa;
}
dl.box img {
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.buruburu-hover:hover {
    display: inline-block;
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}