<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>クールイメージビジネスサイトサイト向け 無料ホームページテンプレート tp_cool7</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="ここにサイト説明を入れます">
<meta name="keywords" content="キーワード１,キーワード２,キーワード３,キーワード４,キーワード５">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/slide.css">
<script type="text/javascript" src="js/openclose.js"></script>
<script type="text/javascript" src="js/fixmenu_pagetop.js"></script>
</head>

<body class="s-n">

<header>
<div class="inner">
<h1 id="logo"><a href="index.html"><img src="images/logo.png" alt="SAMPLE COMPANY"></a></h1>
<div id="contact">
<p class="tel">TEL:00-0000-0000<span>受付：00:00〜00:00　定休日：水曜日</span></p>
</div>
</div>
</header>

<!--PC用（801px以上端末）メニュー-->
<nav id="menubar">
<ul class="inner">
<li><a href="index.html">ホーム<span>HOME</span></a></li>
<li><a href="company.html">会社概要<span>COMPANY</span></a></li>
<li><a href="service.html">製品紹介<span>SERVICE</span></a></li>
<li><a href="recruit.html">採用情報<span>RECRUIT</span></a></li>
<li><a href="link.html">リンク<span>STAFF</span></a></li>
<li class="current"><a href="contact.html">お問い合わせ<span>CONTACT</span></a></li>
</ul>
</nav>
<!--小さな端末用（800px以下端末）メニュー-->
<nav id="menubar-s">
<ul>
<li><a href="index.html">ホーム<span>HOME</span></a></li>
<li><a href="company.html">会社概要<span>COMPANY</span></a></li>
<li><a href="service.html">製品紹介<span>SERVICE</span></a></li>
<li><a href="recruit.html">採用情報<span>RECRUIT</span></a></li>
<li><a href="link.html">リンク<span>STAFF</span></a></li>
<li><a href="contact.html">お問い合わせ<span>CONTACT</span></a></li>
</ul>
</nav>

<div id="contents" class="inner">
<div id="contents-in">

<div id="main">

<section>

<h2>お問い合わせフォーム</h2>

<!-- フォームの情報はここからです -->
<form name="form1" enctype="multipart/form-data" method="post" action="<?php echo $_SERVER["REQUEST_URI"];?>">
<input type="hidden" name="mode" value="form">
<table class="ta1">
<!-- 入力／確認 -->
<!--<tr><th class="tamidashi" colspan="2">お問い合わせフォーム</th></tr>-->
<tr>
<th width="150">お名前<span style="color:red">※</span></th>
<td>
<input name="item1" value="<?php echo $form["item1"];?>" type="text" size="40" maxlength="500" class="ws">
<?php if ($msg["item1"]) echo '<div style="color:red">' . $msg["item1"] . '</div>'; ?>
</td>
</tr>
<tr>
<th width="150">メールアドレス<span style="color:red">※</span></th>
<td>
<input name="item2" value="<?php echo $form["item2"];?>" type="text" size="40" maxlength="500" class="ws">
<?php if ($msg["item2"]) echo '<div style="color:red">' . $msg["item2"] . '</div>'; ?>
</td>
</tr>
<tr>
<th>お問い合わせ内容<span style="color:red">※</span></th>
<td>
<textarea name="item3" cols="40" rows="10" class="wl"><?php echo $form["item3"]; ?></textarea>
<?php if ($msg["item3"]) echo '<div style="color:red">' . $msg["item3"] . '</div>'; ?>
</td>
</tr>
</table>
<div class="c">
<input type="submit" value="内容を確認する" class="btn">
&nbsp;
<input type="reset" value="リセット" class="btn">
</div>
</form>
<!-- フォームの情報はここまでです -->

</section>

</div>
<!--/#main-->

<div id="sub">

<nav>
<h2>Contents</h2>
<ul class="submenu">
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
</nav>

<nav>
<ul class="submenu">
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
</nav>

<section>

<h2>製品情報</h2>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル<span class="newicon">NEW</span></h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル</h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル</h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

</section>

<div class="box1">
<h2>アクセス</h2>
<p>東京都XX区XXXXビル３F<br>
TEL：03-0000-0000<br>
受付：9:00～16:00<br>
定休日：土日祝</p>
</div>

</div>
<!--/#sub-->

</div>
<!--/#contents-in-->

<div id="side">

<section>

<h2>製品情報</h2>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル<span class="newicon">NEW</span></h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル</h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル</h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル</h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

<div class="list">
<a href="service2.html">
<figure><img src="images/sample1.jpg" alt="写真の説明"></figure>
<h4>製品タイトル</h4>
<p>サンプルテキスト。サンプルテキスト。</p>
</a>
</div>

</section>

<nav>
<h2>Contents</h2>
<ul class="submenu">
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
</nav>

<p>
<a href="recruit.html"><img src="images/banner1.jpg" alt="採用情報" class="pc"></a>
<a href="recruit.html"><img src="images/banner1_sh.jpg" alt="採用情報" class="sh"></a>
</p>
<p>上のバナー画像は、801px以上の端末と800px以下とで画像２種類が切り替わります。<br>
<a href="company.html#banner">詳しい説明はこちら。</a></p>

</div>
<!--/#side-->

</div>
<!--/#contents-->

<footer>

<div id="footermenu" class="inner">
<ul>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
<ul>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
<ul>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
<ul>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
<ul>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
<li><a href="#">メニューサンプル</a></li>
</ul>
</div>
<!--/footermenu-->

<div id="copyright">
<small>Copyright&copy; <a href="index.html">SAMPLE COMPANY</a> All Rights Reserved.</small>
<span class="pr"><a href="http://template-party.com/" target="_blank">《Web Design:Template-Party》</a></span>
</div>

</footer>

<p class="nav-fix-pos-pagetop"><a href="#">↑</a></p>

<!--小さな端末用（800px以下端末）メニュー-->
<script type="text/javascript">
if (OCwindowWidth() <= 800) {
	open_close("newinfo_hdr", "newinfo");
}
</script>

<!--メニュー開閉ボタン-->
<div id="menubar_hdr" class="close"></div>
<!--メニューの開閉処理条件設定　800px以下-->
<script type="text/javascript">
if (OCwindowWidth() <= 800) {
	open_close("menubar_hdr", "menubar-s");
}
</script>

</body>
</html>
