<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="??????????????????????????????????????????????????????????????????????????">
<title>??????????? | ??????</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
<link rel="shortcut icon" href="???URL.png">
<link rel="stylesheet" href="css/style.css">
<meta name="format-detection" content="email=no,telephone=no,address=no">
</head>
<body>
<div class="top-image-area">
<header>
<ul>
<li><a href="#" class="btn2">Home</a></li>
<li><a href="#" class="btn4">??????</a></li>
<li><a href="#" class="btn4">??????</a></li>
<li><a href="#" class="btn4">?????</a></li>
<li><a href="#" class="btn4">??????</a></li>
<li><a href="#" class="btn4">??????</a></li>
<li><a href="#" class="btn4">????</a></li>
</ul>
</header>
</div>
<div class="main">
<div class="main-contents">
<h1>??????</h1>
<div class="slanting">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon points="0,0 50,50 100,0"/>
</svg>
</div>
<div class="spaser"></div>
<div class="slanting">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M0,0 Q50,50 100,0"></path>
</svg>
</div>
<div class="spaser"></div>
<div class="slanting">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon points="0,0 100,100 0,100"/>
</svg>
</div>
<div class="spaser"></div>
<div class="slanting">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon points="0,100 100,0 100,100"/>
</svg>
</div>
<div class="spaser"></div>
<div class="contents">
<h2></h2>
</div>
</div>
<div class="right-navi">
??????
</div>
</div>
<div class="left-navi">
??????
</div>
<div class="footer">
?????????????????
</div>
</body>
</html>
