@charset "Shift_JIS";



/* --- 全体の背景・テキスト --- */

body {

margin: 0;

padding: 0;

background-color: #ffffff; /* ページの背景色 */

color: #000000; /* 全体の文字色 */

font-size: 12pt; /* 全体の文字サイズ */



}





/* --- 全体のリンクテキスト --- */

a:link { color: #0000ff; }

a:visited { color: #800080; }

a:hover { color: #ff0000; }

a:active { color: #ff0000; }



a img {

border: none;

}









/* --- ナビゲーションバー --- */

div.nav {

width: 100%; /* ナビゲーションの幅 */

background: #f9f9f9 url(hor_menu3_off.gif) repeat-x top; /* ナビゲーションの背景 */

border-top: 1px #cccccc solid; /* 上境界線 */

border-bottom: 1px #cccccc solid; /* 下境界線 */

font-size: 80%;





}



/* --- メニューエリア --- */

div.nav ul.nl {

width: 900px; /* メニューの幅 */

margin: 0 ; /* センターに配置 */

padding: 0;

background: #f9f9f9 url(hor_menu3_off.gif) repeat-x top; /* メニューの背景 */

border-left: 2px #cccccc solid; /* メニューの左境界線 */

border-right: 1px #ffffff solid; /* メニューの右境界線 */

list-style-type: none;

text-align: center;

font-size:0.9em;



}





/* --- メニュー項目 --- */

div.nav ul.nl li {

width: 112px; /* 項目の幅 */

float: left;

}



/* --- リンク --- */

div.nav ul.nl li a {

display: block;

height: 40px;/* 項目の高さ */

position: relative; /* IE6用 */

padding: 5px 2px; /* リンクエリアのパディング（上下、左右） */

border-top: 1px #ffffff solid; /* リンクエリアの上境界線 */

border-bottom: 1px #808080 solid; /* リンクエリアの下境界線 */

border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */

border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */

text-decoration: none; /* テキストの下線（なし） */



}

/* --- ポイント時の設定 --- */

div.nav ul.nl li a:hover {

background: #f9f9f9 url(hor_menu3_on.gif) repeat-x top; /* ポイント時の背景 */

text-decoration: underline; /* テキストの下線（あり） */

}



/* --- clearfix --- */

.clearFix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearFix {

min-height: 1px;

}









/* --- パンくずエリア --- */

ol.topicPath {

margin: 0;

padding: 0;

list-style-type: none;

font-size: 80%;

}



/* --- リスト項目 --- */

ol.topicPath li {

display: inline;

}



/* --- リンク --- */

ol.topicPath li a {

margin-right: 6px; /* リンクエリアの右マージン */

}



/* --- パンくずエリア終了 --- */







/* --- リストエリア --- */

ul.list {

margin: 0;

padding: 0;

list-style-type: none;

}



/* --- リスト項目 --- */

ul.list li {

padding: 0 0 5px 15px; /* 項目のパディング（上右下左） */

background: url(triangle3.gif) no-repeat 3px 0.2em; /* マーカー画像 */

line-height: 130%;

}



/* --- リストエリア終了 --- */









/* --- 新着情報エリア --- */

div.update {

width: 450px; /* 新着情報エリアの幅 */

font-size: 80%;

}



/* --- 見出し --- */

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; /* 新着リストの下境界線 */

}



/* --- 日付エリア --- */

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%;

}





/* --- ブログリストエリア --- */

div.update2 {

width: 225px; /* 新着情報エリアの幅 */

font-size: 80%;

}



/* --- 見出し --- */

div.update2 h3 {

margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */

font-size: 100%;

}



/* --- ブログリスト --- */

div.update2 dl {

width: 100%; /* 新着リストの幅 */

height: 170px; /* 新着リストの高さ */

overflow: auto;

margin: 0;

background-color: #f9f9f9; /* 新着リストの背景色 */

border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */

border-bottom: 1px #c0c0c0 dotted; /* 新着リストの下境界線 */

}



/* --- 日付エリア --- */

div.update2 dt {

width: 6.7em; /* 日付エリアの幅 */

/*float: left;*/

padding:3px; /* 日付エリアのパディング（上右下左） */

line-height: 120%;



}





/* --- 本文エリア --- */

div.update2 dd {

margin: 0;

padding-bottom:2px;

border-bottom: 1px #c0c0c0 dotted;  /*本文エリアの下境界線 */

line-height: 120%;



}







/* --- clearfix --- */

.clearFix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearFix {

min-height: 1px;

}









/* --- ブログリスト2エリア --- */

div.update3 {

width: 200px; /* 新着情報エリアの幅 */

font-size: 80%;

}



/* --- 見出し --- */

div.update3 h3 {

margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */

font-size: 100%;

}



/* --- ブログリスト --- */

div.update3 dl {

width: 100%; /* 新着リストの幅 */

height: 170px; /* 新着リストの高さ */

overflow: auto;

margin: 0;

background-color: #f9f9f9; /* 新着リストの背景色 */

border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */

border-bottom: 1px #c0c0c0 dotted; /* 新着リストの下境界線 */

}





/* --- 本文エリア --- */

div.update3 dd {

margin: 0;

padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */

border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */

line-height: 120%;

}







/* --- clearfix --- */

.clearFix3:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearFix3 {

min-height: 1px;

}







/* --- clearfix --- */

.clearFix2:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearFix2 {

min-height: 1px;

}



/* --- 強調セクション --- */

#main div.emphasis {

padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */

border: 1px #c0c0c0 solid; /* セクションの境界線 */

}

 /* 見出し */

#main div.emphasis h2 {

margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */

font-size: 130%; /* 見出しの文字サイズ */

color: #ff8000; /* 見出しの文字色 */

}

 /* 段落 */

#main div.emphasis p {

margin: 0 0 1em; /* 段落のマージン（上、左右、下） */

line-height: 150%; /* 行の高さ */

}







/* --- ガイドナビゲーションバー1 --- */

div.nav1 {

width: 678px; /* メニューの幅 */

background: #004080 url(hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */

border-top: 1px #cccccc solid; /* 上境界線 */

border-bottom: 1px #cccccc solid; /* 下境界線 */

font-size: 60%;

}



/* --- メニューエリア --- */

div.nav1 ul.nl {

width: 100%; /* メニューの幅 */

margin: 0;

padding: 1px 0; /* メニューのパディング（上下、左右） */

list-style-type: none;

text-align: center;

}



/* --- メニュー項目 --- */

div.nav1 ul.nl li {

float: left;

}



/* --- 項目の幅（emで指定） --- */

div.nav1 ul.nl li.item1 {

width: 169px;

}


/* --- リンク --- */

div.nav1 ul.nl li a {

display: block;

position: relative; /* IE6用 */

padding: 15px 5px; /* リンクエリアのパディング（上下、左右） */

border-top: 1px #ffffff solid; /* リンクエリアの上境界線 */

border-bottom: 1px #ffffff solid; /* リンクエリアの下境界線 */

border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */

border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */

text-decoration: none; /* テキストの下線（なし） */

}

/* --- リンクテキストの色 --- */

div.nav1 ul.nl li a:link,

div.nav1 ul.nl li a:visited,

div.nav1 ul.nl li a:hover,

div.nav1 ul.nl li a:active

{

color: #000000;

}

/* --- ポイント時の設定 --- */

div.nav1 ul.nl li a:hover {

background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */

text-decoration: underline; /* テキストの下線（あり） */

}



/* --- clearfix --- */

.clearFix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearFix {

min-height: 1px;

}



/* --- ガイドナビゲーションバー2 --- */

div.nav2 {

width: 678px; /* ナビゲーションの幅 */

background: #004080 url(hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */

border-top: 1px #cccccc solid; /* 上境界線 */

border-bottom: 1px #cccccc solid; /* 下境界線 */

font-size: 60%;

}



/* --- メニューエリア --- */

div.nav2 ul.nl {

width: 100%; /* メニューの幅 */

margin: 0;

padding: 1px 1px; /* メニューのパディング（上下、左右） */

list-style-type: none;

text-align: center;



}



/* --- メニュー項目 --- */

div.nav2 ul.nl li {

float: left;

}



/* --- 項目の幅（emで指定） --- */

div.nav2 ul.nl li.item1 {

width: 135px;

}





/* --- リンク --- */

div.nav2 ul.nl li a {

display: block;

position: relative; /* IE6用 */

padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */

border-top: 1px #ffffff solid; /* リンクエリアの上境界線 */

border-bottom: 1px #ffffff solid; /* リンクエリアの下境界線 */

border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */

border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */

text-decoration: none; /* テキストの下線（なし） */

}

/* --- リンクテキストの色 --- */

div.nav2 ul.nl li a:link,

div.nav2 ul.nl li a:visited,

div.nav2 ul.nl li a:hover,

div.nav2 ul.nl li a:active

{

color: #000000;

}

/* --- ポイント時の設定 --- */

div.nav2 ul.nl li a:hover {

background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */

text-decoration: underline; /* テキストの下線（あり） */

}



/* --- clearfix --- */

.clearFix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearFix {

min-height: 1px;

}



/* --- ボックス --- */

div.section {

width: 207px; /* ボックスの幅 */

background-color: #ffffff; /* ボックスの背景色 */

border: 1px #c0c0c0 solid; /* ボックスの境界線 */

font-size: 80%; /* ボックスの文字サイズ */

}



/* --- 見出し --- */

div.section h3 {

margin: 0; /* 見出しのマージン */

padding: 6px 10px; /* 見出しのパディング（上下、左右） */

background: #f9f9f9 url(head1.gif) repeat-x top; /* 見出しの背景 */

border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */

font-size: 100%; /* 見出しの文字サイズ */

}



/* --- ボックス内の段落 --- */

div.section p {

margin: 1em 10px; /* 段落のマージン（上下、左右） */

}