@charset "UTF-8";

/* ---------------------------------------------------------------- *
	oseki  最終修正日：090529
 * ---------------------------------------------------------------- */

/* マージンをリセット */
body, div, ul, li, img, h1, h2, h3, h4, h5, h6 ,ul ,ol ,dl {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {  
	font-size: 100%;
}
body {
	font-size: 75%;
}  
html>/**/body {
	font-size: 12px;  
}  
body {
	font-family: "A-OTF 新ゴ Pro M","メイリオ","Hiragino Kaku Gothic Pro",Osakaverdana, arial, helvetica, Sans-Serif,"ＭＳ ゴシック";
	text-align:center;
	background: #dccaa0;
	color: #4c290b;
}
/* ハイパーリンク付き画像は枠なし */
a img {
  border: none;
}

/* 画像のみのボックスのパディングは 0 とする */
.imgbox {
  padding: 0;
}

/* 画像のみのボックスの画像の余白は「なし」にしておく */
.imgbox img {
  margin: 0;
  padding: 0;
  border: none;
}

/* ---------- バグ回避 ----------- */

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* ---------------------------------------------------------------- *
	テキスト基本設定
 * ---------------------------------------------------------------- */

p {
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 1em;
}

ul, ol, dl {
  list-style:none;
  line-height: 1.4;
  font-weight: normal;
}
.ol_circle {
	margin-top: 0.5em;
}
.ol_circle li {
	padding-left: 14px;
	font-weight: bold;
	margin-bottom: 0.5em;
	line-height: 1.6;
}
.ol_circle2 {
	margin-top: 0.5em;
}
.ol_circle2 li {
	height: 1%;
	
	display: inline;
	font-weight: normal;
	font-size: 84%;
}

li.round_b01 {
	background: url(../img/round_b01.gif) no-repeat left 0.3em;
}
li.round_b02 {
	background: url(../img/round_b02.gif) no-repeat left 0.3em;
}
li.round_b03 {
	background: url(../img/round_b03.gif) no-repeat left 0.3em;
}
li.round_b04 {
	background: url(../img/round_b04.gif) no-repeat left 0.3em;
}
li.round_b05 {
	background: url(../img/round_b05.gif) no-repeat left 0.3em;
}
li.round_w01 {
	background: url(../img/round_w01.gif) no-repeat left 0.1em;
}
li.round_w02 {
	background: url(../img/round_w02.gif) no-repeat left 0.1em;
}
li.round_w03 {
	background: url(../img/round_w03.gif) no-repeat left 0.1em;
}
li.round_w04 {
	background: url(../img/round_w04.gif) no-repeat left 0.1em;
}
/* --IEインラインの背景画像が消えるバグ対策用ハック（レイアウトを変える）-- */
.ol_circle2 li {
	/height: 100%;
	/display: block;
}
/* ---------------------------------------------------------------- *
	リンクに関する設定です
 * ---------------------------------------------------------------- */
 
a:link{
   color: #4F3B11;
   text-decoration: underline;
 }
a:visited{
   color: #4F3B11;
   text-decoration: underline;
 } 
a:hover{
   color: #8C640A;
   text-decoration: none;
 }
a:active{
   color: #8C640A;
   text-decoration: none;
}
 
/* ---------------------------------------------------------------- *
	見出し
 * ---------------------------------------------------------------- */

h1 {
}
h2 {
}
h3 {
}
h5 {
}
.cap {
  font-size: 84%;
  line-height: 1.6em;
  margin-top: 0;
  margin-bottom: 0;
}
.read_02 {
	margin: 13px 0 5px 10px;
}
.read_03 {
	margin: 0 0 18px 10px;
}
.text_purple {
	color: #660066;
}
.text_green {
	color: #ff0066;
}
.text_pink {
	color: #669900;
}

/* ---------------------------------------------------------------- *
	各部分個別の設定
 * ---------------------------------------------------------------- */
#container {
	width: 950px;
	margin: 0px auto;
	background: url(../img/bg.jpg) no-repeat right top;
	text-align: left;
	padding: 0px 125px;
}

/* -- BOXインフォメーション -- */
#information_area {
	position: relative;
	width: 445px;
	height: 285px;
	margin: 0 0 20px 10px;
}
#btn_dl {
	position: absolute;
	bottom: 60px;
	left: 15px;
}
/* -- チェックポイント -- */
#point_area {
	width: 912px;
	height: 225px;
	background: url(../img/bg_index1.gif) no-repeat center bottom;
	padding: 0px 19px;
}
#point_area ol {
	line-height: 0;
	font-size: 0;
}
#point_area ol li {
	float: left;
}
#point_area img {
	float: left;
	margin:0;
	padding:0;
}

/* -- 収録内容 -- */
#index_area {
	width: 950px;
	background: url(../img/bg_index2.gif) repeat-y;
	padding: 0px 20px;
	margin: 0px 10px;
}
#index_area h3 {
	margin-bottom: 8px;
}
.box {
	background: url(../img/bg_index.gif) repeat center top;
	border: 1px solid #4c290b;
	padding: 14px;
}
.box:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
/* Hides from IE-mac \*/
*html .box {height: 1%;}
.box {display: block;}
/* for ie5,6*/

.box_size_s {
	width: 412px;
	float: left;
	margin-bottom: 6px;
}
.box_size_l {
	clear: both;
	width: 860px;
}
.box h4 {
	font-size: 150%;
	font-weight: bolder;
	line-height: 1.4em;
}
/* ---------------------------------------------------------------- *
	画像の設定です
 * ---------------------------------------------------------------- */
.float_r {
	float: right;
} 
.float_l {
	float: left;
} 
.clear {
	 clear: both;
}
/* -- テキストありの場合 -- */
.imgbox_right {
	width: 120px;
	float: right;
	padding: 0 0 0 10px; 
}
.imgbox_right p {
	font-size: 80%;
	text-align:right;
	margin-top: 0.5em;
	margin-bottom: 0;
}
/* -- IEのみ改行を避けるため、見た目を9pxサイズに -- */
.imgbox_right p { /font-size: 75%; }

/*---- フッター ----*/
#footer {
	width: 930px;
	background: url(../img/bg_index3.gif) no-repeat center top;
	padding: 50px 10px 20px;
}
#footer dl {
	line-height: 1.8;
}
#footer dl dt {
	float: left;
	clear: left;
}
#footer dl dd {
	margin-left: 210px;
}
#footer dl dd a {
	padding-left: 10px;
}
address {
	margin-top: 10px;
	font-style: normal;
	font-size: 84%;
}
