body{
    padding : 0px;
    margin : 0px;
}
*{
    font-size : 14px;
    font-family : "ＭＳ Ｐゴシック", sans-serif;
    line-height : 150%;
    padding : 0px;
    margin : 0px;
}
#container{
    margin : auto;
    width : 700px;
}
#header{
    width : 100%;
    height : 60px;
    color : white;
    background-color : rgb(204,204,204);
    position : relative;
}
#contents{
    width : 100%;
    margin-top:10px;
}
#footer{
    width : 100%;
    color : #ffffff;
    background-color : #000000;
    text-align : center;
    margin-top : 10px;
    clear : both;
}
h1{
    text-align : center;
    font-size : 18px;
    padding-top : 20px;
    letter-spacing : 0.3em;
    color:#333;
}
ul{
    list-style-type : none;
}
#header img{
    position : absolute;
    top : 5px;
    left : 10px;
}
h2{
    text-align : center;
    font-size : 16px;
}

/*============スライドショー部分=======================*/
 #slideshow{
    position: relative;  
    width: 350px; /* ボックスの横幅 */
    height: 280px; /* ボックスの高さ */
    text-align : center;
    margin:auto;
}
#slideshow p{
     position: absolute;   top: 0;   left: 0;
     z-index: 8;   opacity: 0.0; 
     margin: 0;   
     background-color: white; /* ボックスの背景色(必須) */
    height: 280px; /* ボックスの高さ */
}
#slideshow p.active{
    z-index: 10;   opacity: 1.0;
}
#slideshow p.last-active{
  z-index: 9;
}
#slideshow p img{
   width: 350px; /* 画像の横幅 */ 
   height: 233px; /* 画像の高さ */ 
   display: block;   border: 0; 
   margin-bottom: 10px; /* 画像下部の余白 */ 
}
/*============サイドメニュー=======================*/
#menue{
    width : 150px;
    float : left;
    height : 500px;
}
#maine{
    width : 540px;
    float : left;
    margin-left : 10px;
}
p#hidari{
    font-size : 80%;
    text-align : right;
}