@charset "utf-8";

/*--------------------------------------
    expression
---------------------------------------*/

* html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/*--------------------------------------
    wrapper
---------------------------------------*/
body #wrapper {
	max-width: 1280px;
}

/*--------------------------------------
    container
---------------------------------------*/
body #container {
	margin: 0 auto;
	width: 780px;
	font-size: 0.8em;
}

/*--------------------------------------
    header
---------------------------------------*/
body #header {
	height: 60px;
	margin: 60px 0 80px 0;
}

	body #header #logo {
	}

	body #header #logo a {
		text-indent: -2000px;
		background-image: url(/common/img/logo_machocolate3.gif);
		background-repeat: no-repeat;
		width: 211px;
		height: 40px;
		display: block;
	}
	
	body #header #navi {
	}
	
	body #header #navi ul#navi-list {
		list-style: none;
		margin-left: -10px;
	}
	
	body #header #navi ul#navi-list li {
		float: left;
		margin-left: 10px;
	}
	
	body #header #navi ul#navi-list li a {
		width: 80px;
		background-repeat: no-repeat;
		background-position: left top;
		height: 40px;
		display: block;
		text-indent: -2000px;
	}
	
	body #header #navi ul#navi-list li a:hover,
	body #header #navi ul#navi-list li a:focus,
	body #header #navi ul#navi-list li a.current-page {
		background-position: left bottom;
	}
	
	/*--------------------------------------
			navi background
	---------------------------------------*/
	body #header #navi ul#navi-list li.navi-about a {
		background-image: url(/common/img/navi_about.gif);
	}
	body #header #navi ul#navi-list li.navi-images a {
		background-image: url(/common/img/navi_images.gif);
	}
	body #header #navi ul#navi-list li.navi-info a {
		background-image: url(/common/img/navi_info.gif);
	}
	body #header #navi ul#navi-list li.navi-days a {
		background-image: url(/common/img/navi_days.gif);
	}
	body #header #navi ul#navi-list li.navi-contact a {
		background-image: url(/common/img/navi_contact.gif);
	}


/*--------------------------------------
    footer
---------------------------------------*/
body #footer {
	margin: 4em 0 2em 0;
}

	body #footer #copyright {
		padding: 8px 0;
		font-size: 10px;
		text-align: right;
	}




/*--------------------------------------
    classes
---------------------------------------*/
body .primary {
	width: 450px;
	float: right;
}

body .secondary {
	width: 310px;
	float: left;
}

body h3.secondaly-title,
body h4.secondaly-title,
body h5.secondaly-title,
body div.secondaly-title {
	clear: both;
	float: left;
	margin-left: -320px;
	width: 290px;
	text-align: right;
}

/*--------------------------------------
    prevnext
---------------------------------------*/
body .prevnext {
	padding: 0 0 4em 0;
}
body .prevnext:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	body .prevnext a {
		width: 128px;
		background-repeat: no-repeat;
		background-position: left top;
		height: 36px;
		display: block;
		text-indent: -2000px;
	}
	
	body .prevnext a:hover,
	body .prevnext a:focus {
		background-position: left bottom;
	}
	
	body .prevnext .left {
		/* text-align: left; */
	}
	
	body .prevnext .right {
		/* text-align: right; */
	}
	
	body .prevnext .left a {
		background-image: url(/common/img/btn_prev.gif);
	}
	
	body .prevnext .right a {
		background-image: url(/common/img/btn_next.gif);
	}

/*--------------------------------------
    module
---------------------------------------*/
body .module {
	margin-bottom: 1em;
}

	body .module ul {
		list-style-position: outside;
		padding: 4px 0px;
	}

		body .module ul li {
			background-repeat:no-repeat;
			background-position: top left;
			padding-left: 14px;
			list-style:none;
		}
		
		body .module ul.flower li {
			background-image: url(/common/img/icon_flower.gif);
		}
		
			body .module ul.flower li a:hover {
				color: #F2A8C8;
			}
		
		body .module ul.bird li {
			background-image: url(/common/img/icon_bird.gif);
		}
		
			body .module ul.bird li a:hover {
				color: #A8D9EE;
			}
		
		body .module ul.leaf li {
			background-image: url(/common/img/icon_leaf.gif);
		}
		
			body .module ul.leaf li a:hover {
				color: #CDEB9A;
			}

	body .module .widget-list-item {
		font-family: Georgia, "Times New Roman", Times, serif;
	}

/*--------------------------------------
    entry
---------------------------------------*/

body .entry .entry-header {
	clear: both;
	float: left;
	margin-left: -240px;
	width: 220px;
}

body .entry .entry-title {
	text-align: right;
}

body .entry .date-update {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	font-size: 0.8em;
}

/*--------------------------------------
    form
---------------------------------------*/

body .form {
	margin: 0 0 1em 0;
}

	body .form fieldset {
		border: 1px solid #ddd;
		padding: 10px 20px;
	}
	
	body .form legend {
		padding: 0px 10px;
	}
	
	body .form .label {
		width: 120px;
		display: block;
		float: left;
		clear: left;
	}
	
	body .form .field {
		margin-left: 120px;
	}
	
	body .form input.text,
	body .form input.error {
		width: 290px;
	}
	
	body .form textarea {
		width: 440px;
	}
	
	body .form input.text,
	body .form textarea.text {
		background-color: #F5F5F5;
		border: 1px solid #E0E0E0;
		padding: 5px;
	}
	
	body .form input.error,
	body .form textarea.error {
		background-color: #FCEFF1;
		border: 1px solid #F0B0B6;
		padding: 5px;
	}
	
	body .form .element {
		clear: left;
		padding: 0 0 0.5em 0;
		display: block;
	}
	
	body .form div {
		padding: 0.5em;
	}
	
	body .form div.error-text {
		padding: 0px;
		font-size: 0.8em;
		font-weight: bold;
		color: #DD6684;
	}