@charset "UTF-8";

/*--------------------------------------------------
制作実例
--------------------------------------------------*/
#main{
	padding: 0 10px 0 0;
	margin: 0 0 80px 0;
}

.textArea{
	overflow: hidden;
	zoom: 1;
}

.text{
	display: inline;
	float: left;
	width: 295px;
}

.text p{
	margin: 5px 0 10px 10px;
}

.img{
	display: inline;
	float: right;
	width: 277px;
	height: 277px;
	text-align: right;
	vertical-align: bottom;
}

.text .link a{
	padding: 0 0 0 15px;
	background: url(../images/ex-link.gif) no-repeat 0px 4px;
}

.text .link a:hover{
	padding: 0 0 0 15px;
	background: url(../images/ex-link_on.gif) no-repeat 0px 4px;
}

.workTitle{
	font-size: 14px;
	font-family:verdana,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;
	font-weight: bolder;
	margin: 0 0 20px 0;
}

.catalog {
	background-image: url(../works/images/button_dc.gif);
    height: 31px;
    width: 282px;

}

.catalog a{
	color: #fff;
	font-weight: bold;
    display: block;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    padding: 6px 0 5px 0;
  }

/*
制作ジャンル
--------------------------------------------------*/
.text .box{
	padding: 0 5px;
	width: 90px;
	margin: 0px 0 0 10px;
}

.text .edi{
	border-left: 2px solid #f995de;
}

.text .MT{
	border-left: 2px solid #acdd18;
}

.text .cod{
	border-left: 2px solid #92a3d9;
}

.text .de{
	border-left: 2px solid #ff8d29;
}

.text .sp{
	border-left: 2px solid #3fd8de;
}

.text .fl{
	border-left: 2px solid #ff4d00;
}

.text .js{
	border-left: 2px solid #22db00;
}

.text .mt{
	border-left: 2px solid #473fd7;
}