﻿@charset "UTF-8";



/* ========BASIC======== */

html {

   overflow-y:scroll;
}


body {

   margin:0;

   padding:0px;

   line-height:1.6;

   letter-spacing:1px;

   font-family:Verdana, Helvetica, sans-serif;

   font-size:13px;

   color:#333;

   background:#ffcc00;
}



br {

   letter-spacing:normal;
}


a {

   color:#333;

   text-decoration:none;
}


a:hover {

   color:#31001D;

   text-decoration:none;
}


img {

   border:0;
}





h1,h2,h3,h4,h5,h6 {

   margin:0;
}




/* ========BODY LAYOUT======== */


#body1 {
   margin:0 auto;
   padding:0px;
   height:60px;

   background:#ffcc00;
}
#body1m {
   margin:0 auto;
   padding:0px;
   height:23px;

   background:#ffcc00;
}
#body2 {
   margin:0 auto;
   padding:0px;
   height:400px;

   background:#ff0000;
}
#body3 {
   margin:0 auto;
   padding:0px;
   height:180px;
   list-style:none;
}

#body4 {
   margin:0 auto;
   padding:0px;
   list-style:none;
   background:#ff0000;
}

/* ========BODY1 CUSTOMIZE======== */


#body1 ul {
   margin:0 auto;
   padding:0px;
   list-style:none;
}

#body1m ul {
   margin:0 auto;
   padding:0px;
   list-style:none;
}






/* ========BODY2 CUSTOMIZE======== */


#body2 ul {
   margin:0 auto;
   padding:0px;
   list-style:none;
}
#body2 li {
   margin:0 auto;
   padding:0px;
   list-style:none;
}


/* ========BODY3 CUSTOMIZE======== */

  *.float
      {
         float: left;
         width: 25%;
         border: solid 0px #ffffff;
      }
  *.float-b {
   clear: both;
}

/* ========TOP CUSTOMIZE======== */



#top-logo {
   margin:0 auto;
   width:700px;
}
#top-logo ul {
   margin:0;
   padding:0;
   list-style:none;
}
#top-logo li {
   margin:0 auto;
   padding:0px;
   list-style:none;
}
#box {
   margin:0 auto;

   width:700px;
   position:aelative;
}

#menu {
   margin:0 auto;

   width:700px;
   height:10px;
}
#menu ul {
   margin:0;
   padding:0;
}
#menu li {
   float:left;
   text-align:center;
}
#menu li a {
   display:block;
   width:173px;
   margin:1px;
   color:#fff;
   background-color:#000000;
}
#menu li a.active {
   display:block;
   width:173px;
   color:#ff0000;
   background-color:#ffcc00;
}
#menu li a:hover {
   display:block;
   width:173px;
   color:#ff0000;
   background-color:#fff;
}

/* ========HEAD-IMAGE CUSTOMIZE======== */


#headimage {
   margin:0 auto;
   width:700px;
   height:300px;
}

/* ========MAIN CUSTOMIZE======== */


#main {
   margin:0 auto;
   width:700px;
}
#main ul {
   margin:0 auto;
   padding:10px;
   list-style:none;
   background-color:#e9ab17;
}
#main li {
   margin:0 auto;
   padding:0px;
   list-style:none;
   background-color:#fff;
}



#ban li {
   margin:0 auto;
   padding:0px;
   list-style:none;
   color:#000;
   background-color:#e9ab17;
}





#main h1 {
   margin:0px;
   padding:0px 30px;
   color:#ff0000;
   list-style:none;
}
  
#main h2 {
   margin:0px;
   padding:0px 30px;
   list-style:none;
} 
#main h3 {
   margin:0px;
   padding:0px 30px 20px;
   list-style:none;
} 
#main h4 {
   margin:0px;
   padding:0px 30px;
   list-style:none;
} 
#main h5 {
   margin:0px;
   padding:0px 30px;
   color:#ffa500;
   list-style:none;
} 


/* ========MAIN2 CUSTOMIZE======== */


#main2 {
   margin:0 auto;
   width:700px;
}

#main2 ul {
   margin:0 auto;
   padding:10px;
   list-style:none;
   background-color:#fff;
}
#main2 li {
   margin:0 auto;
   padding:0px;
   list-style:none;
   background-color:#fff;
}
#main2 h1 {
   margin:0px;
   padding:0px 30px;
   color:#ff0000;
   list-style:none;
}
  
#main2 h2 {
   margin:0px;
   padding:0px 30px;
   list-style:none;
} 
#main2 h3 {
   margin:0px;
   padding:0px 30px 20px;
   list-style:none;
} 
#main2 h4 {
   margin:0px;
   padding:0px 30px;
   list-style:none;
} 
#main2 h5 {
   margin:0px;
   padding:0px 30px;
   color:#ffa500;
   list-style:none;
} 
#main2 h3 a {
   display:block;
   margin:1px;
   color:#ff0000;
   background-color:#fff;
}
#main2 h3 a.active {
   display:block;
   color:#ff0000;
   background-color:#ffcc00;
}
#main2 h3 a:hover {
   display:block;
   color:#fff;
   background-color:#ff0000;
}

#jin-b {
   text-align:center;
   margin:10px;
   padding:0px 0px 20px;
   list-style:none;
}
/* ========TENPO CUSTOMIZE======== */


#tenpo-f {
   margin:0 auto;
   width:700px;
   background-color:#e9ab17;
}
#tenpo ul {
   margin:0 auto;
   padding:0px;
   list-style:none;
   background-color:#e9ab17;
}
#tenpo li {
   margin:0 auto;
   padding:0px;
   list-style:none;
   background-color:#fff;
}
#tenpo1{
   padding:0px;
   float : left;
   width : 350px;
   list-style:none;
}
#tenpo2{
   padding:0px;
   float : right;
   width : 350px;
   list-style:none;
}


#map{
   margin:0 auto;
   padding:0;
   width : 700px;
   list-style:none;
}



#jump{
   margin:0 auto;
   padding:10px;
   width : 700px;
   list-style:none;
}
#jump ul{
   margin:0 auto;
   padding:0px;
   list-style:none;
   background-color:#e9ab17;
}
#jump li {
   margin:0 auto;
   padding:0px;
   list-style:none;
}


#tel li {
   margin-top:0em;
   margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:0em;vertical-align:top;text-align: center;
   background-color:#ffffff;
   padding:0px;
   list-style:none;
}


#tel2 li {
   color:#e9ab17;
   margin-top:0em;
   margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:1.5em;vertical-align:top;text-align: center;
   padding:0px;
   list-style:none;
}


#tel3 li {

   font-size:2em;
   color:#e9ab17;
   margin-top:0em;
   margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:1.5em;vertical-align:top;text-align: center;
   padding:0px;
   list-style:none;
}

#tel4 li {
   margin-top:0em;
   margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:1.5em;vertical-align:top;text-align: center;
   background-color:#ffffff;
   padding:0px;
   list-style:none;
}

#tel5 li {
   color:#e9ab17;
   margin-top:0em;
   margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:3.0em;vertical-align:top;text-align: center;
   padding:0px;
   list-style:none;
}


#tel6 li {
   color:#e9ab17;
   margin-top:0em;
   margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:3.1em;vertical-align:top;text-align: center;
   padding:0px;
   list-style:none;
}

/* ========FOOTER CUSTOMIZE======== */


#footer ul {
   margin:0 auto;
   padding:10px;
   list-style:none;
}
#footer {
   margin:0 auto;
   width:700px;
   height:60px;
   background-color:#000000;
}





/* ========ALBUM CUSTOMIZE======== */


.album {
	margin: auto;
	background-color: #ff0000;
	position: relative;
}

.album img {
	width: 700px;
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 30s;
	-webkit-animation-duration: 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img1 {
	display: block;
	margin: 0 auto;
}

.album .img2 {
	animation-delay:10s;
	-webkit-animation-delay:10s;
	position: absolute;
	top: 0;
	left: 0%;
}
.album .img3 {
	animation-delay:20s;
	-webkit-animation-delay:20s;
	position: absolute;
	top: 0;
	left: 0%;
}
@keyframes album {
	0% {
		opacity: 0;
	}
	
	5% {
		opacity: 1;
	}

	28% {
		opacity: 1;
	}
	33.33% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	5% {
		opacity: 1;
	}

	28% {
		opacity: 1;
	}
	33.33% {
		opacity: 0;
	}
}


/* ========PAGETOP CUSTOMIZE========= */

#pageTop {

   margin:10px 0;

   text-align:right;

   font-size:11px;
}


#pageTop a {

   padding:0 0 0 12px;


}



/* ========FOOTER CUSTOMIZE======== */

.copyright {

   padding:10px 0;

   font-style:normal;

   font-size:11px;

   color:#c0c0c0;

   text-align:center;
}
/* ========END CUSTOMIZE======== */

