html, body {
	width:100%;
  height:100%;
	margin:0;
  padding:0;
}

body {
  font-family:"Arial", sans-serif;
  font-size:12px;
  line-height:16px;
	color:#333;
  text-align:left;
  background:url("/con/cms/images/bg-body.gif") #DFDAC5 repeat-x;
}

a img {
  border:none;
}

p {
  margin:0 0 1em 0;
}

h1, h2 {
  font-weight:bold;
  font-family:"Trebuchet MS", sans-serif;
  color:#af0e23;
  font-size:18px;
  line-height:32px;
  margin:1em 0 0.5em 0;
  border-bottom:1px solid #fff;
}

.firstHeading {
  margin-top:0;
}

.rot {
  color:#af0e23;
}

h3 {
  font-weight:bold;
  font-size:12px;
  color:#af0e23;
  margin:1em 0 0.2em 0;
}

h4, h5, h6 {
  font-weight:bold;
  font-size:12px;
  color:#333;
  margin:1em 0 0 0;
}

a {
  color:#af0e23;
  text-decoration:none;
}

a:hover {
  color:#7f0e03;
  text-decoration:underline;
}

dt {
  font-weight:bold;
}

dd {
  margin:0 0 1em 0;
  padding:0;
}

#header {
  height:50px;
  background:url("/con/cms/images/bg-header.gif") transparent no-repeat 245px 0;
  text-align:center;
  padding:80px 245px 0 245px;
  width:502px;
}

#header h2,
.sidebar h2,
.sidebar h1 {
  border-bottom:none;
}

#title {
  position:absolute;
  left:0;
  top:0;
  margin:0;
  height:130px;
  width:245px;
  background:url("/con/cms/images/logo.gif") transparent no-repeat right top;
}

#title a {
  display:block;
  height:130px;
  width:245px;
  text-indent:-9999px;
  background:url("/con/cms/images/logo.gif") transparent no-repeat right top;
}

#title.pansan, #title.pansan a {
  background-image:url("/con/cms/images/logo-pansan.gif");
}

#header h2.firstHeading {
  font-weight:bold;
  font-family:"Arial", sans-serif;
  font-size:24px;
  color:#333;
}

#navigation {
  position:relative;
  height:30px;
  background-color:#C5B88B;
}

a#home {
  display:block;
  font-size:12px;
  line-height:14px;
  color:#fff;
  border-right:1px solid #fff;
  float:left;
  padding:0 8px 0 0;
  margin:8px 0;
}

a#home:hover {
  color:#ece9dc;
  text-decoration:none;
}

#container {
  min-height:100%;
  overflow:visible;
  background:url("/con/cms/images/bg-container.gif") transparent repeat-y left top;
}

.center {
  position:relative;
  margin:0;
  width:992px;
}

* html #container {
  height:100%;
}

.sidebar {
  width:245px;
  float:left;
  min-height:10px;
}

.sidebar.right {
  float:right;
  padding:25px 0 25px 35px;
  width:210px;
}

* html .sidebar {
  overflow:hidden;
}

#content {
  width:440px;
  float:left;
  padding:30px 0 30px 31px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */