/* fonts
──────────────────────── */
body * {
	font-family: helvetica,arial,sans-serif;
	line-height: 1.3;
}
h1, h2 {
	font-stretch: condensed;
	font-weight:bold;
	line-height: 1;
}
h1 {font-size: 130%;}
h2 {
	font-size: 400%;
	line-height: 1.1;
}
h2 strong {
	font-weight: bold;
	font-size: 35%;
	line-height: 1.1;
}
h2 a {line-height: 1.1;}
h3 {line-height: 1.5;}
#works h3 {
	line-height: 1.1;
	font-stretch: condensed;
	font-size: 180%;
	font-weight: bold;
}
#works p, #works ul li {line-height: 1.5;}
	
/* init
──────────────────────── */
body {margin: 30px 0 30px 30px;}
#jp:after, #en:after, dl:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#jp, #en, dl {display: inline-block;}

/* header
──────────────────────── */
h1 {margin-bottom: .2em;}
h1 img  {
	display: block;
	/*margin-bottom: 2em;*/
}
h2 {margin-bottom: .5em;}
h2 strong {display: block;}
h3#hjp {margin-bottom: 1em;}
h3#hen {
	padding-bottom: 2em;
	margin-bottom: 2em;
}
h4 {
	font-weight: bold;
	margin-bottom: .5em;
}
h4:after {content: " :";}

/* area
──────────────────────── */
#container {width: 790px;}
#jp, #en {width: 390px;}
#jp {float: left;}
#en {float: right;}
address {
	clear: both;
	padding-top: 2em;
}
ul, dl {margin-bottom: 2.3em;}
.pos {font-size: 84%;}

/* contents
──────────────────────── */
#works {width: 790px;}
#works h3 {
	margin-top: 1em;
	padding-top: 1em;
}
#works p {margin-top: .5em;}
#works ul {margin: 1.5em 0 2.5em 0;}
#works ul#images {margin-left: -10px;}
#works ul#images li {display: inline;}
#works img {margin-left: 10px;}