## ２カラムサンプル

### 設定方法

<body>を<body class="c2">にすると当ページのように２カラムになります。mainとsubが残り、sideブロックが非表示になるスタイルです。sideブロックはhtml側には残っているので、２カラムのみで使う場合はhtml側からsideブロックタグを削除しておいて下さい。

### 左右のブロックを入れ替えたい場合

cssフォルダのstyle.cssの、
#mainの「float: right;」を「float: left;」に、
#subの「float: left;」を「float: right;」にする。

## 更新情報・お知らせ

2018/11/22
  tp_cool7配布開始。NEW
20XX/00/00
  サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
  サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
  サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
  サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
  サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
  サンプルテキスト。サンプルテキスト。サンプルテキスト。

» 過去ログ

## 会社概要

見出しが必要であればここを使います
見出し | GoogleMapで地図を貼り付けたい人は解説がありますのでご覧下さい。
見出し | ここに説明など入れて下さい。サンプルテキスト。
見出し | ここに説明など入れて下さい。サンプルテキスト。
見出し | ここに説明など入れて下さい。サンプルテキスト。
見出し | ここに説明など入れて下さい。サンプルテキスト。
見出し | ここに説明など入れて下さい。サンプルテキスト。
見出し | ここに説明など入れて下さい。サンプルテキスト。

## 製品紹介

#### 製品名

リンクがあると、ボックス右下に「→」マークが入ります。
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

#### 製品名

リンクがあると、ボックス右下に「→」マークが入ります。
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

#### 製品名

リンクなしタイプです。

#### 製品名

リンクなしタイプです。

## 製品情報

#### 製品タイトルNEW

サンプルテキスト。サンプルテキスト。

#### 製品タイトル

サンプルテキスト。サンプルテキスト。

#### 製品タイトル

サンプルテキスト。サンプルテキスト。

## アクセス

東京都XX区XXXXビル３F
TEL：03-0000-0000
受付：9:00～16:00
定休日：土日祝

## 製品情報

#### 製品タイトルNEW

サンプルテキスト。サンプルテキスト。

#### 製品タイトル

サンプルテキスト。サンプルテキスト。

#### 製品タイトル

サンプルテキスト。サンプルテキスト。

#### 製品タイトル

サンプルテキスト。サンプルテキスト。

#### 製品タイトル

サンプルテキスト。サンプルテキスト。

上のバナー画像は、801px以上の端末と800px以下とで画像２種類が切り替わります。
詳しい説明はこちら。