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; overflow: hidden;}
main img { width: 840px; margin: 0 35px 0 -35px;}
section {margin: 0 12px 30px 12px; padding: 0;}

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

ul.block2 { display: block; width:45%; margin: 0; padding: 0; max-width: 200px;}
ul.block2 li { display: block; padding: 4px 0;}
ul.block2 li img { width: 100%; border: 1px solid #ccc;}

footer { margin: 0 12px 40px 12px;}
h1 {}
h2 { margin: 0; padding: 0; color: #876A4A; position: absolute; left: 12px; top: 240px; font-size: 19px;font-weight: normal;}
h3 { margin: 0; padding: 0; color: #; position: absolute; left: 12px;top: 310px; color: #876A4A; font-size: 17px; font-weight: normal; line-height:25px; text-shadow:1px 1px 5px rgba(0,0,0,0.15);}

nav {  width: 100%; margin: 70px 0 30px 0;}
h4 { display: block; margin: 10px; padding: 10px; color: #a38f70; font-size: 16px; border:1px solid #ddd;background: #fff;}
h4 p { padding: 0 0 10px 0; margin: 0; font-size: 17px;}
small { display: block; padding: 0 0 5px 0;}
span { font-weight: normal;}