/*  BODY  */
body,html  {
    font: 85%/1.5em arial, sans-serif;
    background-color:#fff;
    overflow:hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.expAll {
  display: none;
}

*:focus { outline: none }

/*  LAYOUT  */

#language {
  position: absolute;
  z-index:30;
  width: 100px;
  left: 50%;
  margin-left: 602px;
  top: 50%;
  margin-top: -385px;
  display: none;
}

#container {
    position:absolute;    
    z-index: 10;    
    top:50%;
    left:50%;    
    height:720px;
    width:1280px;    
    margin-top:-360px;
    margin-left:-640px;
}

#main-content {
  position:absolute;
  z-index: 20;        
  top:50%;
  left:50%;    
  height:720px;
  width:1280px;    
  margin-top:-360px;
  margin-left:-640px;
}

#navi .tt_contentwrap {
  margin-bottom: -17px;
}

#navi {
  width: 250px;
  height: 720px;
  float: left;
  background-image:url(../images/navi-bg.png);
  background-repeat:repeat;
  overflow:hidden;
}

.navi {
  margin: 55px auto 0px 20px;

}

#chillo-eyecatcher {
  position: absolute;
  z-index: 300;
  left:50%;
  top: 50%;
  margin: 122px 0px 0px -640px;
  background-image:url(../images/chillo-eyecatcher.png);
  background-repeat:no-repeat;
  width: 308px;
  height: 238px;
}

#content {
  width: 1030px;
  min-height: 720px;
  float: left;
}

#content .textwrap {
  padding: 50px 20px 50px 65px;
}

#transbox .textwrap {
	padding:26px 35px 5px 35px !important;
	margin:  0px 180px 0px 170px;
	height:689px;
	overflow:auto;
	color:#fff;
	background:url(../images/bg_imprint.png);
	font-style:italic;
}

#transbox .textwrap h1, #transbox .textwrap h2 {
font-weight:normal;
}

#textbox .textwrap {
padding:0px !important;
}

#textbox {
padding:40px !important;
margin:50px 0px 0px 50px;
background:url(../images/bg_textbox.png);
height:550px;
width:350px;
}

#textbox h1 {
	font-size:3em;
	margin-bottom:15px;
	margin-top	:0px;
}

#textbox h2 {
	font-weight:normal;
	font-size:1.7em;
	margin-bottom:55px;
}

#textbox p {
	font-size:1.2em;
	color:#333;
}

.clear {
  clear:both;
}

img#bg-image {
  width: 100%;
}


/*  NAVI  */

#navi #nav2 {
  display: none;
}

#navi a {
  font: 14px Arial ,sans serif;
  color: #fff;
  text-decoration: none;
}

.navi div {
  font: 14px Arial ,sans serif;
  color: #fff;
  text-decoration: none;
}

.navi ul, .navi li {
  font: 14px Arial ,sans serif;
}

.main_navi_no a {
  color: #fff;
  text-decoration: none;
}

.main_navi_no a:hover {
  color: #fff;
  text-decoration: none;
}

.main_navi_act {
  font: 14px Arial ,sans serif;
  color: #f8971c !important;
  text-decoration: none;
}

.main_navi_act a {
  color: #f8971c !important;
  text-decoration: none;
}

.main_navi_act a:hover {
  color: #f8971c !important;
  text-decoration: none;
}


.main_navi_lv2_no{
  font: 14px Arial ,sans serif;
  color: #d0d2d0;
  text-decoration: none;
}

.main_navi_lv2_no a {
  color: #fff;
  text-decoration: none;
}

.main_navi_lv2_no a:hover {
  color: #fff;
  text-decoration: none;
}


.main_navi_lv2_act{
  font: 14px Arial ,sans serif;
  text-transform: none;
  color: #f8971c !important;
  text-decoration: none;
}

.main_navi_lv2_act a {
  color:#f8971c !important;
  text-decoration: none;
}

.main_navi_lv2_act a:hover {
  color: #f8971c !important;
  text-decoration: none;
}

