@charset "UTF-8";
body {
	font-size: 12px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #ffffff;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
    }
.clear {
	clear: both;
}
.img {
	border: 1px solid #EDEDED;
}
.txblue {
	color:#00A3DF;
	text-decoration:none;
	font-weight: normal;
}
.txblue a {
	color:#00A3DF;
	text-decoration:none;
	font-weight: normal;
}
.txblue a:link,
.txblue a:visited {
	color:#00A3DF;
	text-decoration:none;
}
.txblue a:hover,
.txblue a:active {
	color:#00A3DF;
	text-decoration:none;
}
/* =================================== */
/* リンク */
/* =================================== */
a {
	color:#000000;
	text-decoration:none;
	font-weight: normal;
}
a:link,
a:visited {
	color:#000000;
	text-decoration:none;
}
a:hover,
a:active {
	color:#000000;
	text-decoration:none;
}
/********************* container **********************/
#container {
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/********************* head **********************/
#container #head {
	padding: 0px;
	width: 1000px;
	height: 80px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#container #head .logo1 {
	padding: 0px;
	float: left;
	width: 800px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #head .logo2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
	text-align: right;
	line-height: 80px;
}
/********************* top **********************/
#container #top {
	padding: 0px;
	width: 1000px;
	margin: 0px;
	height: 560px;
}
#css-slider {
	width: 1000px;
	height: 560px;
	overflow: hidden;
} 
.slide-item {
	width: 1000px;
	height: 560px;
	float: left;
	position: relative;
}
.slider-wrapper {
	width: 900%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 15s infinite;
}
@keyframes slider {
  0% { transform: translateX(0); }
  10% { transform: translateX(0); }
  20% { transform: translateX(0); }
  30% { transform: translateX(0); }
  40% { transform: translateX(-1000px); }
  50% { transform: translateX(-1000px); }
  60% { transform: translateX(-1000px); }
  70% { transform: translateX(-2000px); }
  80% { transform: translateX(-2000px); }
  90% { transform: translateX(-2000px); }
  100% { transform: translateX(0px); }
}
/********************* banner **********************/
#container #banner {
	text-align: center;
	padding: 0px;
	width: 979px;
	height: 56px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#container #banner ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#container #banner ul li {
	padding: 0px;
	list-style-type: none;
	float: left;
	text-align: center;
	margin-top: 0px;
	margin-right: 29px;
	margin-bottom: 0px;
	margin-left: 29px;
}
/********************* info **********************/
#container #info {
	text-align: center;
	padding: 0px;
	width: 650px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	line-height: 25px;
}
#container #info dl {
    width: 650px;
}
#container #info dl dt {
    width: 100px;
    float: left;
    text-align: left;
}
#container #info dl dd {
    width: 500px;
    float: right;
    text-align: left;
}
/********************* foot **********************/
#container #foot {
    text-align: center;
    padding: 0px;
    width: 1000px;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    height: 50px;
}
#container #foot .gnavi {
    width: 293px;
    float: left;
    line-height: 40px;
    text-align: left;
    background-image: url(../img/arrow_and.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    letter-spacing: 2px;
}
#container #foot .copy {
    font-size: 11px;
    line-height: 40px;
    color: #000000;
    float: left;
    width: 367px;
}
#container #foot .bn {
    width: 300px;
    float: left;
    line-height: 40px;
}