@charset "UTF-8";

body{
	background:url("../images/backTile.png");
	margin:0 2em;
	padding:0;
}

a{
	text-decoration: none;
}

img{
	border:none;
	margin:0;
	padding:0;
}

#header, #footer, #contents, #nav{
	border:5px solid #999;
}

/*--- header ---*/
#header{
	height:100px;
	background:#fff url("../images/headImg.png") no-repeat;
	padding:0;
	margin:10px 0 0 0;
}

#header p{
	font-weight:bold;
	font-size:small;
	color:#555;
	text-align:right;
	margin:5px 10px;
}

#header a{
	color:#555;
}

/*--- nav ---*/
#nav{
	float:left;
	background-color:#555;
	margin:10px 0;
	padding:10px 5px 0 10px;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

#nav li {
	display:block;
	width:110px;
	margin:5px 0 5px 0;
	padding:0;
	font-size:small;
	font-weight:bold;
}

#nav li a{
	display:block;
	width:100%;
	padding:5px 0 5px 10px;
	margin:0;
	background-color:#fff;
	color:#333;
	border-left:15px solid #f60;
	border-bottom:3px solid #f60;
}

#nav li a:hover{
	padding:5px;
	text-align:center;
	background-color:#999;
	color:#fff;
}

#nav li.current{
	padding:5px;
	margin:0;
	background-color:#999;
	color:#fff;
	border:3px solid #f60;
	border-left:15px solid #f60;
	text-align:center;
}

#nav #litop{
	margin-top:5px;
}

#nav #kawara{
	padding:0;
	margin:20px 10px;
} 

/*--- contents ---*/
#contents{
	float:left;
	background-color:#eee;
	padding:10px;
	margin:10px 0 0 10px;
	font-size: small;
}

/*--- footer ---*/
#footer{
	clear:both;
	height:35px;
	padding: 5px;
	margin: 10px 0 0 0;
	background-color:#f00;
	color:#fff;
	font-size:small;
	font-weight:bold;
}

#footer p{
	float:left;
	padding:0 5px;
	margin:0;
}

#footer p a{
	color:#fff;
}

#footer address{
	float:right;
	padding:0 5px;
	margin:0;
	font-style:normal;
}