@charset "utf-8";

/* ******** 共通 ******** */

/* 基本 */
html, body, div, span, h1, h2, h3, p, a, img,
dl, dt, dd, ul, li, form, table, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
html{
 overflow: auto;
 }
body {
    color: #585858;
    font-size: 100%;
    overflow-x: hidden;
    position: relative;
    min-width: 1000px;
}
#container {
    width: 980px;
    margin: 0 auto;
}
/* ヘッダ */
#header{
    padding: 0 500%;
    margin: 0 -500%;
    width: 100%;
    background-color:#e49c9c;
    min-width: 1000px;
 }
#header h1 {
    margin: 0 auto;
    padding: 0;
}
#header p {
    text-align:right;
    color:#ffffff;
    font-size: 80%;  
    padding:5px; 
    float:right;
}
#header p img {
    padding-top:20px; 
}


/* ナビゲーション */
div#mainnavi {
  padding: 0 500%;
  margin: 0 -500%;
  background-color:#B9B3AF;
  color: #585858;
  font-weight: bold;
  font-size:90%;
}
div#mainnavi ul {
  padding-top:5px;
  overflow: hidden;
}
div#mainnavi ul li{
  list-style-type: none;
  width:16%;
  float: left;
  padding:0;
  color: #ffffff;
}


/* ******** メインコンテンツ ******** */

/* 共通 */
#contents {
    width: 980px;
    padding:0 0 10px;
    margin: 0 0 20px;
    background-color:#ffffff;
}
h3{
 padding:15px 0 10px;
 text-align:center;
}

p{
  text-align:center;
}

span{
 font-weight:bold;
}
p.small{
 font-size:90%;
}
/* スライドショー */
#main_slide{
  width:980px;
  background: url("../images/home_back.png") repeat-x;
  padding: 0 500%;
  margin: 0 -500%;
}
#slideshow {
   margin: 0 auto;
   position: relative;
   list-style-type:none;
   width:  980px;
   height: 500px;
}
#slideshow img {
   position: absolute;
   padding:30px 0;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   padding:30px 0;
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   padding:30px 0;
   z-index: 9;
}

/*コンテンツ左側*/
#main {
    width: 600px;
    float: left;
    margin-left:10px;
}
#main h2{
  padding-top:15px;
}
/*コンテンツ右側*/
#side {
    margin-right:10px;
    margin-top:40px;
    width:300px;
    float: right;
}
#side li img{
 padding:5px;
 float:left;
 border-radius: 50px;
 height: 80px;
 width: 80px;
}
#side li{
 padding:10px 0;
 height:90px;
 font-size:90%;
 overflow:hidden;
 font-weight:bold;
 list-style-type:none;
}
#side .alpha span{
	display:block;
	padding-top:25px;
}
#side .alpha ul li a{
  text-decoration: none;
  color: #585858;
}
#side .alpha ul li a:hover {
  color: #e17474;
}
/*半透明*/
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*分割しないメイン（main980）*/
#main980{
  background: url("../images/main980_back.png") repeat-x;
  padding: 0 500%;
  margin: 0 -500%;
    width: 980px;
    clear:left;
}
#main980 h2{
    width: 640px;
    padding:30px 0 80px;
    height:34px;
    margin:0 auto;
}

#main980 p{
 padding:5px 20px;
 }
#main980 table{
  width:900px;
  margin:0 auto;
  padding:10px;
  border-collapse:collapse;
  border:solid 1px #808080;
}

#main980 th{
  background-color:#a49f9b;
  border:solid 1px #808080;
  color:#ffffff;
  width:50%;
  padding:5px;
  text-align:center;
}
#main980 td{
  font-size:90%;
  border-left:solid 1px #808080;
  width:50%;
  padding:10px;
 text-align:center;
}

#main980 a{
 color:#5E5345;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
}
#main980 a:hover{
 color:#e17474;
}

/* ******** ここからフッター ******** */
#footer {
    padding: 0 500%;
    margin: 0 -500%;
    background: url("../images/header.png") repeat-x;
    position:abosolute;
    clear: both;
}
#footer p{
    clear: both;
    text-align: center;
    color: #313131;
    font-size: 75%;
    padding:30px;
    margin:20px;
}
p#footer_mikke{
 width:180px;
 position:relative;
 top:-150px;
 left:820px;
 height:0;
}