@charset "Shift_JIS";

html {
	background-color: #FFC;
	background-image: url('../imgs/bg_grad.gif');
	background-repeat: repeat-x;
	background-attachment: fixed; 
	background-position: 0% 100%;
	border: 0;
	border-width: 0;
}
body {
	margin: 0;
	font-family: "MSUIゴシック","Osaka"; 
	color: #000000;
	font-size: 92%;
	background-color: #FFC;
	background-image: url('../imgs/bg_grad.gif');
	background-repeat: repeat-x;
	background-attachment: fixed; 
	background-position: 0% 100%;
	border: 0;
	border-width: 0;
	
}

p,dt,dd {
	line-height: 1.3em;
	letter-spacing: 0.02em;
}

p.hide {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  color: #FFC;  
  overflow: hidden;
  position: absolute;  
}

p.info {
	width: 520px;
	margin: 10px auto 0px;
	padding: 0px;
	border-style: dotted;
	border-width: 3px;
	border-color: #ff66cc;
/*	border-color: #66c;  */
	text-align: center;
	font-size: 112%;
	font-weight: bold;
	line-height: 3.4em;
}


p.pageTop {
	text-align: right;
	font-weight: bold;	
}
/*---- ↑　pageTop、Sect：章目次へ戻る　右寄せ -----*/

p.hint {
	text-align: right;
	font-weight: bold;
}
/*--- ↑ pageTop：Hint:Hintへ戻る　右寄せ、太字 -----*/

span {
	font-weight: bold;
	color: #ff4500;
}
span.menu {
	font-weight: bold;
/*	color: #6699ff; */
	color: #3cb371; 

}
hr {
	border-style: solid;
	border-width: 2px;
	color: #ffcc33;
}

img {
	text-align: center;
}

ol {
	list-style-type: decimal;
	padding-left: 40px;
}
ol li a:hover {
	color: #f60;
	background-color: #e6e6fa;
}

a {
	text-decoration: underline;
	color: #000;
}

a:hover {
	color: #f60;
	background-color: #FC9;
}

div#header a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
div#sect1 p a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
div#sect1 #sect2 .sect2-p a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
div#sect1 #sect2 .sect2-stan a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
div#sect1 #sect2 #figure a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
div.basic a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
div.cont a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
.pageTop a:hover {
	color: #f60;
	background-color: #e6e6fa;
}
.hint a:hover {
	color: #f60;
	background-color: #e6e6fa;
}

/* ===============================================*/
h1 {
	position: absolute; top: 34px; left: 2px;}
/*  ↑サイト見だし「エーデルを始めよう！- WEB版 -」 */	
h2 {
	clear: both;
	text-align: center;
	line-height: 2.0em;
	color: #000;
	margin-top: 20px;
	padding-top: f10px;
	border-style: solid;
	border-width: 0px 0px 6.5px 0px;
	border-color: #66c;
	background-color: #ddd;

}
/*  ↑　見だし　１．  濃もも   */	
h3 {
	clear: both;
	font-weight: bold;
	line-height: 1.8em;
	margin-top: 10px;
	padding-top: 5px;
	text-align:left;
	color: #000;
	border-style: solid;
	border-width: 1px 1px 3px 1.6em;
	border-color: #66c;
	background-color: #ddd;
}
/*  ↑　見だし(1)　　濃緑#66cc66 → #ddd   */	
h4 {
	clear: both;
	margin: 10px 30px 5px 35px;
	padding:0 0 0 1.2em;
	text-align: left;
	color: #000;
	border-style: solid;
	border-width: 0 0 2px 0.8em;
	border-color: #66c;
}
/*  ↑　見だし① 　　濃青#0066ff     */	
h5 {
	clear: both;
	margin: 10px 30px 5px 85px;
	padding: 0px 0px 0px 0.8em;
	text-align: left;
	font-size: 105%;
	color: #000;
	border-style: double;
	border-width: 0px 0px 1px 0.3em;
	border-color: #66c;
}
/*  ↑　見だし他 　濃もも#ff00cc     */	
/* ========================================*/
div#wrapper {
	width: 840px;
	margin: 5px auto 0px;
/*	background-color: #ccffff; */
	border-style: solid;
	border-width: 2px;
	border-color: #66c;
}
/*  ↑　サイトコンテンツ　wrap　薄青      */	
/* ==============================================*/
div#header {
	position:relative;
	width: 800px;
	height: 145px; 
	margin: 5px 0px 0px 15px;
/*	border-style: solid;
	border-width: 2px;
	border-color: #66c; */
	background-image: url(../imgs/naruto-816.jpg);
}
/*----  ↑ header  naruto-820.jpg -----------*/

div#wrapper p.research {
	width: 520px;
	margin: 30px auto 30px;
	padding: 0px;
/*	background-color: #99ff99; */
	border-style: ridge;
	border-width: 5px;
	border-color: #99ff99;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
}

div#wrapper p.site {
	font-weight: bold;
	font-size: 110%;
}
/*----  ↑ header の次 　サイト内navi  -----------*/
p.sitemap {
	font-weight: bold;
	text-align: right;
	font-size: 110%;
}
/*----  ↑ サイトマップ　右寄せ  -----------*/
/* ==============================================*/


div#navi1 {
	width: 780px;
/*	position:relative; */
/*	font-size: 110%;  */
/*	height: 20px;
/*	margin: 0px auto 0px; */
	padding-top: 78px; 
	padding-left: 30px; 
}
/*--　↑　navi1 (サイト内)　帯　濃いラベンダー　-*/
div#navi1 ul {
	width: 770px;
	position: absolute; 
/*	list-style-type: none; */
}
div#navi1 ul li {
	float: left;
	display: inline; 
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #66c;
/*	background-color: #F96; */
	background-color: #FC9;
/*	margin: 1px 0px 0px 1px; */
	padding: 1px 0px 0px 0px; 
}
div#navi1 ul li a {
	display: block;
	width: 140px;
	color: #66c;
/*	color: #F60;    */
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
div#navi1 ul li a:hover {
	color: #66c;
	background-color: #F33;
/*	background-color: #F60; */
}
/*------　↑　navi1 (サイト内)　ボタン設定--------*/
/* ==============================================*/
div#chap {
	clear: both;
	width: 830px;
	margin: 0px auto 0px;
/*	background-color: #339933; */
}
/*  ↑　章　1.　wrap　  濃緑     */	
div#chap #chapCont {
	width: 790px;
	margin: 0px auto 0px;
	padding: 0px;
/*	background-color: #ffccff; */
	padding: a0px;
}
/*  ↑　章　１．　目次　　  薄もも     */	
div#chap #chapCont p {
	width: 720px;
	margin: 0px auto 0px;
	padding: 0px;
/*	background-color: #ccff99; */
}
/*  ↑　章　1.　説明　  薄緑     */	
div#chap #chapCont .cont {
	width: 350px;
	line-height: 1.4em;
	margin: 0px auto 0px;
	padding: 5px 80px 5px 80px;
/*	background-color: #ccff99; */
}
/*  ↑　章　1.　説明　  薄緑     */	

div#chap #chapCont .basic {
	width: 250px;
	line-height: 1.7em;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	margin: 0px auto 50px;
	padding: 5px;
	background-color: #ffa07a; 
	border-style: outset;
	border-width: 10px;
	border-color: #ff4500;
}
/* ===　↑注意事項：目次先頭　=============*/

div#chap #chapCont #caution {
	width: 550px;
	margin: 0px auto 20px;
	padding: 10px;
	background-color: #ccff99;
	border-style: ridge;
	border-width: 5px;
	border-color: #6699ff;
}

div#chap #chapCont #caution p.name {
	margin: 5px auto 5px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	color: #cc0033;
	width: 180px;
	border-bottom: double 5px #6699ff;
}

div#chap #chapCont #caution p.caution {
	width: 500px;
	font-weight: bold;
	margin: 10px auto 0px;
	padding: 5px;
	background-color: #faf0e6; 
}
/*--- ↑ 注意事項　太字  薄青-----*/

div#chap #chapCont #caution p.caution-stan {
	width: 450px;
	font-weight: bold;
	margin: 10px 15px 10px 70px;
	padding: 5px;
	background-color: #faf0e6;
}
/*--- ↑ 注意事項　太字  薄青-----*/

/* ===　↑　注意事項　=================================*/
div#chap #chapCont #sect1 {
	width: 780px;
	margin: 0px auto 0px;
	padding: 0px;
/*	background-color: #faf0e6; */
}
/*  ↑　節(1) 用BOX　薄青      */

div#chap #chapCont #sect1 p {
	width: 760px;
	margin: 10px auto 10px;
	padding: 10px;
/*	background-color: #f5fffa; */
}
/*  ↑　節(1)　の中の　p要素　  薄緑     */	

div#chap #chapCont #sect1 p.stan {
	width: 680px;
	margin: 10px auto 10px;
/*	background-color: #f5fffa; */
}
/*  ↑　節(1)　の中の　p-stan 要素　  薄緑     */	
/* ===　↑　節(1)= sect1　=======================*/
div#chap #chapCont #sect1 #sect2 {
	width: 720px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
/*	background-color: #fffaf0; */
}
/*  ↑　節① 用BOX　薄青      */	

div#chap #chapCont #sect1 #sect2 p.sect2-name {
	width: 690px;
	margin: 10px auto 10px;
	padding: 10px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
}}
/*  ↑　節①　 筆者名　右寄せ　太字    */	

div#chap #chapCont #sect1 #sect2 p.sect2-title {
	width: 690px;
	margin: 10px auto 10px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
}}
/*  ↑　節①　 筆者名　右寄せ　太字    */	

div#chap #chapCont #sect1 #sect2 p.sect2-p {
	clear: both;
	width: 690px;
	margin: 10px auto 10px;
	padding: 10px 0px 0px 0px;
/*	background-color: #f5fffa; */
}
/*  ↑　節①　の中の p 要素　  薄緑     */	

div#chap #chapCont #sect1 #sect2 p.sect2-stan {
	width: 600px;
	margin: 10px 15px 10px 90px;	
/*	background-color: #f5fffa; */
}
/*  ↑　節①　の中の p-stan 要素　  薄緑     */	
/* =======　節①= sect2　========================*/
div#chap #chapCont #sect1 #sect2 #figExam {
	float: left;
	width: 700px;
/*	height: auto; */
	margin: 0px auto 0px;
	padding: 5px;
	border-style: groove;
	border-color: #66c;
/*	background-color: #ccff99; */
}
/*  ↑　節①=sect2　中　例など 箱全体を囲む  薄緑     */	
div#chap #chapCont #sect1 #sect2 .Exam {
	float: left;
	width: 550px;
/*	height: auto;  */
	margin: 0px auto 0px;
	padding: 5px;
/*	background-color: #ffccff; */
}
/*  ↑　節①=sect2　中　例など の標題用  薄もも     */

div#chap #chapCont #sect1 #sect2 #figure {
	width: 700px;
	height: auto;
	margin: 0px auto 0px;
/*	padding: 0; */
	text-align: center;
}
/*  ↑ 節①=sect2　の中の #figure：全面用BOX　薄灰   */
div#chap #chapCont #sect1 #sect2 #figure table {
	width: 700px;
	height: 100%;
	text-align: center;
	background-color: #ffc; 
	border-style: solid;
	border-color: #66c;
}
/* =========　figure 用　table　============*/
div#chap #chapCont #sect1 #sect2 #figure table th {
	padding: 5px 0px 5px 0px;
/*	border-style: solid; */
/*	border-bottom: double; */
	text-align: center;
}

/* ===========　figure 用　table、th　============*/
div#chap #chapCont #sect1 #sect2 #figure table td {
	padding: 10px 5px 10px 5px;
	border-style: solid;
	border-color: #66c;
	text-align: left;
}
/* ===========　figure 用　table、td　============*/

div#chap #chapCont #sect1 #sect2 #figHalf {
/*	float: right; */
	width: 415px; 
	height: auto;
	margin: 0px auto 0px;
/*	padding: 0;  */
}
/*  ↑　節①=sect2　figHalf：2分割図の説明用BOX  薄緑 */

div#chap #chapCont #sect1 #sect2 #figHalf table {
	width: 500px;
	height: 100%;
	text-align: center;
	border-style: solid;
	border-color: #66c;
	background-color: #ffc; 
	margin: 5px auto 5px; 
}
/* ===========　figHalf 用　table　===========*/
div#chap #chapCont #sect1 #sect2 #figHalf table th {
	padding: 10px 5px 10px 10px;
	text-align: left;
}
/* ===========　figHalf 用　table、th　===========*/

div#chap #chapCont #sect1 #sect2 #figHalf table td {
	padding: 10px 5px 10px 25px;
	border-style: solid;
	border-color: #66c;
	text-align: left;
}
/* ===========　figHalf 用　table、td　===========*/

div#chap #chapCont #sect1 #sect2 #fig {
/*	clear: both; 
	float: left; */
	width: 220;
	height: auto;
	margin: 0px auto 0px;
/*	padding: 0;  */
}
/*  ↑　節①=sect2　中　#fig：「3分割図」用BOX  白   */	/* ======　節①= sect2　中（に限って現れるもの）　画像用・説明用BOX　==============*/

div#chap #chapCont #sect1 #sect2 #fig table {
	width: 220px;
	height: 100%;
	text-align: center;
	border-style: solid;
	border-color: #66c;
	margin: 5px auto 5px;
	padding : 0px;
}
/* =============　fig 用　table　=============*/
div#chap #chapCont #sect1 #sect2 #fig table td {
	padding: 10px 5px 10px 25px;
	border-style: solid;
	border-color: #66c;
	text-align: left;
}
/* =============　fig 用　table、td　=============*/

div.footer {
	width: 600px;
	clear: both;
	margin: 0px auto 0px;
	padding: 0px 10px 20px 220px;
	color: #000;
}
div.footer p {
	text-align: right;
	padding: 0;
	color: #000;
}
div.footer a:hover {
	text-decoration: underline;
	color: #000;
	background-color: #fc0;
}
/* ==========　↑　footer、　hover　==============*/