@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------
CSS Information

 File name:      style.css
 Author:         Yoneda Ryo
 date:            2008/08/25
----------------------------------------------------------- */

/*======================================

  BASIC

=======================================*/

#container {
  width: 842px;
  margin: 0 auto;
  background-image: url(../image/basic/container_bg.gif);
  background-repeat: repeat-y;
}
#wrapper {
  width: 800px;
  margin: 0 auto;
}
h2.top {
  background-image: url(../image/basic/h2_bg.gif);
  background-repeat: no-repeat;
  width: 800px;
  height: 26px;
  margin: 0 0 20px 0;
  text-indent: -9999px;
}

/*** HEADER ***/

#header {
  background-image: url(../image/basic/header.jpg);
  background-repeat: no-repeat;
  height: 87px;
  width: 800px;
  position: relative;
}
#header h1 a {
  position: absolute;
  width: 221px;
  height: 60px;
  display: block;
  left: 121px;
  top: 17px;
  text-indent: -9999px;
}
#header ul.font_size {
	position: absolute;
	width: 80px;
	height: 25px;
	left: 604px;
	top: 5px;
	font-size: 12px;
}
ul.font_size a.box {
  border: 1px solid #000000;
  background-color: #FFFFFF;
  display: block;
  margin:  3px 0 0 0;
  padding: 0 3px;
  font-size: 10px;
}
ul.font_size li {
  float: left;
  line-height: 25px;
  margin: 0 3px 0 0;
}
#header ul.languege {
	position: absolute;
	left: 679px;
	top: 9px;
	font-size: 12px;
}
/*** FOOTER ***/

#footer {
  clear: both;
  margin-top: 20px;
}
#footer p.top {
  background-image: url(../image/basic/footer_top.gif);
  background-repeat: no-repeat;
  height: 48px;
  width: 800px;
  text-indent: -9999px;
}
#footer p.bottom {
  background-image: url(../image/basic/footer_bottom.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 800px;
  text-indent: -9999px;
}

/*** MENU ***/

ul#menu {
  background-image: url(../image/basic/menu_bg.gif);
  background-repeat: repeat-x;
  height: 48px;
  zoom: 100%;
}
ul#menu:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
ul#menu li {float: left;}

/*** ENGLISH MENU ***/

#english_menu {
  background-image: url(../image/menu/menu_bg.gif);
  background-repeat: repeat-x;
  height: 48px;
  zoom: 100%;
}
#english_menu:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#english_menu li {
  float: left;
  margin: 0 40px 0 5px;
}

/*======================================

  LAYOUT

=======================================*/

#content_area {
  zoom: 100%;
}
#content_area:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#main_box {
  float: left;
  width: 510px;
  padding-left: 20px;
}
#banner_box {
  text-align: center;
  width: 240px;
  height: 100%;
  float: right;
  margin: 0 10px; 0 0;
  padding: 20px 0 20px 0;
  background-color: #F9F6F0;
}
#banner_box ul li {margin: 0 0 10px 0;}

#banner_box ul li.weather {
	width: 160px;
	margin: 0 auto;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px #424270 solid;
	padding: 18px;
}
.weather_link {
	display: none;
}