@charset "utf-8";

/*スライドショー*/

<style type="text/css">
#slideshow {
   position: relative;
   width:  80%; /* ボックスの横幅 */
   height: auto; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height :100%; width:  100%;
  
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  80%; /* 画像の横幅 */
   height: auto; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}
</style>
/*スライドショー*/


/*テクスチャ*/

/*
background-color: #ffffff;
background-image: url(../images/tex4.png)
*/

background-image: url(http://www.transparenttextures.com/patterns/retina-wood.png);
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */

/*テクスチャ*/

#wrapper { margin: 0 auto; }
/*#wrapper { margin-right: 57px; }*/
#wrapper { overflow: auto}
/*#wrapper { width: 970px }*/
/*#wrapper { height: 100% }*/


/*h1=imagelist*/
h1, h2, h3 { margin-top: 30px; }
h2 { font-family: "Gothic Medium BBB JIS2004","typesquare" }
h3 {font-size: 10px}
h3 { color: #8f8f8f }
h3 a:hover { color: #fff400 }
h4 { font-family: "Gothic Medium BBB JIS2004","typesquare" }
h4 {font-size: 22px}
h5 { font-family: "Gothic Medium BBB JIS2004","typesquare" }
h5 {font-size: 23px}
body { letter-spacing: 3.95px; }
body { text-align: justify; }
body { line-height: 15pt }
body { margin-top: 30pt} 

a { text-decoration: none; }
a:visited {color: #fff400}

/*header*/
  header { line-height:3 }
  header { left: 45px}
  header {position: relative}
  header{position: fixed}
  header { float: right;}
  header { margin-left: 55px}
  header { font-family: "Gothic Medium BBB JIS2004","typesquare" }
  header { width: 105px }
  header:visited {color: #fff400;}

  #homebotton { font-size: 10px; }
  #homebotton:hover { color: #fff400; }
  #homebotton { line-height: 1.9 }
  #homebotton h1 {font-size: 10px}
  #homebotton h1 { color: #000}
  #homebotton h1 { font-family: "Gothic Medium BBB JIS2004","typesquare" }
  #homebotton h1{ float: right; }


  #navi { font-size: 10px; }
  #navi { margin-top: 60pt }
  #navi { margin-bottom: -70pt }
  #navi h3{ color: #8f8f8f }
  #navi h3 a:visited {color: #fff400}

  ul { list-style:none; }
  ul { font-size: 8pt; }
  ul { margin-top: -1.5pt; }
  ul { margin-bottom: -1pt; }
  ul { letter-spacing: 1.8pt; }
  ul { line-height: 11pt; }
  ul a{ color: #8f8f8f }
  ul { font-family: "Gothic Medium BBB JIS2004","typesquare" }

  header #contact { margin: 0px }
  header #contact{ margin-bottom: -3px}
  header #contact a{ color: #8f8f8f }
  header #contact a:hover { color: #fff400; }


  .header-contact img { margin-right: 5px}
  .header-contact img { margin-left: 5px}
  .header-contact img {width:13px}

  .category a{ color: #8f8f8f }
  .category h3:hover { color:#fff400; }
  .category h3 { margin-bottom: px}

/*アコーディオン*/
/*
.accordion li ul { position: absolute; }
.accordion li ul {display: none;}
.accordion li ul {width: 100%}
*/
/*アコーディオン*/

/*header*/


/*imagerist*/
/*  #imagelist { width: 890px }*/
  #imagelist img { margin-top: 120px }
  #imagelist img { width: 100% }
  #imagelist h1 { font-size: 13px; color:white; }
  #imagelist h2 { font-size: 8.03; }
/*imagerist*/


/*gallery*/

#gallery h1 { font-size: 15.6px; color:black; font-family: "Akashi","typesquare"; }
#gallery h2 { font-size: 8.77px; color: #8f8f8f; font-family: "Gothic Medium BBB JIS2004","typesquare"; }

#gallery img {margin-top: 32px;}
#gallery img {margin-left: 745px;}
#gallery img {width: 35%}


p { font-size: 13.2px; }
p { text-align: justify; }
p { margin-bottom: 4px; }
p { line-height: 22pt }
{ margin-top: -11.5pt; }
{ margin-bottom: -1pt; }
p { letter-spacing: 3.3pt; }
p { color: black }
p { font-family: "Akashi","typesquare"; } 


/*rignt-side*/
.catch { position: absolute }
.catch { top: 339px; }
.catch {margin-left: 285px}

.title { position: absolute }
.title { top: 366px; }
.title {margin-left: 286px}
.title {margin-top: 10px}


.description  { position: absolute }
.description { top: 445px; }
.description { left: 293px; }

.history { position: absolute }
.history {top: 220px; }
.history {margin-left: 700px; }

.history h4{font-size: 15px}

.photo img {width: 300px}
.photo img {margin-top: 3px}


/*gallery*/

/*contact*/
.contact img { width: 540px; }
.contact img { height: auto; }
.contact img { right: 48px; }
.contact img { position: absolute }
.contact img { top: 195px; }

.icon img {width:1000px}
.icon img {left:650px}
.icon img{ position: absolute }
.icon img {top: 74px; }

#contact { font-family: "Gothic Medium BBB JIS2004","typesquare"}
#contact { margin-left: 285px}

#contact h1 { font-size: 18px }
#contact h1 { letter-spacing: 7.8px; }
#contact h1 { left: 40px; }
#contact h1 { margin-top: 32px; }
#contact h1 { margin-left: 680px; }


#contact h2 {font-size: 8px}
#contact h2 { color: #4f4f4f }
#contact h2{ letter-spacing: 1.9px; }
#contact h2 { line-height: 0.1pt }
#contact a h2:hover{ color: #fff400; }


/*contact*/
#contact img {width:29px}
#contact img {margin-right: 90px}
#contact img {margin-left: 0px}
#contact img {margin-top: 40px}
#contact img {margin-bottom: px}
/*contact*/


/*footer*/
footer { font-size: 0.1px; }
footer { right: 5px; }
footer {color: #D6D6D6}
footer { font-family: "Gothic Medium BBB JIS2004","typesquare"}
footer { position:fixed }
footer { bottom: 4px}
/*footer*/