/* CSS Document */

@charset "Shift_JIS";

/* 初期化
---------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p{
  margin:0px;
  padding:0px;
}

/* 全体構造の設定
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  background: #e5e5dd url(../images/back.jpg) repeat-y;
}

/* ロゴとHPの簡単な説明を表示させる場所の設定
---------------------------------------------------- */
#logo_explanation {
  width: 777px;
  height: auto;
  padding-top: 3px;
}
/* ロゴを表示させる場所の設定
---------------------------------------------------- */
#logo{
  width: 150px;
  height: 60px;
  padding-top: 0px;
  padding-left:0px;
  color: #333333;
  background: url(../images/total_logo.jpg) no-repeat;
  background-position:center center;
  float:left;
}
/* HPの説明を表示させる場所の設定
---------------------------------------------------- */
#explanation{
  width: 560px;
  height: 60px;
  padding-top: 0px;
  padding-left:15px;
  padding-right:30px;
  color: #333333;
  float:right;
  border-left: 1px solid #cccccc;
}
#explanation h2{
  font-size:10px;
  font-style:normal;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  line-height:155%;
  text-align:left;
  color:#666666;
  font-weight:lighter;
  margin-top:46px;
}
/* イメージを表示させる場所の設定
---------------------------------------------------- */
#image {
  clear: both;
  width: 745px;
  height: 210px;
  padding:20px 0px 10px 8px;
}
/* メイン
---------------------------------------------------- */
#main{
  clear:both;
  width:744px;
  height:auto;
  padding:5px 10px 30px 8px;
}
#main h1{
  font-size:15px;
  color:#666666;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-weight:lighter;
  padding-left:5px;
  text-align:left;
  border-left:5px solid #0099FF;
}
#main h2{
  font-size:13px;
  color:#FF3300;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-weight:lighter;
  text-align:left;
}
#main h3{
  font-size:13px;
  color:#333333;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-weight:lighter;
  text-align:justify;
  line-height:135%;
  padding-top:5px;
}
#main h3 span{
  background-color:#66CC00;
  color:#FFFFFF;
  display:block;
  width:212px;
  height:auto;
  text-align:left;
  padding-left:5px;
}
#main h4{
  font-size:13px;
  color:#333333;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-weight:lighter;
}
#main h4 span{
  background-color:#0099FF;
  color:#FFFFFF;
  display:block;
  width:244px;
  height:auto;
  text-align:left;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
}
#main img{
  float:left;
  padding-right:0px;
  vertical-align:middle;
}
#main map{
  float:left;
  padding-right:0px;
  vertical-align:middle;
}
/* メニューの設定
---------------------------------------------------- */
#menu{
  width:217px;
  height:auto;
  float:left;
  padding:10px 5px 10px 0px;
}
#menu h2{
  font-size:13px;
  color:#660000;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-weight:lighter;
  text-align:left;
}
/* メニューの中の設定
---------------------------------------------------- */
#field{
  width:215px;
  height:50px;
  padding:5px 0px 5px 0px;
  border: 1px solid #999999;
  margin:5px 0px;
}
#field img{
  float:left;
  padding-left:5px;
  vertical-align:middle;
}
#field h2{
  float:right;
  padding-right:5px;
  padding-top:18px;
}
/* コンテンツの設定
---------------------------------------------------- */
#contents{
  float:right;
  width:510px;
  height:auto;
  margin-right:8px;
}
#contents h3{
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  text-align:justify;
}
#contents h5{
  clear:both;
  padding-left:0px;
  padding-bottom:5px;
  text-align:justify;
  font-weight:lighter;
  line-height:135%;
}
#contents h6{
  font-size:10px;
  color:#666666;
  padding-right:5px;
  padding-bottom:5px;
  font-weight:lighter;
  text-align:right;
  line-height:135%;
}

#contents img{
  clear:both;
  float:right;
  padding-top:15px;
  padding-bottom:20px;
}

#content_l1{
  clear:both;
  float:left;
  width:248px;
  height:auto;
  margin-top:10px;
  border: 1px solid #cccccc;
}
#content_l1 img{
  clear:both;
  float:left;
  padding-top:8px;
  padding-bottom:1px;
  margin-right:5px;
  margin-left:5px;
}
#content_r1{
  float:right;
  width:248px;
  height:auto;
  margin-top:10px;
  border: 1px solid #cccccc;
}
#content_r1 img{
  clear:both;
  float:left;
  padding-top:8px;
  padding-bottom:1px;
  margin-right:5px;
  margin-left:5px;
}
#content_l2{
  clear:both;
  float:left;
  width:248px;
  height:auto;
  margin-top:10px;
  border: 1px solid #cccccc;
}
#content_r2{
  float:right;
  width:248px;
  height:auto;
  margin-top:10px;
  border: 1px solid #cccccc;
}
/* フッター
---------------------------------------------------- */
#footer{
  clear:both;
  width:735px;
  height:auto;
  margin-left:8px;
  border-top: 1px solid #cccccc;
}
#footer h3{
  padding:3px 5px 3px 5px;
  font-size:10px;
  color: #666666;
  text-align:right;
  font-weight:lighter;
}
/* ページの説明
---------------------------------------------------- */
#top_field{
  clear:both;
  width:744px;
  height:15px;
  padding-right:1px;
  margin-right:19px;
}
#top_field h4{
  font-size:13px;
  color:#CC0099;
  text-align:right;
  font-weight:lighter;
}
#save_field{
  width:510px;
  height:5px;
}
/* その他のコンテンツ
---------------------------------------------------- */
#bottom_field{
  padding-top:30px;
  clear:both;
  width:735px;
  height:auto;
  margin-left:8px;
}
#bottom_field h3{
  font-size:13px;
  color:#666666;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  paddin:5px 0px 5px 0px;
  font-weight:lighter;
  text-align:center;
  line-height:135%;
}
#bottom_field span{
  background-color:#FFFFFF;
  color:#666666;
  display:block;
  height:auto;
  text-align:left;
  padding-left:5px;
  text-align:center;
}
#area1{
  float:left;
  width:141px;
  height:auto;
  margin-right:5px;
  border: 1px solid #cccccc;
  margin-bottom:5px;
}
#area2{
  float:left;
  width:141px;
  height:auto;
  border: 1px solid #cccccc;
  margin-bottom:5px;
}

/* リンク
---------------------------------------------------- */
a:link {
  color:#666666;
  background: transparent;
  text-decoration:none;
}
a:visited {
  color: #666666;
  background: transparent;
  text-decoration:none;
}
a:hover, a:active {
  color:#CC0099;
  background: transparent;
  text-decoration:underline;
}