<style type="text/css">
<!--
body{background:url(img/background2.jpg) repeat-y 0% 0% fixed;
margin:0px;
font-size:14px;
line-height:1.5;
}

image{border:0px;}


B{  font-weight : normal;}

HR {
  color: #6dc2b8; /* 線の色(IE用) */
  background-color: #6dc2b8; /* 線の色(NN用) */
  height: 3px; /* 線の太さ */
  border: 5px; /* 枠の太さ */
  border-style: dotted; /* 枠の種類 */
}

table{font-size:14px;
line-height:1.5;}


<!--横メニュー-->
.menu_ul1{ font-size:10px;
	font-weight: bold;
	width: 100%;
}

.menu_ul1 ul{font-size:12px;
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

.menu_ul1 ul li{
	display: inline;
}

.menu_ul1 ul li a{
	color: #494949;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 10px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 3px solid #959595; /*bottom border is 3px*/
}

.menu_ul1 ul li a:hover, .menu_ul1 ul li a.selected{
	border-bottom-color: black;
}

<!--横メニュー終-->

H1 {
  color: #000099; /* 文字の色 */
  padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 20px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #9999ff; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
}
H2 {font-size:16px;
width:560px;
  color: #000099; /* 文字の色 */
  padding-top: 4px; /* 上の余白 */
padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 15px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #6dc2b8; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
align:left;
}

H3 {font-size:16px;
width:560px;
  color: #131b48; /* 文字の色 */
  padding-top: 4px; /* 上の余白 */
padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 15px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #6dc2b8; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
align:left;
}

H4 {font-size:14px;
color:#1f1a37;
border-bottom:2px dotted #cccccc;
padding:0px 0px 5px 5px;
padding-bottom: 5px; /* 下の余白 */

}

h5 {font-size:18px;
color:#1b2007;
border-bottom:2px dotted #cccccc;
padding:0px 0px 5px 5px;
padding-bottom: 5px; /* 下の余白 */
}

h6 {background-color:#008080 ;color:white;padding:8px;font-size:18px;width:15px;height;15px;
}

<!--段組み-->



body {

width : 100% ; 
}
#my_body { margin-left:20px; position : relative ; 
width : 800px ;

}

#my_header { repeat-x; width : 100% ; height : 50px ; 
}
#my_footer {  width : 100% ; height:130px;clear : both ;
font-size:12px; 
color:#0e4a43; 
background-image:url(img/frog.gif);
background-repeat:  no-repeat ;
text-align:right; 
olor:#0a3f39;}
#my_navigation { float : left;  width : 200px ; }
#my_contents { float : right ; width : 580px ;
padding:10px;}


 div.contentsbox
      {  text-align:left;
width:500px;
padding:8px;
         line-height:1.5;
         border-style: solid;
         border-width: 1px;
         border-color: #000080;
 }

div.box2  { position: absolute; top: 40px; left: 40px; width: 300px;
           height: 180px;padding: 10px; background: #fff; 
           border: 4px dotted #006; font-size: 16px; color: #000 }


dix.b3  { background:#008080; color:white; padding:8px;font-size:18px;width:15px;height;15px; }



<!--段組み終わり-->

<!--パン屑リスト-->

ol#topicPath {

	padding: 0;
	font-size: 10px;
	list-style: none;
}
ol#topicPath li {
	float: left;
	padding-right: 12px;
	padding-left: 20px;
	background: url(img/yaji.gif) no-repeat 0 50%;
}
ol#topicPath li.home {
	padding-left: 0;
	background: none;
}
ol#topicPath li a:link,
ol#topicPath li a:visited {
	color: #3366FF;
	text-decoration: underline;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #FF6633;
	text-decoration: underline;
}
ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}

<!--パン屑リスト終わり-->


ul#01 {
list-style-type: none;
}

ul#01 li {list-style-type: none; 
background: url(img/yaji.gif) no-repeat 0 1px;
padding-left: 25px;
padding-bottom:5px;

}

<!--ひらがな-->

.list07 {
	width: 30px;
	margin: 0;
	line-height:12;
	font-size: 14px;
}

.list07 li{float: left;
	list-style: none outside;
	margin: 5px;
}
.list07 li a {
	text-decoration: none;
	width: 30px;
	display: block;
	padding-left: 10px;
	background: #FCF;
}
.list07 li a:link {
	color: #000000;
}
.list07 li a:hover {
	color: #FFF;
	background: #CCF;
}
.list07 li a:visited {
	color: #C9C;
}
.list07 li a:active {
	color: #F00;
}

<!--ひらがなおわり-->


<!--ジャンル-->

.list08 {
	width: 60px;
	margin: 0 ;
line-height:12;
	font-size: 14px;
}

.list08 li{

float: left;
	list-style: none outside;
	margin: 5px;
}
.list08 li a {
	text-decoration: none;
	width: 60px;
	display: block;
	padding-left: 10px;
	background: #4d6349;
      
}
.list08 li a:link {
	color: #ffffff;
}
.list08 li a:hover {
	color: #000000;
	background: #a8d3a0;
}
.list08 li a:visited {
	color: #C9C;
}
.list08 li a:active {
	color: #F00;
}

<!--ジャンルおわり-->

<!--ｺﾚｸｼｮﾝ紹介-->
#navlist
{
margin:0px;
padding:0px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
display:block;
float: left;
color: #fff;
background:#008080  ;
padding: 3px 5px 3px 5px;
border-left:6px solid #6dc2b8;
border-bottom:1px solid #616;
margin-right:8px;
font-weight:bold;
text-decoration: none;
font-family:monospace, "courier new";
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
background: white;
color: #006;
background:silver;
border-left:6px solid #6dc2b8;
border-bottom:1px dashed #313;
}

#navlist a:hover { color: #000; }
<!--ｺﾚｸｼｮﾝ紹介おわり-->

<!--コレクションデータベース-->
table#table-01 {
    width: px;

    border: dotted 1px #999;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 td {
    padding: 5px;
    border: dotted 1px #999;
    border-width: 0 0 1px 1px;
    text-align: left;
}

<!--コレクションデータベースおわり-->

-->

<!--縦メニュー-->


#menu8 {
	width: 170px;
	margin-top:0;

}
	
#menu8 li a {

	text-decoration: none;
  	height: 33px;
}
	
#menu8 li a:link, #menu8 li a:visited {

margin : 0 0 0 12 ;
font-size:15px;
font-weight:bold;

color: #777;
	display: block;
	background: url(images/menu8.gif);
background-repeat: no-repeat;  
	padding: 5px 0 0 20px;
}
	
#menu8 li a:hover {

	color: #154d0c;
	background: url(images/menu8.gif) 0 -32px;
background-repeat: no-repeat;  
	padding: 5px 0 0 25px;
}
	
#menu8 li a:active {

	color: #fff;
	background: url(images/menu8.gif)  0 -64px;
background-repeat: no-repeat;  
	padding: 5px 0 0 25px;
}

#menu8 ul {

	list-style: none;
	margin: 0;
	padding: 0;
}

<!--縦メニューおわり-->
</style>


