/* CSS Document */




/* presets ================================= */

	html, body {
	
		border:0;
		margin:0;
		padding:0;
		background:#fff url(../images/bknd_body.gif) repeat-x;	
		text-align:center;
	
	}
	
	body.sub {
		
		background:#fff url(../images/bknd_body_sub.gif) repeat-x;	
	
	}
	
	p { 
		
		padding:0; 
		margin:0;
		font:11px Tahoma, Arial, Verdana; 
		color:#787878;
		line-height:16px;
		
	}
	
	h1 {
		
		font-size:20px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:normal; 
		color:#0C7C0E;
		margin:18px 0 15px 0;
		padding:0; 
		letter-spacing:-1px;
		
	}

	h2 {
		
		font-size:16px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		color:#43AB12;
		letter-spacing:-1px;
		margin:18px 0 10px 0 ; 
		padding:0; 
		
	}	

	h3 {	
		
		font-size:12px; 
		font-family:Tahoma, Helvetica, sans-serif; 
		font-weight:bold; 
		color:#136A20;
		margin:12px 0 8px 0; 
		padding:0; 
		/* letter-spacing:-1px; */
		
	}	

	ul, ol {
	
		margin:0;
	
	}

	ol li, ul li{	
	
		font:11px Tahoma, Arial, Verdana; color:#787878;
		line-height:16px;
	
	}
	
	img {
	
		border:0px;
		font-family:Tahoma, Arial;
		font-size:11px;
		color:#999999;
	
	}


	div.news p, div.news ul, div.news ol {
	
		margin-bottom:10px;
	
	}
	
	div.news ul, div.news ol {
	
		padding-left:30px;
	
	}	

	div.news strong {
	
		color:#666666;
	
	}

	div.news a {
		
		color:#ff7e00;
		text-decoration:none;
		
	}

	div.news a:hover {
		
		color:#f5b400;
		text-decoration:underline;
		
	}
	
	ul.large {
		
		list-style-image:url(../images/micropoint02.gif);	
	
	}
	
	ul.large li {
		
		padding-top:0;
		margin-top:0;
		padding-bottom:10px;
		padding-left:10px;
	
	}
	
	div.alert-box {
	
		width:auto;
		height:auto;
		overflow:auto;
		clear:both;
		float:none;
		padding:15px 13px 10px 13px;
		margin:10px 0;		
		background-color:#F5F5F5;
		border:1px solid #CCCCCC;
	
	}

	div.alert-box p {
	
		margin-bottom:5px;
		color:#555555;
	
	}

/* ypslide down menu ================================= */

	.menu .options {
	
		margin-right:1px;
		margin-bottom:1px;
		border:1px solid #206F20;
		background-color:#227522;
		width:200px; 
	
	}
	
	.menu a {
	
		display:block;
		padding:7px 10px;
		text-decoration:none;
		background-color:transparent;
		border-bottom:1px solid #206F20;
		border-top:1px solid #278927;
		font:11px Tahoma, Arial, Verdana; color:#ffffff;

	}
	
	.menu a:hover {
	
		background-color:#11661D;
		font-weight:bold;

	}
	
	
	#menu3Container, #menu2Container, #menu1Container {
	 	
		margin:2px 0 0 0; 
		padding:0; 
		width:200px; 
		z-index:10000;
	
	}  


/* shape ===================== */
	
	#container-out-left {
	
			margin:0 auto;
			background:url(../images/bg_container_out_left.gif) no-repeat top left;
			width:981px;	
	}
	
	#container-out-right {
			
			background:url(../images/bg_container_out_right.gif) no-repeat top right;
			text-align:center;	
	}
	
	#container-out-left-sub {
	
			margin:0 auto;
			background:url(../images/bg_container_out_left_sub.gif) no-repeat top left;
			width:981px;	
	}
	
	#container-out-right-sub {
			
			background:url(../images/bg_container_out_right_sub.gif) no-repeat top right;
			text-align:center;	
	}	
	
	#container-in {
			
			margin:0 auto;
			padding:0;
			background-color:#fff;
			width:931px;
	}
	
	#container-main {
			
			margin:0 8px;
			padding:0;
			background-color:#fff;
			width:916px;
			text-align:left;
	
	}


/* header ============================== */

	#head-out {
		
		background:#fff; 
		height:77px; 
		width:916px;
	
	}
	
	#head-out-logo {
	
		width:398px;
		float:left;
	
	}	
	
	#head-out-uppermenu, #head-out-uppermenu-left, #head-out-uppermenu-flash, #head-out-uppermenu-right, #head-out-uppermenu-sub, #head-out-uppermenu-left-sub, #head-out-uppermenu-flash-sub, #head-out-uppermenu-right-sub {
	
		height:77px; 	
		margin:0px; 
		padding:0px; 
		line-height:0px; 
		font-size:0px;
		
	}
	
	#head-out-uppermenu{float:right; width:336px;}
	#head-out-uppermenu-left{background:url(../images/head-out-uppermenu-left.gif) no-repeat; float:left; width:27px;}
	#head-out-uppermenu-flash{float:left; width:274px; height:77px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
	#head-out-uppermenu-right{background:url(../images/head-out-uppermenu-right.gif) no-repeat; float:left; width:32px;}
	
	#head-out-uppermenu-sub{float:right; width:317px;}
	#head-out-uppermenu-left-sub{background:url(../images/head-out-uppermenu-left-s.gif) no-repeat; float:left; width:17px;}
	#head-out-uppermenu-flash-sub{float:left; width:280px;}
	#head-out-uppermenu-right-sub{background:url(../images/head-out-uppermenu-right-s.gif) no-repeat; float:left; width:17px;}






#face-out{clear:both; float:none;}
#face-out-main{float:left;width:615px;height:169px;}
#face-out-right{float:left;width:301px;}

#face-out-small{clear:both; float:none;}
#face-out-small-main{float:left;width:607px;height:89px;}
#face-out-small-right{float:left;width:309px;}


#menu-out-menu{width:607px;height:41px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
#menu-out-menu a, #menu-out-menu img{margin:0px; padding:0px; line-height:0px; font-size:0px;border:0;}

#menu-out-right{width:309px;height:41px; float:left;background:url(../images/images/menu-out-right.gif) no-repeat;}

#menu-out-right_sub{width:309px;height:41px; float:left; background:url(../images/menu-out-right_sub.gif) no-repeat;}
#menu-out-right_sub_blank{width:309px;height:41px; float:left; background:url(../images/menu-out-right_sub_blank.gif) no-repeat;}
#menu-out-right_sub_dfi{width:309px;height:41px; float:left; background:url(../images/menu-out-right_sub_dfi.gif) no-repeat;}
#menu-out-right_sub_dpr{width:309px;height:41px; float:left; background:url(../images/menu-out-right_sub_dpr.gif) no-repeat;}




#content-out {clear:both; float:none; padding:0px; margin:0px;}

#content-out-left {float:left; width:547px; padding:10px 30px 30px 30px; background:url(../images/bg-content-out-left.gif) repeat-x; }

#content-out-right {float:left; display:inline; margin:0 21px 20px 8px; width:280px; background:url(../images/bg-content-out-right.gif) repeat-x;}
#content-out-right strong {color:#666666;}

#content-out-right-sub {float:left; display:inline; margin:0 17px 20px 12px; width:280px; background:url(../images/bg-content-out-right.gif) repeat-x;}
#content-out-right-in {width:240px; margin:0 auto;}
#content-out-right-in-sub {width:280px; margin:0 auto; background:url(../images/bg-right-sub.gif) repeat-x; clear:both; float:none;}
#content-out-right-in-sub-wrap {width:240px; margin:0 auto; padding:40px 0 0 0;}
#content-out-right-in-sub-wrap strong {color:#666666;}


/* #footer ============================== */

	#footer {
		
		clear:both; 
		float:none; 
		color:#e6e6e6;
		padding:10px 25px 0 25px;
		margin:0;
	
	}
	
	#footer .line {
		
		width:100%;
		height:1px;
		clear:both; 
		float:none; 
		border-top:1px solid #E0E0E0;
		padding:0 0 10px 0;
		margin:0;
		line-height:0;
		font-size:0;
	
	}
	
	#footer a {
		
		color:#787878;
		text-decoration:none;
		font-size:11px;
		font-family:Tahoma, Arial, Verdana; 
		margin:0 5px;
		
	}

	#footer a:hover {
		
		text-decoration:underline;
				
	}

	#copyright, #webdesign {
		
		margin:4px 30px;
		
	}
		
	#copyright p, #copyright a {
		
		color:#c5c5c5;
		text-decoration:none;
		
	}
		
	#copyright a:hover {
		
		text-decoration:undeline;
		
	}
		
	#webdesign a, #webdesign p {
		
		color:#c5c5c5;
		text-decoration:none;
		
	}
		
	#webdesign a:hover {
		
		text-decoration:undeline;
		
	}



/* .news ============================== */


	.news {
	
		padding:10px 0 10px 0; 
		/* border-bottom:1px solid #e0e0e0; */
		clear:both;
	
	}
	
	.news img {
	
		margin:0;
	
	}
	
	.news-added {
		
		font:10px Arial, Tahoma, Verdana; 
		margin:10px 0; 
		color:#A4A4A4;
	
	}
	
	.news a.readmore {
		
		padding:0 0 0 10px;
		margin:0 0 0 10px; 
		background:url(../images/ico_file.gif) no-repeat 0 2px;
		color:#a4a4a4; 
		text-decoration:none;
		
	}
	
	.news a.readmore:hover {
		
		text-decoration:underline;
		
	}

	.news p.title {
	
		font-size:16px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		color:#0C7C0E;
		margin:8px 0 8px 0;
		padding:0; 
		letter-spacing:-1px;	
	
	}
	
	.news p.title a  {
	
		color:#0C7C0E;
		text-decoration:none;
	
	}
	
	.news p.title a:hover  {
	
		color:#43AB12;
		
	}
	
	.news a.text-short {
	
		color:#787878;
		text-decoration:none;
	
	}


/* .news ============================== */


	.news2 {
	
		padding:10px 0 10px 0; 
		clear:both;
	
	}
	
	.news2 img {
	
		margin:0;
	
	}
	
	.news2 a.readmore {
		
		padding:0 0 0 10px;
		margin:0 0 0 10px; 
		background:url(../images/ico_file.gif) no-repeat 0 2px;
		color:#a4a4a4; 
		text-decoration:none;
		
	}
	
	.news2 a.readmore:hover {
		
		text-decoration:underline;
		
	}

	.news2 p.title {
	
		font-size:16px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		color:#0C7C0E;
		margin:8px 0 8px 0;
		padding:0; 
		letter-spacing:-1px;	
	
	}
	
	.news2 p.title a  {
	
		color:#0C7C0E;
		text-decoration:none;
	
	}
	
	.news2 p.title a:hover  {
	
		color:#43AB12;
		
	}
	
	.news2 a.text-short {
	
		color:#787878;
		text-decoration:none;
	
	}



/* totalcenter ============================== */	

	.totalcenter {
		
		width:115px; 
		height:86px;  
		float:left;
		margin:0 15px 5px 0; 
		border:1px solid #EFEFEF; 
		background-color:#F5F5F5;
		text-align:center;
		padding:5px 0 0 0; 
		
	}
	
	.totalcenter table {
		
		vertical-align:middle; 
		width:115px; 

	}
	
	.totalcenter td {
	
		padding:0;
		align:center;
		width:115px; 
		border:0;
	
	}
	
	.totalcenter img {
		
		margin:0 auto;
	
	}	



/* thumb-container ============================== */

	#thumb-container, #thumb-container table, #thumb-container td {
	
		width:200px;
		height:143px;
	
	}

	#thumb-container {
	
		text-align:center;		
		float:right;
		margin:10px 0 10px 10px;
		padding:5px 0;
		border:1px solid #EFEFEF; 
		background-color:#F5F5F5;	
	
	}
	
	#thumb-container table, #thumb-container td {
	
		vertical-align:middle;
		padding:0;		
	
	}


/* thumb-container-static ============================== */

	#thumb-container-static {

		width:176px; 				
		float:right;
		margin:0 0 10px 10px;
		display:inline;
		text-align:center;		
		background-color:#F1F1F1;
		border:1px solid #CCCCCC;
		padding:8px;
	
	}
	
	#thumb-container-static img {
	
		border:1px solid #ffffff;
		
	}



/* .submenu ============================== */

	.submenu {
		
		width:280px;
		float:left;
		display:inline;	
		
	}
	
		.submenu img { 
		
			border:0px;	
		
		}
		
		.submenu ul {
		
			margin:0px;
			padding:0px;
			list-style-type:none;
		
		}
		
		.submenu li {
		
			border-top:1px solid #ffffff;
			border-bottom:1px solid #e7e7e7;  
			background-color:#f9f9f9;
			/* width:217px; */
		
		}
		
		.submenu li a {
		
			text-align:left;
			font-size:12px;
			font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
			background-image:url(../images/submenu-off.gif); background-repeat:no-repeat; background-position: 33px 7px;
			color:#565656;
			display:block;
			text-decoration:none;
			padding-top:6px;
			margin-left:0px;
			padding-left: 47px;
			height:22px;
			text-indent:8px;
		
		}
		
		.submenu li a:hover {
		
			background-color:#F3F3F3;
			background-image:url(../images/submenu-on.gif); background-repeat:no-repeat; background-position: 33px 7px;
			font-weight:bold; 
			color:#565656;
		
		}
	
	/* deeper */
	
		.submenu ul ul {
		
			margin:0px;
			padding:0px;
			list-style-type:none;
		
		}
		
		.submenu ul ul li {
		
			border-top:1px solid #5e5d5d;
			/*border-bottom:1px solid #000000;*/
			background-color:#4A4A4C;
			/*width:217px;*/
		
		}
		
		.submenu ul ul li a {
		
			text-align:left;
			text-indent:20px;
			color:#FFF;
			display:block;
			/* width:217px; */
			font-size:11px;
			text-decoration:none;
			padding-top:2px;
			height:18px;
		
		}
		
		.submenu ul ul li a:hover {
		
			background-color: #646466;
			color:#FFF;
		
		}
	


/* miscellanous ============================== */

	.clear {
		
		clear:both; 
		float:none; 
		font-size:0px; 
		padding:0; 
		margin:0; 
		height:1px;
	
	}
	
	.center {
		
		text-align:center; 
		margin:0 0 20px 0;
		
		}
	
	.center-wal {
		
		text-align:center;
		font:10px Tahoma, Arial, Verdana; 
		color:#A0A0A0; 
		padding:3px; 
		
	}
	
	.center-border-right {
		
		text-align:center; 
		margin:0 0 20px 0; 
		border-right:1px solid #eaeaea;
	
	}
	
	td {
		
		font:11px Tahoma, Arial, Verdana; 
		color:#9C9C9C; 
		padding:7px 5px 6px 5px;
		line-height:16px;
		
	}

	.tdprice{
		width:120px;
		text-align:right;
		
	}

	.bigtable {
		
		border-spacing:0px;
		border-collapse:collapse;
		width:540px;
		margin-bottom:20px;
		
	}
	
	.bigtable p {
		
		padding-bottom:0px !important;
		
	}
	
	.bigtable td {
		
		font:11px Tahoma, Arial, Verdana; color:#9C9C9C; 
		padding:8px 18px 0 22px;
		border:1px solid #EFEFEF; 
		border-collapse:collapse;
		margin:0;
		
	}

	.news table {
		
		border-spacing:0px;
		border-collapse:collapse;
		width:540px;
		margin-bottom:20px;
		
	}

	.news td {
				
		font:11px Tahoma, Arial, Verdana; color:#9C9C9C; 
		padding:8px 5px;
		border:1px solid #EFEFEF; 
		border-collapse:collapse;
		line-height:16px;
		margin:0;
		
	}
	

	.news th {
		font-size:11px; 
		font-family: Tahoma, Arial, Verdana; 
		color:#9C9C9C; 
		font-weight:normal;
		background:url(../images/bg-right-sub.gif) repeat-x;
		background-color:#EFEFEF;
		padding:8px 10px 8px 10px !important;
		line-height:16px;
		}				

				
	.bgdark{
		
		background-color:#EFEFEF;
		background:url(../images/bg-right-sub.gif) repeat-x;
		padding:8px 10px 0 10px !important;		
	
	}
	
	
	.bgdark * {

		color:#333333 !important;
			
	}
	
	.dark {
			
		background-color:#F3F2F2; 
		font:11px Arial, Tahoma, Verdana; 
		font-weight:bold; 
		color:#9B9B9B;
		line-height:11px;
	
	}
	
	.bold {
		
		font-weight:bold;
	
	}
	
	
	
	.overflow{ width:100%; overflow:hidden;}
	.overflow-news{width:400px;overflow:hidden;}


/* thumb-container ============================== */

	#thumb-container, #thumb-container table, #thumb-container td {
	
		width:200px;
		height:133px;
	
	}

	#thumb-container {
	
		text-align:center;		
		float:right;
		margin:0 0 10px 10px;
	
	}
	
	#thumb-container table, #thumb-container td {
	
		vertical-align:middle;
	
	}



/* miscellanous ============================== */	
	
	.wheremi {
		
		background-image:url(../images/podkr.gif);
		background-position:bottom; 
		background-repeat:repeat-x;
		padding:0 0 7px 0;
		
	}
		
	.wheremi p {
		
		color:#a9a9a9;
	
	}
	
	.wheremi a, .wheremi a.first {
		
		padding:0 0 0 14px;
		margin:0 0 0 3px; 
		color:#a9a9a9;
		background:url(../images/wheremi.gif) no-repeat 0px 2px;
		text-decoration:none;
	
	}	

	.wheremi a.first {
		
		background:none;
		padding:0;
		margin:0;
	
	}	
	
	.wheremi a span {
		
		font-weight:bold;
		color:#777777;
		
	}
	
	.wheremi a:hover {
		
		text-decoration:underline;
	
	}	
	


	div.text-container p {
	
		padding-bottom:10px;
		
	}


	.spacer-line {
		
		width:100%;
		height:2px;
		clear:both;
		float:none;
		padding:10px 0;
		margin:0;
		line-height:0;
		font-size:0;
		background:url(../images/podkr.gif) bottom repeat-x;
		
	}
	
	.spacer {
		
		width:100%;
		clear:both;
		float:none;
		padding:5px 0;
		margin:0;
		line-height:0;
		font-size:0;
		
	}

	.backtotop {
		
		position:relative;
		top:-7px;
		
	}
	
	
	
	.color01  {
	
		color:#333333;
	
	}

	a.color01:hover  {
	
		color:#666666;
	
	}

	.color02  {
	
		color:#FF9900;
	
	}

	a.color02:hover  {
	
		color:#FFCC00;
	
	}

	.color03  {
	
		color:#BBBBBB;
	
	}

	a.color03:hover  {
	
		color:#444444;
	
	}

	.text-right {
		
		text-align:right;
		
	}

	.text-left {
		
		text-align:left;
		
	}

	.text-center {
		
		text-align:center;
		
	}

	font01 {
	
		font-family:Tahoma, Arial, Verdana;
	
	}

	font02 {
	
		font-family:Arial, Tahoma, Verdana;
	
	}
	
	s11 {
	
		font-size:11px;
	
	}	

	s12 {
	
		font-size:12px;
	
	}	

	s14 {
	
		font-size:14px;
	
	}	
	
	
	
	

/* Navi pages ============================== */

	div.navi-pages {
	
		height:auto;
		margin:10px 0 20px 0;
		clear:both;
		float:none;

	}
	
	div.navi-pages * {
	
		font-family:Tahoma, Arial;
		font-size:11px;
	
	}
	
	div.navi-pages .page-off, div.navi-pages .page-active {
	
		height:16px;
		width:18px;
		margin:0;
		float:left;
		display:inline;
		padding:0;
		text-align:center;
		
	}
	
	div.navi-pages .page-off a {
		
		color:#666666;
		
	}
	
	div.navi-pages .page-spacer {
		
		height:16px;
		width:8px;
		margin:0;
		float:left;
		display:inline;
		padding:0;
		text-align:center;
		color:#CCCCCC;
		font-weight:normal;
		
	}

	div.navi-pages .page-active {
		
		background-color:#E9E9E9;
		font-weight:bold;
		color:#666666;
		
	}

	div.navi-pages .page-list {
		
		width:auto;
		float:left;
		font-weight:bold;
		color:#666666;
		padding:0px 10px;
		
	}

	div.navi-pages .page-list a {
		
		color:#AAAAAA;
		
	}

	div.navi-pages .page-list a:hover {
		
		color:#333333;
		
	}
	
	div.navi-pages .page-step {
		
		height:16px;
		float:left;	
		margin:0px 10px;	
		color:#AAAAAA;
		
	}
	
	div.navi-pages .page-step a {
		
		color:#AAAAAA;				
		
	}
	
	div.navi-pages .page-step a:hover {
		
		color:#333333;	
		
	}


/* Contact ============================== */
	
	table.contact-container p {
	
		padding:0 !important;
	
	}
	
	table.contact-container td {
	
		padding:2px 10px 2px 0;
	
	}
	
	input.contactform-type {
	
		width:180px;
		border:1px solid #CCCCCC;
		padding:3px;
		color:#333333;
		margin-right:10px;
	
	}
	
	textarea.contactform-type {

		width:100%;
		border:1px solid #CCCCCC;
		padding:3px;
		color:#333333;
	
	}
	
	select.contactform-select {

		width:100%;
		font-size:11px;
		border:1px solid #CCCCCC;
		padding:3px;
		color:#333333;

		
	}
	
	label.error {
	
		color:#ff0000;
	
	}
	
	table.contactform {
	
		width:100%;
		border:1px solid #cccccc;
		background-color:#F8F8F8;
	
	}
	
	table.contactform td {
	
		padding: 5px 20px 5px 20px;
		vertical-align:top;
	
	}
	
	span.required {
	
		color:#FF0000;
	
	}
	.open-hour {
	   margin-top:10px;
	   float:right;
	   cursor:pointer;
	}
	.tooltip-body, .tooltip-head {
	  font:11px Tahoma, Arial, Verdana;
	  color:#FFF;
	  padding:3px;
	  background-color:#57B32C;
	  border:1px solid #49B3091;
	}
	
	.tooltip-head {
	  padding:5px;
	  font-weight:bold;
	  background-color:#369929;
	  border:1px solid #49B3091;
	}