@charset "Shift_JIS";

/* --- タイプ1 デザイン1 --- */


/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #f9f9f9; /* 全体の背景色 */
color: #666666; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #4682b4; }
a:visited { color: #386992; }
a:hover { color: #79a7cc; }
a:active { color: #00c0c0; }

/* --- コンテナ --- */
#container {
width: 894px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background: url("../icon/pageback_880.gif") repeat-y center top; /* コンテナの背景（両サイドの影） */
}

/* --- ページ --- */
#page {
width: 840px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: #ffffff url("../icon/head_back1.gif") repeat-x 0 2px; /* ページの背景（最上部のグラデーション） */
}


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

/* --- ヘッダ --- */
#header {
position: relative; /* 相対配置（ガイドメニューのために設定） */
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0 0 10px; /* ヘッダのマージン（上、左右、下） */
padding: 15px 0 0; /* ヘッダのパディング（上、左右、下） */
}
/* --- トップページ用の設定 --- */
div.topPage #header {
margin-bottom: 3px; /* ヘッダの下マージン（上書き） */
padding-bottom: 31px; /* ヘッダの下パディング（上書き） */
background: url("../icon/path_back1.gif") repeat-x bottom; /* ヘッダの背景（メインメニュー下のグラデーション） */
}

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

#header h1.siteTitle img {
border: none;
}

/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0 0 3px; /* キャッチフレーズのマージン（上、左右、下） */
padding: 0 7px 7px; /* キャッチフレーズのパディング（上、左右、下） */
border-bottom: 1px #c0c0c0 solid; /* キャッチフレーズの境界線 */
}
#header p.catch strong {
font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ガイドメニュー --- */
#header ul.guide {
	position: absolute; /* 絶対配置 */;
	top: 30px; /* 上からの距離 */;
	right: 10px; /* 右からの距離 */;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 450px;
	text-align: right;
	white-space: nowrap;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url("../icon/menu_line_gray.gif") no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
margin-bottom: 2px; /* オープニングエリアの下マージン */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
margin: 0;
}

/* --- ヘッダメニュー --- */
#header ul.nl {
width: 834px; /* ヘッダメニューの幅 */
margin: 0 auto; /* センタリング */
padding: 0;
background: #f9f9f9 url("../icon/hor_menu3_off.gif") repeat-x top; /* ヘッダメニューの背景 */
border: #c0c0c0 solid; /* ヘッダメニューの境界線（色、スタイル） */
border-width: 2px 3px; /* ヘッダメニューの境界線の太さ（上下、左右） */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header ul.nl li {
width: 139px; /* 項目の幅 */
float: left;
line-height: 100%;
}
/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
border-width: 1px 1px 2px; /* リンクエリアの境界線の太さ（上、左右、下） */
border-color: #ffffff #b2b2b2 #808080 #ffffff; /* リンクエリアの境界線色（上右下左） */
border-style: solid; /* リンクエリアの境界線スタイル */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #666666; /* 文字色 */
}
/* 英字部分 */
#header ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #999999; /* 英字の文字色 */
}
/* ポイント時とアクティブ時の設定 */
#header ul.nl li.active a {
border-bottom-color: #4682b4; /* ポイント時（アクティブ時）の下境界線色 */
color: #404040; /* ポイント時（アクティブ時）の文字色 */
}
#header ul.nl li a:hover {
border-bottom-color: #4682b4; /* ポイント時（アクティブ時）の下境界線色 */
color: #404040; /* ポイント時（アクティブ時）の文字色 */
}
#header ul.nl li.active span.en {
color: #4682b4; /* ポイント時（アクティブ時）の英字の文字色 */
}

#header ul.nl li a:hover span.en {
color: #4682b4; /* ポイント時（アクティブ時）の英字の文字色 */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
margin: 0;
padding: 8px 5px; /* トピックパスのパディング（上下、左右） */
background: #f9f9f9 url("../icon/path_back1.gif") repeat-x 0 1px; /* トピックパスの背景 */
border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url("../icon/topic_path_gray.gif") no-repeat right; /* リンクエリアの背景（区切り記号） */
}
#top_topicPath {
margin: 0;
height: 15px;
padding: 8px 5px;/* トピックパスのパディング（上下、左右） */
background: #f9f9f9 url("../icon/path_back1.gif") repeat-x 0 1px;/* トピックパスの背景 */
border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
list-style-type: none;
}

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

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


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

/* --- コンテンツ --- */
#content {
	width: 100%; /* コンテンツの幅 */;
	margin-bottom: 10px;
}


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

/* --- メインカラム --- */
#main {
float: left;
width: 600px; /* メインカラムの幅 */
/* background: url(../image/ver_separator1.gif) repeat-y 13px 0;*/ /* メインカラムの背景（サイドバーとの区切り線） */
}

/* --- ページタイトル（下層ページ） --- */
/* 見出しエリア */
#main div.pageTitle {
margin: 0 0 15px 0px; /* 見出しエリアのマージン（上右下左） */
padding: 8px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url("../icon/heading_back1.gif") repeat-x; /* 見出しエリアの背景 */
border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
}
/* 見出し */
#main div.pageTitle h1 {
margin: 0;
padding: 5px 0 2px 10px; /* 見出しのパディング（上右下左） */
border-left: 5px #4682b4 solid; /* 見出しの左境界線 */
font-size: 160%; /* 見出しの文字サイズ */
color: #2b2b2b; /* 見出しの文字色 */
line-height: 100%;
}

/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 3em 0px; /* セクションのマージン（上右下左） */
}

/* --- 標準セクション --- */
/* 見出しエリア */
#main div.normal div.heading {
margin-bottom: 1.2em; /* 見出しエリアの下マージン */
padding: 4px 2px; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 2px #999999 solid; /* 見出しエリアの下境界線 */
}

/* 見出し */
#main div.normal div.heading h2 {
margin: 0;
padding: 2px 3px 1px 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #add8e6 solid; /* 見出しの左境界線 */
font-size: 130%; /* 見出しの文字サイズ */
color: #2b2b2b; /* 見出しの文字色 */
line-height: 100%;
}

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

/* --- 強調セクション --- */
#main div.emphasis {
padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */
background: url("../icon/emphasis_back1.gif") repeat-x top; /* セクションの背景 */
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}

/* 見出し */
#main div.emphasis h2 { 
margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */
font-size: 130%; /* 見出しの文字サイズ */
color: #dc3900; /* 見出しの文字色 */
line-height: 100%;
}

/* 段落 */
#main div.emphasis p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
color: #666666; /* 段落の文字色 */
line-height: 150%; /* 行の高さ */
}

/* --- 新着情報（トップページ） --- */
#main div.update dl {
width: 590px; /* 新着情報の幅（メインカラムの幅から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%; /* 行の高さ */
}
#main div.tweetbox {
	width: 600px;
	height: 120px;
}
/* --- //////////  OP h4 top  ////////// --- */
#main div.op_red h4 {
 height:24px;
 margin:0px 0px 5px 0px;
 padding:6px 0px 0px 10px;
 font-size:16px;
 font-weight:bold;
 color:#333333;
 background-image:url(../icon/head002_01.gif);
}
#main div.op_blue h4 {
 height:24px;
 margin:0px 0px 5px 0px;
 padding:6px 0px 0px 10px;
 font-size:16px;
 font-weight:bold;
 color:#333333;
 background-image:url(../icon/head002_02.gif);
}
#main div.op_orange h4 {
 height:24px;
 margin:0px 0px 5px 0px;
 padding:6px 0px 0px 10px;
 font-size:16px;
 font-weight:bold;
 color:#333333;
 background-image:url(../icon/head002_03.gif);
}
#main div.op_green h4 {
 height:24px;
 margin:0px 0px 5px 0px;
 padding:6px 0px 0px 10px;
 font-size:16px;
 font-weight:bold;
 color:#333333;
 background-image:url(../icon/head002_04.gif);
}
#main div.op_purple h4 {
 height:24px;
 margin:0px 0px 5px 0px;
 padding:6px 0px 0px 10px;
 font-size:16px;
 font-weight:bold;
 color:#333333;
 background-image:url(../icon/head002_05.gif);
}
#main div.op_gray h4 {
 height:24px;
 margin:0px 0px 5px 0px;
 padding:6px 0px 0px 10px;
 font-size:16px;
 font-weight:bold;
 color:#333333;
 background-image:url(../icon/head002_06.gif);
}
/* --- //////////  OP h4 end  ////////// --- */
#main div.separate_line {
 height:24px;
 margin:0px 0px 5px 0px;
 padding:6px 0px 0px 10px;
 background-image:url(../icon/separate_line.gif);
}


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


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

/* --- サイドバー --- */
#nav {
float: left;
width: 240px; /* サイドバーの幅 */
background: url("../icon/ver_separator1.gif") repeat-y 13px 0; /* メインカラムの背景（サイドバーとの区切り線） */
}

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

/* --- 標準セクション（グレー） --- */
#nav div.normal {
background-color: #f9f9f9; /* セクションの背景色 */
border: 1px #808080 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.normal h2 {
background: #999999 url("../icon/heading_back_gray2.gif") repeat-x top; /* 見出しの背景 */
}

/* --- 強調セクション1（グリーン） --- */
#nav div.emphasis {
background-color: #fffef4; /* セクションの背景色 */
border: 1px #8aab43 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.emphasis h2 {
background: #9acd32 url("../icon/heading_back_green2.gif") repeat-x top; /* 見出しの背景 */
}

/* --- 強調セクション2（オレンジ） --- */
#nav div.strong {
background-color: #fffef4; /* セクションの背景色 */
border: 1px #ecaa36 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.strong h2 {
background: #ffc040 url("../icon/heading_back_orange2.gif") repeat-x top; /* 見出しの背景 */
}

/* --- サブメニュー --- */
/* 見出し */
#nav div.subMenu h2 {
margin: 0; /* 見出しのマージン（上書き） */
padding: 11px 8px; /* 見出しのパディング（上書き） */
background: #9acd32 url("../icon/heading_back_green2.gif") repeat-x top; /* 見出しの背景 */
border: 1px #8aab43 solid; /* 見出しの境界線 */
}
/* メニューエリア */
#nav div.subMenu ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#nav div.subMenu ul.nl li {
padding: 3px 1px; /* 項目のパディング（上下、左右） */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 8px; /* リンクエリアのパディング（上下、左右） */
border-left: 4px #c0c0c0 solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
background-color: #f9f9f9; /* ポイント時の背景色 */
border-left-color: #add8e6; /* ポイント時の左境界線色 */
text-decoration: none; /* テキストの下線（あり） */
}

/* --- お問い合わせ --- */
#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: #3f99b3 url("../icon/form_back1_off.gif") repeat-x top; /* リンクエリアの背景 */
font-size: 110%; /* リンクエリアの文字サイズ */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* リンクエリアの文字色 */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.contact p.form a:hover {
background: #54b3cf url("../icon/form_back1_on.gif") repeat-x top; /* ポイント時の背景 */
}

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


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

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


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

/* --- フッタ --- */
#footer {
padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url("../icon/menu_line_gray.gif") no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal; /* 文字のスタイル（ノーマル） */
text-align: center;
line-height: 140%; /* 行の高さ */
}

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


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

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

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

/* --- リストエリア --- */
ul.list {
	margin: 0 0 0 0px;
	padding: 0 0 0 8px;
	list-style-type: none;
}

ul.list2 {
	margin: 0 0 0 0px;
	padding: 0 0 0 8px;
	list-style-type: none;
}

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

/* --- ヘッダー --- */
.header-style {
	left: 1px;
	top: 1px;
	width: 107%;
}

/* --- リスト項目 --- */
ul.list li {
	padding: 0 0 5px 15px; /* 項目のパディング（上右下左） */
	background: url('../icon/triangle1.gif') no-repeat 3px 0.2em; /* マーカー画像 */
	line-height: 130%;
}
ul.list2 li {
	padding: 0 0 5px 140px; /* 項目のパディング（上右下左） */
	background: url('../icon/triangle1.gif') no-repeat 130px 0.2em; /* マーカー画像 */
	line-height: 130%;
}

ul.maillink li {
	list-style-type: none;
	margin-left: -40px;
}
ul.maillink a {
	padding: 0 0 0px 25px; /* 項目のパディング（上右下左） */
	background-image: url('../icon/btn032_08.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}
ul.download li {
	list-style-type: none;
	margin-left: -40px;
}
ul.download a {
	padding: 0 0 0px 25px; /* 項目のパディング（上右下左） */
	background-image: url('../icon/btn035_06.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 130%;
}

/* --- ////////// TabMenu top ////////// --- */
/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 20px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
border-bottom: 3px #004080 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 99%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 8em; /* タブの幅 */
margin-right: 4px; /* タブの右マージン */
background: #f9f9f9 url("../icon/tab_gen2_left.gif") no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
background: url("../icon/tab_gen2_right.gif") no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
text-decoration: none; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.nav ul.nl li.active {
background: #004080 url("../icon/tab_act2_left.gif") no-repeat left top; /* タブの背景（左） */
}
div.nav ul.nl li.active a {
background: url("../icon/tab_act2_right.gif") no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

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

/* --- ////////// TabBox top ////////// --- */
   /* ▼表示領域全体 */
   div.tabbox {
	margin: 0px;
	padding: 0px;
	width: 580px; /* 全体の横幅 */
}
   /* ▼タブ部分 */
   div.tabbox ul.tabs {
      margin:  0px; /* 外側の余白を消す */
      padding: 0px; /* 内側の余白を消す */
   }
   div.tabbox ul.tabs li {
      margin: 0px;  /* 各項目周囲の余白をなくす */
      padding: 0px; /* 各項目内側の余白をなくす */
      list-style-type: none; /* 先頭記号を消す */
      float: left;  /* リスト項目を横方向に並べる */
      width: 120px; /* タブのデフォルトの横幅 */
      /* 左上の角丸 */
      background-image: url("../icon/tab-base1.gif");
      /* background-image: url("../image/tab_act2_left.gif"); */
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs a {
      display: block;  /* ブロックレベルに */
      padding: 5px 0px;      /* 内側の余白 */
      height: 20px;          /* タブの高さ */
      text-align: center;    /* 中央寄せ */
      text-decoration: none; /* 下線を消す */
      /* 右上の角丸 */
      background-image: url("../icon/tab-right1.gif");
      /* background-image: url("../image/tab-act2_right.gif"); */
      background-repeat: no-repeat;
      background-position: right top;
   }
   /* ▼標準のタブ色 */
   div.tabbox ul.tabs li.tab {
      background-color: gray; /* 灰色 */
   }
   div.tabbox ul.tabs a:visited {
      color: white; /* タブの文字色(白) */
   }
   div.tabbox ul.tabs a:link {
      color: white; /* タブの文字色(白) */
   }
   div.tabbox ul.tabs a:hover {
      /* タブにマウスを載せた際の装飾 */
      color: yellow;              /* 黄色 */
      text-decoration: none; /* 下線 */
   }
   /* ▼タブに対応するボックス領域 */
	div.tabbox div.tab {
	clear: left;
	height: 850px;
	overflow: auto;
}
   div.tabbox div#tab1 {
	/* タブ１の中身(枠線と背景色) */
	border: 3px solid #33CCCC;
	background-color: #ccffff;
}
div.tabbox div#tab2 {
	/* タブ２の中身(枠線と背景色) */
	border: 3px solid #CCCC00;
	background-color: #ffffcc;
}
div.tabbox div#tab3 {
	/* タブ３の中身(枠線と背景色) */
	border: 3px solid #FF6666;
	background-color: #ffcccc;
}
   /* ▼ボックス内部の装飾(今回のテクニックとは無関係) */
	div.tabbox div.tab p { margin: 0.5em; }
	div.tabbox div.tab p.tabhead {
	font-weight: bold; border-bottom: 3px double gray;
   }
/* --- ////////// TabBox end ////////// --- */

/* --- ////////// Page Select Box top ////////// --- */
/* --- ページングエリア --- */
div.paging {
margin: 20px 0;
}

/* --- メニューエリア --- */
div.paging ul.nl {
margin: 0;
padding: 4px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center; /* メニューのセンタリング */
font-size: 80%; /* メニューの文字サイズ */
}
/* --- メニュー項目 --- */
div.paging ul.nl li {
display: inline;
margin-right: -1px; /* 項目の右マージン */
}

/* --- リンク --- */
div.paging ul.nl li a {
display: inline-block;
padding: 4px 8px; /* リンクエリアのパディング（上下、左右） */
background-color: #ffffff; /* リンクエリアの背景色 */
border: 1px #c0c0c0 solid; /* リンクエリアの境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.paging ul.nl li a:hover {
background-color: #e0e0e0; /* ポイント時の背景色 */
border: 1px #999999 solid; /* ポイント時の境界線 */
text-decoration: none; /* テキストの下線（あり） */
}

/* --- アクティブな項目 --- */
div.paging ul.nl li strong {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background-color: #e0e0e0; /* 項目の背景色 */
border: 1px #c0c0c0 solid; /* 項目の境界線 */
color: #cc0000; /* 項目の文字色 */
}

/* --- リンクしない項目（前へ・次へ） --- */
div.paging ul.nl li span {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background-color: #ffffff; /* 項目の背景色 */
border: 1px #c0c0c0 solid; /* 項目の境界線 */
color: #808080; /* 項目の文字色 */
}
/* --- ////////// Page Select Box end ////////// --- */


/* --- ////////// 新着情報エリア（スクロール付き） top ////////// --- */
/* --- 新着情報エリア --- */
div.update {
	width: 600px; /* 新着情報エリアの幅 */
	font-size: 100%;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
	width: 100%; /* 新着リストの幅 */;
	height: 170px; /* 新着リストの高さ */;
	overflow: auto;
	margin: 0;
/* background-color: #f9f9f9;*/ /* 新着リストの背景色 */
	border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
	border-bottom: 1px #c0c0c0 dotted;
	border-top-style: solid;
	border-bottom-style: solid;
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* --- ////////// 新着情報エリア（スクロール付き） end ////////// --- */

/* --- ////////// 新着情報エリア（スクロールなし） top ////////// --- */
/* --- 新着情報エリア --- */
div.update_noScroll {
	width: 600px; /* 新着情報エリアの幅 */
	font-size: 100%;
}

/* --- 見出し --- */
div.update_noScroll h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update_noScroll dl {
width: 100%; /* 新着リストの幅 */;
/* background-color: #f9f9f9; */
border-top: 1px #c0c0c0 dotted;
/* border-bottom: 1px #c0c0c0 dotted; */
}

/* --- 日付エリア --- */
div.update_noScroll dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update_noScroll dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* --- ////////// 新着情報エリア（スクロールなし） end ////////// --- */



/* --- //////////  丸ボックス top ////////// --- */
/* --- ボックス7 --- */
div.maru_box {
	width: 600px;
	background: #ffffff url("../icon/maru1_600_bottom.gif") no-repeat bottom;
}
div.maru_box h3 {
	border-style: 0;
	border-color: #FF0000;
	border-width: 0px;
	margin: 0;
	padding: 7px 10px;
	background: #f9f9f9 url('../icon/maru4_600_top.gif') no-repeat 50% top;
}
/* --- ボックス --- */
div.maru_box_0 {
	width: 600px;
	background: #ffffff url("../icon/maru1_600_bottom.gif") no-repeat bottom;
}

/* --- 見出し --- */
div.maru_box_0 h3 {
	border-style: 0;
	border-color: #FF0000;
	border-width: 0px;
	margin: 0;
	padding: 7px 10px;
	background: #f9f9f9 url("../icon/maru1_600_top.gif") no-repeat top;
	/* font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.maru_box_0 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}
end ////////// --- */


/* --- //////////  tableの行を交互に装飾 ////////// --- */
.table_standard tr:nth-child(2n) {    /* 偶数行 */
	background-color: #ffff99;
}
.table_standard tr:nth-child(2n+1) {  /* 奇数行 */
	background-color: #ffcc99;
}
.table_standard tr:nth-child(2n+1) {  /* 奇数行 */
	background-color: #ffcc99;
}
.table_standard tr:nth-child(1) {     /* 先頭行のみ */
	background-color: #66cc33;
	color: white;
}
.table_standard {
	width: 600px;
	background-image: url('');
}
.cell1_standard {
	width: 120px;
	text-align: center;
}
.cell2_standard {
	width: 480px;
	text-align: center;
}
/* --- ////////// tableの行を交互に装飾 --- ////////// */


/* --- このページの先頭へ top--- */
/*p.topagetop{
	float: right;
	background: 0 font-size: x-small;
	padding-left: 14px;
	padding-top: 0px;
	font-size: x-small;
}*/
p.topagetop{
	float: right;
	font-size: x-small;
}
/* --- このページの先頭へ end--- */


/* --- ////////// Q&A top ////////// */
/* --- リストエリア --- */
ol.qa {
	width: auto; /* リストエリアの幅 */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- リスト項目の内容 --- */
ol.qa dl {
margin: 0;
background: #f9f9f9 url('../icon/qa_back.gif') repeat-x top; /* リスト項目の背景 */
}

/* --- Questionエリア --- */
ol.qa dt {
margin: 0;
padding: 8px 6px 6px 35px; /* Questionエリアのパディング（上右下左） */
background: url('../icon/q6g.gif') no-repeat 4px 5px; /* Questionエリアの背景 */
border: 1px #c0c0c0 solid; /* Questionエリアの境界線 */
font-weight: bold;
line-height: 120%;
}

/* --- Answerエリア --- */
ol.qa dd {
margin: 0;
padding: 11px 6px 25px 35px; /* Answerエリアのパディング（上右下左） */
background: #ffffff url('../icon/a5.gif') no-repeat 4px 8px; /* Answerエリアの背景 */
line-height: 150%;
}
/* --- ////////// Q&A end ////////// */



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

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

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url('../icon/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('../icon/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('../icon/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('../icon/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('../icon/square.gif') no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
background: url('../icon/triangle5.gif') no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

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

/* --- ////////// 引用 top ////////// */
/* --- 引用エリア --- */
div.quote {
width: 600px; /* 引用エリアの幅 */
margin: 1.5em 0; /* 引用エリアのマージン（上下、左右） */
}

/* --- 引用元 --- */
div.quote p.citation {
margin: 0 0 10px; /* 引用元のマージン（上、左右、下） */
}
div.quote p.citation cite {
font-style: normal; /* フォントスタイルをノーマルに */
}

/* --- 引用ブロック --- */
div.quote blockquote {
margin: 0 10px; /* 引用ブロックのマージン（上下、左右） */
padding-left: 8px; /* 引用ブロックの左パディング */
border-left: 5px #cccccc solid; /* 引用ブロックの左境界線 */
color: #808080; /* 引用ブロックの文字色 */
line-height: 130%;
}
/* --- 引用ブロック内の段落 --- */
div.quote blockquote p {
margin: 0 0 1em;
}
/* --- ////////// 引用 end ////////// */

/* --- ////////// Flow end ////////// */
/* --- リストエリア --- */
ol.flow {
	width: 600px; /* リストエリアの幅 */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- リスト項目 --- */
ol.flow li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url("../icon/flow_back.gif") no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- タイトルエリア --- */
ol.flow dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #f9f9f9; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
color: #2b2b2b;
}

/* --- 本文エリア --- */
ol.flow dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
}
/* --- ////////// Flow end ////////// */

/* --- newWindow Icon top --- */
a.otherPage {
	background-image: url("../icon/newwinicon.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	margin-right: 3px;
}
/* --- newWindow Icon end --- */

/* --- ////////// set image right top ////////// */
.image_right {
	float: right;
	margin-left: 0px;
	margin-right: 0px;
}
.image_left {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}
/* --- ////////// set image right end ////////// */

/* --- ////////// set image bigginer top ////////// */
.add_bigginer_icon {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	vertical-align: middle;
	margin-left:  1px;
	margin-right: 4px;
	margin-top: -5px;
}
.add_Go_button {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	vertical-align: middle;
	margin-left: -4px;
	margin-right: 4px;
	margin-top: -4px;
}
.add_pc_icon {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	vertical-align: middle;
	margin-left: -4px;
	margin-right: 4px;
	margin-top: -4px;
}
.add_icon_left {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: -4px;
}
.add_icon_right {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 00px 0px 0px 0px;
	margin-left: 4px;
}
.add_navigation {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: -4px;
}
.add_toPagetop {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: -2px;
}
.add_point {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: -4px;
}
.add_image_left {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	padding: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: -4px;
}
.image_v_middle {
	/* 項目のパディング（上右下左） *//* マーカー画像 */
	vertical-align:middle;
}
/* --- ////////// set image bigginer end ////////// */

/* --- ////////// set shadowimages top ////////// */
div.shadowimages_v100w150_l {
	background-image: url("../icon/backshadow_v100w150.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 7px 8px 0px;
	float:left;
	margin-left: 5px;
	margin-right: 10px;
}
div.shadowimages_v150w100_l {
	background-image: url("../icon/backshadow_v150w100.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 7px 8px 0px;
	float:left;
	margin-left: 5px;
	margin-right: 10px;
}
div.shadowimages_v100w150_r {
	background-image: url("../icon/backshadow_v100w150.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 7px 8px 0px;
	float:right;
	margin-left: 5px;
	margin-right: 10px;
}
div.shadowimages_v150w100_r {
	background-image: url("../icon/backshadow_v150w100.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 7px 8px 0px;
	float:right;
	margin-left: 5px;
	margin-right: 10px;
}
/* --- ////////// set shadowimages end ////////// */

/* --- ////////// set map top ////////// */
/* --- ボックス --- */
div.area {
width: 542px; /* ボックスの幅 */
padding: 3px; /* ボックスのパディング */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #e0e0e0 solid; /* ボックスの境界線 */
text-align: center;
margin-left: 25px;
}

/* --- マップボックス --- */
div.area dl {
margin: 0;
background: #eef7fe url("../icon/map_back.gif") repeat-x top; /* マップボックスの背景（グラデーション） */
border: 1px #e0e0e0 solid; /* マップボックスの境界線 */
}

/* --- タイトルエリア --- */
div.area dt {
margin: 5px; /* タイトルエリアのマージン */
padding: 3px; /* タイトルエリアのパディング */
background-color: #eef7fe; /* タイトルエリアの背景色 */
font-weight: bold; /* 太字 */
color: #3d7eab; /* 文字色 */
}

/* --- コメントエリア --- */
div.area dd.description {
margin: 10px 0; /* コメントエリアのマージン（上下、左右） */
font-size: 80%; /* 文字サイズ */
}

/* --- マップエリア --- */
div.area dd.map {
margin: 20px 0; /* マップエリアのマージン（上下、左右） */
}
div.area dd.map img {
border: none;
}
/* --- ////////// set map end ////////// */

/* --- ////////// set image caption top ////////// */
div.imagebox {
border: 1px dotted #666666; /* 1.枠線 */
background-color: #eeeeff; /* 2.背景色 */;
width: 124px; /* 横幅 */;
float: left; /* 左に配置 */;
margin: 3px;        /* 4.余白・間隔 */
padding: 6px;
}
p.caption {
text-align: center; /* 中央寄せ */
margin: 4px;        /* 余白・間隔 */
}
p.image {
text-align: center; /* 中央寄せ */
margin: 4px;        /* 余白・間隔 */
}
p.caption {
font-size: 80%; /* 5.文字サイズ */;
text-align: center; /* 3.中央寄せ */
}
/* --- ////////// set image caption end ////////// */

/* --- ////////// set calendar top ////////// */
#X_calendar_boxId { }
#sample_3a { }
.X_calendar_table { border-collapse: collapse; border: 1px solid #888888; font-size: 100% }
.X_calendar_table td { border: 1px solid #C6C6C6; text-align: center; padding: 2px }
.X_calendar_caption { }
.X_calendar_table a { padding: 0; text-decoration: none; color: blue }
.X_calendar_table a:visited { padding: 0; text-decoration: none; color: blue }
.X_calendar_default { backGround-color: white; }
.X_calendar_weeks { backGround-color: white; color: #5571c5; border: 1px solid #D4D4D4 }
.X_calendar_today { backGround-color: #CCFFCC; color: green }
.X_calendar_satuaday { backGround-color: #3399ff; }
.X_calendar_holiday { backGround-color: #CE4949; }
.X_calendar_none { backGround-color: #ECF3F4; color: #808080 }
/* --- ////////// set calendar end ////////// */


/* --- ////////// set character color top ////////// */
.character_red {
	color: #FF0000;
}
/* --- ////////// set character color end ////////// */


/* --- ////////// set searchbox top ////////// */
#srchBox
{
width:340px;
_width:338px;
/*margin-bottom:10px;
background-color:#F9F9F9;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;
color:#000000;
text-align:left;*/
}
#srchBox *
{
margin:0;
padding:0;
font-size:12px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:1px 1px 0 1px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:110px;
margin-right:6px;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:40px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 2px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}
/* --- ////////// set searchbox end ////////// */

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