@CHARSET "UTF-8";

@import url('reset.css');

* {
margin: 0;
}

form { padding: 0px; margin: 0px; }

html, body {
	height: 100%;
	min-height: 100%;
	font-size: 14px; font-family: "Palatino Linotype","Book Antiqua","Palatino"; background-color: #ffffcd; padding: 0px; margin: 0px; }

table { text-align: left; }

a { text-decoration: none; color: #c42a22; }
a:hover { }
a.title { font-weight: bold; }
a.operation { color: #c42a22; }

hr { width: 100%; float: left; padding: 0px; color: #ccc; }

.link { cursor: pointer; border: 0px !important;  }
img.center { display: block; text-align: center; }

ul.clear { list-style: none; margin: 0; padding: 0; }
ul.clear li { margin: 0; padding: 0 5px; }

.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }

.success { color: #006600; }
.error {color: #cc0000; }
.important { font-weight: bold; color: #cc0000; }
.lessimportant { color: #666; }
.little { font-size: 10px; }
.small { font-size: 11px; }
.bigger { font-size: 14px; }
.hidden { display: none; }

input[disabled] { background-color: #eee; }

input.button {
  margin: 0;
  padding: 2px 5px;
  line
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  background: url("/include/images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}

input.button:active {
  border: 1px inset #ccc;
}

input.button:hover {
  border-color: #9cf #69e #69e #7af;
}

input.button[disabled] {
  cursor: default;
  color: #888;
}

input.button[disabled]:hover {
  border: 1px outset #ccc;
}

input.submit {
  background: url("/include/images/hborder.png") repeat-x 0px -115px;
}

input.submit_red {
  background: url("/include/images/hborder.png") repeat-x 0px -195px;
}


.error-box, .success-box { float: left; clear:both; padding: 4px; margin: 5px; list-style: none; background:#fff; }
.error-box li { padding: 0 20px; margin: 2px; background: #fff url(/include/images/error_ico.png) no-repeat left center;}
.success-box li { padding: 0 20px; margin: 2px; background: #fff url(/include/images/success_ico.png) no-repeat left center;}
.error-box { border: 1px solid red; color: #000; }
.success-box { border: 1px solid #999; color: #000; }

div#js_error_box { background-color: #222; color: #fff; padding: 10px; border: 4px solid #777; position: fixed; width: 450px; top: 50%; left: 50%; margin-top: -200px; margin-left: -225px; }
#js_error_box #title { padding-bottom: 10px; }
#js_error_box #scroll { overflow: auto; border: 1px solid #000; background-color: #444; height: 150px; color: #ddd; }
#js_error_box #scroll div { padding: 4px; }
#js_error_box #scroll div span { color: #fff; font-weight: bold; }
#js_error_box #ok { text-align: right; padding-top: 10px; }

#list-articles { }
#list-articles h1 { margin: 20px 0 0 0; font-size: 18px; color: #c42a22; font-weight: normal; }
#list-articles h1 a { font-size: 18px; color: #c42a22; }
#list-articles .article { display: block; float: left; width: 100%; margin: 10px 0; }
#list-articles .subtext { font-size: 11px; color: #444; }

#article-nav { margin: 20px 0; float: left; width: 100%; text-align: center; }

#flash-params-list { font-size: 12px; font-family: Arial; width: 100%; border: 1px solid #aaa; color: #000; background-color: #eee; }
#flash-params-list th, #flash-params-list td { border: 1px solid #aaa; padding: 2px 5px; }
#flash-params-list th { text-align: left; color: darkred; background-color: #ccc; }
.flash-param-value { font-family: monospace; }

#menu_items_list { width: 100%; float: left; }
.menu_item { float: left; width: 100%; margin: 10px 0; position: relative; }
.menu_item .menu_number { float: left; width: 25px; }
.menu_item .menu_item_description { float: left; width: 385px; }
.menu_item .menu_title { color: #c42a22; }
.menu_item .menu_price { float: left; text-align: right; width: 80px; }

.menu_image_box { text-align: center; position: absolute; right: 0; width: 160px;}

#bg { margin: 0 auto; width: 900px;
	background: #ffffcd url(/include/images/hp/left_box_bg.jpg) repeat-y; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; vertical-align: top; }

#border { width: 900px; margin: 0; }
	
#top-margin { height: 20px; background: #ffffcd; }
	
#col_left { width: 223px; background: url(/include/images/hp/menu.jpg) no-repeat left 163px; }
#col_left #left_menu_border { height: 263px; float:left; width: 85px; }
#col_left #menu { width: 138px; float: left; margin-top: 30px; }
#col_left #menu a { font-size: 18px; color: #000; margin-bottom: 10px; display: block; border-bottom: 2px solid transparent; }
#col_left #menu a:hover {border-bottom: 2px solid #c42a22; }
#col_left #menu .lightred { color: #c42a22; }

#col_left #left_banner_box { width: 160px; float: right; margin-top: 20px; clear:both; }

#col_right { vertical-align: top; }

#col_right #top_banner_box { height: 150px; vertical-align: top; }

.article-title { font-size: 18px; font-weight: normal; padding-bottom: 20px; color: #c42a22; }
#centercolumn { padding: 0 10px 10px 10px; }

.gallery { display: block; float: left; list-style: none; margin: 30px 0; padding: 0; }
.gallery li { display: block; float: left; width: 150px; text-align: center; margin-right: 5px; }
.gallery li.break { clear:both; width: 100%; }
.gallery li .title { font-size: 18px; clear:both; width: 100%; float: left; }

#map { font-size: 11px; color: #555; float: left; width: 100%; clear: both; margin: 0 0 10px 0; list-style: none; }
#map li { float: left; width: auto; }
#map a { font-size: 11px; color: #555; }

#foot { width:100%; }

#foot .push {
   height:30px;
}

.back_button { float: left; width: 100%; margin: 30px 0 70px 0; }

#col_left #left_survey_box { width: 160px; float: right; margin-top: 20px; clear:both; }

#survey { width: 100%; line-height: 25px; }

.simple_graph { width: 100%; }
.simple_graph .sg_label { width: 100%; color: #666; font-size: 11px; }
.simple_graph .sg_row { width: 100%; padding: 5px; }
.simple_graph .sg_bars { width: 100%; }
.simple_graph .sg_bar { width: 100%; height: 5px; border: 1px solid #ccc; }
.simple_graph .sg_value_bar { height: 5px; background-color: #888; }
.simple_graph .sg_max .sg_label { color: #6D9306; }
.simple_graph .sg_max .sg_value_bar { background-color: #6D9306; }

.panoramabox { margin: 10px 0; border: 1px solid #aaa; width: 800px; height: 200px; }