/* base.css */

@charset "utf-8";

/* Margin Padding のクリア */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
  margin: 0;
  padding: 0;
  color:  #d3d3d3;
}
a {
	color: #ff99cc;
}
h1 {
	font-size: xx-small ;
	color: #ffffff;
}

body {
	margin: 0;
/*	background-color: #ffffff; */
/*	background-color: #c0c0c0; */
	background-image: url("./image/back_g.gif");

}
#wrapper {
	margin: 0 auto ;

	top: 0px;
	left: 0px;
	position :relative;
	width: 800px;
	height: 700px;
	white-space: nowrap ;
	color: #ffffcc;
	font-size: x-small;
	background-image: url("./image/bg_image-1.jpg");
}

#menu {
	width: 460px;
	height: 100px;
	white-space: normal ;
	top: 10px;
	left: 340px;
	position :absolute;
	font-size: x-small;
	list-style-type: none ;
	text-align: center ;
}
#menu a {
	color: #ff99cc;
}
#menu ul {
	list-style-type: none ;
}
#menu li {
	display: inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

#mainimg {
	top: 10px;
	left: 0px;
	position :absolute;
	padding : 0px;
	color: #666666;
	z-index : 0;
	float: left;
}
#bgimg {
	top: 130px;
	left: 0px;
	position :absolute;
	z-index : 3;
}
#gmap {
	top: 150px;
	left: 10px;
	position :absolute;
	z-index : 3;
}
#goyoyaku {
	height:345px;
	width: 185px;
	white-space: normal ;
	overflow: auto;
	top: 160px;
	left: 610px;
	position :absolute;
	z-index : 3;
	font-size: small;
	color: #d3d3d3 ;
	text-align: center;
}

#yoyaku {
	height: 50px;
	width: 620px;
	white-space: normal ;
	z-index : 3;
	top: 115px;
	left: 180px;
	position :absolute;
	color: #d3d3d3;
	font-size: x-small;
	font-weight: normal;
}
#pankuzu {
	top: 90px;
	left: 530px;
	position :absolute;
	margin-left: 0;
	padding-left: 0;
	color: #d3d3d3 ;
}
#pankuzu a {
	color: #ff99cc;
}
#midasi-face {
	width:  235px;
	height: 360px;
	white-space: normal ;
	overflow: auto;
	top: 140px;
	left: 150px;
	position :absolute;
	z-index : 3;
	margin-left: 0;
	padding-left: 0;
	color: #333333 ;
	line-height: 2;
	font-size: small;
	font-weight: bold;
}
#midasi-body {
	width:  265px;
	height: 355px;
	white-space: normal ;
	overflow: auto;
	top: 150px;
	left: 120px;
	position :absolute;
	z-index : 3;
	margin-left: 0;
	padding-left: 0;
	color: #333333 ;
	line-height: 1.5;
	font-size: small;
	font-weight: bold;
}
#midasi-geruma {
	width:  215px;
	height: 285px;
	white-space: normal ;
	overflow: auto;
	top: 220px;
	left: 170px;
	position :absolute;
	z-index : 3;
	margin-left: 0;
	padding-left: 0;
	color: #333333 ;
	line-height: 2;
	font-size: small;
	font-weight: bold;
}
#midasi-foot {
	width:  275px;
	height: 355px;
	white-space: normal ;
	overflow: auto;
	top: 150px;
	left: 110px;
	position :absolute;
	z-index : 3;
	margin-left: 0;
	padding-left: 0;
	color: #333333 ;
	line-height: 2;
	font-size: small;
	font-weight: bold;
}
#setumei {
	top: 140px;
	left: 400px ;
	position :absolute;
	width:398px;
	height: 350px;
	overflow: auto;
	color:#d3d3d3;
	z-index : 3;
	font-size: x-small;
	line-height: 2;
	scrollbar-base-color: #868789;
	white-space: normal ;

}
#setumei h1 {
	font-size: small;
	color: #66ff00;
}
#setumei h2 {
	margin-left: 10px;
	font-weight: normal;
	font-size: x-small;
	color: #d3d3d3;
}
#info {
	top: 520px;
	left: 20px;
	position :absolute;
	margin-left: 0;
	padding-left: 0;
	font-size: x-small;
	font-weight: normal;
	color: #d3d3d3 ;
}	
#copyright {
	z-index : 3;
	top: 640px;
	left: 505px;
	position :absolute;
	white-space: nowrap ;
	font-size: x-small;
	font-weight: normal;
	color: #ffffcc;
	white-space: normal ;
}
#copyright a {
	height: 50px;
	width: 290px;
	white-space: normal ;
}
#qrcode {
	z-index : 0;
	top: 513px;
	left: 480px;
	position :absolute;
}
#keitai {
	z-index : 0;
	top: 513px;
	left: 540px;
	position :absolute;
	color: #ffffff ;
	width: 260px ;
	height: 100px ;
	overflow: auto;
/*
border: 1px solid red ;
*/
}
#sakurasystem {		/* さくらシステムバナー */
	border-width: 0px;
	z-index : 3;
	top: 655px;
	left: 5px;
	position :absolute;
	text-decoration: none;
}