@charset "UTF-8";

.container div.element{
	margin: 0 0 18px 0;
	float: none!important;
	position:relative;
	margin-bottom:10px;
	min-height:130px;
}
.elementn {
cursor:pointer;
 		
}
.article_thum {
	position:absolute;
	top:0;
	left:0;
	width:140px;	
}
.container div.element dl {
	margin-left:145px;
	padding-top:20px;
}
.container div.element dt {
	line-height:1;
	margin-bottom:15px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
}
.container div.element dd a {
	font-size:16px;	
}
.container div.element dd span {
	display:block;
	margin-top:5px;	
}
.container h2{
	position:absolute;
	left:150px;
	top:50px;
	font-size:20px;
}

.contents_main {
	width:602px;
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:38px;
	font-size:13px;
	float:left;
}

.contents_main .detail {
	background: url(../img/works/c_bottom.png) no-repeat left bottom;
	padding-bottom:30px;
}
.contents_main .detail_l {
	width:322px;
	float:left;
}
.make_section {
	margin-bottom:30px;	
}
.contents_main .detail_r {
	width:255px;
	float:right;
}
.contents_main .detail_r h4 {
	margin-bottom:18px;	
}
.contents_main .detail_r p {
	font-size:12px;	
}
.contents_main .detail_r img {
	display:block;
	margin-bottom:10px;	
}

.contents_main .detail h6 {
	height:28px;
	background: url(../img/column/make_l.png) no-repeat left top;
	line-height:0;
	text-align:center;
	margin-bottom:25px;
}
.contents_main .detail h6 span {
	height:28px;
	background: url(../img/column/make_r.png) no-repeat right top;
	display:block;
}
.maked {
	margin-right:-30px;
	margin-bottom:15px;	
}
.maked li {
	float:left;
	width:188px;
	margin-right:15px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	background:#ededed;
	overflow:hidden;
}
.maked li dt {
	display:block;
	line-height:0;
	
}
.maked li dd span {
	font-size:13px;
	margin-right:10px;
	background:#999;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	display:block;
	width:188px;
	font-family: 'Lato', sans-serif;
	
	
}
.maked li dd p {
	padding:10px;
	line-height:1.6;
}
.contents_r {
	float:right;
	width:272px;
	background: url(../img/works/n_top.png) no-repeat;
	padding-top:38px;
	font-size:11px;
	
}
.contents_r .detail {
	background: url(../img/works/n_bottom.png) no-repeat left bottom;
	padding-bottom:38px;
}
.contents_r h3{
	line-height:0;
	margin-bottom:26px;	
}

.contents_r li{
	font-size:18px;
	line-height:1;
	display:block;
	margin-bottom:25px;
	
	
}
.contents_r a {
	display:block;
}
.back {
	position:fixed;
	left:0;
	top:200px;	
	z-index:300;
}
.back img {
	margin-left:-30px;	
}
@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 div.element dl {
	margin-left:145px;
	padding-top:20px;
}
.container div.element dd a {
	font-size:13px;	
}
.container div.element dd span {
	display:block;
	margin-top:5px;	
	font-size:10px;
	line-height:1.5;
}
.contents_r {
	float:none;
	width:100%;
	background: none;
	padding-top:38px;
	font-size:11px;
	
}
.contents_r .detail {
	background: url(../img/works/c_bottom.png) no-repeat left bottom;
	padding-bottom:30px;
}

.contents_main .detail img{
   max-width: 100%;
   height: auto;
}
.back {
	display:none;
}
.contents_main .detail_l {
	width:100%;
	float:none;
}
.make_section {
	margin-bottom:30px;	
}
.contents_main .detail_r {
	width:100%;
	float:none;
}
.contents_main .detail_l img{
  	width: 100%;
   height: auto;
}
.maked li {
	float:none;
	width:auto;
	margin-bottom:15px;
	
}
.maked li dt {
	display:block;
	line-height:0;
	
}
.maked li dt img {
	width:100%;	
}
.maked li dd span {
	width:100%;
	
	
}
}