@charset 'Shift_JIS';
*{ font-size: 100.1%; }
html,body,p,ul,ol,li,dl,dt,dd{ margin: 0; padding: 0; }
ul,ol,dl,form{ margin-top: 1em; margin-bottom: 1em; line-height: 1.5; }
li,dd{ margin-left: 2em; }
dt{ margin-bottom: 0.15em; }
dd+dt{ margin-top: 0.5em; }
small{ font-size: smaller; }
big{ font-size: larger; }
em,strong,dfn,caption{ font-style: normal; font-weight: bold; }
em,strong{ letter-spacing: 0.8em; margin-left: 0.8em; }
strong{ font-size: 130%; }
q,cite,blockquote{ color: #2C7F43; }
q,blockquote{ font-family: "ＭＳ Ｐ明朝", Serif; }
cite{ font-style: normal; }
blockquote{ margin-left: 10%; margin-right: 0; }
abbr{ cursor: help; }
code{ color: #816122; }
var{ font-style: italic; font-family: Georgia, "ＭＳ Ｐ明朝", Serif;  }
code,kbd{ font-family: 'Courier New', Courier, monospace; }
kbd,var{ margin-right: 0.2em; }
table{ border-collapse: collapse; background: #FFF; color: #000; }
th,td{ padding: 0.2em 1em; border:1px solid #999;  vertical-align:top; text-align: left; }
th{ background-color: #EEE; }
a img{ border: none; }
br{ letter-spacing: normal; }
a:link,a:visited{ text-decoration: underline; }
a:hover,a:focus{ text-decoration: none; }
img,input,textarea{ vertical-align: text-bottom; }
input[type="button"],input[type="submit"]{ cursor: pointer; }
body>ins,div>ins,body>del,div>del{ display: block; }
p{ margin-left: 5%; }

h1{ margin: 1em 0; padding: 0; line-height: 1.2; }
h2,h3,h4,h5,h6{ margin: 4em 0 2.5em; padding: 0; line-height: 1.2; }
h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{ margin-top: 2em; border: none; }

span.dash{ letter-spacing: -0.1em; margin-right: 0.1em; }
hr{ visibility: hidden; }
.note,.notice,.afterword{ margin: 1.5em 0; clear: both; }
.notice p,.note p,.afterword p,form p{ margin: 0; text-indent: 0; line-height:1.45; }
.note{ margin-left: 15%; font-size: small; text-align: right; }
.note>li,.note>dt,.note>dd{ display: inline; margin-left: 0.5em; }
.note>li+li,.note>dd+dt{ border-left: 1px dotted #888; padding-left: 0.5em; }
.note>dt:after{ content: "\ff1a"; }/* content: ":" */
.notice{ border: 3px solid red; padding: 0.8em; }
.notice:before{  content: "\4e\6f\74\69\63\65\3a"; /* content: "Notice:" */
display: block; margin: -0.5em 0 0.8em; border-bottom: 1px dotted red; 
color: red; font-weight: bold; font-size: 110%; }
.afterword  form{ text-align: center; }
ul.nav{ margin: 4em 0 2em; clear: both; }
p.mark{ text-indent: 0; }
body>*:first-child{ margin-top: 0; }

/* ★任意カスタマイズ事項======================= */

html
{
	background-color: #EEE; /* 全体背景色 */
	background-image: none; /* 全体背景画像 */
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: fixed;
}
body
{
	width: 70%; /* 横幅(IE6用) */
	max-width: 48em; /* 最大横幅 */
	margin-left: 0;
	margin-right: auto;
	color: #000; /* 文字色 */
	background-color: #EEE; /* テキスト表示部背景色 */
	background-image: none; /* テキスト表示部背景画像 */
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: scroll;
}
p
{
	/* text-indent: 1em; */
	 margin-bottom: 1em;
}

hr,div.break{ margin: 2em 0; color: #999; }/*場面展開用スペースと文字色*/
.notice{ margin-bottom: 8em; } /* 前書きの下部スペース */
.afterword{ margin-top: 10em; } /* 後書きの上部スペース */

h1{ border-left: 5px solid #000; color: #000; } /* 見出しの文字色とボーダー */
h2{ border-left: 5px solid #666; color: #666; }
h3,h4,h5,h6{ color: #999; }

a:link{ color: #ee3333; } /*未訪問リンク文字色 */
a:visited{ color: #696969; } /*既訪問リンク文字色 */
a:hover,a:focus{ background: #DCDCDC;
color: #ee3333; }/*ホバー・ホーカス時リンク文字色*/

/* ============================ */

body{ padding: 3em 4% 1em; line-height: 1.75; }
html>body{ width: auto; }

h1,h2,h3,h4,h5,h6{ display: inline-block; padding-left:0.5em; }
h1{ font-size: 115%; }

div.break{ text-align: right; margin-right: 15%; }

ul.nav{ border-top: 3px double #555; padding-top: 1em; text-align: right; }
ul.nav li{ display: inline; margin-left: 1em; }
ul.nav li+li{ border-left: 1px dotted #000; padding-left: 1em; }
ul.nav a{  padding: 0 0.5em; }

.afterword{ border: 1px dashed #CCC; padding: .5em 1.4em; color: #555; }
.afterword p{ margin-left: 0; }

kbd{ color: #666; border: 1px solid #999; padding: 0 .2em; }