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

/**************************************

mv

**************************************/

#top nav ul{
	margin-bottom:0;
}


.slider-wrapper{
	width:960px;
	margin:0 auto 20px;
}

#main_img_sp{
	display:none;
}

@media screen and (min-width:768px) and (max-width:959px){
.slider-wrapper{
	width:720px;
}
}

@media screen and (min-width:320px) and (max-width:767px){
#main_img{
	display:none;
}
#main_img_sp{
	display:block;
}

#main_img_sp p{
	background-image:url(../../img/photo01_sp.jpg);
	background-position:center 10px;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	height:220px;
	margin-bottom:0px;
}

.main_bg{
	background-image:none;
}

}

.main_bg{
	background-image:url(../../img/bg_photo01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

@media screen and (min-width:768px) and (max-width:959px){
	.main_bg{
	background-image:url(../../img/bg_photo01_tb.jpg);
}

}




/**************************************

ごあいさつ

**************************************/

#aisatu{
	margin-bottom:0;
}

dl#aisatu-content{
	margin:0 10px;
}

dl#aisatu-content dt img{
	width:230px;
	height:40px;
	margin-bottom:10px;
}


@media screen and (min-width:768px) and (max-width:959px){
	dl#aisatu-content dt img{
		width:309px;
		height:55px;
	}
	
	dl#aisatu-content{
	margin:0;
}

}

@media screen and (min-width:960px){
	dl#aisatu-content dt img{
		width:421px;
		height:74px;
	}

	dl#aisatu-content{
		margin:0;
	}
	
}

/**************************************

最新事例

**************************************/

#works div a {
	text-decoration:none;
}

#works a dl{
	padding:10px;
	border-bottom:1px solid #ccc;
	zoom:1;
	overflow:hidden;
	background-image:url(../img/yajirusi-red02.png);
	background-repeat:no-repeat;
	background-position:97% center;
}

#works a dt{
	width:70px;
	float:left;
	display:inline;
}

#works a dt img{
	width:60px;
	height:60px;
}

#works a dd span{
	display:inline-block;
	line-height:100%;
	padding:2px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#E40730;
	color:#FFFFFF;
	behavior: url(/PIE.htc);
}
 

#works a span.beauty{
	background-color:#FF3399;
}

#works a span.office{
	background-color:#154F87;
}

#works a span.service{
	background-color:#FF9900;
}

#works a span.sales{
	background-color:#FF0000;
}


#works a span.creative{
	background-color:#009900;
}

#works a span.office{
	background-color:#154F87;
}

#works a span.other{
	background-color:#01AFF2;
}

@media screen and (min-width:768px) and (max-width:959px){

	#works div{
		margin-right:-20px;
		width:740px;
	}

	#works div:after{
		content:"";
		height:0;
		clear:both;
		display:block;
	}

	#works a dl{
		padding:0;
		border-bottom:none;
		background-image:none;
		width:165px;
		float:left;
		display:inline;
		margin-right:20px;
	}

	#works a dt{
		width:165px;
		float:none;
		display:block;
		margin-bottom:5px;
	}

	#works a dt img{
		width:165px;
		height:165px;
	}

}

@media screen and (min-width:960px){

	#works div{
		margin-right:-20px;
		width:740px;
	}

	#works div:after{
		content:"";
		height:0;
		clear:both;
		display:block;
	}

	#works a dl{
		padding:0;
		border-bottom:none;
		background-image:none;
		width:145px;
		float:left;
		display:inline;
		margin-right:20px;
	}

	#works a dt{
		width:145px;
		float:none;
		display:block;
		margin-bottom:5px;
	}

	#works a dt img{
		width:145px;
		height:145px;
	}

}

/**************************************

業務案内

**************************************/

#introduce dl{
	zoom:1;
	overflow:hidden;
	margin:0 10px 10px;
}

#introduce dt{
	width:135px;
	float:left;
	display:inline;
	margin-right:10px;
}

@media screen and (min-width:768px) and (max-width:959px){
	#introduce{
		zoom:1;
		overflow:hidden;
	}

	#introduce dl{
		width:50%;
		float:left;
		display:inline;
		margin:0 0 10px;
	}
}

@media screen and (min-width:960px){
	#introduce{
		zoom:1;
		overflow:hidden;
	}

	#introduce dl{
		width:50%;
		float:left;
		display:inline;
		margin:0 0 10px;
		font-weight:bold;
	}
}

/**************************************

新着情報

**************************************/

#news{
	margin:0 10px 40px;
}

#news div{
	padding:10px 10px 0;
	border:#ccc 1px solid;
}

#news dl{
	margin-bottom:10px;
}

#news dt{
	background-image:url(../img/yajirusi-red03.png);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding-left:8px;
}

#news dd{
	padding-left:8px;
}

@media screen and (min-width:768px){
	#news{
		margin:0 0 40px;
	}
	
	#news a:hover{
		text-decoration:underline
	}
}