@charset "utf-8";
/*--------------------------------------*/
/* CSS Document                         */
/* Default CSS                          */
/* Version: 2008/04/14                  */
/*--------------------------------------*/

/*  Body(全体)
----------------------------------------*/
body{
  margin: 0;
  padding: 0;
  background-color: #ffffcd;
  color: #333;
  font-size: 80%;
  line-height: 1.3em;
  text-align: left;
/*  font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
}

/*  Text(テキスト関連)
----------------------------------------*/
/* 見出し */
h1, h2, h3, h4, h5, h6{
  font-size: 1em;
  padding: 0;
  margin: 0;
}
/* 段落 */
p{
  margin: 0;
  padding: 0;
}

/* 強調 */
strong, em{
  font-style: normal;
  font-weight: bold;
}

/*  Hyperlink(リンク関連)
---------------------------------------*/
a:link{
  color: #333;
  text-decoration: underline;
}
a:visited {
  color: #333;
  text-decoration: underline;
}
a:hover {
  color: #333;
  text-decoration: none;
}
a:active {
  color: #333;
  text-decoration: none;
}

/*  Box(ボックス)
---------------------------------------*/
div {
  margin: 0;
  padding: 0;
}

/*  List(リスト関連)
---------------------------------------*/
ul, ol, dl{
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}

li, dt, dd{
  margin: 0;
  padding: 0;
}

/*  Form(フォーム関連)
---------------------------------------*/
form{
  margin: 0px;
  padding: 0px;
}

input, textarea{
  margin: 0px;
  padding: 0px;
}

input:hover, textarea:hover{
}

input:focus, textarea:focus{
}

/*  Table(テーブル関連)
---------------------------------------*/
table{
}

table th, table td{
  font-weight: normal;
  text-align: left;
}

/*  Image(イメージ関連)
---------------------------------------*/
img{
  border: 0;
  vertical-align: bottom;
}

/*  Quote(引用関連)
---------------------------------------*/
blockquote{
  margin-left: 1em;
  padding-left: 1em;
  border-left: 2px solid #CCC;
  color:#CCC;
}

pre{
  width: 100%;
  padding: 1em 0;
  overflow: auto;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
}

/*  Line(ライン関連)
---------------------------------------*/
hr{
  display: none; 
}

/*  Class(よく使うクラス)
---------------------------------------*/
.hidden{
  display: none;
  visibility: hidden;
}

.alignright{
  float: right;
}

.alignleft{
  float: left;
}

.clear{
  clear: both;
  height: 0px;
  font-size: 0px;
}

.clearleft{
  clear: left;
}
.clearright{
  clear: right;
}
.indent {
  padding-left: 2em;
}

/* ClearFix(クリアフィクス)
---------------------------------------*/
.clearfix:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* テキスト装飾
---------------------------------------*/
.fc_white     { color: #fff; }
.fc_gray      { color: #666; }
.fc_blown     { color: #8C3F0C; }
.fc_darkred   { color: #930; }
.fc_blue      { color: #069; }
.bgc_black    { background-color: #000; padding: 3px; }
.fs_small     { font-size: 0.8em; }
.fs_large     { font-size: 1.2em; }
.fs_x-large   { font-size: 1.5em; }
.fw_bold      { font-weight: bold; }
.td_underline { text-decoration: underline; }
.w_fix        { display: block; float:left; width: 4em; }

/*--------------------------------------*/
/* CSS Document                         */
/* Default CSS                          */
/* Version: 2008/04/14                  */
/*--------------------------------------*/

/*  Background Image
----------------------------------------*/
body {
  background-image: url(../images/page_background_top.jpg);
  background-position: top;
  background-repeat: repeat-x;
}

/*  div#mainContainer
----------------------------------------*/
div#mainContainer {
  width: 100%;
}

/*  div#areaHeader < div#mainContainer
----------------------------------------*/
div.banner img {
  margin-top: 7px;
}

div#areaHeader {
  width: 1015px;
  margin: 0px auto;
}
div#areaHeader div#h_freeArea {
  height: 93px;
  background-image: url(../images/header_background.gif);
  background-repeat: repeat-x;
}
div#areaHeader div#h_freeArea h1 {
  display :block;
  font-weight: normal;
  color:#8C3F0C;
  float:left;
  font-size:0.8em;
  line-height:1.5em;
  margin-left:1.8em;
  padding-top:10px;
}
div#areaHeader div#h_freeArea h1 img {
  float: left;
}
div#areaHeader div#h_freeArea h1 span.title {
  font-weight: bold;
  padding-top: 40px;
  font-size: 1.2em;
  display: block;
  float: left;
}
div#areaHeader div#h_freeArea h1 span.description {
  display: block;
  white-space: nowrap;
  width: 400px;
  letter-spacing: 0.23em;
  clear: left;
}
*div#areaHeader div#h_freeArea h1 span.description {
  text-align: justify;
  text-justify: distribute-all-lines;
}
/*
*div#areaHeader div#h_freeArea h1 {
  width: 400px;
  white-space: nowrap;
  text-align: justify;
  text-justify: distribute-all-lines;
}
*/
div#areaHeader div#h_freeArea span.top_link {
  float:right;
  line-height:1em;
  position:relative;
  top: 9px;
  text-align: right;
  width:auto;
}
div#areaHeader div#h_freeArea .banner {
  float: left;
  padding-left: 30px;
}
/*
div#areaHeader div#h_freeArea {
  height: 93px;
  background-image: url(../images/header_background.gif);
  background-repeat: repeat-x;
}
div#areaHeader div#h_freeArea h1 {
  font-size: 10px;
  font-weight: normal;
  line-height: 27px;
  color: #666;
}
div#areaHeader div#h_freeArea span.top_banner {
  width: 1015px;
  position: absolute;
  top: 27px;
  text-align: center;
}
div#areaHeader div#h_freeArea span.top_link {
  width: 1015px;
  position: absolute;
  top: 9px;
  text-align: right;
}
*/
div#areaheader div#h_globalNavi ul {
}
div#areaHeader div#h_globalNavi li {
  float: left;
}
div#areaHeader div#h_globalNavi li a {
  display: block;
  height: 34px;
  width: 114px;
}
div#areaHeader div#h_globalNavi li a span {
  display: none;
}
div#areaHeader div#h_globalNavi li a.on {
  background-position: 0px -34px;
}
div#areaHeader div#h_globalNavi li a:hover {
  background-position: 0px -34px;
}
div#areaHeader div#h_globalNavi li.menu_01 a {
  background-image: url(../images/menu_01.jpg);
}
div#areaHeader div#h_globalNavi li.menu_02 a {
  background-image: url(../images/menu_02.jpg);
}
div#areaHeader div#h_globalNavi li.menu_03 a {
  background-image: url(../images/menu_03.jpg);
}
div#areaHeader div#h_globalNavi li.menu_04 a {
  background-image: url(../images/menu_04.jpg);
}
div#areaHeader div#h_globalNavi li.menu_05 a {
  background-image: url(../images/menu_05.jpg);
}
div#areaHeader div#h_globalNavi li.menu_06 a {
  background-image: url(../images/menu_06.jpg);
}
div#areaHeader div#h_globalNavi li.menu_07 a {
  background-image: url(../images/menu_07.jpg);
}
div#areaHeader div#h_globalNavi li.menu_08 a {
  background-image: url(../images/menu_08.jpg);
}
div#areaHeader div#h_globalNavi li.menu_09 a {
  background-image: url(../images/menu_09.jpg);
}
div#areaHeader div#h_globalNavi li.menu_10 a {
  background-image: url(../images/menu_10.jpg);
}
div#areaHeader div#h_globalNavi li.form {
  width: 214px;
}
div#areaHeader div#h_globalNavi li.form input {
  float: left;
  border: 0px;
}
div#areaHeader div#h_globalNavi li.form input.text {
  width: 147px;
  height: 13px;
  padding: 5px;
  margin: 6px 0px 6px 9px;
  line-height: 13px;
  font-size: 12px;
}
div#areaHeader div#h_globalNavi li.form input.btn {
  margin: 6px 0px 6px 5px;
}