@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 10pt; /* 全体の文字サイズ */

}

h2 { font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

a img {
border: none;
}

/* --- パンくずエリア --- */
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; /* リンクエリアの右マージン */
}

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

/* --- ナビゲーションバー --- */
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;

}


/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 112px; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
height: 45px;/* 項目の高さ */
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;
}



/* --- サブメニュー --- */
#nav div.subMenu {}

/* サブメニュー内の見出し */
#nav div.subMenu h3 {
margin: 0 0 10px; /* 見出しのマージン（上書き） */
background-color: #b3a98c; /* 見出しの背景色 */
color: #000000; /* 見出しの文字色 */
font-size: 11pt; /* 全体の文字サイズ */

background: #f9f9f9 url(box_back_gray4.gif); /* サブメニューの背景 */
}
/* メニューエリア */
#nav div.subMenu ul.nl {
margin: 0 0 2px; /* メニューエリアのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#nav div.subMenu ul.nl li {
padding: 1 2px 8px 24px; /* 項目のパディング（上右下左） */
background: url(../image/menu_triangle6.gif) no-repeat 2px 0.15em; /* 項目の背景（マーカー） */
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

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


/* --- ボックスサイド用 --- */
div.section11 {
width: 200px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(maru1_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size:100%;
color: #000000;
}

/* --- 見出し サイド用--- */
div.section11 h3 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #ffffff url(maru1_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

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





/* --- ボックス --- */
div.section {
width: 300px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(maru1_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size:80%;
color: #000000;
}

/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #ffffff url(maru1_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

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


/* --- 一言 --- */
div.section1 {
width: 550px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(maru1_550_top.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
}

/* --- 見出し --- */
div.section1 h3 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(maru1_550_bottom.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

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