/* --- ナビゲーションバー --- */
.container {
width: 900px; /* ナビゲーションの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0px 15px;/* 全体の左右空き */
background-color: #ffffff; /* メニューの背景色 */
border-right: none; /* メニューの右境界線 */
}

/* --- 左メニューエリア --- */
div.detail {
width: 678px; /* メニューの幅 */
margin: 20px 0px 0px 0px;/* 右空き */
background-color: #ffffff; /* メニューの背景色 */
border: 1px #c0c0c0 solid; /* 境界線 */
list-style-type: none;
float:left;
}
div.detail p.title {
margin: 10px 0 0; /* 見出しのマージン（上、左右、下） */
padding: 0px 10px; /* 見出しのパディング（上下、左右） */
font-size: 16pt; /* 見出しの文字サイズ */
border-bottom:2px #c0c0c0 solid; /* 境界線 */
}
div.detail p {
margin: 0 0 0; /* 見出しのマージン（上、左右、下） */
padding: 0px 10px; /* 見出しのパディング（上下、左右） */
font-size: 10pt; /* 見出しの文字サイズ */
}
div.detail ul.nl {
width: 320px; /* メニューの幅 */
padding: 0px;/* 全体の左右空き */
background-color: #ffffff; /* メニューの背景色 */
border: 1px #c0c0c0 solid; /* 境界線 */
margin: 8px 8px;/* 全体の左右空き */
list-style-type: none;
float:left;
}
/* --- 内容項目 --- */
div.detail ul.nl li {
width: 144px;/* 項目の幅 */
margin: 5px 5px;/* 全体の左右空き */
float: left;
}
div.detail ul.nl li a {
display: block;
position: relative; /* IE6用 */
border: none; /* リンクエリアの境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
div.detail ul.nl li p {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 0px 0px; /* 見出しのパディング（上下、左右） */
font-size: 10pt; /* 見出しの文字サイズ */
}
div.detail ul.nl li p.href {
margin: 0 0 0.1em; /* 見出しのマージン（上、左右、下） */
padding: 0px 0px; /* 見出しのパディング（上下、左右） */
font-size: 11pt; /* 見出しの文字サイズ */
}

/* --- 右メニューエリア --- */
div.rightbar {
width: 200px; /* メニューの幅 */
padding: 20px 0px 10px 0px;/* 上右左下空き */
background-color: #ffffff; /* メニューの背景色 */
border-right: none; /* メニューの右境界線 */
list-style-type: none;
float:right;
}
div.rightbar ul.nl {
width: 200px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0px 5px;/* 全体の左右空き */
background-color: #ffffff; /* メニューの背景色 */
border-right: none; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* 見出し */
div.rightbar div.section h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
font-size: 120%; /* 見出しの文字サイズ */
}
/* 段落 */
div.rightbar div.section p {
margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
line-height: 130%; /* 行の高さ */
}

/* --- 標準セクション（グレー） --- */
div.rightbar div.normal {
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
/* 見出し */
div.rightbar div.normal h2 {
background-color: #e0e0e0; /* 見出しの背景色 */
}

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