/* * * * * * * * * * * * * * * * * *
 smart.css
* * * * * * * * * * * * * * * * * */

body {
	-webkit-text-size-adjust: 100%;
}
#header {
	font-size: 20px;
	padding: 40px 0 35px;
}

section h1 {
	padding-top: 10px;
}
	section h1 span {
		width: auto;
		padding: 0 10px;
		font-size: 16px;
	}

section div.content {
	padding: 15px 0 25px;
	font-size: 90%;
}
section div.content .inner {
	width: auto;
	padding: 0 10px;
}


/* info */
#info dt {
	text-indent: -1em;
	padding-left: 1em;
}

#info div.detail {
	width: auto;
}



/* about */
#about .l {
	width: 20%;
}
	#about .l img {
		width: 100%;
		height: auto;
	}
#about .r {
	width: 76%;
}


/* works */
#works .inner {
	width: auto;
	padding: 0;
}
#works ul li {
	padding: 15px 10px 0;
	width: auto;
}
#works ul li h3 {
	font-size: 17px;
	line-height: 1.4;
	background: url(../img/arrow_b.png) left 5px no-repeat;
	width: auto;
}
#works ul li h3 span.sub {
	display: block;
	padding: 0;
	font-size: 11px;
}
#works ul li div.detail {
	width: auto;
}
#works ul li div.detail p.img, #info div.detail p.img {
	width: auto;
	text-align: center;
	margin: 0 0 15px;
	float: none;
	border: 0;
}
	#works ul li div.detail p.img img {
		border: 1px solid #CCC;
	}
#works div.r,
#works ul li div.detail .l,
#info div.r,
#info div.detail .l {
	width: auto;
	padding: 0 10px;
	float: none;
}
	#info div.r {
		text-align: center;
	}
	#info div.r iframe {
		width: 300px;
		height: 169px;
	}
#works div.r {
	margin-bottom: 10px;
}

section h2 span {
	width: auto;
}