/* ===== 基本設定 ===== */
/* =========================================================
   style0_reordered.css
   目的: 元の指定をできるだけ維持したまま、読みやすい順に並べ替え
   並び順: 基本設定 → ヘッダー → メイン → テーブル → 補助 → フッター → レスポンシブ
   ※ セレクタの内容は原則そのまま、順番中心で整理
   ========================================================= */

/* ==================== 基本設定 / リセット ==================== */
/* サイト全体の素地になる共通設定。
   ここで基本の余白・文字・画像・リンク挙動をそろえる。
   個別ページで差分指定を行う前提の土台。 */

/* 全要素の初期化。
   旧サイト由来のため、margin/padding を強めにリセットしている。
   フォントもここで全体指定しているので、個別に変える場合は上書きが必要。 */
* {
	padding:0;
	margin: 0;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* ページ全体の基本文字色・背景色・標準文字サイズ。
   読みやすさ改善のため line-height が追加されている。 */
body {
    color: #232323;
    background-color: #F2EDDE;
    font-size: 16px; /* ←変更 */
    line-height: 1.6; /* ←追加（読みやすさUP） */
}

/* 汎用画像の基本挙動。
   max-width:100% により親幅を超えないようにしつつ、高さは自動調整。
   古い記述（width : auto;）は互換目的の可能性があるため維持。 */
img {
	vertical-align: top;
	max-width: 100%;
	width : auto;
	height: auto;
	margin-top: 4px;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* 画像リンクとボタンに共通の hover 演出。
   透明度変化だけでなく白背景も入るため、透過PNGや画像周辺の見え方に注意。 */
a:hover img,
input.btn:hover {
	opacity: 0.7;
	background: #FFFFFF;
}

li {
	list-style-type: none;
}

a {
	color: #333399;
}

a:hover {
	color: #00a2ff;
	text-decoration: none;
}

/* 汎用 h2。
   #content h2 の方がより強い見出しデザインで、この指定はベース用途。 */
h2 {
	font-size: 15px;
	line-height: 19px;
	color: #4A4A4A;
	padding-top: 15px;
	padding-bottom: 10px;
	clear: both;
	font-weight: normal;
}

h2 span {
	font-size: 10px;
	padding-left: 15px;
	color: #FFAC46;
	letter-spacing: 1px;
	line-height: 14px;
}

/* 見出し風の装飾ボックス。
   疑似要素で左のアクセントラインを描いている。 */
h6
{
	font-size: 16px;
     position: relative;
     padding:0.6em 0.5em 0.5em 1.4em;
     border: 2px solid #CCC;
     border-radius: 5px;
}

h6::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color: #9B491E;
}

/* リンク一覧や説明リスト向けの共通装飾。
   dt を見出し、dd を説明文として見せる用途。 */
dl.dl_link {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	margin-right: 10px;
	margin-left: 5px;
}

.dl_link dt {
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 28px;
	margin-bottom: 7px;
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}

.dl_link dd {
	font-size: 13px;
	line-height: 20px;
	padding-right: 15px;
	padding-left: 15px;
	color: #505050;
}

/* フォーム部品の基本フォント。
   body のフォントとは別指定なので、フォームだけ見え方が変わる。 */
textarea ,
input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}

/* フッター最下部の帯状住所表示。
   通常の address 意味付けより、視覚表現として使っている。 */
address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #990000;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #8A8A8A;
	width: 100%;
}

/* float レイアウト崩れ防止用の clearfix。
   旧来のフロート主体レイアウトを支える基礎ユーティリティ。 */
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix {
min-height: 1px;
}

/* --- 画像をセンタリング --- */
.appIconBig{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

iframe {
   border: 0px;
   margin: 0px;
   overflow: hidden;
}

/*コメントナビ*/
.navigation .alignright{
	float: right;
}

.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }

.navigation{
	margin-bottom: 30px;
/*	/zoom : 1;*/
}

/* 別CSSから不足分を補っている追加定義群。
   後から継ぎ足された可能性が高いため、他ファイルとの重複に注意。 */
/* ===== style3.css から追加した不足定義 ===== */

/* iOS系ブラウザでの submit ボタン見た目を均一化。 */
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}

input#submit_button1,
input#submit_button2{
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #248;
    color: #fff;
    border-style: none;
}

input#submit_button1:hover {
    background-color: #24d;
    color: #fff;
}

input#submit_button2:hover {
    background-color: #24d;
    color: #fff;
}

.required::after {
    content: "必須";
    color: #ffffff;
    background: #f43c57;
    font-size: 0.7em;
    padding-top: 0.2em;
    padding-right: 0.2em;
    padding-left: 0.2em;
    padding-bottom: 0.2em;
    border-radius: 0.5em;
    margin-left: 0.4em;
    vertical-align: 10%;
}

/* 予備住所欄など、条件によって表示切替される想定の要素。
   JSやフォーム条件分岐と連動している可能性があるため削除注意。 */
#other_address {display: none;
}

/* ==================== ヘッダー・ナビゲーション ==================== */
/* サイト上部のブランド表示、補助リンク、案内情報、グローバルナビ領域。
   PC/スマホで表示方式がかなり変わるため、後半の media query とセットで確認する。 */

/* ===== ヘッダー関連 ===== */
/* ヘッダー外枠の基本設定。 */
header {
    background-color: #FFF;
    padding-top: 8px;
    padding-bottom: 8px;
}

header h1 {
    font-size: 16px; /* 14 → 16 */
    line-height: 1.4;
    margin: 10px 0 8px 0; /* ←ここ追加（0 → 10px） */
}

/* ヘッダー右上などに出る横並びリンクの項目。
   区切り線とアイコン画像で補助メニュー風に見せている。 */
header #h_list li {
    display: inline-block;
	padding-right: 7px;
	padding-left: 13px;
	border-right: 1px solid #595959;
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
    font-size: 14px; /* 11 → 14 */
    line-height: 1.6;
    vertical-align: middle;
}

header #h_list a {
	text-decoration: none;
	color: #333333;
}

/* 電話番号や受付案内などの情報欄想定。
   画面幅によって非表示になるため、PC/SPで要確認。 */
header #info {
	font-size: 11px;
	color: #666666;
	line-height: 24px;
}

header #info strong {
	font-size: 26px;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
}

header #info span {
	font-size: 18px;
	color: #505050;
}

header #h_list a:hover {
	background-color: #FFFFFF;
	color: #E8443C;
}

#sitemap header {
	height: 80px;
}

/* ==================== メインレイアウト・コンテンツ ==================== */

/* .switchBtn
------------------------- */
/* 表示切替ボタン群。
   ページ内タブや表示モード切替など、複数選択肢の切替UI向け。 */
.switchBtn {
	margin-top: 15px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	background: #efefef;
	clear: both;
}

.switchBtn a {
	margin: 0 10px;
	padding: 5px 30px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	background: #efefef;
	border: #333 solid 1px;
	font-size: 13pt;
}

.switchBtn a.btnAcv {
	background: #fff;
}

/* ------------------------- */

/* ===== メインレイアウト ===== */
/* メイン表示領域の土台。
   #content やサイド領域を含む外枠として使われる。 */
#main {
	background-color: #FFF;
}

#main .box3 {
	text-align: center;
	width: 47%;
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
	margin-bottom: 10px;
}

#main h1{
	font-size: 22px;
	color: #990000;
	border-top: 2px solid #B1B1B1;
	border-bottom: 2px solid #B1B1B1;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* 旧パンくず表現。
   後半の ol.topicPath と併存しているため、ページによって実装が異なる可能性あり。 */
#pankuzu {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E1E1E1;
	font-size: 10px;
	color: #999999;
	line-height: 16px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#pankuzu strong {
	font-weight: normal;
	color: #505050;
	font-size: 11px;
	letter-spacing: 1px;
}

/* ===== コンテンツ ===== */
/* ページ内目次ボックス。
   長文ページや説明ページでのアンカー一覧用。 */
#content #mokuji {
	margin-top: 1px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #E5E5E5;
}

#mokuji ul {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#mokuji ul ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#mokuji li {
	font-size: 14px;
	line-height: 20px;
}

#mokuji li a {
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8D8D3;
	display: block;
}

#content #mokuji h3 {
	color: #333333;
	background-image: none;
	padding-left: 10px;
	margin-bottom: 2px;
	padding-top: 1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFD199;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

/* 箱組みレイアウトの外側ラッパー。 */
#content .box_out {
	background-color: #F9F9F9;
	margin-bottom: 5px;
	padding: 5px;
}

/* 箱組みレイアウトの中身部分。
   多くのパーツの基本箱として再利用されている。 */
#content .box_in {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    margin-bottom: 5px;
    padding: 10px;
}

/* 本文エリア専用の強い h2 デザイン。
   サイト内の主要セクション見出しとして使う想定。 */
#content h2 {
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-right-width: 1px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	color: #990000;
	padding: 10px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
}

/* 本文エリアの中見出し。
   背景色付き帯見出しで、情報ブロックの区切りに使われる。 */
#content h3 {
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
	padding-left: 10px;
	margin-top: 1px;
	font-weight: normal;
	background-color: #990000;
	margin-bottom: 0px;
	display: block;
	border-bottom: 4px solid #C97D38;
	padding-top: 6px;
	padding-bottom: 0px;
}

#content h3,  x:-moz-any-link  {
	padding-top: 5px;
	padding-bottom: 1px;
}

#content h3 span {
	font-size: 10px;
	color: #FFDEA6;
	padding-left: 15px;
	font-weight: normal;
	letter-spacing: 2px;
}

/* 本文エリアの小見出し。
   左線アクセント型で、h3 より軽い区切り用途。 */
#content h4 {
	color: #FF6600;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFB77B;
	font-size: 16px;
	line-height: 16px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
}

/* 本文エリアの補助見出し。
   左の太線と下線で見出し感を付ける。 */
#content h5 {
	border-bottom: 2px solid #FF8F00;
	border-left: 10px solid #FF8F00;
	color: #474747;
	font-size: 16px;
	padding: 5px 0 5px 15px;
}

#content h4 span {
	font-size: 12px;
	color: #FF9900;
	padding-left: 10px;
	line-height: 12px;
	font-weight: normal;
}

/* 見出し風の強調テキスト（W3C対応） */
#content /* ===== 補助クラス ===== */
.text-strong {
  font-size: 16px;
  position: relative;
  padding: 0.6em 0.5em 0.5em 1.4em;
  border: 2px solid #CCC;
  border-radius: 5px;
  font-weight: bold;

  /* ここが重要：p の共通marginを打ち消す */
  margin: 10px 5px;      /* ←必要なら数値は微調整 */
}

#content .text-strong::after {
  position: absolute;
  top: 50%;
  left: 0.7em;
  transform: translateY(-50%);
  content: '';
  width: 5px;
  height: 25px;
  background-color: #9B491E;
}

/* h5 相当の見出し風テキスト（W3C対応） */
/* p 要素などで h5 相当の見出し風装飾を再現するクラス。 */
#content .text-h5 {
  border-bottom: 2px solid #FF8F00;
  border-left: 10px solid #FF8F00;
  color: #474747;
  font-size: 16px;
  padding: 5px 0 5px 15px;

  /* p に付くデフォルト余白の調整 */
  margin: 10px 5px;
  font-weight: bold;
}

/* 本文段落の基本設定。
   サイズと行間が比較的しっかり確保されており、可読性重視。 */
#content p {
    font-size: 16px;   /* ←15px → 16px */
    line-height: 1.8;  /* ←重要：可読性アップ */
	padding: 5px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* 回り込み用の左寄せ画像。
   旧来の float レイアウト依存のため、周辺要素との回り込みに注意。 */
.img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 2px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #EDECE9;
}

/* 回り込み用の右寄せ画像。 */
.img_right {
	float: right;
	background-color: #FFFFFF;
	padding: 2px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border: 1px solid #EDECE9;
}

/* メインビジュアル領域。
   上に重ねるテキスト（.top_txt）とセットで使う前提。 */
#top_img {
	padding-top: 19px;
	padding-right: 19px;
	padding-left: 19px;
	padding-bottom: 19px;
	position: relative;
}

#top_img .top_txt {
	text-align: left;
	position: absolute;
	z-index: 10;
	left: 30px;
	color: #FFFFFF;
	font-size: 18px;
	padding-top: 16px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(img/top_txt.png);
	letter-spacing: 1px;
	line-height: 18px;
	width: 350px;
	background-repeat: repeat-y;
	background-position: left top;
	top: 35%;
}

#top_img .top_txt span {
	font-size: 10px;
}

#content .to_top {
	text-align: right;
	padding-right: 5px;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
}

/* 汎用箇条書きリスト。
   画像付きのリストマーカーを使った説明項目向け。 */
#content ul.list {
	padding-top: 10px;
	padding-bottom: 10px;
}

#content ul.list li {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 7px;
	padding-left: 15px;
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	color: #777;
}

#content .chui {
	color: #E44545;
	font-size: 13px;
}

/* フォーム全体を囲う領域。 */
#form {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px;
	background-color: #F8F8F6;
}

#content .box02_left h3, #content .box02_right h3 {
	clear: both;
}

/* 左右2カラムの box02 系の中身調整。
   同一レイアウトの左右差分を抑えるための共通指定。 */
#content .box02_left .box_in,
#content .box02_right .box_in {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content .box02_left p,
#content .box02_right p {
	margin: 0px;
}

.box02_left .img_left {
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 10px;
}

.box02_left .img_right {
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 10px;
}

/* メニュー一覧や導線の背景帯。 */
#content .menu_base {
	background-color: #DEB99A;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 地図埋め込みや案内図を囲う枠。 */
.map_base {
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-bottom: 5px;
	border: 1px solid #EAEAEA;
}

/* 汎用ボタン風リンク。
   box3 内ボタンでも再利用されるため、影響範囲が広い。 */
.btn_s a,
.box3 .btn a {
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-size: 12px;
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-decoration: none;
	line-height: 16px;
	color: #FFFFFF;
	background-color: #FF9900;
	border-top-color: #DDD;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
}

.btn_s a:hover,
.box3 .btn a:hover {
	color: #F97700;
	background-color: #FFFFFF;
	border-color: #F97700;
}

/* 商品・サンプル・カード表示用の基本ボックス。 */
#content .box3 {
	text-align: center;
	width: 47%;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #EEE8DF;
	float: left;
	margin-bottom: 10px;
	margin-left: 2%;
	background-color: #F9F7F4;
}

/* box3 に近いカード系ボックス。 */
#content .box4 {
	text-align: center;
	width: 30%;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #EEE8DF;
	float: left;
	margin-bottom: 10px;
	margin-left: 2%;
	background-color: #F9F7F4;
	min-height: 146px;
}

/* 高さ固定の装飾ボックス。
   他ボックスと組み合わせる前提のレイアウトで、調整の影響が大きい。 */
#content .box6 {
    text-align: left;
    width: 46%;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 16px solid #e4d8b4;
    float: left;
    margin-bottom: -16px;
    background-color: #FBFBFB;
    margin-right: -7px;
    padding-right: 0px;
    padding-left: 0px;
    height: 219px;
}

/* 新： */
/* box6 内部や関連領域向けのサブ枠。 */
#content .box6_sub {
	text-align: left;
	width: 95%;
	border: 5px solid #FFE1C4;
	float: left;
	background-color: #F8F8F8;
}

/* 横並びレイアウト用の補助ボックス群（box9〜17）。
   個別用途が強いので、未使用確認の候補になりやすい。 */
#content .box9 {
	text-align: left;
	width: 46%;
	float: left;
	padding-right: 22px;
	font-size: 14px;
}

#content .box10 {
	text-align: left;
	width: 59%;
	float: left;
	padding-right: 27px;
}

#content .box11 {
	text-align: left;
	width: 37%;
	float: left;
	font-size: 13px;
}

#content .box12 {
	text-align: left;
	width: 61%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	margin-bottom: -16px;
	background-color: #ECE9D8;
	margin-right: -11px;
	padding-right: 0px;
	padding-left: 0px;
	height: 388px;
}

#content .box13 {
	text-align: left;
	width: 39%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	margin-bottom: -16px;
	background-color: #ECE9D8;
	margin-right: -7px;
	padding-right: 0px;
	padding-left: 0px;
	height: 388px;
}

#content .box14 {
	text-align: left;
	width: 97%;
	float: left;
	background-color: #990000;
	color: #FDFDFD;
	margin-bottom: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 18px;
	font-size: 13px;
}

#content .box15 {
	width: 50%;
	float: left;
	text-align: center;
}

#content .box16 {
	width: auto;
	float: left;
	text-align: center;
	padding-right: 5px;
}

/* 強調注意枠。
   赤枠で目立たせるため、警告や重要案内向け。 */
#content .box17 {
	text-align: left;
	width: 93%;
	border: 4px solid #FF0000;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.box3 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box4 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box9 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box10 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box11 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box3 a img {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}

.box4 a img {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}

.box3 a:hover img {
}

.box4 a:hover img {
}

#content .box3:hover {
	background-color: #FFFCEC;
}

#content .box3 a img {
	border: none;
	padding: 0;
	background: none;
}

#content .box4:hover {
	background-color: #FFFCEC;
}

#content .box4 a img {
	border: none;
	padding: 0;
	background: none;
}

#content .box02_right .box_in ul.list li {
	font-size: 12px;
}

/* 定義リスト型の一覧。
   用語・項目名と説明を左右で見せる用途。 */
#content .dl_list dl dt {
	float: left;
	width: 22%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #B48332;
	text-align: right;
	padding-right: 3%;
	margin-right: 3%;
}

#content .dl_list dl {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D6D6D6;
	padding-top: 10px;
	padding-right: 6%;
	padding-bottom: 10px;
	padding-left: 2%;
}

#content .dl_list dl dd {
	margin-left: 28%;

}

#content .fb-share-button {
	margin-left: 0px;
	top: -6px;
}

/* 一旦全部消す */
#content img {
	border: none;
}

#content .img0 {
	border: 0;
}

#content .box33 {
	width: 47%;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #EEE8DF;
	float: left;
	margin-bottom: 10px;
	margin-left: 2%;
	background-color: #F9F7F4;
	text-align: center;
}

#content .box44 {
	width: 180px;
	border: 1px solid #EEE8DF;
	margin-left: 2%;
	background-color: #FAF5ED;
	height: 252px;
	text-align: center;
	float: left;
	background-repeat: repeat-x;
	position: relative;
	margin-bottom: 15px;
}

#content .box444 {
	width: 135px;
	border: 1px solid #EEE8DF;
	margin-left: 2%;
	background-color: #FAF5ED;
	height: 210px;
	text-align: center;
	float: left;
	background-repeat: repeat-x;
	position: relative;
	margin-bottom: 15px;
}

#content .box5 {
	text-align: center;
	width: 22%;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #EEE8DF;
	float: left;
	margin-bottom: 14px;
	background-color: #F9F7F4;
	margin-right: 6px;
	padding-right: 6px;
	padding-left: 6px;
	height: 289px;
}

#content .box7 {
	text-align: left;
	width: 97%;
	border: 2px solid #FF0000;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#content .box77 {
	text-align: left;
	width: 97%;
	border: 1px solid #FC9B37;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFF2D7;
}

#content .box8 {
	text-align: left;
	width: 46%;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 16px solid #e4d8b4;
	float: left;
	margin-bottom: -16px;
	background-color: #FBFBFB;
	margin-right: -7px;
	padding-right: 0px;
	padding-left: 0px;
	height: 519px;
}

.box5 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box6 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box6_sub .btn a {
	font-size: 10px;
	line-height: 16px;
	width: 80px;
}

.box7 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box8 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}

.box33 a img {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}

.box5 a img {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-bottom: 7px;
	border: 1px solid #8A8A8A;
}

.box5 a:hover img {
}

#content .box5:hover {
	background-color: #FFFCEC;
}

/* ==================== テーブル ==================== */

/* ===== テーブル ===== */
/* 全テーブル共通の基準設定。
   この後に table.aaa などの用途別派生が多数続く。 */
table {
	border-collapse: collapse;
	border: 1px solid #909090;
}

/* 罫線なし・全幅系テーブル群の一つ。
   命名だけでは用途が分かりにくいため、HTML側の使用箇所確認推奨。 */
table.aaa {
    border-collapse: collapse;
    border: 0;
	width: 100%;
}

table.aaa- {
    border-collapse: collapse;
    border: 0;
	width: 67%;
}

table.bbb {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}

table.ccc {
	width: 100%;
}

table.ddd {
	width: 100%;
}

table.eee {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}

table.fff {
	border-collapse: collapse;
	width: 100%;
}

table.fff8 {
	border-collapse: collapse;
	width: 80%;
}

table.ffff {
	border-collapse: collapse;
	border: 0;
	width: 45%;
}

table.hhh {
	border-collapse: collapse;
	border: 1px solid #909090;
	margin-left: 14px;
}

table td {
	border-collapse: collapse;
	border: 1px solid #666666;
}

table.aaa td {
	border-collapse: collapse;
	border: 0;
}

table.ccc td {
	background-color: #FFF9DF;
}

table.ddd td {
	background-color: #FFF9DF;
}

/* 情報表示テーブルの標準レイアウト。
   入力確認や詳細情報一覧などに使う想定。 */
#content table.table_info {
	width: 96%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

#content table td {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border: 1px solid #A1A1A1;
	font-size: 13px;
}

#content table.aaa td {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border: 0;
	font-size: 13px;
}

#content table.aaa- td {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border: 0;
	font-size: 13px;
}

#content table.aaaa td {
    border: 1px solid #909090;
}

#content table.aaaaa td {
    border: 1px solid #909090;
    width: 76%;
}

#content table.ccc td {
	font-size: 13px;
}

#content table.ddd td {
	font-size: 13px;
}

#content table.eee td {
	font-size: 18px;
	text-align: center;
	color: #FF9900;
	border-width: 0px;
}

#content table.fff td {
	text-align: center;
}

#content table th {
	font-size: 14px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFF7E3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
}

#content table.aaaa th {
	border: 1px solid #909090;
}

#content table.aaaaa th {
    border: 1px solid #909090;
    width: 24%;
	background-color: #FFEAB9;
}

#content table.ccc th {
	font-size: 14px;
	text-align: center;
	border: 1px solid #A1A1A1;
	background-color: #FF9933;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	color: #555555;
	width: 105px;
}

#content table.ddd th {
	font-size: 14px;
	text-align: center;
	border: 1px solid #A1A1A1;
	background-color: #FFCE00;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	color: #555555;
	width: 105px;
}

#content table.fff th {
	font-size: 13px;
	border: 1px solid #A1A1A1;
	background-color: #E1FFC2;
	font-weight: bold;
	color: #555555;
	text-align: center;
}

#content table.fff8 th {
	font-size: 13px;
	border: 1px solid #A1A1A1;
	background-color: #E1FFC2;
	font-weight: bold;
	color: #555555;
	text-align: center;
}

#content table.ffff th {
	font-size: 13px;
	border: 1px solid #A1A1A1;
	background-color: #E1FFC2;
}

#content table.ffff td {
	font-size: 13px;
    text-align: right;
}

#content form table th {
	width: 127px;
}

/* 左側見出しセル。
   見出しラベル用として色分け・背景画像付き。 */
#content table td.td_head {
	background-color: #FCF7E9;
	text-align: right;
	padding: 8px;
	white-space: nowrap;
	color: #333333;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D5D5D5;
	border-right-color: #F9D8A6;
	border-bottom-color: #D5D5D5;
	border-left-color: #D5D5D5;
	font-size: 13px;
	background-image: url(img/td_head.gif);
	background-repeat: repeat-x;
}

/* 内容セル。
   td_head と対になる本文側セル。 */
#content table td.td_odd {
	background-color: #FFFFFF;
	text-align: left;
	padding: 8px;
	border: 1px solid #D5D5D5;
	font-size: 12px;
	background-image: url(img/td_odd2.gif);
	background-repeat: repeat-x;
	line-height: 20px;
}

.td_head .eng {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #DCA35C;
}

/* メニュー型テーブルの見出しセル。
   通常の table_info より販促・案内色が強いデザイン。 */
#content table.table_menu th {
	font-size: 14px;
	background-image: url(img/th.gif);
	background-repeat: repeat-x;
	background-position: center top;
	color: #333333;
	background-color: #FDF7E8;
	border-right-color: #FDB762;
	border-right-width: 4px;
	border-right-style: solid;
	text-align: right;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #D9D9D9;
	white-space: nowrap;
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	padding-left: 20px;
}

#content table.table_menu2 th {
	font-size: 14px;
	background-image: url(img/th.gif);
	background-repeat: repeat-x;
	background-position: center top;
	color: #333333;
	background-color: #FDF7E8;
	border-right-style: solid;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-bottom: 4px solid #FDB762;
	white-space: nowrap;
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	padding-left: 10px;
	font-weight: bold;
}

#content table.table_menu th span {
    font-size: 14px;
    color: #E24B4B;
}

#content table.table_menu td {
	font-size: 14px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 22px;
	background-color: #FFFFFF;
	padding-right: 15px;
	border-color: #BCBCBC #909090 #BCBCBC #BCBCBC;
}

#content .table_menu strong {
	font-size: 16px;
	color: #1A1A1A;
}

#content table.table_menu {
	width: 97%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

.table_info th a {
	color: #312D24;
}

#content .table_info .td_odd p {
	margin: 0px;
}

.highlight9_table-wide50 {
	width: 50%;
}

/* 見本ボックス内の画像だけ */
#content .box3 img,
#content .box4 img,
#content .box5 img,
#content .box33 img,
#content .box44 img,
#content .box444 img,
#content table.aaac img,
#content table.aaacc img,
#content table.aaaccc img {

	/* ←ここがポイント */
	padding: 0;
	background: none;

	border: 1px solid #A8A8A8;
}

table.aaab {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}

table.aaabb {
	border-collapse: collapse;
	border: 0;
}

table.aaac {
    border-collapse: collapse;
    border: 0;
    height: 146px;
    width: 157px;
    text-align: left;
}

table.aaacc {
    border-collapse: collapse;
    border: 0;
    height: 252px;
    width: 180px;
    text-align: left;
}

table.aaaccc {
	border-collapse: collapse;
	border: 0;
	height: 210px;
	width: 135px;
	text-align: left;
}

table.aaabbb {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}

table.aaad {
    border-collapse: collapse;
    border: 0;
    color: #009900;
}

table.w100 { width: 100%; }

#content table.aaad td {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border: 0;
	font-size: 13px;
}

#content table.aaab td {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border: 0;
	font-size: 13px;
}

#content table.aaabb td {
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    background: #eee;
    border: 0;
    font-size: 16px;
    font-weight: bold;
}

#content table.aaabb th {
    font-size: 16px;
    text-align: right;
    border-top-width: initial;
    border-right-width: initial;
    border-bottom-width: initial;
    border-left-width: initial;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    background: #eee;
    font-weight: bold;
}

#content table.aaac td {
    border: 0;
}

#content table.aaacc td {
    border: 0;
}

#content table.aaaccc th {
    border: 0;
    height: 180px;
	background-color: #FAF5ED;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content table.aaaccc td {
    border: 0;
    height: 10px;
}

#content table.bbb td {
	border: 0;
}

#content table.aaa th {
	font-size: 14px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFF7E3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
}

#content table.aaab th {
	font-size: 14px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFF7E3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
}

#content table.aaabb tr:nth-child(odd) th {
	background: #ccddcc;
}

#content table.aaabb tr:nth-child(odd) td {
	background: #ccddcc;
}

#content table.aaac th {
    border: 0 solid #CCCCCC;
    background-color: transparent;
    height: 15px;
    width: 110px;
    font-size: 15px;
    text-align: left;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#content table.aaad th {
	font-size: 14px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFF7E3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
}

#content table td.td_head2 {
    background-color: #FEE9BD;
    text-align: right;
    padding: 8px;
    white-space: nowrap;
    color: #333333;
    border-top-width: 1px;
    border-right: 4px solid #FC9B37;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D5D5D5;
    border-bottom-color: #D5D5D5;
    border-left-color: #D5D5D5;
    font-size: 15px;
    background-repeat: repeat-x;
    background-image: url(img/td_head.gif);
    width: 15%;
}

#content .box33 table {
	text-align: left;
}

/* ===== style3風（文字色修正） ===== */

/* 上部ヘッダ */
#content table th {
    background-color: #FF9900;
    color: #333333;  /* ← 修正 */
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}

/* 左ヘッダ */
#content table td.td_head {
    background-color: #FEE9BD;
    border-right: 4px solid #FC9B37;
    background-image: url(img/td_head.gif);

    font-size: 15px;
    text-align: right;
    font-weight: normal;
    color: #333333;  /* ← 修正 */
}

/* 表の中身 */
#content table td.td_odd {
    background-color: #FFF9DF;
    background-image: url(img/td_odd.gif);
    color: #333333;  /* ← 修正 */
    font-size: 12px;
    line-height: 20px;
}

/* 念のため全体 */
#content table td {
    color: #333333;
}

/* トップページのbbbだけ枠復活 */
#content table.bbb {
	border: 1px solid #909090;
}

#content table.bbb td {
	border: 1px solid #A1A1A1;
	padding: 5px;
}

/* ==================== パンくず・サイトマップ ==================== */

/* サイトマップページ専用の本文余白調整。 */
#sitemap #main p {
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#sitemap #main ul {
	padding: 10px;
}

#sitemap #main li {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 35px;
}

#sitemap #main ul {
	margin: 0px;
	padding: 0px;
}

#sitemap #main li a {
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#sitemap #main {
	padding-top: 10px;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 20px;
	width: 94%;
}

/* パンくずリストの別実装。
   #pankuzu と役割が重なるため、ページによってどちらを使っているか確認が必要。 */
/* --------------------------- パン屑リスト ------------------------------- */

/* --- リストエリア --- */
ol.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}

/* --------------------------- パン屑リスト ------------------------------- */

/* サイトマップ専用レイアウト。
   入れ子リストの階層構造で見せるため、通常ページへの影響は限定的。 */
/* --------------------------- サイトマップ ------------------------------- */

/* --- サイトマップエリア --- */
ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-size: 130%;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(img/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 49.9%; /* セクションの幅 */
float: left;
}

ul.sitemap ul.separator {
background: url(img/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(img/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(img/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(img/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

/* ==================== ソーシャル・補助UI ==================== */

/* SNSシェアボタン配置調整。
   外部ウィジェットの幅や余白ずれを個別に吸収している。
   ボタン撤去済みページでは未使用化している可能性あり。 */
/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#content .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

#content .sb-hatebu {
	margin-left: -20px;
}

#content .sb-gplus {
	margin-left: 5px;
}

#content .sb-pocket {
	margin-left: 5px;
}

#content .sb-line {
	margin-left: 5px;
}

#content .sb-fb-like {
	margin-left: -6px;
}

#content .fb-like {
	margin-left: -44px;
}

#content .sb-hatebu2 {
	margin-left: -25px;
}

#content .sb-line2 {
	margin-left: 0px;
}

#content .sb-fb-like2 {
	margin-left: 50px;
}

#content .sb-hatebu3 {
	margin-left: -8px;
}

#content .sb-hatebu4 {
	margin-left: -25px;
}

#content .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

/* IE6 */

/* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }

/* ==================== 装飾・テキスト補助クラス ==================== */

.syomei {
	font-size: 18px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 15px;
	font-family: "有澤楷書","ＡＲＰ行楷書体Ｈ", "ＡＲ行楷書体Ｈ","ヒラギノ明朝 Pro W6","HiraMinPro-W6";
	padding-top: 5px;
}

.teisei {
	text-decoration: line-through;
	padding-right: 5px;
	padding-left: 5px;
}

/* テキスト強調用の補助クラス群。
   HTML本文中に直接付与している可能性が高いため、未使用判定は慎重に行う。 */
.highlightbold {
	background-color: #FFFF00;
	font-weight: bold;
}

.highlightbold2 {
	background-color: #00FF00;
	font-weight: bold;
}

.highlightbold3 {
	background-color: #CAFFFF;
	font-weight: bold;
}

.highlightbold33 {
	background-color: #CAFFFF;
	font-weight: bold;
	font-size: 17px;
	line-height: 22px;
}

.highlight2 {
	background-color: #FFFF00;
}

.highlight3 {
	background-color: #FF7EFD;
}

.highlight4 {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF00FF;
	border-right-color: #FF00FF;
	border-bottom-color: #FF00FF;
	border-left-color: #FF00FF;
}

.highlight5 {
	background-color: #FFF9DF;
}

.highlight6 {
	background-color: #FFCC66;
}

.highlight7 {
    background-color: #DEB99A;
    white-space: nowrap;
}

.highlight8 {
    background-color: #DEB99A;
}

/* テキスト装飾の旧来ユーティリティ群。
   命名が抽象的で用途把握が難しいため、今後整理候補。
   ただし本文中に直接埋め込まれている可能性が高く、一括削除は危険。 */
/* 文字サイズ（小）,色*/

.text2    {
	font-size: 18px;
	color: #990000;
	line-height: 25px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

.text22    {
	font-size: 18px;
	line-height: 25px;
	font-family: Verdana, Geneva, sans-serif;
}

.text222    {
	color: #990000;
}

.text3     {
	color: #555555;
	font-size: 13px;
	line-height: 20px;
}

/* 文字サイズ（小）,色*/

.text33     {
    color: #555555;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-style: solid;
    border-top-color: #FF00FF;
    border-right-color: #FF00FF;
    border-bottom-color: #FF0000;
    border-left-color: #FF00FF;
    font-size: 13px;
    padding-bottom: 0px;
}

/* 文字サイズ（小）,色*/

.text333     {
	font-size: 12px;
	line-height: 20px;
}

/* 文字サイズ（小）,色*/

.text4     {
	font-size: 15px;
}

/* 文字サイズ（小）,色*/
.text44     {
	font-size: 15px;
	line-height: 24px;
}

/* 文字サイズ（小）,色*/
.text5     {
	font-size: 14px;
	line-height: 150%;
}

.text55     {
	display: block;
	font-size: 15px;
	padding-left: 25px;
	text-indent: 0em;
	/*必要であれば以下も*/
	list-style-position: inside;
	line-height: 18px;
}

/* 文字サイズ（小）,色*/
.text6     {
	font-size:110%;
	line-height: 140%;
}

.text66     {
	color: #FF9900;
	font-size: 15px;
}

.text7     {
	color: #009900;
}

.text77     {
	color: #009900;
	font-weight: bold;
	font-size: 14px;
}

.text8     {
	color: #f00000;
}

.text88     {
	font-size: 14px;
	color: #f00000;
}

.text9     {
	text-align: center;	
}

.text10     {
	font-size: 12px;
	color: #666666;
}

.text12     {
    color: #FF0000;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

.text13     {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #FF0000;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	line-height: 38px;
}

.text133     {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    background-color: #FF0000;
    padding-right: 8px;
    padding-left: 8px;
}

.text14     {
    color: #D4A47B;
    font-size: 20px;
    text-align: center;
}

.textsample    {
	font-size: 15px;
	color: #009000;
}

/* 文字サイズ（小）,色*/

.text11     {
	font-size: 16px;
	color: #2A2A2A;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	font-weight: bold;
}

.text11B     {
	font-size:115%;
	font-weight: bold;
	color: #555555;
}

.text1B     {
    font-size: 125%;
    font-weight: bold;
}

.text1B-RED     {
	font-size:125%;
	font-weight: bold;
	color: #FF0000;
}

.text2B     {
	font-size:115%;
	font-weight: bold;
}

.text122     {
    color: #FF0000;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

.text777     {
    color: #009900;
    font-size: 14px;
    line-height: 1.5em;
}

.text88underline     {
    color: #f00000;
    font-size: 14px;
    line-height: 170%;
    border-bottom: 1px solid #FF0000;
}

.text1     {
	font-size: 15px;
}

/* ==================== フッター ==================== */

#foot_base {
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F8F8F8;
	clear: both;
	border-top: 1px solid #E1E1E1;
}

/* ===== フッター ===== */
footer p {
	font-size: 15px;
	color: #232323;
	line-height: 20px;
}

footer #f_logo {
	text-align: center;
	font-size: 23px;
	color: #232323;
	font-weight: bold;
}

footer #f_logo2 {
	text-align: center;
	font-size: 15px;
	color: #232323;
}

footer .prbox {
	font-size: 10px;
	color: #999;
}

footer .prbox a {
	color: #999;
}

/* ==================== その他 ==================== */

.btn_s {
	clear: both;
}

.style12 {
    font-size: 12px;
    vertical-align: 0%;
}

.style18 {font-size: 12px; color: #666666; }

.style21 {color: #666666}

.style25 {color: #0000FF}

.style26 {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-style: solid;
    border-top-color: #FF0000;
    border-right-color: #FF0000;
    border-bottom-color: #FF0000;
    border-left-color: #FF0000;
    font-weight: bold;
    font-size: 125%;
    color: #FF0000;
}

.style27 {
	line-height: 191%
}

.style28 {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-style: solid;
    border-top-color: #FF0000;
    border-right-color: #FF0000;
    border-bottom-color: #FF0000;
    border-left-color: #FF0000;
    font-weight: bold;
    font-size: 110%;
    color: #FF0000;
}

.style288 {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-style: solid;
    border-top-color: #FF0000;
    border-right-color: #FF0000;
    border-bottom-color: #FF0000;
    border-left-color: #FF0000;
    font-weight: bold;
    font-size: 110%;
    color: #FF0000;
}

.style2888 {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-style: solid;
    border-top-color: #FF0000;
    border-right-color: #FF0000;
    border-bottom-color: #FF0000;
    border-left-color: #FF0000;
    font-weight: bold;
    font-size: 105%;
    color: #1B9000;
}

/* ==================== レスポンシブ ==================== */

/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

/* ===== レスポンシブ ===== */
/* =========================================================
   760px以下: スマホ〜小型タブレット向け
   ヘッダー、ナビ、ボックス、フッターの縦積み化が中心。
   ここを触るとスマホ表示全体に広く影響する。
   ========================================================= */
@media screen and (max-width:760px){

header h2 {
	line-height: 16px;
	color: #4C4C4C;
	text-align: left;
	font-size: 13px;
}

h2 {
	font-size: 14px;
	line-height: 19px;
	color: #4A4A4A;
	padding-top: 8px;
	padding-bottom: 3px;
	clear: both;
	font-weight: normal;
	text-align: center;
}

#content .box_in {
	padding: 1%;
}

#form {
	margin: 1%;
	background-color: #F8F8F6;
}

#content table td.td_head {
	padding: 5px;
	white-space: inherit;
	font-size: 12px;
}

.td_head .eng {
	font-size: 9px;
}

#content table td.td_odd {
	padding: 5px;
	font-size: 11px;
}

#content .chui {
	font-size: 10px;
}

textarea ,
input {
	font-size: 11px;
}

#hp_base {
	width: 100%;
	min-width: 320px;
}

header {
	width: 98%;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
}

#logo{
	float: left;
}
#info {
	float: left;
	margin-bottom: 10px;
	margin-left: 3%;
}
#h_list {
	clear: both;
}

/* スマホ用メニュー開閉トリガー。
   .menuOpen と組み合わせて文言を切り替える。 */
a.menu {
	display: block;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background-color: #FF8515;
	border: 1px solid #FFF;
	padding: 10px;
	box-shadow: #ccc 0 0 3px;
}
a.menu span {
	font-size: 12px;
	padding-left: 20px;
}
a.menu span:after {
	content: "表示する ▼";
}
/* JS等で menuOpen が付与されたときの表示文言。 */
a.menuOpen span:after {
	content: "閉じる ×";
}
a.menu:hover {
	cursor: pointer;
	background-color: #FFB13E;
}

#g_navi {
	padding-top: 5px;
	padding-bottom: 5px;
}

#g_navi .gl_menu {
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	box-shadow: #ccc 0 0 3px;
}

#g_navi .gl_menu li {
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #FFF;
	font-size: 14px;
	line-height: 16px;
}
#g_navi .gl_menu li span {
	font-size: 10px;
}

#g_navi .gl_menu li a {
	background-color: #FBF5EC;
	display: block;
	padding: 10px;
}

#g_navi .gl_menu li a:hover {
	background-color: #FFFBF0;
}

#g_navi .gl_menu li strong {
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

#g_navi .gl_menu2 {
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	box-shadow: #ccc 0 0 3px;
}

#g_navi .gl_menu2 li {
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #FFF;
	font-size: 14px;
	line-height: 16px;
}
#g_navi .gl_menu2 li span {
	font-size: 10px;
}

#g_navi .gl_menu2 li a {
	background-color: #FBF5EC;
	display: block;
	padding: 10px;
}

#g_navi .gl_menu2 li a:hover {
	background-color: #FFFBF0;
}

#g_navi .gl_menu2 li strong {
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

#top_img .top_txt {
	left: 5%;
	font-size: 14px;
	line-height: 14px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5%;
	width: 85%;
}

#top_img .top_txt span {
	font-size: 8px;
}

#main {
	width: 98%;
	background-color: #FFF;
	padding-top: 1%;
	padding-right: 1%;
	padding-left: 1%;
}

#main .box3 {
	width: 62%;
	height: auto;
}

#content .box3 {
	width: 100%;
}
#content .box4 {
	margin-left: 2%;
	float: right;
}
#content .box6 {
	width: 91%;
	margin-left: 2%;
}
#content .box6_sub {
	width: 91%;
	margin-left: 2%;
}

#content .box9 {
	width: 91%;
	margin-left: 2%;
}
#content .box10 {
	width: 91%;
	margin-left: 2%;
}
#content .box11 {
	width: 91%;
	margin-left: 2%;
}
#content .box15 {
	width: 47%;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.box3 .btn a {
	font-size: 10px;
	line-height: 16px;
	width: 80px;
}
.box4 .btn a {
	font-size: 10px;
	line-height: 16px;
	width: 80px;
}
footer {
	width: 100%;
	min-width: 320px;
	position: relative;
	height: 405px;
}

footer #f_logo {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

footer #f_logo2 {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

footer ul {
	display: none;
}

footer .prbox {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

footer p {
	padding: 5px;
}
#content .box16 {
	width: 30%;
	float: left;
	text-align: center;
	padding-right: 13px;
}

#content .fb-like {
	margin-left: 0px;
}

#content .sb-fb-like2 {
	margin-left: 0px;
}

}

/* =========================================================
   760px以上: PC/タブレット向け基本レイアウト
   横並びナビ、固定幅ラッパー、サイドカラムを使用。
   ========================================================= */
@media screen and (min-width: 760px){

#top_img {
    padding-bottom: 97px;
}

header h2 {
	position: absolute;
	top: 133px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}

#info {
	display: none;
}

#hp_base {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

#main {
	width: 750px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#content {
	width: 100%;
	margin-right: 5px;
	margin-top: 10px;
}

header {
	height: 200px;
	position: relative;
	background-color: #FF9900;
}
header h1 {
	position: absolute;
    top: 12%;
    line-height: 1.5;
	left: 1%;
}

header img#logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    margin-top: 45px; /* 30px → 45px に変更 */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
}
header #h_list {
	position: absolute;
	right: 5px;
    top: 1px;  /* 1px → 少し下げる */
}

header #info {
	position: absolute;
	text-align: right;
}

/* PC表示時のグローバルナビ本体。
   ヘッダー下に絶対配置されるため、ヘッダー高さ変更時は連動確認が必要。 */
nav#g_navi {
    position: absolute;
    left: -1px;
    bottom: -57px;
    height: 50px;
    width: 755px;
    padding-left: 5px;
    z-index: 2;
}
nav#g_navi ul.gl_menu {
	height: 30px;
	display: block !important;
}

nav#g_navi li a {
	display: block;
	float: left;
	color: #727272;
	text-decoration: none;
	text-align: center;
	line-height: 14px;
	height: 13px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	font-size: 12px;
	padding-top: 6px;
	width: auto;
	border-right: 2px solid #FF9E46;
}
nav#g_navi li strong {
	display: block;
	float: left;
	color: #666666;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E0E0E0;
	text-align: center;
	line-height: 7px;
	height: 11px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-size: 12px;
	padding-top: 8px;
	width: auto;
	background-color: #FF9E46;
}
nav#g_navi li a span {
	color: #FFA851;
	line-height: 10px;
	font-size: 10px;
}
nav#g_navi li strong span {
	color: #FF6600;
	line-height: 12px;
	font-size: 10px;
}
nav#g_navi li a:hover span {
	color: #FFF;
}

nav#g_navi li a {
    background-color: #FFCC66;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 7px;
}
nav#g_navi li a:hover {
	color: #FFFFFF;
	background-color: #FF9E46;
	border-bottom-color: #F60;
}
nav#g_navi li strong {
	color: #000000;
	font-weight: bold;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF8D31;
	border-bottom: 2px solid #FF0004;
}
nav#g_navi li {
	display: inline;
}

a.menu {
	display:none;
}

#content .box02_left {
	float: left;
	width: 49%;
}
#content .box02_right {
	float: right;
	width: 49%;
}

/* 760px以上で出るサイドバー。
   1000px未満では side2 と役割が切り替わる。 */
#side {
	padding: 5px;
	float: left;
	width: 220px;
	margin-top: 10px;
	border: 1px solid #BAA482;
	background-color: #FDF7E8;
}
#side h3 {
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	padding-bottom: 3px;
	font-weight: normal;
	margin-bottom: 1px;
	padding-top: 5px;
	letter-spacing: 1px;
	text-align: center;
	background-color: #F97700;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFBA66;
}
#side .side_box {
	width: 220px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#side .side_box h3 {
	background-color: #FF8515;
	background-image: none;
	line-height: 20px;
	height: 20px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 13px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D5D0C8;
}
#side .side_box .side_inbox {
	width: 210px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #DEB99A;
}
#side li {
	line-height:0;
}
#side li a {
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #272727;
	text-decoration: none;
	background-color: #f5e9d8;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 22px;
	border-bottom: 1px solid #98744E;
	background-image: url(img/side_li.gif);
	background-position: center top;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height: 32px;
}

#side li a:hover {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(img/side_li_ov.gif);
}

#side .side_box .side_inbox p {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
}
#side .side_box .side_btn {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F2F2F2;
}

#side li a span {
	font-size: 10px;
	line-height: 12px;
	color: #999999;
}
#side li a:hover span {
	color: #FFA451;
}
#side ul {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#side .chui {
	font-size: 10px;
	color: #D73743;
	padding-left: 5px;
}

footer {
    width: 760px;
    height: 330px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

footer li a {
	text-decoration: none;
	font-size: 13px;
}

footer li a:hover {
	color: #999999;
}

footer li {
	font-size: 12px;
	display: inline;
}

footer p {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 185px;
    height: 145px;
}

footer #f_ul01 {
	text-align: center;
	position: absolute;
	top: 15px;
	width: 100%;
}
footer #f_ul02 {
	text-align: center;
	position: absolute;
	top: 40px;
	width: 100%;
}
footer #f_ul03 {
	text-align: center;
	position: absolute;
	top: 65px;
	width: 100%;
}
footer #f_ul04 {
	text-align: center;
	position: absolute;
	top: 90px;
	width: 100%;
}

footer #f_logo {
	position: absolute;
	top: 121px;
	width: 100%;
}

footer #f_logo2 {
	position: absolute;
	top: 152px;
	width: 100%;
}

footer .prbox {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

}

/* =========================================================
   1000px以下: 中間幅向けの side2 調整
   #side を隠し、より広幅な #side2 に差し替える構成。
   ========================================================= */
@media screen and (max-width:1000px){

#side {
	display: none;
}
/* 1000px以下で使う代替サイド領域。 */
#side2 {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	float: left;
	width: 96%;
	margin-top: 10px;
	border: 1px solid #BAA482;
	background-color: #FDF7E8;
	font-size: 0px;
}
#side2 h3 {
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	padding-bottom: 3px;
	font-weight: normal;
	margin-bottom: 1px;
	padding-top: 5px;
	letter-spacing: 1px;
	text-align: center;
	background-color: #F97700;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFBA66;
}
#side2 .side_box {
	width: 100%;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#side2 .side_box h3 {
	background-color: #FF8515;
	background-image: none;
	line-height: 20px;
	height: 20px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 13px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D5D0C8;
}
#side2 .side_box .side_inbox {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #DEB99A;
}
#side2 li {
	line-height:0;
}
#side2 li a {
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #272727;
	text-decoration: none;
	background-color: #f5e9d8;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 22px;
	border-bottom: 1px solid #98744E;
	background-position: center top;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height: 28px;
}

#side2 li a:hover {
	background-color: #FFFFFF;
	color: #000000;
}

#side2 .side_box .side_inbox p {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
}
#side2 .side_box .side_btn {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F2F2F2;
}

#side2 li a span {
	font-size: 10px;
	line-height: 12px;
	color: #999999;
}
#side2 li a:hover span {
	color: #FFA451;
}
#side2 ul {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#side2 .chui {
	font-size: 10px;
	color: #D73743;
	padding-left: 5px;
}

}

/* =========================================================
   1000px以上: 大画面PC向け
   全体幅を拡張し、メインとサイドを固定幅で安定表示。
   ========================================================= */
@media screen and (min-width: 1000px){

#top_img {
    padding-bottom: 11px;
}

header h1 {
	position: absolute;
	top: 6%;
	left: 14%;
}

header h2 {
	position: absolute;
    top: 150px; /* 133 → 150 */
	width: 100%;
	text-align: center;
	margin-left: 0px;
	font-weight: normal;
	font-size: 14px;
}

#hp_base {
	width: 1013px;
}

nav#g_navi {
	height: 55px;
	width: 1000px;
	padding-left: 10px;
	position: absolute;
	z-index: 2;
}

nav#g_navi ul {
	height: 44px;
}
nav#g_navi li a {
	height: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 13px;
	padding-top: 6px;
	width: auto;
	font-weight: bold;
	background-color: #FFCC66;
}
nav#g_navi li strong {
	height: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 13px;
	padding-top: 6px;
	width: auto;
	background-color: #FF9E46;
}
nav#g_navi li a span {
	line-height: 10px;
	font-size: 10px;
}
nav#g_navi li strong span {
	line-height: 12px;
	font-size: 10px;
}

#g_navi .gl_menu2 {
	display: none;
}

#main {
	float: left;
	width: 1000px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
}

#content {
	float: right;
	width: 747px;
	margin-right: 5px;
	margin-top: 10px;
}

footer {
	width: 1000px;
}

#side2 {
	padding: 5px;
	float: left;
	width: 220px;
	margin-top: 10px;
	border: 1px solid #BAA482;
	background-color: #FDF7E8;
	font-size: 0px;
}
#side2 h3 {
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	padding-bottom: 3px;
	font-weight: normal;
	margin-bottom: 1px;
	padding-top: 5px;
	letter-spacing: 1px;
	text-align: center;
	background-color: #F97700;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFBA66;
}
#side2 .side_box {
	width: 220px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#side2 .side_box h3 {
	background-color: #FF8515;
	background-image: none;
	line-height: 20px;
	height: 20px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 13px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D5D0C8;
}
#side2 .side_box .side_inbox {
	width: 210px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #DEB99A;
}
#side2 li {
	line-height:0;
}
#side2 li a {
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #272727;
	text-decoration: none;
	background-color: #f5e9d8;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 22px;
	border-bottom: 1px solid #98744E;
	background-image: url(img/side2_li.gif);
	background-position: center top;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height: 28px;
}

#side2 li a:hover {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(img/side2_li_ov.gif);
}

#side2 .side_box .side_inbox p {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
}
#side2 .side_box .side_btn {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F2F2F2;
}

#side2 li a span {
	font-size: 10px;
	line-height: 12px;
	color: #999999;
}
#side2 li a:hover span {
	color: #FFA451;
}
#side2 ul {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#side2 .chui {
	font-size: 10px;
	color: #D73743;
	padding-left: 5px;
}

}

/* =========================================================
   420px以下: 小型スマホ向け最終調整
   テーブルを縦積みにし、ボックス類も1カラム化。
   ========================================================= */
@media only screen and (max-width:420px){

	input {
	width: 100%;
}

	textarea {
	width: 100%;
}

	header h1 {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #4C4C4C;
}

    /* 極小画面ではテーブルを行ごとにブロック化し、読みやすさを優先。 */
    table tr{
        display: block;
        margin-bottom: 1.5em;
    }
    table th,
    table td{
        display: list-item;
        border: none;
		list-style: none;
		text-align: left;
    }
	#content table td.td_head {
	text-align: left;
	border-right-width: 1px;
	}
	#content table.table_menu th {
	text-align: left;
	font-size: 12px;
	border-right-width: 1px;
	}
	#content table.table_menu td {
	font-size: 12px;
	}
	#content .table_menu strong {
	font-size: 14px;
}

#content .sb-pocket {
	margin-left: 0px;
}

#content .fb-like {
	margin-left: -35px;
}

#content .sb-fb-like2 {
	margin-left: 35px;
}

/* --------------------------- サイトマップ ------------------------------- */

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 100%; /* セクションの幅 */
float: left;
}
ul.sitemap ul.separator {
background: url(img/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}
#content .box3 {
	width: 100%;
}
#content .box4 {
	width: 100%;
}
#content .box15 {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}
#content .box16 {
	width: 100%;
	float: left;
	text-align: center;
	padding-right: 13px;
}
#content table.ccc th {
	width: 95%;
}
#content table.ddd th {
	width: 95%;
}

footer {
	height: 460px;
}

}

@media screen and (max-width:760px) {
#content .box33 {
	margin-left: 2%;
}

#content .box5 {
	text-align: center;
	width: 45%;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #EEE8DF;
	float: left;
	margin-bottom: 29px;
	background-color: #F9F7F4;
	margin-right: 6px;
	padding-right: 6px;
	padding-left: 6px;
}

#content .box7 {
	width: 91%;
	margin-left: 2%;
}
#content .box8 {
	width: 91%;
	margin-left: 2%;
}

.box5 .btn a {
	font-size: 10px;
	line-height: 16px;
	width: 80px;
}
.box6 .btn a {
	font-size: 10px;
	line-height: 16px;
	width: 80px;
}
.box7 .btn a {
	font-size: 10px;
	line-height: 16px;
	width: 80px;
}
.box8 .btn a {
	font-size: 10px;
	line-height: 16px;
	width: 80px;
}
}

@media screen and (min-width: 760px) {
textarea ,
input {
    font-size: 14px;
    margin-bottom: 5px;
}

#side2 {
	padding: 5px;
	float: left;
	width: 220px;
	margin-top: 10px;
	border: 1px solid #BAA482;
	background-color: #FDF7E8;
	font-size: 0px;
}
#side2 h3 {
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	padding-bottom: 3px;
	font-weight: normal;
	margin-bottom: 1px;
	padding-top: 5px;
	letter-spacing: 1px;
	text-align: center;
	background-color: #F97700;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFBA66;
}
#side2 .side_box {
	width: 220px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#side2 .side_box h3 {
	background-color: #FF8515;
	background-image: none;
	line-height: 20px;
	height: 20px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 13px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D5D0C8;
}
#side2 .side_box .side_inbox {
	width: 210px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #DEB99A;
}
#side2 li {
	line-height:0;
}

#side2 li a:hover {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(img/side2_li_ov.gif);
}

#side2 .side_box .side_inbox p {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
}
#side2 .side_box .side_btn {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F2F2F2;
}

#side2 li a span {
	font-size: 10px;
	line-height: 12px;
	color: #999999;
}
#side2 li a:hover span {
	color: #FFA451;
}
#side2 ul {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#side2 .chui {
	font-size: 10px;
	color: #D73743;
	padding-left: 5px;
}
}

@media only screen and (max-width:420px) {
textarea ,
	input {
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: -2px;
}

	#content .box5 {
	text-align: center;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #EEE8DF;
	float: left;
	margin-bottom: 29px;
	background-color: #F9F7F4;
	margin-right: 6px;
	padding-right: 6px;
	padding-left: 6px;
	height: auto;
}

/* --------------------------- サイトマップ ------------------------------- */

/* --- セクション（2階層目のリストエリア） --- */
}

#ss_gmo_img_wrapper_115-57_image_ja {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 6px;
    background: #fff;
}

/* =========================================================
   コメント付与版について
   - 作業・保守用として用途コメントを追加
   - 本番公開用は、必要に応じてコメント削除版や圧縮版を別途作成推奨
   - text系 / highlight系 / box系 / table系 は HTML側で直接使われている可能性が高いため、
     未使用に見えても即削除せず、実ページ確認後に整理すること
   ========================================================= */