@charset "Shift_JIS";

/* --- タイãƒ�E ãƒ�E‚¶ã‚¤ãƒ³1 --- */


/* --- 全体ã�E背景・ãƒ�E‚­ã‚¹ãƒ�E--- */
body {
min-width: 880px; /* 全体ã�E最å°�å¹�E*/
margin: 0;
padding: 0;
background-color: #cfdce3; /* 全体ã�E背景色 */
color: #404040; /* 全体ã�Eæ–�E­—色 */
font-size: 80%; /* 全体ã�Eæ–�E­—サイズ */
}

/* --- 全体ã�Eリンクãƒ�E‚­ã‚¹ãƒ�E--- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #008080; }
a:active { color: #008080; }

/* --- コンãƒ�EƒŠ --- */
#header div.container,
#content div.container,
#footer div.container {
width: 880px; /* コンãƒ�EƒŠã�®å¹�E*/
margin: 0 auto; /* センタリング */
}


/* --- ▼ヘッダ�E�E設定開�E--- */

/* --- ヘッダ --- */
#header{
padding-bottom: 1px; /* ヘッダã�®ä¸‹ãƒ‘ãƒ�E‚£ãƒ³ã‚° */
background-color: #ffffff; /* ヘッダ�背景色 */
}

/* --- トップエリア --- */
#header div.top {
margin-bottom: 2px; /* トップエリアã�®ä¸‹ã�Eージン */
padding: 15px 0 8px; /* トップエリアã�®ãƒ‘ディング�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
background: url(../image/top_back1.gif) repeat-x top; /* トップエリア�背景 */
border-bottom: 1px #e0e0e0 solid; /* トップエリアã�®ä¸‹å¢�E•Œç·�E*/
}
#header div.top div.container {
position: relative; /* 相対é…�ç½®�Eˆã‚¬ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã�®ã�Ÿã‚�ã�«è¨­å®šï¼�E*/
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 0 7px; /* サイトタイトルã�®ãƒžã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
font-size: 200%; /* サイトタイトルã�®æ–�E­—サイズ */
}
/* サイトタイトル�画�E*/
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}

/* --- キャãƒ�Eƒ�フレーズ --- */
#header p.catch {
margin: 0;
}
#header p.catch strong {
font-weight: normal; /* æ–�E­—ã�E太ã�•ï¼ˆãƒŽãƒ¼ãƒžãƒ«�E�E*/
}

/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対�置 */
top: 5px; /* 上ã�‹ã‚‰ã�Eè·�離 */
right: 10px; /* ��ら��離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニューé �E›® */
#header ul.guide li {
display: inline;
padding: 0 7px 0 13px; /* é �E›®ã�®ãƒ‘ディング�Eˆä¸Šå�³ä¸‹å·¦�E�E*/
background: url(../image/menu_triangle1_box.gif) no-repeat 0 0.2em; /* é �E›®ã�®èƒŒæ™¯�Eˆã�Eーカー�E�E*/
}

/* --- オープニングエリア�Eˆãƒˆãƒ�E�Eペã�Eジ�E�E--- */
#header div.opening {
padding: 8px 0; /* オープニングエリアã�®ãƒ‘ディング�Eˆä¸Šä¸‹ã€�å·¦å�³�E�E*/
background: #e8f8fd url(../image/opening_back1.gif) repeat-x top; /* オープニングエリア�背景 */
border-bottom: 1px #eef7fe solid; /* オープニングエリアã�®ä¸‹å¢�E•Œç·�E*/
}
/* オープニングエリアå†�E�E見å�Eã��E*/
#header div.opening h2 {
margin: 0;
}

/* --- ヘッダメニュー --- */
#header div.nl {
background: #4e83b3 url(../image/hor_menu6_off.gif) repeat-x top; /* ヘッダメニュー�背景 */
border-top: 2px #84aed2 solid; /* ヘッダメニューã�®ä¸Šå¢�E•Œç·�E*/
border-bottom: 2px #2c5170 solid; /* ヘッダメニューã�®ä¸‹å¢�E•Œç·�E*/
}
/* --- メニュー本�E--- */
#header div.nl ul {
width: 878px; /* メニュー本体ã�Eå¹�E¼ˆã‚³ãƒ³ãƒ�EƒŠã�®å¹�E�‹ã‚�Epx引ã�„ã�Ÿå€¤�E�E*/
margin: 0;
padding: 0;
border-left: 1px #2c5170 solid; /* メニュー本体ã�Eå·¦å¢�E•Œç·�E*/
border-right: 1px #84aed2 solid; /* メニュー本体ã�Eå�³å¢�E•Œç·�E*/
list-style-type: none;
text-align: center;
}
/* メニューé �E›® */
#header div.nl li {
width: 146px; /* é �E›®ã�®å¹�E*/
float: left;
line-height: 100%;
}
/* 最åˆ�ã�Eé �E›®ã�¨æœ€å¾Œã�Eé �E›® */
#header div.nl li.first,
#header div.nl li.last {
width: 147px; /* é �E›®ã�®å¹�E*/
}
/* リンクエリア */
#header div.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 2px 5px; /* リンクエリアã�®ãƒ‘ディング�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
border-left: 1px #84aed2 solid; /* リンクエリアã�®å·¦å¢�E•Œç·�E*/
border-right: 1px #2c5170 solid; /* リンクエリアã�®å�³å¢�E•Œç·�E*/
text-decoration: none; /* ãƒ�E‚­ã‚¹ãƒˆã�E下線（ã�ªã�—ï¼�E*/
font-weight: bold; /* æ–�E­—ã�E太ã�•ï¼ˆå¤ªå­—ï¼�E*/
color: #ffffff; /* æ–�E­—色 */
}
/* 英字部�E*/
#header div.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部åˆ�E�E上ã�Eージン */
font-size: 85%; /* 英字ã�Eæ–�E­—サイズ */
font-weight: normal; /* æ–�E­—ã�E太ã�•ï¼ˆãƒŽãƒ¼ãƒžãƒ«�E�E*/
color: #eee8aa; /* 英字ã�Eæ–�E­—色 */
}
/* ãƒ�イント時ã�¨ã‚¢ã‚¯ãƒ�E‚£ãƒ–時ã�®è¨­å®�E*/
#header div.nl li a:hover,
#header div.nl li.active a {
background: #5e91bd url(../image/hor_menu6_on.gif) repeat-x top; /* ãƒ�イント時�Eˆã‚¢ã‚¯ãƒ�E‚£ãƒ–時�E‰ã�E背景 */
}
#header div.nl li a:hover span.en,
#header div.nl li.active span.en {
color: #fde337; /* ãƒ�イント時�Eˆã‚¢ã‚¯ãƒ�E‚£ãƒ–時�E‰ã�E英字ã�Eæ–�E­—色 */
}

/* --- トピãƒ�E‚¯ãƒ‘ス�Eˆä¸‹å±¤ãƒšã�Eジ�E�E--- */
#header div.topicPath {
margin: 0;
padding: 7px 2px; /* トピãƒ�E‚¯ãƒ‘スã�®ãƒ‘ディング�Eˆä¸Šä¸‹ã€�å·¦å�³�E�E*/
background-color: #cfdce3; /* トピãƒ�E‚¯ãƒ‘スã�®èƒŒæ™¯è‰² */
}
#header div.topicPath ol {
margin: 0;
padding: 0;
list-style-type: none;
}
/* リストé �E›® */
#header div.topicPath li {
display: inline;
}
/* リンクエリア */
#header div.topicPath li a {
padding-right: 12px; /* リンクエリア��パディング */
background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアã�®èƒŒæ™¯�EˆåŒºåˆ�E‚Šè¨˜å�·�E�E*/
}

/* --- 罫�E--- */
#header hr.none {
display: none; /* 表示形�（���E*/
}

/* --- ▲ヘッダ�E�E設定終�E--- */


/* --- ▼コンãƒ�Eƒ³ãƒ�E�Eã�®è¨­å®šé–‹å§�E--- */

/* --- コンãƒ�Eƒ³ãƒ�E--- */
#content {
padding: 35px 0 10px; /* コンãƒ�Eƒ³ãƒ�E�Eパディング�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
background: #ffffff url(../image/content_back1.gif) repeat-x 0 -5px; /* コンãƒ�Eƒ³ãƒ�E�E背景 */
}


/* --- ▼メインカラム�E�E設定開�E--- */

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

/* --- ペã�Eジタイトル�Eˆä¸‹å±¤ãƒšã�Eジ�E�E--- */
#main h1.pageTitle {
margin: 0 0 15px 20px; /* ペã�Eジタイトルã�®ãƒžã�Eジン�Eˆä¸Šå�³ä¸‹å·¦�E�E*/
padding: 0 5px; /* ペã�Eジタイトルã�®ãƒ‘ディング�Eˆä¸Šä¸‹ã€�å·¦å�³�E�E*/
font-size: 180%; /* ペã�Eジタイトルã�®æ–�E­—サイズ */
color: #4075a5; /* ペã�Eジタイトルã�®æ–�E­—色 */
}

/* --- セクション�Eˆå�E通設定ï¼�E--- */
#main div.section {
margin: 0 0 2em 20px; /* セクションã�®ãƒžã�Eジン�Eˆä¸Šå�³ä¸‹å·¦�E�E*/
}

/* --- 標準セクション --- */
/* --- 見å�Eã�—エリア --- */
#main div.normal div.heading {
margin: 0 0 1em; /* 見å�Eã�—エリアã�®ãƒžã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
padding: 7px 11px; /* 見å�Eã�—エリアã�®ãƒ‘ディング�Eˆä¸Šä¸‹ã€�å·¦å�³�E�E*/
background: #ebf0f3 url(../image/heading_back5_6.gif ) repeat-y right; /* 見å�Eã�—エリアã�®èƒŒæ™¯ */
}
/* 見å�Eã��E*/
#main div.normal h2 {
margin: 0;
padding-left: 16px; /* 見å�Eã�—ã�E左パディング */
background: url(../image/heading_square11.gif) no-repeat 0 0.15em; /* 見å�Eã�—ã�E背景�Eˆã�Eーク�E�E*/
font-size: 130%; /* 見å�Eã�—ã�Eæ–�E­—サイズ */
line-height: 100%; /* è¡Œã�E高ã�• */
}
/* 段� */
#main div.normal p {
margin: 0 10px 1em; /* 段è�½ã�®ãƒžã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
line-height: 160%; /* è¡Œã�E高ã�• */
}

/* --- 強調セクション --- */
#main div.emphasis {
margin-bottom: 3em; /* セクションã�®ä¸‹ã�Eージン�Eˆä¸Šæ›¸ã��ï¼�E*/
padding: 0.8em 10px 0; /* セクションã�®ãƒ‘ディング�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
background: url(../image/emphasis_back2.gif) no-repeat top; /* セクション�背景 */
}
 /* 見å�Eã��E*/
#main div.emphasis h2 {
margin: 0 0 0.8em; /* 見å�Eã�—ã�Eマã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
font-size: 130%; /* 見å�Eã�—ã�Eæ–�E­—サイズ */
color: #000000; /* 見å�Eã�—ã�Eæ–�E­—色 */
}
 /* 段� */
#main div.emphasis p {
margin: 0 0 1em; /* 段è�½ã�®ãƒžã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
line-height: 150%; /* è¡Œã�E高ã�• */
}

/* --- æ–°ç�€æƒ�E ±�Eˆãƒˆãƒ�E�Eペã�Eジ�E�E--- */
#main div.update dl {
width: 620px; /* æ–°ç�€æƒ�E ±ã�®å¹�E¼ˆãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ ã�®å¹�E�‹ã‚�E0px引ã�„ã�Ÿå€¤�E�E*/
margin: 0 auto; /* センタリング */
}
/* 日付エリア */
#main div.update dt {
width: 6.7em; /* 日付エリア��E*/
float: left;
padding: 7px 0 6px 3px; /* 日付エリアã�®ãƒ‘ディング�Eˆä¸Šå�³ä¸‹å·¦�E�E*/
line-height: 120%; /* è¡Œã�E高ã�• */
}
/* 本æ–�E‚¨ãƒªã‚¢ */
#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本æ–�E‚¨ãƒªã‚¢ã�®ãƒ‘ディング�Eˆä¸Šå�³ä¸‹å·¦�E�E*/
border-bottom: 1px #c0c0c0 dotted; /* 本æ–�E‚¨ãƒªã‚¢ä¸‹å¢�E•Œç·�E*/
line-height: 120%; /* è¡Œã�E高ã�• */
}

/* --- ▲メインカラム�E�E設定終�E--- */


/* --- ▼サイド�ー�E�E設定開�E--- */

/* --- サイド�ー --- */
#nav {
float: right;
width: 220px; /* サイド�ー��E*/
}

/* --- セクション�Eˆå�E通設定ï¼�E--- */
#nav div.section {
margin-bottom: 10px; /* セクションã�®ä¸‹ã�Eージン */
}
/* 見å�Eã��E*/
#nav div.section h2 {
margin: 0 0 0.7em; /* 見å�Eã�—ã�Eマã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
padding: 4px 6px; /* 見å�Eã�—ã�Eパディング�Eˆä¸Šä¸‹ã€�å·¦å�³�E�E*/
font-size: 120%; /* 見å�Eã�—ã�Eæ–�E­—サイズ */
}
/* 段� */
#nav div.section p {
margin: 0 4px 0.6em; /* 段è�½ã�®ãƒžã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
line-height: 130%; /* è¡Œã�E高ã�• */
}

/* --- 標準セクション�Eˆã‚°ãƒ¬ãƒ¼�E�E--- */
#nav div.normal {
padding: 2px; /* セクション�パディング */
background-color: #f9f9f9; /* セクション�背景色 */
border: 1px #e0e0e0 solid; /* セクションã�®å¢�E•Œç·�E*/
}
/* 見å�Eã��E*/
#nav div.normal h2 {
background-color: #cfdce3; /* 見å�Eã�—ã�E背景色 */
}

/* --- 強調セクション1�Eˆæ°´è‰²�E�E--- */
#nav div.emphasis {
padding: 2px; /* セクション�パディング */
border: 1px #e0e0e0 solid; /* セクションã�®å¢�E•Œç·�E*/
}
#nav div.emphasis div.inner {
padding: 5px; /* å†�Eƒ¨ã�®ãƒ‘ディング */
background: #64c2f2 url(../image/box_back_blue1.gif) repeat-x top; /* å†�Eƒ¨ã�®èƒŒæ™¯ */
}
/* 見å�Eã��E*/
#nav div.emphasis h2 {
background-color: #ffffff; /* 見å�Eã�—ã�E背景色 */
}

/* --- 強調セクション2�Eˆã‚°ãƒªãƒ¼ãƒ³�E�E--- */
#nav div.strong {
padding: 2px; /* セクション�パディング */
border: 1px #e0e0e0 solid; /* セクションã�®å¢�E•Œç·�E*/
}
#nav div.strong div.inner {
padding: 5px; /* å†�Eƒ¨ã�®ãƒ‘ディング */
background: #a4d53b url(../image/box_back_green1.gif) repeat-x top; /* å†�Eƒ¨ã�®èƒŒæ™¯ */
}
/* 見å�Eã��E*/
#nav div.strong h2 {
background-color: #ffffff; /* 見å�Eã�—ã�E背景色 */
}

/* --- サブメニュー --- */
/* サブメニューå†�E�E見å�Eã��E*/
#nav div.subMenu h2 {
margin: 0 0 2px; /* 見å�Eã�—ã�Eマã�Eジン�Eˆä¸Šæ›¸ã��ï¼�E*/
padding: 20px 9px 6px; /* 見å�Eã�—ã�Eパディング�Eˆä¸Šæ›¸ã��ï¼�E*/
border-bottom: 1px #4e83b3 solid; /* 見å�Eã�—ã�E下å¢�E•Œç·�E*/
}
/* メニューエリア */
#nav div.subMenu ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニューé �E›® */
#nav div.subMenu ul.nl li {
margin-bottom: 2px; /* é �E›®ã�®ä¸‹ã�Eージン */
border-bottom: 1px #4e83b3 dotted; /* é �E›®ã�®ä¸‹å¢�E•Œç·�E*/
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 12px 10px; /* リンクエリアã�®ãƒ‘ディング�Eˆä¸Šä¸‹ã€�å·¦å�³�E�E*/
background: #ebf0f3 url(../image/ver_menu5_6off.gif) repeat-y right; /* リンクエリア�背景 */
color: #404040; /* æ–�E­—色 */
text-decoration: none; /* ãƒ�E‚­ã‚¹ãƒˆã�E下線（ã�ªã�—ï¼�E*/
}
/* �イント時�設�E*/
#nav div.subMenu ul.nl li a:hover {
background: #ebf0f3 url(../image/ver_menu5_6on.gif) repeat-y right; /* �イント時�背景 */
text-decoration: underline; /* ãƒ�E‚­ã‚¹ãƒˆã�E下線（ã�‚ã‚Šï¼�E*/
}

/* --- ã�Šå•�ã��E�ˆã‚�ã�› --- */
#nav div.contact {
padding-bottom: 0.3em; /* セクションã�®ä¸‹ãƒ‘ãƒ�E‚£ãƒ³ã‚° */
}
/* 段� */
#nav div.contact p {
margin-bottom: 0.4em; /* 段è�½ã�®ä¸‹ã�Eージン�Eˆä¸Šæ›¸ã��ï¼�E*/
}
/* 電話番� */
#nav div.contact p.tel {
margin-bottom: 0.1em; /* 段è�½ã�®ä¸‹ã�Eージン�Eˆä¸Šæ›¸ã��ï¼�E*/
font-size: 150%; /* 電話番å�·ã�®æ–�E­—サイズ */
font-weight: bold; /* æ–�E­—ã�E太ã�•ï¼ˆå¤ªå­—ï¼�E*/
color: #2b2b2b; /* 電話番å�·ã�®æ–�E­—色 */
}
/* フォーム��リンク */
#nav div.contact p.form {
margin-top: 0.7em; /* 段è�½ã�®ä¸Šã�Eージン�Eˆä¸Šæ›¸ã��ï¼�E*/
padding: 3px; /* 段è�½ã�®ãƒ‘ディング�Eˆç™½ãƒ•ãƒ�ã�®å¹�E¼�E*/
background-color: #ffffff; /* 段è�½ã�®èƒŒæ™¯è‰²�Eˆç™½ãƒ•ãƒ�ã�®è‰²�E�E*/
border: 1px solid; /* 段è�½ã�®å¢�E•Œç·šï¼ˆå¤ªã�•ã€�スタイル�E�E*/
border-color: #e0e0e0 #cccccc #cccccc #e0e0e0; /* 段è�½ã�®å¢�E•Œç·šè‰²�Eˆä¸Šå�³ä¸‹å·¦�E�E*/
text-align: center;
line-height: 100%; /* è¡Œã�E高ã�•�Eˆä¸Šæ›¸ã��ï¼�E*/
}
/* リンクエリア */
#nav div.contact p.form a {
display: block;
position: relative; /* IE6用 */
padding: 12px 2px; /* リンクエリアã�®ãƒ‘ディング�Eˆä¸Šä¸‹ã€�å·¦å�³�E�E*/
background: #3f99b3 url(../image/form_back1_off.gif) repeat-x top; /* リンクエリア�背景 */
font-size: 110%; /* リンクエリアã�®æ–�E­—サイズ */
font-weight: bold; /* æ–�E­—ã�E太ã�•ï¼ˆå¤ªå­—ï¼�E*/
color: #ffffff; /* リンクエリアã�®æ–�E­—色 */
text-decoration: none; /* ãƒ�E‚­ã‚¹ãƒˆã�E下線（ã�ªã�—ï¼�E*/
}
/* �イント時�設�E*/
#nav div.contact p.form a:hover {
background: #54b3cf url(../image/form_back1_on.gif) repeat-x top; /* �イント時�背景 */
}

/* --- ▲サイド�ー�E�E設定終�E--- */


/* --- 罫�E--- */
#content hr.clear {
clear: right; /* å�³ãƒ•ãƒ­ãƒ¼ãƒˆã�Eクリア */
width: 100%;
margin: 0;
visibility: hidden; /* �表示 */
}

/* --- ▲コンãƒ�Eƒ³ãƒ�E�Eã�®è¨­å®šçµ‚äº�E--- */


/* --- ▼フッタ�E�E設定開�E--- */

/* --- フッタ --- */
#footer {
	padding: 20px 0; /* フッタ�背景 */
	border-top: 1px #bdcfd9 solid; /* フッタã�®ä¸Šå¢�E•Œç·�E*/
	border-bottom: 7px #336797 solid; /* フッタã�®ä¸‹å¢�E•Œç·�E*/
	background-color: #333333;
	background-image: url(../image/foot_back1.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューã�®ãƒžã�Eジン�Eˆä¸Šã€�å·¦å�³ã€�下ï¼�E*/
padding: 0;
list-style-type: none;
}
/* --- メニューé �E›® --- */
#footer ul.nl li {
	padding: 0 7px 0 11px; /* é �E›®ã�®ãƒ‘ディング�Eˆä¸Šå�³ä¸‹å·¦�E�E*/
	background: url(../image/menu_triangle1.gif) no-repeat 0 0.2em; /* é �E›®ã�®èƒŒæ™¯�Eˆã�Eーカー�E�E*/
	display: inline;
}
#footer .nl li a {
	color: #FFF;
}
#footer .container .nl li a:hover {
	color: #FF0;
}


/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 30px; /* ガイドメニューã�®ãƒžã�Eジン�Eˆä¸Šæ›¸ã��ï¼�E*/
}

/* --- アドレス・コピã�Eライãƒ�E--- */
#footer address {
	font-style: normal;
	line-height: 140%; /* è¡Œã�E高ã�• */
	color: #FFF;
}

/* --- ▲フッタ�E�E設定終�E--- */


/* --- â–¼ã��ã�Eä»–ã�E設定開å§�E--- */

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

/* --- â–²ã��ã�Eä»–ã�E設定終äº�E--- */