@charset "UTF-8";

#contents {
	background:url(../images/works/bg_works01.jpg) repeat-y center top;
}
#mainBg {
	background:url(../images/works/bg_works02.jpg) no-repeat center top;
}

/* .btnArea */
.btnArea {
	padding-bottom:50px;
	text-align:center;
}
.btnArea li {
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
	padding:0 17px 27px;
}

/* .listItem */
.listItem {
	margin:0 -25px;
	padding-bottom:46px;
	font-size: 0;
}
.listItem:last-child {
	padding-bottom:36px;
}
.listItem li {
	width:475px;
	padding:0 25px 25px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}
.listItem li .photos {
	margin:0 -4px;
	padding:12px 0 9px;
}
.listItem li .photos li {
	width:233px;
	float:left;
	padding:0 4px;
	position:relative;
}
.listItem li .photos li img {
	width:233px;
	height: auto;
}
.listItem li .photos li span {
	position:absolute;
	top:0;
	left:4px;
}
.listItem li .photos li span img {
	width:72px;
	height: auto;
}
.listItem li .photos1 {
	text-align: center;
	padding:12px 0 9px;
}
.listItem li .txt {
	line-height:1.6;
}
.listItem li .btn {
	text-align:right;
}

/* .ttl01 */
.mainArea .ttl01 {
	border-bottom:#231815 1px solid;
	position:relative;
	padding:16px 0 0;
}
.mainArea .ttl01 .tit {
	font-size:24px;
	position:absolute;
	right:0;
	bottom:5px;
	line-height:1.2;
	width: 340px;
	text-align: right;
}
.mainArea .ttl01 .ico {
	position:absolute;
	top:0;
	left:75px;
}

/* .detail.html */
.detailTxt {
	text-align:center;
	padding:0 0 28px;
}
.detailArea .ttl01 .tit {
	width:790px;
	text-align: left;
}
.detailArea .photos {
	width:940px;
	margin:0 auto;
	clear:both;
	padding:24px 0;
}
.detailArea .photos li {
	width:450px;
	float:left;
	padding:0 10px;
	position:relative;
}
.detailArea .photos li img {
	width:450px;
	height: auto;
}
.detailArea .photos li span {
	position:absolute;
	top:0;
	left:10px;
}
.detailArea .photos li span img {
	width:72px;
	height: auto;
}
.detailArea .photos1 {
	text-align: center;
	margin: 0 auto;
	padding:24px 0;
}
.detailArea .photos1 img {
	max-width: 920px;
	margin: 0 auto;
}
.detailArea .cont {
	width:920px;
	margin:0 auto;
	clear:both;
	padding-bottom:62px;
}
.detailArea .cont table {
	width:100%;
	clear:both;
	border-collapse:separate;
    border-spacing:2px;
	margin-bottom:15px;
}
.detailArea .cont table th {
	width:150px;
	text-align:center;
	vertical-align:middle;
	background:#e5dec4;
	padding:8px 0;
	background:rgba(228,221,195,0.80);
}
.detailArea .cont table td {
	width:305px;
	text-align:left;
	vertical-align:middle;
	background:rgba(224,224,224,0.50);
	padding:8px 50px;
}
.detailArea .cont .txt {
	line-height:1.6;
}
.detailArea .ttl02 {
	padding-bottom:8px;
}
.detailArea .imgList {
	width: 920px;
	font-size: 0;
}
.detailArea .imgList li {
	display:inline-block;
	font-size: 14px;
	margin: 0 8px 8px 0;
	vertical-align: top;
}
.detailArea .imgList li:nth-child(4n) {
	margin-right: 0;
}
.detailArea .imgList li img {
	width: 224px;
	height: auto;
}
.detailArea .links {
	text-align:right;
	padding:24px 0 0;
}
.detailArea .old {
	width: 695px;
	margin: 0 auto;
}
.detailArea .old a {
	cursor: default;
}
.detailArea .old h2 {
    margin-bottom: 0;
    padding: 0.5em 10px 0.5em 40px;
    color: #663300;
    background: url(../common/images/h2_bg.jpg) repeat-y left top;
	font-size: 24px;
	margin-top: 1.5em;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HG明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
	clear: both;
}
.detailArea .old .alignleft {
    margin: 0px 20px 20px 0px;
    float: left;
}
.detailArea .old img {
    margin: 0px 20px 20px 0px;
}
.detailArea .old h3 {
    margin-top: 1.5em;
    padding-bottom: 0px;
    border-bottom: 3px solid #d8d8d8;
    font-size: 16px;
    padding-left: 10px;
	padding-bottom: 5px;
    margin-bottom: 5px;
	clear: both;
	color: #663300;
}
.detailArea .old p {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right: 10px;
    padding-left: 10px;
	clear: both;
}
.detailArea .old table#result {
    width: 350px;
    float: left;
    background: #EBE4DC;
    border-top: 1px solid #C6B8AB;
	clear: none;
}
.detailArea .old table#result td {
    padding: 5px 10px;
    border-bottom: 1px dotted #C6B8AB;
}



/* .pageSet */
.pageSet {
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
}
.pageSet ul {
	width:600px;
	margin:0 auto;
	clear:both;
}
.pageSet ul li {
	padding:9px 0;
}
.pageSet ul li a {
	color:#000;
	background:url(../images/blog/ico_left.png) no-repeat left center;
	padding:0 23px;
}
.pageSet ul li:last-child a {
	background:url(../images/blog/ico_right.png) no-repeat right center;
}