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

/*/////////////////////////////////////////////////////////
file name: seminar.css
description: 制作実績ページ専用スタイルシート

1.制作実績トップ
2.制作実績詳細

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

/* ===========  1.制作実績トップ  =========== */
.boxResultTop01 {
	width: 240px;
	float: left;
	margin-right: 20px;
}

.boxResultTop02 {
	width: 420px;
	float: left;
}

.boxResultTop01 a {
	height:180px;
	width: 240px;
	text-indent: -9999px;
	display: block;
}

a.btnSite01 {
    background-image: url(../images/index/btn01_site.jpg);
	background-position: 0 180px;
}

a:hover.btnSite01 {
    background-position: 0 0;
}

a.btnSite02 {
    background-image: url(../images/index/btn02_site.jpg);
	background-position: 0 180px;
}

a:hover.btnSite02 {
    background-position: 0 0;
}

a.btnSite03 {
    background-image: url(../images/index/btn03_site.jpg);
	background-position: 0 180px;
}

a:hover.btnSite03 {
    background-position: 0 0;
}

dl.list-boxResultTop {
}

dl.list-boxResultTop dt {
	width: 110px;
	float: left;
}

dl.list-boxResultTop dd {
	padding-left: 110px;

}


/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {
.boxResultTop01 {
	width: 240px;
	float: none;
	margin: 0 auto;
}

.boxResultTop02 {
	width: 100%;
	float: none;
	margin-top: 20px;
}

}


/*スマホ横*/
@media only screen and (max-device-width:480px) and (orientation:landscape) {


}


/* ===========  2.制作実績詳細  =========== */
.boxResultDetail01 {
	width: 400px;
	float: left;
	margin-right: 20px;
}

.boxResultDetail02 {
	width: 220px;
	float: left;
}

.boxResultDetail03 {
	width: 410px;
	float: left;
	margin-right: 20px;
}

.boxResultDetail04 {
	width: 210px;
	float: left;
}

/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {
.boxResultDetail01 {
	width: 100%;
	float: none;
	margin-right: 0;
	text-align: center;
}

.boxResultDetail01 img {
	width: 90%;
}

.boxResultDetail02 {
	width: 100%;
	float: none;
	margin-top: 20px;
}

.boxResultDetail03 {
	width: 100%;
	float: none;
	margin-right: 0;
}

.boxResultDetail04 {
	width: 100%;
	float: none;
	text-align: center;
	margin-top: 10px;
}

}


/*スマホ横*/
@media only screen and (max-device-width:480px) and (orientation:landscape) {
.boxResultDetail01 img {
	width: auto;
}

}