@charset "UTF-8";

.container div.element{
	margin: 0 30px 18px 0;
	position:relative;
	width:184px;
	float:left;
}
.article_thum {
	position:absolute;
	top:0;
	left:0;
	width:140px;	
}
.container div.element p{
	padding-top:200px;
	text-align:left;
	font-size:12px;
}
.container{
	background: url(../img/about/about_bottom.gif) no-repeat left bottom;
}

.container h2{
	margin-bottom:45px;
	line-height:0;
}
.container h3{
	margin-bottom:45px;
	margin-left:0;
	line-height:0;
}
.container .aside{
	line-height:0;
}
.contents_main {
	width:602px;
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:80px;
	font-size:13px;
	float:left;
}
.contents_main .detail {
	background: url(../img/works/c_bottom.png) no-repeat left bottom;
	padding-bottom:80px;
	margin-bottom:80px;
	text-align:center;
}
.contents_main .detail2 {
	text-align:center;
	
}
.contents_main .element_container {
	margin-right:-60px;
}
.contents_main .detail img {
	
}

.contents_r {
	float:right;
	width:272px;
	background: url(../img/works/n_top.png) no-repeat;
	padding-top:38px;
	font-size:11px;
	
}
.contents_r .detail {
	padding-bottom:28px;
}
.contents_r .detail_t {
	background: url(../img/works/n_top.png) no-repeat;
	padding-top:38px;
	margin-bottom:38px;margin-top:38px;
}
.contents_r .detail_t2 {
	
	padding-top:2px;
	
	
}
.contents_r h3{
	line-height:0;
	margin-bottom:26px;	
}
.contents_r h4{
	line-height:0;
	margin-bottom:25px;	
}
.contents_r h5{
	line-height:0;
	margin-bottom:15px;	
}
.detail_t li{
	font-size:12px;
	line-height:1.4;
	display:block;
	margin-bottom:8px;
	
}

.detail_t2 li{
	font-size:12px;
	line-height:1;
	display:block;
	margin-bottom:20px;
	
}
.detail_t2 li dd {
	line-height: 1.5;
}
.detail_t2 li dt{
	font-size:14px;
	line-height:1;
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
.maining {
	margin-bottom:30px;
	border-radius:10px;
}

@media only screen and (max-width:738px){
.contents_main {
	width:100%;
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:38px;
	font-size:13px;
	float:none;
}	
.container h2,.container h3,.container .aside{
	zoom:.6;
}
.contents_main .detail {
	background: url(../img/works/c_bottom.png) no-repeat left bottom;
	padding-bottom:40px;
	margin-bottom:40px;
	text-align:center;
}
.contents_r {
	float:none;
	width:100%;
	background: url(../img/works/c_top.png) no-repeat;
	background: none;
	padding-top:38px;
	font-size:11px;
	
}
.contents_r .detail_t {
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:38px;
	margin-bottom:38px;margin-top:38px;
}
.maining {
	 max-width: 100%;
   height: auto;
}
.contents_main .element_container {
	margin-right:0px;
}
.container div.element{
	margin: 0 0 18px 0;
	position:relative;
	width:100%;
	float:none;
}
.article_thum {
	position:relative;
	top:auto;
	left:auto;
	width:184px;
	margin:auto;	
}
.container div.element p{
	padding-top:0px;
	text-align:left;
	font-size:12px;
}
}