/* --- 見出しエリア --- */
div.heading {
width: 850px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 8px 4px; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.heading h1 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #c0c0c0 solid; /* 見出しの左境界線 */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* --- 見出し --- */
div.heading h2 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #c0c0c0 solid; /* 見出しの左境界線 */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* --- 見出し --- */
div.heading h3 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #c0c0c0 solid; /* 見出しの左境界線 */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* --- 見出し --- */
div.heading h4 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #c0c0c0 solid; /* 見出しの左境界線 */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%;
}



img.{ border: 5px #ff0000 solid; }

/* --- リストエリア --- */
ol.flow {
width: 800px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目 --- */
ol.flow li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(/imagefile/other/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%;
}


/*---下のセミオーダーリンクボタン---*/

div.semi {
	width:360px ;
	height:70px ;
	font-size: large;
	font-weight:bold;
	background-color: #ffbf80  ;
	padding:20px;
	margin:20px; 
}

div.semi a  {
	display: block;
	position: relative; /* IE6用 */
	text-decoration: none; /* テキストの下線（なし） */
	color: #000000;
	margin:25px; 
	text-align: center;
}




/*---下のワンオフリンクボタン---*/

div.samp {
	margin-right:50px ;
	width:360px ;
	height:70px ;
	font-size: large;
	font-weight:bold;
	background-color: #72b872  ;
	float: right;
	padding:20px;
	margin: 20px;
}

div.samp a  {
	display: block;
	position: relative; /* IE6用 */
	text-decoration: none; /* テキストの下線（なし） */
	color: #000000;
	margin:25px;
	text-align: center;
}



ul.accordion { width:100%; margin:0 ;}
ul.accordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:underline; }
ul.accordion span { display:block;  padding:10px; background-position:97% center; background-repeat:no-repeat; color:#0a0a0a;  }
ul.accordion span:hover { text-decoration: underline; }
ul.accordion ul { display:none;}
ul.accordion  li {border-bottom: 1px solid #bfbfbf; }
ul.accordion  li  p { cursor:pointer; }
ul.accordion  li  ul  li { padding:10px;  border-bottom:1px solid #bfbfbf; font-weight:bold;}
ul.accordion  li  ul  li:last-child { border:none;}



