@charset "utf-8";
/* ----------------------------------
              COMMON
---------------------------------- */
body { width:100%;margin:0px auto 0px auto;padding:0px;font-family:'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
       font-size: 16px;background:#fff;}
header,section,article,aside,footer { display: block; }
img { margin:0;padding:0;border:none; }
ul,ol {	margin:0;padding:0;list-style:none;list-style-position:outside; }
h1,h2,h3,h4,h5,h6 { margin:0;padding:0; }
div,p { margin:0;padding:0; }
/* ----------------------------------
             COMMON LINK
---------------------------------- */
a:link { color:#333;text-decoration:none;}
a:visited { color:#333;text-decoration:none;}
a:hover { color:#ff0000;text-decoration:underline;}
a:active { color:#298ADC;text-decoration:none;}
/* ----------------------------------
            ClearFix
---------------------------------- */
.cf:after {  display:block; height:0;  visibility:hidden;
            clear:both;   content:".";}
/* ----------------------------------
            Span
---------------------------------- */
span.red { color:#ff0000; }
span.bold { font-weight:bold; }
/*-------------------------------------
	    Header
-------------------------------------*/
header { width:100%;margin:0px auto; }
header nav { width:100%; background:#333;opacity: 0.7 }
header .navInner { width:1000px;margin:0 auto; text-align:center;font-weight:bold; }
h1 { float:left;padding: 15px 0px 0px 0px;font-size:36px;color: #fff;  height:70px; }
h1 img { vertical-align:middle; }
header nav.fixed { position: fixed;top: 0;left: 0;width: 100%;z-index:10; }

  @media screen and (max-width : 768px){
     header .navInner { width: 100%; }
  }
  @media screen and (max-width : 480px) {
     header .navInner { width: 100%; }
     h1 { font-size:26px; }
     h1 img { width:50px; }
     header nav.fixed { position: absolute; }
  }
/*-------------------------------------
	    Main
-------------------------------------*/
main { width:100%;text-align:left;margin:40px auto 0;  }
article { clear:both;  }
section.top { background:#eee; }
#topContents { width:1000px;margin:0 auto;padding:50px 0; }
h2 { font-size:30px;text-align:center;margin:10px auto; }
section p { margin: 10px 10px 10px 30px;line-height:1.8em; }

section.middle { background:#fff; }
h3 { font-size:20px;color:#333;text-align:center;padding:10px;margin-bottom:40px;border:#000 3px solid;border-radius:20px; }

#service { padding:30px 0px;margin-top:-50px;color:#fff;position:relative;
	background:url(../image/003.png);
	-webkit-background-size:cover;	-moz-background-size:cover;
	-o-background-size:cover;	background-size:cover;
	background-attachment:fixed; }
#service:before { content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;
	display:block;background-color:rgba(50,50,50,0.7);z-index:0; }
#service h3 { color:#fff;border:#fff 3px solid;position:relative;z-index:10; }
#service p { color:#fff;position:relative;z-index:10; }

#topContents ol { margin:0;padding:10px 0px 10px 60px;list-style-type: decimal;z-index:0;}
#topContents ol.midCon { background-image: url(../image/001.png);position:relative;z-index:0;
         background-repeat: no-repeat;
         background-position: right top 15pt;}
#topContents li {margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;}
#topContents ul { margin:0;padding:10px 0px 10px 200px;list-style-type: disc; }
#topContents ul.bottomCon { }
section.bottom { background:#eee; }
#gallery img { width:19%; }

  @media screen and (max-width : 768px){
     #topContents { width: 100%; }
     #gallery img { width:32%; }
  }
  @media screen and (max-width : 480px) {
     #topContents { width: 100%; }
     h2 { font-size:20px;}
     #topContents ol { padding:10px;}
     #topContents ol.midCon { background-image: none;padding-left:7%; }
     #gallery img { width:48%; }
     #topContents ul { padding:10px; }
  }

/*-------------------------------------
	Contact Us
-------------------------------------*/
#contact { margin:0;padding:0px 0px 0px 200px;}
.googleMapMobile { display:none; }
  @media screen and (max-width : 768px){
     #contact { margin:0;padding:0px 0px 0px 200px;}
  }
  @media screen and (max-width : 480px) {
     #contact { margin:0;padding:10px;}
     textarea { width: 90%; }
     .googleMap { display:none; }
     .googleMapMobile { width:100%;display:block;font-size:26px;text-align:center;margin:20px auto;  }
     .googleMapMobile a { color:#0000ff; }
  }
#contactForm { margin:30px 0px 20px 100px; }
.contactLeft { width:200px;margin:3px;}
.contactRight { margin:4px 0 4px 50px; }
.contactRight input, .contactRight textarea { width:450px;}
.submitBtn { margin-left:250px;}
#contactForm table { table-layout:fixed; }
#contactForm .formTable { width:80%;margin:10px auto 10px auto;
         border-spacing:0;border-collapse:collapse; }
#contactForm .formTable td { width:70%;padding:5px 20px 5px 20px;word-wrap:break-word; }
#contactForm .formTable th { width:30%;padding:5px 20px 5px 20px; }
/*-------------------------------------
	Footer
-------------------------------------*/
footer { clear:both;width:100%;margin:0px auto;background:#999; }
.copyright{ font-size: 10px; color:#fff;text-align:center;
            padding: 20px 0px;margin:0px auto;}
footer nav { width:1000px;margin:0 auto; text-align:center;font-weight:bold;
             color:#fff; padding: 30px 0;}
footer nav a:link {color:#fff;padding: 11px 9px 9px;}
footer nav a:visited { color:#fff; }
footer nav a:hover { color:#ff0000;text-decoration:underline;}

/*-------------------------------------
	     SLID SHOW
-------------------------------------*/
#stage img { width: 100%;border-radius:30px; }

  @media screen and (min-width : 769px) {
      #stage { position: relative;max-width:100%;margin:20px auto 0;background:none;}
  }
  @media screen and (max-width : 768px){
      #stage { margin-top:10px; }
  }
  @media screen and (max-width : 480px) {
      #stage { display:block;margin-top:10px; }
  }
.pic { position: absolute; }
.pic img { width: 100%;height: auto;opacity:0;
-moz-animation: imgTrans 56s infinite;
-webkit-animation: imgTrans 56s ease-in infinite;
animation: imgTrans 56s infinite;}

#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo3 img {
-moz-animation-delay: 16s;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
#photo4 img{
-moz-animation-delay: 24s;
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#photo5 img {
-moz-animation-delay: 32s;
-webkit-animation-delay: 32s;
animation-delay: 32s;
}
#photo6 img {
-moz-animation-delay: 40s;
-webkit-animation-delay: 40s;
animation-delay: 40s;
}
#photo7 img {
-moz-animation-delay: 48s;
-webkit-animation-delay: 48s;
animation-delay: 48s;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}