﻿@charset "utf-8";

/* TOP */

#body {
	margin-top: 80px;
}

/*--------------------------------------
    header
---------------------------------------*/
body #header {
	height: auto;
	margin: 80px 0px 0px 0px;
	text-align: right;
}

	body #header #logo {
		margin-bottom: 36px;
	}
	
	body #header #navi {
	}
	
	body #header #navi ul#top-navi-list {
		text-align: left;
		list-style: none;
		margin-left: -10px;
	}
	
	body #header #navi ul#top-navi-list li {
		float: right;
		clear: right;
		margin-left: 10px;
	}
	
	body #header #navi ul#top-navi-list li a {
		width: 150px;
		background-repeat: no-repeat;
		background-position: right top;
		height: 32px;
		display: block;
		text-indent: -2000px;
	}
	
	body #header #navi ul#top-navi-list li a:hover,
	body #header #navi ul#top-navi-list li a:focus,
	body #header #navi ul#top-navi-list li a.current-page {
		background-position: right bottom;
	}
	
	/*--------------------------------------
			navi background
	---------------------------------------*/
	body #header #navi ul#top-navi-list li.navi-about a {
		background-image: url(../img/navi_about.gif);
	}
	body #header #navi ul#top-navi-list li.navi-images a {
		background-image: url(../img/navi_images.gif);
	}
	body #header #navi ul#top-navi-list li.navi-info a {
		background-image: url(../img/navi_info.gif);
	}
	body #header #navi ul#top-navi-list li.navi-days a {
		background-image: url(../img/navi_days.gif);
	}
	body #header #navi ul#top-navi-list li.navi-contact a {
		background-image: url(../img/navi_contact.gif);
	}

/*--------------------------------------
    info
---------------------------------------*/
#info {
	font-size: 75%;
}

#info .blank {
	margin-top: 80px;
}

#topimage {
}

#topimage .image {
}

#topimage .hello {
	position: relative;
	top: -108px;
	left: 11px;
}

body #footer {
	margin: 4em 0 2em 0;
}


body .secondary {
	width: 280px;
	float: left;
}
