@charset "shift_jis";

/* 全体の基本設定
-------------------------------------------------------------- */

body { /* 画面全体の背景色＆背景画像設定 */
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Mayryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center; /* 設定しないと画面が中央に揃わない */
	font-size: 14pt; /* 基本の文字サイズ */
	color: #505050; /* 基本の文字色 */
	letter-spacing: 0; /* 基本の文字間隔 */
	line-height: 140%; /* 基本の行間 */
	background: #658d70; /* 背景色＝フッタの帯色 */
	-webkit-text-size-adjust: none; /* iPhoneの自動文字サイズ調整を無効にする */
}

.clearfix:after { /* clearfixの設定 */
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear { /* 回り込み設定（float）の解除 */
	clear: both;
}

a {
	color: #3a689f;
	text-decoration: none;
}

a:hover {
	color: #900;
}

img a {
	border: none;
}

/* ヘッダ
-------------------------------------------------------------- */
#header {
	width: 100%;
	border-top: 10px solid #306030;
	background: #fff;
}

#headimage {
	width: 800px;
	margin: 14px auto 14px;
}

h1 {
	margin: 0;
	padding: 0;
	float: left;
}

#contact {
	float: right;
}

#breadcrumb {
	width: 100%;
	border-top: 2px solid #309930;
	background: #e3f5ed;
	padding: 0 0 6px;
}

#bclinks {
	width: 800px;
	margin: 6px auto 0;
	text-align: left;
	font-size: 9pt;
	color: #868d8d;
}

#bclinks a {
	color: #000;
}

/* メインコンテンツ
-------------------------------------------------------------- */
#content {
	width: 100%;
	margin: 0 auto 0;
	padding: 20px 0 60px;
	background: #fff;
}

#columnbox {
	width: 740px;
	margin: 0 auto 0;
	padding: 30px 30px 60px;
	text-align: left;
	border: 1px solid #cfcfd9;
	border-radius: 20px;
}

h2 {
	margin: 0 0 0 40px;
	padding: 0;
	font-size: 24pt;
	color: #000;
	line-height: 120%;
}

h2#cont {
	color: #306030;
}

h2:before {
	content: "■";
	color: #306030;
	margin: 0 10px 0 -40px;
	font-size: 21pt;
}

#subtitles {
	padding: 0 0 25px 30px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	list-style: none;
	line-height: 180%;
	border-bottom: 1px solid #cfcfd9;
}

#method {
	padding: 15px 0 25px 30px;
	font-size: 11pt;
	list-style: none;
	border-top: 1px solid #cfcfd9;
	border-bottom: 1px dotted #9f9d9a;
	box-shadow: 0px 1px #e7e7e7 inset;
}

p.exp {
	padding: 10px 0 0;
	font-size: 13pt;
	line-height: 200%;
}

p.para1 {
	margin: 10px 0 1em 2em;
	line-height: 160%;
	font-size: 13pt;
}

p.para2 {
	margin: 5px 0 1em 7em;
	line-height: 160%;
	font-size: 11pt;
}

p.para3 {
	margin: 10px 0 1em 2em;
	line-height: 160%;
	font-size: 11pt;
}

p.para4 {
	margin: 10px 0 1em 2em;
	line-height: 160%;
	font-size: 13pt;
	text-align:right;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 14pt;
	color: #000;
}

h3.subtt2 {
	color: #306030;
}

h3.subtt {
	width: 7.5em;
	padding: 0.1em 0.2em 0.1em 0;
	text-align: center;
	color: #fff;
	background: #306030;
	border-bottom: 3px solid #818e65;
}

h3.list {
	margin: 50px 0 0;
	padding: 15px 0 15px 15px;
	font-size: 16pt;
	color: #000;
	border-top: 1px solid #cfcfd9;
	border-bottom: 1px solid #cfcfd9;
	box-shadow: 0px 1px #e7e7e7;
}

h4 {
	margin: 0 0 0 7em;
	padding: 0;
	font-size: 12pt;
	color: #000;
	text-indent: -5.5em;
}

h4 strong {
	padding: 0.1em 0.5em;
	margin: 0 0.3em 0 0;
	color: #fff;
	background: #595757;
	border-radius: 5px;
}

#example {
	padding: 30px 0 10px;
	border-bottom: 1px dotted #9f9d9a;
	font-size: 10pt;
	color: #000;
}

#example dt {
	float: left;
	width: 135px;
	margin: 0;
	padding: 0;
	text-indent: 20px;
}

#example dd {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

#example_end {
	padding: 0px 0 20px;
	border-bottom: 1px dotted #9f9d9a;
	font-size: 10pt;
	color: #000;
}

#example_end dt {
	float: left;
	width: 135px;
	margin: 0;
	padding: 0;
	text-indent: 20px;
}

#example_end dd {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.ddlink a,
#bfleft a,
#bfright a {
	text-decoration: underline;
}

.ddlink a:before,
#bfleft a:before,
#bfright a:before {
	content: url("goto.png");
	margin: 0 5px 0 0;
}

#boxfoot {
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

#bfleft {
	float: left;
	text-indent: 20px;
}

#bfright {
	float: right;
}

/* フッタ
-------------------------------------------------------------- */

#footer {
	margin: 0 auto 0;
	padding: 0;
}

#copyright {
	width: 800px;
	margin: 10px auto 0;
	padding: 0 0 10px;
	font-size: 10pt;
	color: #fff;
}