body {
  background-image: url(../img/yukujyo2.gif);
  background-attachment: scroll; 
  background-repeat: no-repeat;
  background-position: right; 
  background-color: #000000; 
  background-position: 97% 58px; /* 背景画像の位置　左　上　*/
  color: #007070;
  font-size: 16px;　　　/* フォントの大きさ */　　    
  line-height: 130%;
  margin-right: 0px;   /* フッターの余白 */　
  margin-left: 0px;　　/* フッターの余白 */


}


A:link {
	color: #993333;
	text-decoration: none;
}
A:visited {
	color: #264D4F;
	text-decoration: none;
}
A:hover {
	text-decoration : none;
}

A.lnk:hover {
	color : #ff8000;
	text-decoration : underline;

}
H1 {
	font-size: medium;
	line-height: 160%;
	color: #ffffff;
        background-color:#5692CE;
	text-align: center;
	margin-right: 0.5em;
	margin-left: 12px;
	margin-bottom: 3em;

}


H2 {
	font-weight: bold;
	font-size: 1.2em;
	color: #007070;
	margin-bottom: 2em;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 4px;
	padding-left: 12px;
	border-width: 2px 0;
	border-color: #478D59;
	border-bottom-style: dashed;
}
P {
	font-size: 1.0em;
        color: #007070;
	line-height: 180%;
	margin-left: 2em;
	margin-right: 1em;
	border-width: 0;
}
P.ref {
	font-size: 1.0em;
	line-height: 120%;
	margin-left: 4em;
	margin-right: 1em;
	border-width: 0;
}
P.up {
	font-weight: normal;
	font-size: medium;
	line-height: 1.2em;
	text-align: center;
}
UL {
	font-size: 1.0em;
	line-height: 1.2em;
	background-color: #F3EFDC;
	margin-right: 1em;
	margin-left: 3em;
	padding:  12px 16px 12px 32px;
	list-style-type: circle;
 
}

LI {
	margin-bottom: 4px;
 


}



DL.ref {
	font-size: 0.9em;
	line-height: 1.3em;
        
	background-color: white;
	margin-right: 1em;
	margin-left: 3em;
	padding: 12px 16px 12px 32px;
	border-width: 2;
	border-color: #84C1FF;
	border-style: dotted;
	width: 380;            /* 例表囲み枠幅　*/
}



dl.img {
width: 90px;
height: 17px;

}





DL.ref1 {
	font-size: 0.9em;
	line-height: 1.3em;
	background-color: white;
	margin-right: 1em;
	margin-left: 3em;
	padding: 12px 16px 12px 5px;　/* 余白上下左右　*/
	border-width: 2;
	border-color: #84C1FF; /* 譜例画像の囲み線の色　*/
	border-style: dotted;  /* 譜例画像の囲み線のタイプ　*/
	width: 380;　　　　　　/* 譜例画像の囲み枠の幅　*/


  
}




DL.ref2 {
	font-size: 0.9em;
	line-height: 1.3em;
	background-color: white;
	margin-right: 1em;
	margin-left: 3em;
	padding: 12px 16px 12px 5px;　/* 余白上下左右　*/
	border-width: 2;
	border-color: #84C1FF; /* 譜例画像の囲み線の色　*/
	border-style: dotted;  /* 譜例画像の囲み線のタイプ　*/
	width: 380;　　　　　　/* 譜例画像の囲み枠の幅　*/
}



DL {
	font-size: 1.0em;
	line-height: 1.2em;
	background-color: #F3EFDC;
	margin-right: 1em;
	margin-left: 3em;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 32px;
        width: 580;     /* 定義内容囲み枠の幅　*/
}








.ex {
	font-weight: bold;
	color: white;
	background-color: #4FAAD7; /* 画像を囲んだ枠線の色　*/
	margin-bottom: 0.5em;
	padding-left: 0.5em;
	width: 3.5em;
}
.ex2 {
	font-weight: bold;
	color: white;
	background-color: #CFA872;
	margin-bottom: 0.5em;
        margin-left: 0.1em;
	padding-left: 0.5em;
	width: 3.5em;
}


DD.ref {
	font-size: 1.2em;
	margin-left: 0em;
	width: 380;
}


.po {
	text-align: center;
	margin-top: 3em;
	margin-bottom: 3em;
}


po.img {
width: 120px;
height: 44px;

}



strong {
	font-weight: bold;
	color: #F16F0E;
}


strong.ref {
	font-weight: bold;
	color: #5E5E5E;
}


.example {
	font-size: 0.9em;
	background-color: #F3EFDC;
	margin-left: 3em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	list-style-type: none;
        width: 420;     /* ステファンの内容が書いてある囲み枠の幅　*/
}



.contents {
	font-size: 0.8em;
	line-height: 1.2em;
	background-color: #C6ECF9;
	margin-right: 8em;
	margin-left: 6em;
         padding 8px 12px;
	width: 320px;
}


/*======================================
サイトマップ フッター
=======================================*/

#footer_box {
	clear:both;
	background-image: url(../img/footer.jpg);
	background-repeat: repeat;
	font-size: small;
	overflow:hidden;
	position:absolute;
	width: 100%;
	right: 0px;
	left: 0px;



}


#sitemap_box {

font-size: 0.9em;
padding:15px;
overflow:hidden;
width: 100%;
margin-right: 0px;
margin-left: 0px;

}


#sitemap_box ul {
list-style: none;

}

.sm-menu {

float: left;
width: 410px;
margin-right: 20px;

}


.sm-menu2 {
float: left;
width: 320px;

}

.sm-menu p,.sm-menu2 p {
font-weight: bold;
border-bottom: 1px solid #666666;
margin-bottom: 5px;
}

.sm-menu a , .sm-menu2 a {
background-image: url(../images/common/icon_star.gif);
background-repeat: no-repeat;
background-position: left ;	
padding-left:25px;

}
#sitemap_box  a:link {
color:#333333;

}

#sitemap_box  a:hover {
text-decoration: underline;

color:#333333;
}

#sitemap_box  a:visited {

color:#666666;
}


#footer_t {

text-align: center;
width:580px;
color:#666666;




}