body {-webkit-text-size-adjust: 100%; margin: 0; color:#444; font-size: 16px; font-family: 'meiryo', "Hiragino Kaku Gothic Pro W3", sans-serif; background: #f5f5f5;}
img { vertical-align: bottom;}
main { display: block; position: relative;}
main img { width: 100%; min-width: 1100px;}
section {margin: 50px 10% 30px 10%; width: 80%; padding: 0;}

ul.block1 { display: table; width:30%; margin: 0; padding: 0;}
ul.block1 li { display: table-cell;}
ul.block1 li img { width: 85%; margin-right: 15%; border: 1px solid #ccc; border-radius:30px; overflow: hidden;}
ul.block1 li a {}

ul.block2 { display: table; width:70%; margin: 0; padding: 0;}
ul.block2 li { display: table-cell;}
ul.block2 li img { width: 90%; margin-right: 10%; border: 1px solid #ccc;}

footer { width: 80%; margin: 0 10% 40px 10%;}
h1 {}
h2 { margin: 0; padding: 0; color: #a38f70; position: absolute; left: 52%; top: 80px;}
h3 { margin: 0; padding: 0; color: #b39f80; position: absolute; left: 52%; top: 170px; line-height:37px; text-shadow:1px 1px 5px rgba(0,0,0,0.15);}

nav { position: absolute; left: 51%; top: 295px;  width: 40%; }
h4 { margin: 0 0 8px 0; padding: 12px 25px; color: #a38f70; font-size: 18px; border:1px solid #ddd;background: #fff;}
h4 p { padding: 0 0 2px 0; margin: 0; font-size: 20px;}
small { display: block; padding: 0 0 1px 0;}
span { font-weight: normal;}