@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:25px;
	line-height:1;
}
.container h3{
	margin-bottom:45px;
	margin-left:0;
	line-height:0;
}
.container .aside{
	line-height:1.6;
	margin-bottom:40px;
	display:block;
}
.cap {
	color:#F00;
	margin-bottom:15px;	
}
.mf .mf_l span {
    color: #FF0000;
    font-size: 11px;
}
.doui {
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
}
.contents_main {
	width:602px;
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:80px;
	font-size:13px;
	float:left;
	text-align:left;
}
.contents_main .detail {
	
	margin-bottom:80px;
	
}
.contents_main .detail2 {
	text-align:center;
	
}
.contents_main .element_container {
	margin-right:-60px;
}
.contents_main .detail img {
	
}
.mf {
    border-bottom: 1px dotted #999999;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.mf .mf_l {
    float: left;
    width: 210px;text-align:left;
}
.mf .mf_r {
    float: right;
    width: 370px;
}
.mf .mfp {
    padding: 8px;
    width: 350px;
}
input.mfp {
    border: 1px solid #B7B7B7;
    padding: 2px;
}
.contents_r {
	float:right;
	width:272px;
	background: url(../img/works/n_top.png) no-repeat;
	padding-top:38px;
	font-size:14px;
	
}

.contents_r h3{
	line-height:1;
	margin-bottom:16px;
	background-color:#FF0;
	font-size:20px;
	margin-top:10px;
	display:block;
	font-weight:normal;
	float:left;
}
.contents_r span{
	line-height:1;
	margin-bottom:25px;
	display:block;
	margin-top:15px;
	clear:both;
	font-size:12px;
}
.contents_r h5{
	line-height:0;
	margin-bottom:15px;	
}


@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;
}	
.contents_r {
	float:none;
	width:100%;
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:28px;
	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;
}
.mf {
    border-bottom: 1px dotted #999999;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.mf .mf_l {
    float: none;
    width: 100%;text-align:left;
}
.mf .mf_r {
    float: none;
    width: 100%;
}
.mf .mfp {
    padding: 8px;
    width: 100%;box-sizing: border-box;
}
.container h2{
	margin-bottom:25px;
	line-height:1.4;
}
}