/* ホームページ全体の設定*/
	  
body { 
background: url("image/haikei.gif");
color:#2b2b2b;}

body { text-align:center; }

body {
scrollbar-3dlight-color:#ffc0cb;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffc0cb;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
}


p{
   padding-left:20px;
   padding-right:20px;
   line-height:100%　}

a:link { 
color: #00810f;
}
a:visited { 
color: 9933ff;
}
a:hover { 
color: ff9900;
}

#boxF {
 width:500px;
 padding-top:10px;
   padding-bottom:10px;
 text-align:center;
}



#boxE {
 width:700px;
 padding-top:10px;
   padding-bottom:10px;
 text-align:left;
background-color:#ffffff;
}



#container {
 width:700px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

#boxB {
 width:200px;
 height:250px;
padding-top:10px;
   padding-bottom:10px;
 float:right;
background : url("image/coments1.gif");
}

#boxC {
 width:500px;
 float:left;
}

#boxD {
 width:100%;
 clear:left;
}

.figure { float: left; }

h3{color: #fa8072;
 text-align:center;}


.class-a {
color: black;
background: url("image/botann.png") white no-repeat;
text-align:left;
}

a.button{
    display:block;
    width:106px;
    height:59px;
    background-image:url(image/button.png);
    text-align:center;
    margin:5px 0px;
    background-position:0px 0px;
    color:#ffffff;
padding:20px 0px 6px 0px;
}
a:hover.button{
    background-image:url(image/button2.png);
color:#2b2b2b;
}

a:visited.button{
color:#ffffff;
} 



ul.yoko{
    width:100%;
    margin-top:20px;
    padding-left:0;
    margin-left:0;
}

ul.yoko li{
    list-style:none;
    padding:3px 10px;
    width:80px;
    float:left;
}