@charset "utf-8";

/*============================================================
	LAYOUT
*/


/*============================================================
	MAIN IMG
*/
#mainimg {
	width:100%;
	height:459px;
	background:url(../images/top/mainimg.jpg) repeat-x bottom center;
	padding:105px 0 0 0;
}

#works {
	margin-top:-120px;
	padding-top:120px;
}

#news {
	margin-top:-120px;
	padding-top:120px;
}

#aboutus {
	margin-top:-120px;
	padding-top:120px;
}

#access {
	margin-top:-120px;
	padding-top:120px;
}

#inquiry {
	margin-top:-120px;
	padding-top:120px;
}

/*============================================================
	CONTENTS
*/
.contents-container {
	width:860px;
	margin:60px auto 22px auto;
	box-shadow: 0px 0px 20px 0px #CCC;
    	-webkit-box-shadow: 0px 0px 20px 0px #CCC;
    	-moz-box-shadow: 0px 0px 20px 0px #CCC;
	padding:100px 42px 42px 42px;
	position:relative;
	z-index:0;
	background:#FFF;
}

.contents-container h2 {
	position:absolute;
	left:0;
	top:25px;
}



/*============================================================
	WORKS
*/

.works {
	width:100%;
	background:#f5f3ed;
	padding:60px 0;
	position: relative;
	text-align:center;
	margin:0;
	z-index:0;
}	

.works h2 {
	margin-bottom:1.5rem;
	font-size: 32px;
	font-weight:normal;
}

.works p {
	text-align:center;
	margin:0 0 24px 0;
	line-height:1.8;
}

ul.list-works {
	float: left;
 	position: relative;
 	left: 50%;
	 margin-top:14px;
}

ul.list-works li {
	width:460px;
	height:370px;
	background:#FFF;
	text-align:center;
	box-shadow: 0px 0px 20px 0px #DEDEDE;
    	-webkit-box-shadow: 0px 0px 20px 0px #DEDEDE;
    	-moz-box-shadow: 0px 0px 20px 0px #DEDEDE;
	margin:0 12px;
	position: relative;
	left: -50%;
	float: left;
	padding:14px 0 0 0;
}

ul.list-works li h3 {
	padding:14px 25px;
	text-align:left;
	color:#d4405b;
	font-size:120%;
}

ul.list-works li p {
	text-align:left;
	padding:0 25px;
}

ul.list-works li p.work-title {
	color:#888;
	margin:5px 0 18px 0;
}





/*============================================================
	ABOUT US
*/
.contents-container table.tb-dot {
	width:100%;
	margin-bottom:36px;
}

.contents-container table.tb-dot th {
	border-bottom:dotted 1px #CCC;
	padding:20px 24px;
	text-align:left;
	white-space:nowrap;
}

.contents-container table.tb-dot td {
	border-bottom:dotted 1px #CCC;
	padding:20px 24px 20px 36px;
	width:100%;
}


/*============================================================
	CONTACT
*/

.contents-container span.red {
margin-left:4px;
color:#d71965;
}

.tb-detail {
width:100%;
margin-top:30px;
}

.tb-detail#live {
width:640px;
margin:0;
}

.tb-detail th {
padding:6px 18px 6px 12px;
border-right:none;
text-align:left;
font-size:14px;
vertical-align:top;
width:150px;
}

.tb-detail th span.red {
margin-left:4px;
color:#d71965;
}

.tb-detail th.noborder {
border-bottom:none;
text-align:center;
}

.tb-detail td.noborder {
border-bottom:none;
}

.tb-detail td {
padding:6px 12px;
text-align:left;
color:#666;
}

.tb-detail td input {
width:300px;
margin:5px 0;
background:#FFF;
border:solid 1px #999;
padding:7px;
font-size:14px;
}

.tb-detail td input.small {
width:80px;
}

.tb-detail td input.s-small {
width:50px;
}

.tb-detail td input.radiobtn {
width:14px;
background:none;
border:none;
}

.tb-detail td textarea {
width:300px;
height:200px;
margin:5px 0;
background:#FFF;
border:solid 1px #999;
padding:7px;
font-size:14px;
}

.ERR {
color:#d71965;
}


/*============================================================
	FOR SP
*/
@media screen and (max-width:960px) {
ul.list-works li {
	margin:0 auto 24px auto;
	float:none;
}

ul.list-works li img {
	
}