/* body */
body {
	color:#1a1a1a;
	margin:0px;
	padding:0px;
	background:#ffffff url(bg.gif) repeat-y;
	background-position:center;
}



/* テーブル・段落 */
td { font-size:13px; line-height:140%; }
p  { margin:3px 5px; }


/* コンテンツ */
h1 { color:blue;  font-size:25pt; margin:0px 0px;}
h2 { color:gray;  font-size:10pt; margin:0px 0px;font-weight: normal;}
h3 { color:black; font-size:10pt; margin:0px 0px;}
h4 { color:#626063; font-size:12pt; margin:0px 0px;font-weight: 500;}

/* 指カーソル */
cursor: pointer;
cursor: hand;

a:link { color: #C0C0C0}
a:visited { color: #0000FF }
a:hover{ color: #008000; backgroundcolor:#87cefa; }
a:active { color: #228b22; }


a .hover_img1{
    transition:all 0.5s ease;
    }
a:hover .hover_img1{
   opacity: 0.4;
    filter: alpha(opacity=40);
    }


/* ヘッダーを幅いっぱいにする為のボックス*/ 
#headerbg { 
background-image: url(フッダー.png); 
width:100%;
min-width:1000px;
} 

/* ヘッダー*/ 
#header       { 
width: 820px;
height:150px; 
margin-right: auto; 
margin-left: auto; 
} 


#slider{
    width: 796px; /* important to be same as image width */
    height: 231px; /* important to be same as image height */
    position: relative; /* important */
         overflow: hidden; /* important */
}
#sliderContent{
     width: 796px; /* important to be same as image width or wider */
     position: absolute;
           top: 0;
           margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
    display: none;

.sliderImage span{
        position: absolute;
             font: 12px/15px Arial,Helvetica,sans-serif;
        padding: 10px 13px;
        width: 300px;
        background-color: rgba;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
              -khtml-opacity: 0.7;
        opacity: 0.7;
        color: #009966;
        display: none;
}
.clear{
               clear: both;
}
.sliderImage span strong{
        font-size: 18px;
}
.top{
          top: 0;
          left: 0;
}
.bottom{
          bottom: 0;
          left: 0;
}