/* ===================================================================
CSS information
 file name  :  tat_works-contents.css
 style info :  達郎追加CSS
 admin info :  Tatsurou Inoue
=================================================================== */
/*works-contents.html用*/
@media screen and (min-width: 784px) {
/* PC用のスタイル記述 */
.works-top-date1 {
	margin-bottom: 5px;
}
.works-top-date2 {
	margin-bottom: 10px;
}
.works-contents_box {
	width: 700px;
	margin-bottom:25px;
}
.works-contents_box .head {
	background: url(../images/pc/ttl_bg01.png) no-repeat;
	width: 660px;
	height: 40px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.works-contents_box .head h1 {
	background: url(../images/pc/works_ttl.png) no-repeat;
	width: 136px;
	height: 0px;
	overflow: hidden;
	float: left;
	padding-top: 25px;
}
.works-contents_box .head span {
	height: 25px;
	width: 185px;
	float: right;
}
.works-contents_box .head span a {
	background: url(../images/pc/works_btn.png) no-repeat 0px 0px;
	width: 185px;
	height: 0px;
	overflow: hidden;
	display:block;
	padding-top: 25px;
}
.work-contentss_box .head span a:hover {
	background: url(../images/pc/works_btn.png) no-repeat 0px -25px;
}
.works-contents_box .inner {
	width: 660px;
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	padding:20px 19px 15px 19px;
}
@media screen and (max-width: 783px) {
/* タブレット用のスタイル記述 */
.works-contents_box {
	width: 447px;
	margin-bottom:25px;
}
.works-contents_box .head {
	background: url(../images/tablet/ttl_bg01.png) no-repeat;
	width: 448px;
	height: 40px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.works-contents_box .head h1 {
	background: url(../images/tablet/works_ttl.png) no-repeat;
	width: 136px;
	height: 0px;
	overflow: hidden;
	float: left;
	padding-top: 25px;
}
.works-contents_box .head span {
	height: 25px;
	width: 185px;
	float: right;
}
.works-contents_box .head span a {
	background: url(../images/tablet/works_btn.png) no-repeat 0px 0px;
	width: 185px;
	height: 0px;
	overflow: hidden;
	display:block;
	padding-top: 25px;
}
.works-contents_box .head span a:hover {
	background: url(../images/tablet/works_btn.png) no-repeat 0px -25px;
}
.works-contents_box .inner {
	width: 448px;
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	padding:20px 19px 15px 19px;
}
@media screen and (max-width: 655px) {
/* スマートフォン用のスタイル記述 */
.works-contents_box {
	width: 100%;
	margin-bottom:25px;
}
.works-contents_box .head {
	background: url(../images/phone/ttl_bg01.png) no-repeat;
	width: 93%;
	height: 60px;
	padding: 10px 2% 0 5%;
}
.works-contents_box .head h1 {
	background:none;
	width: 128px;
	height: 35px;
	padding:0px;
	float: left;
	display:block;
}
.works-contents_box .head span {
	width: 97px;
	height: 35px;
	float: right;
}
.works-contents_box .head span a {
	background:none;
	width: 97px;
	height: 35px;
	padding:0px;
	display:block;
}
.works-contents_box .inner {
	width: 100%;
	padding:5px 0px 15px 0px;
	border:none;
}