/*トップ他　メインスタイルＣＳＳ */
body
	{ font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック"," MS PGothic", "Osaka", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #666666;
	background-image: url(../gazou/backbx.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px; 
	text-align: center; }
a
	{ color: #666666;
	text-decoration: none;
	font-weight: bold; }
a:link
	{ color: #0000ff; }
a:visited
	{ color: #800080; }
a:hover
	{ color: #ff0000; }
#upper
	{ width: 960px;
	height:76px;
	float: left;
	position: fixed;
	z-index: 10000;
	background-color: rgba(255,255,255,0.7);
	margin: -60px 0px 10px 0px;
	padding: 60px 0px 0px 0px; }
#upper h3
	{ float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px; }
#upper h3 a img
	{ border: none;
	margin: 7px 84px 0px 60px;
	padding: 0px; }
#upper h5
	{ float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px; }
#upper h5 a img
	{ border: none;
	margin: 20px 14px 0px 14px;
	padding: 0px; }



#don
	{ width: 960px;
	height: 620px;
	float: left;
	margin: 76px 0px 0px 0px;
	padding: 0px; }


#TopSS
	 { position: relative;
	max-width:960px;
	margin: 0 auto;
	background:#ddd; }
.pic 
	{ position: absolute; }
.pic img
	{ width: 100%;
	height: auto;
	opacity:0;
	-moz-animation: imgTrans 40s infinite;
	-webkit-animation: imgTrans 40s ease-in infinite;
	animation: imgTrans 40s 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; }
@-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; } }

#middle
	{ width: 600px;
	float: right;
	margin: 0px 16px 20px 0px;
	padding: 0px; }
#sitemap
	{ width: 590px;
	height: 15px;
	margin: 0px 5px;
	padding: 0px;
	color: #666666; }
#sitemap p
	{ font: normal 80%/100% Arial, Helvetica, sans-serif;
	margin: 20px 5px 0px 5px;
	padding: 0px;
	color: #000000; }
#sitemap p img
	{ border: none;
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 0px; }
#sitemap a
	{ font-weight: normal;
	text-decoration: underline;
	color: #0000FF; }
#sitemap a:link
	{ font-weight: normal;
	text-decoration: underline;
	color: #0000FF; }
#sitemap a:hover
	{ font-weight: normal;
	color: #FF0000; }

#eall h1 a:hover
	{ color: #FF0000; }
#eall h3 a:hover
	{ color: #FF0000; }
#eall h5 a:hover
	{ color: #FF0000; }
#eall h5 img
	{ border: none; }
#bottomobi a:hover
	{ color: #FF0000; }


#midleft
	 { width: 310px;
	float: left;
	margin: 32px 0px 0px 16px;
	padding: 0px; }
#midleft img
	{ border: none; 
	margin: 0px 0px 10px 0px;
	padding: 0px; }
#midleft a img
	{ border: none; 
	border-bottom: solid 1.0px #666666;
	margin: 0px 0px 8px 0px;
	padding: 0px; }


#toplinkue
	{ margin: 20px 0px 10px 360px;
	padding: 0px 0px 0px 0px; }


#toplink
	{ width: 960px;
	float: left;
 	color: #FFFFFF;
	margin: 0px 0px 36px 0px;
	padding: 0px 0px 0px 0px; }
#toplink a img
	{ float: left;
	color: #FFFFFF;
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px; }


#lower
	{ width: 960px;
	color: #FFFFFF;
	margin: auto;
	background: url(e/lowerita.png) no-repeat bottom;
	border-top: solid 0px #666666;
	border-right: solid 0px #666666;
	border-bottom: solid 0px #666666;
	border-left: solid 0px #666666; }
#lower p
	{ font: normal 110%/100% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 6px 0px 0px 6px;
	text-align: center; }
#lower a
	{ font: normal 76%/160% Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin: 0px;
	padding: 0px; }
#lower img
	{ border: none; }
#lower h5
 	{ font: normal 76%/20px Arial, Helvetica, sans-serif;
	margin: 27px 0px 13px 460px; 
	padding: 0px;
	text-align: left; }
address 
	{ font: normal 80%/80% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 16px 0px;
	clear: both; }