@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, table, {
  margin: 0;
  padding: 0;
}

#contents_area {
width: 1000px;
margin: 0px auto;

}

#outline {
width: 1200px;
height: 1100px;
margin: 0px auto;
margin-top : 100px;
}

#outline_about {
width: 1200px;
height: 2000px;
margin: 0px auto;
margin-top : 100px;
}


html, body {height: 100%;}  /*高さ100%に指定*/
body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 295px;  /*中央配置するボックスの横幅*/
  min-height: 126px;  /*中央配置するボックス縦幅*/
  background-color: white;
}
.centerMiddle {
  margin: -147px 0 0 -147px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 295px;  /*横幅*/
  height: 126px;  /*縦幅*/
  background-color: #fff;
}



/*Webフォント*/
@font-face {
  font-family: 'hannari';
  src: url(../font/hannari.eot) format('embedded-opentype');
  src: url(../font/hannari.otf) format('opentype'); 
  src: local('hannari Regular'), local('hannari');
}



.hannari {
    font-size: 1em;
    font-family: 'hannari';
}


.garamond {
    font-size: 1em;
    display:inline;
    font-family: 'hannari','はんなり明朝','EB Garamond','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', 'Meiryo', serif;
}


.garahan {
    font-size: 1em;
    display:inline;
    font-family: 'hannari','はんなり明朝','EB Garamond','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', 'Meiryo', serif;
}

.garahan_l {
    font-size: 1.3em;
    display:inline;
    font-family: 'hannari','はんなり明朝','EB Garamond','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', 'Meiryo', serif;
}

.garahan_m {
    font-size: 0.85em;
    display:inline;
    font-family: 'hannari','はんなり明朝','EB Garamond','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', 'Meiryo', serif;
}


.garahan_m_yabe {
    font-size: 0.85em;
    display:inline;
    color:lightgray;
    font-family: 'hannari','はんなり明朝','EB Garamond','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', 'Meiryo', serif;
}


.garahan_s {
    font-size: 0.75em;
    display:inline;
    font-family: 'hannari','はんなり明朝','EB Garamond','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', 'Meiryo', serif;
}




ul#nav1 li {
    float: left;
    width: 35px;
    height: 113px;
    overflow: hidden;
}

ul#nav_about li {
    float: left;
    width: 25px;
    height: 108px;
    overflow: hidden;
}


#slide {
width:650px;
height:433px;
margin:0;
position:relative;
}

#slide img {
position:absolute;
left:0;
top:0;
}



.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}



#menu_area_top {
margin-top : 30px;
}