@charset "Shift_JIS";

/* ---  --- */


/* --- 全体の背景・テキスト --- */
body {
min-width: 880px; /*      全体の最小幅 */
margin: 0;
padding: 0;
background-color: #ADC5D1; /* 全体の背景色cfdce3 */
color: #404040; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
overflow-y: auto;
}


/* --- コンテナ --- */
#header div.container,
#content div.container,
#footer div.container {
width: 1000px; /*   コンテナの幅 */
margin: 0 auto; /* センタリング */
}



/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header{
padding-bottom: 1px; /* ヘッダの下パディング */
background-color: #ffffff; /* ヘッダの背景色 */
}

/* --- トップエリア --- */
#header div.top {
margin-bottom: 2px; /* トップエリアの下マージン */
padding: 15px 0 8px; /* トップエリアのパディング（上、左右、下） */
background: url(../image/top_back1.gif) repeat-x top; /* トップエリアの背景 */
border-bottom: 1px #e0e0e0 solid; /* トップエリアの下境界線 */
}
#header div.top div.container {
position: relative; /* 相対配置（ガイドメニューのために設定） */
}



/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 0 7px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}

/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0;
}
#header p.catch strong {
font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 5px; /* 上からの距離 */
right: 2px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 25px 0 25px; /* 項目のパディング（上右下左） */
/* background: url(../image/menu_triangle1_box.gif) no-repeat 0 0.2em; 項目の背景（マーカー） */
background: url(../image/mark_siji.gif) no-repeat 0 0.2em;
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
padding: 8px 0; /* オープニングエリアのパディング（上下、左右） */
background: #e8f8fd url(../image/opening_back1.gif) repeat-x top; /* オープニングエリアの背景 */
border-bottom: 1px #eef7fe solid; /* オープニングエリアの下境界線 */
}
/* オープニングエリア内の見出し */
/* --- ヘッダメニュー --- */
#header div.nl {
background: #4e83b3 url(../image/hor_menu6_off.gif) repeat-x top; /* ヘッダメニューの背景 */
border-top: 2px #84aed2 solid; /* ヘッダメニューの上境界線 */
border-bottom: 2px #2c5170 solid; /* ヘッダメニューの下境界線 */
}


/* --- メニュー本体 --- */
#header div.nl ul {
width: 100%; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
margin: 0 auto 0 auto;
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header div.nl li {
width: 14%; /* 項目の幅 */
padding:0;
margin:0;
border-left: 1px #2c5170 solid; /* メニュー本体の左境界線 */
border-right: 1px #84aed2 solid; /* メニュー本体の右境界線 */
list-style-type: none;
text-align: center;
float:left;
}

.clear{
	clear:both;
}


/* リンクエリア */
#header div.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
}
/* 英字部分 */
#header div.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* ポイント時とアクティブ時の設定 */
#header div.nl li a:hover,
#header div.nl li.active a {
background: #5e91bd url(../image/hor_menu6_on.gif) repeat-x ;
/* background: #5e91bd url(../image/hor_menu6_on.gif) repeat-x top; ポイント時（アクティブ時）の背景 */
}
#header div.nl li a:hover span.en,
#header div.nl li.active span.en {
color: #fde337; /* ポイント時（アクティブ時）の英字の文字色 */
}


/* --- トピックパス（下層ページ） --- */
#header div.topicPath {
margin: 0;
padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
background-color: #91b6e8; /* #cfdce3; /* トピックパスの背景色 */
}
#header div.topicPath ol {
margin: 0;
padding: 0;
list-style-type: none;
}
/* リスト項目 */
#header div.topicPath li {
display: inline;
}
/* リンクエリア */
#header div.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
padding: 35px 0 10px; /* コンテンツのパディング（上、左右、下） */
background: #ffffff url(../image/content_back1.gif) repeat-x 0 -5px; /* コンテンツの背景 */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
float: right;
width: 660px; /* メインカラムの幅 */
}

/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
margin: 0 0 15px 20px; /* ページタイトルのマージン（上右下左） */
padding: 0 5px; /* ページタイトルのパディング（上下、左右） */
font-size: 180%; /* ページタイトルの文字サイズ */
color: #4075a5; /* ページタイトルの文字色 */
}

/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 2em 20px; /* セクションのマージン（上右下左） */
}
/* セクショントップの資料マーク見出し */
#main div.section h3 {
margin: 0;
padding-left: 56px; /* 見出しの左パディング */
background: url(../image/pdf_head.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
}

/* セクショントップの画像配置 */
#main div.s2 {position:relative;top:10px;left:20px;}

/* セクショントップの詳細マーク見出し */
#main div.section h5 {
margin: 0;
padding-left: 56px; /* 見出しの左パディング */
background: url(../image/syousai1.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
}


/* --- 標準セクション --- */
/* --- 見出しエリア --- */
#main div.normal div.heading {
margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 7px 11px; /* 見出しエリアのパディング（上下、左右） */
background: #ebf0f3 url(../image/heading_back5_6.gif ) repeat-y right; /* 見出しエリアの背景 */
}

/* 見出し */
#main div.normal h2 {
margin: 0;
padding-left: 16px; /* 見出しの左パディング */
background: url(../image/heading_square11.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
}
/* 資料マーク見出し */
#main div.normal h3 {
margin: 0;
padding-left: 66px; /* 見出しの左パディング */
background: url(../image/pdf_head.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 115%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
}

/* 項目内強調小見出し（赤色） */
#main div.normal h4 {
margin: 10;
padding-left: 30px; /* 見出しの左パディング */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
color: #e21248; /* ページタイトルの文字色 */
font-weight: bold; /* 文字の太さ（太字） */
}

/* 項目内強調小見出し（緑色） */
#main div.normal h8 {
margin: 10;
padding-left: 30px; /* 見出しの左パディング */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
color: #008080; /* ページタイトルの文字色 */
font-weight: bold; /* 文字の太さ（太字） */
}

/* 項目内強調小見出し（黒色2） */
#main div.normal h9 {
margin: 5;
padding-left: 5px; /* 見出しの左パディング */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 150%; /* 行の高さ */
color: #666666; /* ページタイトルの文字色 */
border-bottom: solid 1px gray;
font-weight: bold; /* 文字の太さ（太字） */
}


/* 詳細マーク見出し */
#main div.normal h5 {
margin: 10;
padding-left: 65px; /* 見出しの左パディング */
background: url(../image/syousai1.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 90%; /* 見出しの文字サイズ */
line-height: 140%; /* 行の高さ */
font-weight: lighter; /* 文字の太さ（細字） */
}

/* 青矢印マーク見出し */
#main div.normal h6 {
margin: 0;
padding-left: 36px; /* 見出しの左パディング */
background: url(../image/yajirusi03.gif) no-repeat 1em 0.15em; /* 見出しの背景（マーク） */
font-size: 90%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
font-weight: lighter; /* 文字の太さ（細字） */
}


/* 青矢印マーク見出し */
#main div.normal div.h7 {
margin: 0;
padding-left: 25px; /* 見出しの左パディング */
background: url(../image/yaji_top.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 90%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
font-weight: lighter; /* 文字の太さ（細字） */
}




/* test */
#main div.normal {margin-bottom: 10px;}/*記事ごとの下の余白*/
#main div.normal div.s2 {/*写真を配置するdiv内の余白*/
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
}
#main div.normal div.s2 img { margin-right: 10px; }/* 写真の右側の余白 */
/*#main div.normal div.s2 {position:relative;top:10px;left:20px;}*/
#main div.normal div.sample {width:200px;height:150px;position:relative;}
#main div.normal div.s3 {position:relative;top:10px;left:250px;}
#main div.normal div.s4 {position:relative;top:10px;left:450px;}





/* 段落 */
#main div.normal p {
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}






/* --- 強調セクション --- */
#main div.emphasis {
margin-bottom: 3em; /* セクションの下マージン（上書き） */
padding: 0.8em 10px 10px; /* セクションのパディング（上、左右、下） */
background: url(../image/emphasis_back2.gif) no-repeat top; /* セクションの背景 */
}
 /* 見出し */
#main div.emphasis h2 {
margin: 0 0 1.2em; /* 見出しのマージン（上、左右、下） */
font-size: 130%; /* 見出しの文字サイズ */
color: #000000; /* 見出しの文字色 */
}
 /* 段落 */
#main div.emphasis p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
line-height: 150%; /* 行の高さ */
}
#main div.emphasis h3 {
margin: 0;
padding-left: 66px; /* 見出しの左パディング */
background: url(../image/pdf_head.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 115%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
}



/* --- 新着情報（トップページ） --- */
#main div.update dl {
width: 620px; /* 新着情報の幅（メインカラムの幅から40px引いた値） */
margin: 0 auto; /* センタリング */
}
/* 日付エリア */
#main div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%; /* 行の高さ */
}
/* 本文エリア */
#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%; /* 行の高さ */
}

/* ----- 本文エリア　タブ表示の設定 ----- */

   /* ▼タブ機能の掲載領域の装飾(※必須ではありません) */
   .tabbox { margin: 2px; padding: 1em; background-color: #f8f8ff; }

   /* ▼タブ機能を制御するラジオボタン(非表示にする) */
   .tabbox input { display: none; }

   /* ▼タブ(共通装飾＋非選択状態の装飾) */
   .tab {
      display: inline-block;
      border-width: 1px 1px 0px 1px;
      border-style: solid;
      border-color: #E6E6FA;
      border-radius: 0.75em 0.75em 0px 0px;
      padding: 0.75em 1em;
      color: black;
      background-color: #F8F8FF;
      font-weight: bold;
   }

   /* ▼タブにマウスポインタが載った際の装飾 */
   .tab:hover {
      background-color: #ccffcc;
      color: green;
      cursor: pointer;
   }

   /* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
   input:checked + .tab {
      color: red;
      background-color: #F8F8FF;
      position: relative;
      z-index: 10;
   }

   /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
   .tabcontent {
      display: none;
      border: 1px solid #E6E6FA;
      margin-top: -1px;
      padding: 1em;
      position: relative;
      z-index: 0;
      background-color: #F8F8FF;
   }

   /* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabcheck1:checked ~ #tabcontent1 { display: block; }
   #tabcheck2:checked ~ #tabcontent2 { display: block; }
   #tabcheck3:checked ~ #tabcontent3 { display: block; }
   #tabcheck4:checked ~ #tabcontent4 { display: block; }

/*-----本文エリア　タブ表示の設定終了-----  */



/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */
#nav {
float: right;
width: 220px; /* サイドバーの幅 */
}

/* --- セクション（共通設定） --- */
#nav div.section {
margin-bottom: 10px; /* セクションの下マージン */
}
/* 見出し */
#nav div.section h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 4px 6px; /* 見出しのパディング（上下、左右） */
font-size: 120%; /* 見出しの文字サイズ */
}
/* 段落 */
#nav div.section p {
margin: 0 4px 0.6em; /* 段落のマージン（上、左右、下） */
line-height: 130%; /* 行の高さ */
}

/* --- 標準セクション（グレー） --- */
#nav div.normal {
padding: 2px; /* セクションのパディング */
background-color: #f9f9f9; /* セクションの背景色 */
border-radius: 10px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
}


/* 見出し */
#nav div.normal h2 {
background-color: #cfdce3; /*見出しの背景色 */
border-radius: 5px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
text-align: center; /* 文字列のセンタリング */
}

/* --- 強調セクション1（水色） --- */
#nav div.emphasis {
padding: 2px; /* セクションのパディング */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
border-radius: 10px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
}

#nav div.emphasis div.inner {
padding: 5px; /* 内部のパディング */
background: linear-gradient(#bdecf5, #34bdeb); /* css3test内部の背景 */
border-radius: 8px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
}
/* 見出し */
#nav div.emphasis h2 {
background-color: #ffffff;
border-radius: 5px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
text-align: center; /* 文字列のセンタリング */
} /* 見出しの背景色 */




/* --- 強調セクション2（グリーン） --- */
#nav div.strong {
padding: 2px; /* セクションのパディング */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
border-radius: 10px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
}
#nav div.strong div.inner {
padding: 5px; /* 内部のパディング */
background: linear-gradient(#e6ffe9,#32cd32 ); /* css3test内部の背景 */
border-radius: 8px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.strong h2 {
background-color: #ffffff; /* 見出しの背景色 */
border-radius: 5px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
text-align: center; /* 文字列のセンタリング */
}

/* --- 強調セクション3（あかむらさき） --- */
#nav div.pop {
padding: 2px; /* セクションのパディング */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
border-radius: 10px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
}
#nav div.pop div.inner {
padding: 5px; /* 内部のパディング */
background: linear-gradient(#ffb6c1,#ba55d3 ); /* css3test内部の背景 */
border-radius: 8px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
}
/* 見出し */
#nav div.pop h2 {
background-color: #ffffff; /* 見出しの背景色 */
border-radius: 5px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
text-align: center; /* 文字列のセンタリング */
}


/* --- 強調セクション4（オレンジ） --- */
#nav div.ora {
padding: 2px; /* セクションのパディング */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
border-radius: 10px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
}
#nav div.ora div.inner {
padding: 5px; /* 内部のパディング */
background: linear-gradient(#fffacd,#ffa500 ); /* css3test内部の背景 */
border-radius: 8px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
}
/* 見出し */
#nav div.ora h2 {
background-color: #ffffff; /* 見出しの背景色 */
border-radius: 5px; /* css3testコーナー丸み */
overflow: hidden; /* css3testコーナー丸みとセットで指定 */
text-align: center; /* 文字列のセンタリング */
}



/* --- サブメニュー --- */
/* サブメニュー内の見出し */
#nav div.subMenu h2 {
margin: 0 0 2px; /* 見出しのマージン（上書き） */
padding: 20px 9px 6px; /* 見出しのパディング（上書き） */
border-bottom: 2px #4e83b3 solid; /* 見出しの下境界線 */
}
/* メニューエリア */
#nav div.subMenu ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#nav div.subMenu ul.nl li {
margin-bottom: 2px; /* 項目の下マージン */
/* border-bottom: 1px #4e83b3 dotted; 項目の下境界線 */
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 4px 10px; /* サイドメニューのリンクエリアのパディング（上下、左右） */
background: #ebf0f3 url(../image/ver_menu5_6off.gif) repeat-y right; /* リンクエリアの背景 */
font-weight:bold; /* サイドメニューの文字太さ */
font-size: 90%; /* 全体の文字サイズ */
color: #238E25; /* サイドメニューの文字色 */
text-decoration: none; /* テキストの下線（なし） */
}





/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
background: #ebf0f3 url(../image/ver_menu5_6on.gif) repeat-y right; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- お問い合わせ --- */
#nav div.contact {
padding-bottom: 0.3em; /* セクションの下パディング */
}
/* 段落 */
#nav div.contact p {
margin-bottom: 0.4em; /* 段落の下マージン（上書き） */
}
/* 電話番号 */
#nav div.contact p.tel {
margin-bottom: 0.1em; /* 段落の下マージン（上書き） */
font-size: 150%; /* 電話番号の文字サイズ */
font-weight: bold; /* 文字の太さ（太字） */
color: #2b2b2b; /* 電話番号の文字色 */
}
/* フォームへのリンク */
#nav div.contact p.form {
margin-top: 0.7em; /* 段落の上マージン（上書き） */
padding: 3px; /* 段落のパディング（白フチの幅） */
background-color: #ffffff; /* 段落の背景色（白フチの色） */
border: 1px solid; /* 段落の境界線（太さ、スタイル） */
border-color: #e0e0e0 #cccccc #cccccc #e0e0e0; /* 段落の境界線色（上右下左） */
text-align: center;
line-height: 100%; /* 行の高さ（上書き） */
}
/* リンクエリア */
#nav div.contact p.form a {
display: block;
position: relative; /* IE6用 */
padding: 12px 2px; /* リンクエリアのパディング（上下、左右） */
background: linear-gradient(to bottom, rgba(84, 116, 178, 0.21) 0%,#5474b2 100%); /* css3testリンクエリアの背景 */
font-size: 110%; /* リンクエリアの文字サイズ */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* リンクエリアの文字色 */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.contact p.form a:hover {
background: #54b3cf url(../image/form_back1_on.gif) repeat-x top; /* ポイント時の背景 */
}

/* --- ▲サイドバー内の設定終了 --- */


/* --- 罫線 --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
padding: 20px 0; /* フッタのパディング（上下、左右） */
background: #cfdce3 url(../image/foot_back1.gif) repeat-x top; /* フッタの背景 */
border-top: 1px #bdcfd9 solid; /* フッタの上境界線 */
border-bottom: 7px #336797 solid; /* フッタの下境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 7px 0 11px; /* 項目のパディング（上右下左） */
background: url(../image/menu_triangle1.gif) no-repeat 0 0.2em; /* 項目の背景（マーカー） */
display: inline;
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 30px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal;
line-height: 140%; /* 行の高さ */
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */


/* --- 問い合わせフォームテスト --- */
input.data1{outline:solid 1px #0000ff;}
input.data2{outline:double 2px #ff0000;}
input.data3{outline:groove 3px #ff0000;}
input.data4{outline:inset 4px #ffff00;}
input.data5{outline:dotted 5px invert;}



/* --- slide --- */
.p_plus {
  position:relative;
  display:inline-block;
}
.rp_plus48 {
  position:absolute;
  padding: 5px 4px; /* ルーペアイコンを画像の角から離す量の設定 */  
  left:0px;
  top:0px;
}

.p_plus01 {
  text-align:center;
}



 /* === ラジオボタンは非表示 ================== */
#content1 input[type="radio"]{
  display    : none;
}
 
 /* === 各ラジオボタンのラベルをボタンに変更 == */
#content1 label{
  display    : inline-block;
  border     : 1px solid #ccc;
  box-shadow : 2px 2px #999;
  padding    : 2px 6px;
}
 
 /* === 選択されている言語のラベル色を変更 ==== */
#content1 input[type="radio"]:checked + label {
  background : #6D9FEF;
}

#content1  {
 border: none;
 padding: 10px;
 background: #fffffff;
 margin-top: 10px;
}
  

/*sectionタグと、詳細ページの共通設定
---------------------------------------------------------------------------*/
section,
main > article {
	padding: 3% 10%;		/*上下、左右へのボックス内の余白*/
}



/*mainブロック設定
---------------------------------------------------------------------------*/
/*mainブロックの設定*/
main {
	flex: 1;
}

/*mainブロック内のh2タグ*/
main h2 {
	margin: 0;
	margin-bottom: 1em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	border-bottom: 3px solid #f5f5f5;	/*デフォルトのラインの色。下の「bottom」と「height」の３ヶ所の数字部分を合わせる*/
}

/*下線スタイル*/
main h2 .uline {
	display: inline-block;position: relative;
	padding: 10px 20px;	/*h2タグ内の余白。上下、左右への順番。*/
	bottom: -3px;		/*上の「border-bottom」と下の「height」の３ヶ所の数字部分を合わせる。※この行だけマイナスをつけるように。*/
}
main h2 .uline::before {
	content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;
	height: 3px;	/*ラインの高さ。上の「border-bottom」と「bottom」の３ヶ所の数字部分を合わせる*/
	background: #00b1d4;		/*アニメーション時のラインの色*/
	transition: 1s 0.5s;		/*1sはアニメーションの実行時間は1秒。0.5秒遅れてスタートする指定。*/
	transform: scaleX(0);		/*幅。最初は0にして見えなくしておく。*/
	transform-origin: left top;	/*線の出現起点が左からになるように。中央からの出現がよければこの１行削除。*/
}
main h2.linestyle .uline::before {
	transform: scaleX(1);
}

/*mainブロック内のh3タグ*/
main h3 {
	padding: 0 20px;
	margin-bottom: 1em;	/*下に空けるスペース*/
	border-bottom: 1px solid #ddd;
}

/*mainブロックのpタグ*/
main p {
	margin: 0 20px 2em;	/*上、左右、下へ空けるスペース*/
}
main p + p {
	margin-top: -1em;
}

/*mainブロック内のh1タグ*/
main h1 {
	margin: 0;
	margin-bottom: 1em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	border-bottom: 3px solid #f5f5f5;	/*デフォルトのラインの色。下の「bottom」と「height」の３ヶ所の数字部分を合わせる*/
}

/*下線スタイル*/
main h1 .uline {
	display: inline-block;position: relative;
	padding: 10px 20px;	/*h1タグ内の余白。上下、左右への順番。*/
	bottom: -3px;		/*上の「border-bottom」と下の「height」の３ヶ所の数字部分を合わせる。※この行だけマイナスをつけるように。*/
}
main h1 .uline::before {
	content: "";position: absolute;bottom: 0px;center: 0px;width: 100%;
	height: 3px;	/*ラインの高さ。上の「border-bottom」と「bottom」の３ヶ所の数字部分を合わせる*/
	background: #008080;		/*アニメーション時のラインの色*/
	transition: 1s 0.5s;		/*1sはアニメーションの実行時間は1秒。0.5秒遅れてスタートする指定。*/
	transform: scaleX(0);		/*幅。最初は0にして見えなくしておく。*/
	transform-origin: left top;	/*線の出現起点が左からになるように。中央からの出現がよければこの１行削除。*/
}
main h1.linestyle .uline::before {
	transform: scaleX(1);
}


/*2カラムの場合
---------------------------------------------------------------------------*/
/*2カラム（.mainと.sub）を囲むブロック*/
.c2 {
	display: flex;			/*flexボックスを使う指定*/
	flex-direction: column;	/*子要素を縦並びにする*/
	padding: 5%;			/*ボックス内の余白*/
}

/*.mainのsectionのpaddingを一旦リセット*/
.main section {
	padding: 0;
}

/*１つ目以外のsectionの上部に空ける余白。section同士の上下間にとる余白です。*/
.main section:not(:nth-of-type(1)) {
	padding-top: 5%;
}

/*main（※頭にドット「.」のない「main」とは全く異なります。）*/
.main {
	order: 2;	/*表示させる順番。数字が小さい方が最初に表示されます。*/
}

/*sub*/
.sub {
	order: 1;	/*表示させる順番。数字が小さい方が最初に表示されます。*/
}

/*sub内のh3タグ*/
.sub h3 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	border: none;
	background: #00b1d4;	/*背景色*/
	color: #fff;			/*文字色*/
	text-align: center;		/*テキストをセンタリング*/
}

/*テーブル
---------------------------------------------------------------------------*/
/*ta1テーブルブロック設定*/
.ta1 {
	border-top: none;	/*テーブルの一番上の線。幅、線種、色*/
	width: 100%;
	margin: 0 auto 10px;		/*最後の「10px」がテーブルの下に空けるスペースです*/
}

/*tr（１行分）タグ設定*/
.ta1 tr {
	border-bottom: 1px solid #ccc;	/*テーブルの下線。幅、線種、色*/
}


/*th（左側）、td（右側）の共通設定*/
.ta1 th, td {
    border-bottom: 1px solid #ccc;
}

.ta1 {
    border-collapse: collapse;
}


/*th（左側）のみの設定*/
.ta1 th {
	width: 15%;			/*幅*/
	text-align: center;	/*中央にする*/
}


.nowrap td:nth-child(1),.nowrap td:nth-child(2){
    white-space: nowrap;
}




/*お知らせの表示・非表示
---------------------------------------------------------------------------*/
.D{
    display: inline-block;
    background: #b6beff;
    padding: 5px 10px;
    cursor: pointer;
}
.E{
    background: #ffaf74;
    
}

/*アンダーライン
---------------------------------------------------------------------------*/
.under1 {
	background: linear-gradient(transparent 60%, yellow 30%);
	width: 350px;
}


/*ボタンデザイン�@
---------------------------------------------------------------------------*/
.btn2 {
  display: block;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  background-color: #00a5a0;
  box-shadow: 0 5px 0 #008480;
  text-align: center;
  text-decoration: none;
  width: 200px;
  height: 30px;
  line-height: 20px;
  border-radius: 40px;
  border: none;
}

.btn2:hover {
  box-shadow: none;
  transform: translateY(5px);
  cursor: pointer;
}

/*ボタンデザイン�A浮き出し文字
---------------------------------------------------------------------------*/
.btn-square-raised {
  display: inline-block;
  width: 20%;
  line-height: 2;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;/*下線消す*/
  background: #668ad8;/*ボタン色*/
  color: white;/*文字の色*/
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #627295;
  border-radius: 12px;/*角の丸み*/
  font-weight: bold;/*太字に*/
  font-family: 'Avenir','Arial';/*フォントをいい感じに*/
  text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}
  
.btn-square-raised:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}


/*ボタンデザイン�B
---------------------------------------------------------------------------*/
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


/*========= ページトップのためのCSS ===============*/
/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:30px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(150px);
}

/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(150px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(150px);
  }
}

/*画像の切り替えと動き*/
#page-top a {
    /*aタグの形状*/
	display: block;
	width: 70px;
	height: 40px;
	color: #333;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
    /*背景画像の指定*/
	background: url("../image/stay_top.png") no-repeat center;
	background-size: contain;
}

#page-top.floatAnime a{
	width: 80px;
	height: 70px;
    /*背景画像の指定*/
	background: url("../image/go_top.png") no-repeat center;
	background-size: contain;
    /*アニメーションの指定*/
	animation: floatAnime 2s linear infinite;
	opacity: 0;
}

@keyframes floatAnime {
  0% { transform: translateX(0); opacity: 0; }
  25% { transform: translateX(-6px);opacity: 1; }
  50% { transform: translateX(0) }
  100% { transform: translateX(6px);opacity: 1; }
}

/*Page Topと書かれたテキストの位置*/
#page-top span{
    position: absolute;
    bottom: -20px;
    right: 10px;
	color: #666;
}

/*ボタンデザイン�C
---------------------------------------------------------------------------*/
.btn4 {
  display: block;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  background-color: #00a5a0;
  box-shadow: 0 5px 0 #008480;
  text-align: center;
  text-decoration: none;
  width: 60px;
  height: 20px;
  line-height: 20px;
  border-radius: 40px;
  border: none;
}

.btn4:hover {
  box-shadow: none;
  transform: translateY(5px);
  cursor: pointer;
}

/*イベントのタブ
---------------------------------------------------------------------------*/

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 12px 24px;
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}


/* table 罫線なし */
.b_less{
border:none;
}
.b_less td{
border:none;
}