*{
	margin: 0;
	padding: 0;
	font-style: normal;
}
* p{
	margin:10px 0;
	line-height:1.5;
}

img{
	border:none;
}
body{
	margin:10px;
	width:800px;
}

/*****  header  *****/
div.header{
	height:120px;
	background-image: url(header01.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div#logo{
	position: absolute;
	top:30px;
	left:10px;
}

div#sitename h1{
	font-size:90%;
	position: absolute;
	top:30px;
	left:140px;
}
div#sitename h2{
	position: absolute;
	top:50px;
	left:220px;
}
div#mail{
	position: absolute;
	top:85px;
	left:329px;
}
div#about{
	position: absolute;
	top:85px;
	left:372px;
}
div#home{
	position: absolute;
	top:85px;
	left:415px;
}
div#mobile{
	position: absolute;
	top:90px;
	left:250px;
}
div#qrcode{
	position: absolute;
	top:75px;
	left:270px;
}
/*****  gnavi  *****/
div.gnavi{
	height:40px;
}

/*****  side  *****/
div.side{
	float:left;
	width:40%;
	height:600px;
	padding:10px;
	background-color: #f0fff0;
	border-right:solid 1px #bbddff;
	overflow:auto;
}
div.side h3{
	margin:10px;
}
div.gakku ul li{
	list-style:none;
	float:left;
	width:110px;
	height:25px;
	font-size:80%;
	margin-left:2em;
	padding-left:1em;
	background-image: url(kaku.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
}

div.school ul li{
	list-style:none;
	font-size:90%;
	margin-left:2em;
	padding-left:2em;
	line-height:1.5;
	background-image: url(school.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
}
div.bank ul li{
	list-style:none;
	font-size:80%;
	margin-left:2em;
	padding-left:2em;
	line-height:1.5;
	background-image: url(bank.png);
	background-position: left 1px;
	background-repeat: no-repeat;
}
div.ivent ul li{
	list-style:none;
	font-size:80%;
	margin-left:2em;
	padding-left:2em;
	line-height:1.5;
	background-image: url(ivent.png);
	background-position: left 1px;
	background-repeat: no-repeat;
}
div.moero ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 2em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(mc.gif);
	background-position: left -3px;
	background-repeat: no-repeat;
}
div.hoole ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 2em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(kaku.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
div.park ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 1.5em;
	padding-left:2em;
	line-height:1.5;
	background-image: url(park.png);
	background-position: left 0px;
	background-repeat: no-repeat;
}
div.kosodate ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 1.5em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(kaku.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
}
div.town ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 1.5em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(kaku.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
}
div.anzen ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 1.5em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(kaku.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
}
div.school ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 1em;
	padding-left:2.5em;
	line-height:1.5;
	background-image: url(school.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
}
div.brauza ul li{
	list-style:none;
	float:left;
}
div.tabi ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 2em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(suitcase.png);
	background-position: left 2px;
	background-repeat: no-repeat;
}
div.shopping ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 2em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(shopping.png);
	background-position: left 2px;
	background-repeat: no-repeat;
}
div.sumai ul li{
	list-style:none;
	font-size:80%;
	margin:10px 10px 10px 1em;
	padding-left:1.5em;
	line-height:1.5;
	background-image: url(home.png);
	background-position: left 1px;
	background-repeat: no-repeat;
}
div.side p{
	font-size:80%;
	line-height:1.5;
	margin-left:1em;
}


/*****  content  *****/
div.content{
	height:600px;
	margin:0 10px 10px 260px;
	padding:10px;
}
div.content h3{
	margin:10px;
}
div.content p{
	margin-left:1em;
	font-size:80%;
	line-height:1.5;
}

/*****  futter  *****/
div.futter{
	clear: both;
	height:120px;
	background-image:url(footerbg.gif);
	background-position: bottom left;
	background-repeat: repeat;
	border-top:2px solid #004c99;
	border-bottom:4px solid #004c99;
}

div#rss{
	position:absolute;
	top:850px;
	left:250px;
}
address{
	font-size:90%;
	text-align:right;
	margin:10px 2em;
	line-height:1.5;
}


