@charset "utf-8";

.icon {
	position:absolute;
	top:5px;
	left:1px;
}

dt {
	position:relative;
	height:50px;
	font-size:14px;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

dt a {
	text-decoration:none;
	color:#100f0f;
	line-height:50px;
}

dd {
	background-color: #f3eed5;
}

dd.bunrui {
	padding:11px;
	background-color:#fcf9f9;
	height:40px;
}

#work123 {
	overflow:hidden;
	width:1000px;
}

.s_work01 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:37px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work01.web:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:23px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work02 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work02.web:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work03 {
	float: left;
	position:relative;
	margin-right:37px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work03.graphic:hover {
	opacity:0.9;
	margin-right:23px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#work456 {
	overflow:hidden;
	width:1000px;
}

.s_work04 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:37px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work04.graphic:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:23px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work05 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work05.graphic:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work06 {
	float: left;
	position:relative;
	margin-right:37px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work06.graphic:hover {
	opacity:0.9;
	margin-right:23px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#work789 {
	overflow:hidden;
	width:1000px;
}

.s_work07 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:37px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work07.graphic:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:23px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work08 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work08.graphic:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work09 {
	float: left;
	position:relative;
	margin-right:37px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #f3eed5;
	background-color:#fcf9f9;
}

.s_work09.graphic:hover {
	opacity:0.9;
	margin-right:23px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#work101112 {
	overflow:hidden;
	width:1000px;
}

.s_work10 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:37px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work10.graphic:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:23px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work011 {
	float: left;
	position:relative;
	margin-right:14px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #CCCCCC;
	background-color:#fcf9f9;
}

.s_work011.graphic:hover {
	opacity:0.9;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.s_work12 {
	float: left;
	position:relative;
	margin-right:37px;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:14px;
	width:288px;
	height:410px;
	border:1px solid #f3eed5;
	background-color:#fcf9f9;
}

.s_work12.graphic:hover {
	opacity:0.9;
	margin-right:23px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border: 15px solid #f3eed5;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}