@charset "UTF-8";

/*****************************************************************************/
/*  Webサイト作成テンプレート用スタイルシート                                */
/*  作成者      ：Nishimura Seiichi                                          */
/*  作成日      ：2010/07/31                                                 */
/*  文字コード  ：UTF-8                                                      */
/*****************************************************************************/


/*******************************************************************/
/*  共通                                                           */
/*******************************************************************/
*{
  margin: 0px;
  padding: 0px;
}


/*******************************************************************/
/*  html                                                           */
/*******************************************************************/
html{
  /* height: 100%; */
}


/*******************************************************************/
/*  body                                                           */
/*******************************************************************/
body{
  width: 100%;
  height: 100%;

  /***** センタリング *****/
  margin: 0px auto 0px auto;
  padding: 0px auto 0px auto;
  text-align: center;

  /***** 背景色の設定 *****/
  background-color: #E0FFFF;

  /***** 背景画像の設定 *****/
  /* background-image: url("../images/body_bg.jpg"); */
  /* background-repeat: no-repeat; */

  /***** 全体のフォント設定 *****/
  font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "sans-serif";
  /* font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", "Osaka", "sans-serif"; */
}


/*******************************************************************/
/*  ページ全体                                                     */
/*******************************************************************/
#page{
  /***** 基準位置 *****/
  position: relative;
  /* position: absolute; top:10px; left:10px; */

  /***** ページ横幅 *****/
  width: 760px;

  /***** ページ余白 *****/
  margin: 0px auto 0px auto;

  /***** ページ背景色 *****/
  background-color: #DDDDDD;

  /***** ボーダー *****/
  border: solid 0px #555555;
}


/*******************************************************************/
/*  ページ内容コメント（ページ最上部のコメント）                   */
/*******************************************************************/
/*********************************************************/
/*  表示設定                                             */
/*********************************************************/
#page_top{
  /***** 横幅 *****/
  width: 100%;

  /***** マージン *****/
  margin: 0px auto 0px auto;

  /***** テキスト位置 *****/
  text-align: right;

  /***** テキスト色 *****/
  color: #3F3F3F;

  /***** 背景色 *****/
  /* background-color: #C6E2FF; */
  background-color: #DDDDDD;
}

/*********************************************************/
/*  コメント設定                                         */
/*********************************************************/
#page_top span{
  /***** 一行の高さ *****/
  line-height: 20px;

  /***** マージン *****/
  margin-right: 10px;

  /***** 文字の大きさ *****/
  font-size: 12px;
}


/*******************************************************************/
/*  ヘッダ                                                         */
/*******************************************************************/
#header{
  /***** 基準位置 *****/
  position: relative;

  /***** 横幅 *****/
  width: 760px;

  /***** 背景色 *****/
  /* background-color: transparent; */
}

#header div.header_title{
  /***** 基準位置 *****/
  position: absolute; left: 20px; top: 20px;

  /***** 階層 *****/
  z-index: 2;

  /***** テキスト位置 *****/
  text-align: left;

  /***** テキスト色 *****/
  color: #333333;

  /***** 文字の大きさ *****/
  font-size: 14px;

  /***** 文字の太さ *****/
  font-weight: bold;

  line-height: 40px;
}
#header div.header_title span.logo{
  padding: 5px;
  font-size: 40px;
  background-color: #000090;
  color: #FFFFFF;
}
#header div.header_text{
  /***** 基準位置 *****/
  position: absolute; right: 5px; top: 92px;

  /***** 階層 *****/
  z-index: 2;

  /***** テキスト位置 *****/
  text-align: left;

  /***** テキスト色 *****/
  color: #333333;

  /***** 文字の大きさ *****/
  font-size: 14px;

  /***** 文字の太さ *****/
  font-weight: bold;
}


/*******************************************************************/
/*  フッタ                                                         */
/*******************************************************************/
#footer{
  /***** 回り込み解除 *****/
  clear: both;

  /***** 横幅 *****/
  width: 760px;

  /***** 文字色 *****/
  color: #3F3F3F;

  /***** 背景色 *****/
  /* background-color: transparent; */
  background-color: #DDDDDD;

  /***** テキスト位置 *****/
  text-align: center;
}

#footer p.footer_company{
  line-height: 20px;
  margin-bottom: 5px;
  padding: 3px 5px 2px 5px;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #3F3F3F;
}

/* フッタスペース */
#footer div.footer_space{
  width: 760px;
  height: 15px;
}

/* フッタリンク */
#footer_link{
  clear: both;
  width: 760px;
  border-top: solid 1px #555555;
  background-color: #FFFFFF;
  text-align: center;
}

#footer_link div.footer_link{
  width: 740px;
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  text-align: right;
  font-size: 12px;
}

#footer_link div.footer_link a{
  color: #000090;
  text-decoration: none;
}


/*******************************************************************/
/*  メインコンテンツ                                               */
/*******************************************************************/
#main_contents{
  /***** 横幅 *****/
  width: 760px;

  /***** 縦幅 *****/
  /* height: 100%; */

  /***** マージン *****/
  margin: 0px;

  /***** パディング *****/
  padding: 0px 0px 10px 0px;

  /***** テキスト位置 *****/
  text-align: center;

  /***** 背景色 *****/
  background-color: #FFFFFF;
}

#main_contents div.menu{
  /***** 横幅 *****/
  width: 760px;

  /***** 縦幅 *****/
  height: 35px;

  /***** マージン *****/
  margin: 0px 0px 0px 0px;

  /***** 背景色 *****/
  background-color: #CCFFFF;
}

#main_contents div.menu ul{
  /***** マージン *****/
  margin: 0px 0px 0px 0px;
}

#main_contents div.menu li{
  /***** 回り込み *****/
  float: left;
  /***** リストスタイル *****/
  list-style-type: none;

  /***** ボーダー *****/
  border-bottom: solid 1px #666666;

  /***** 文字の大きさ *****/
  font-size: 12px;
}

#main_contents div.menu a{
  /***** 表示変更（インラインからブロックへ） *****/
  display: block;

  /***** 横幅 *****/
/*  width: 126px;  */
  width: 108px;

  /***** 縦幅 *****/
  height: 35px;

  /***** 一行の高さ *****/
  line-height: 35px;

  /***** 文字飾り *****/
  text-decoration: none;

  /***** テキスト位置 *****/
  text-align: center;

  /***** 文字の太さ *****/
  font-weight: bold;

  /***** 文字色 *****/
  color: #333333;

  /***** マウスカーソル *****/
  cursor: pointer;
}

#main_contents div.menu a.wide{
  /***** 横幅 *****/
/*  width: 128px;  */
  width: 110px;
}

#main_contents div.menu a:hover{
  /***** マウスカーソルが載った時の背景画像表示位置 *****/
  background-position: center -35px;

  /***** 文字色 *****/
  color: #FFFFFF;
}

#main_contents div.menu a.menu_selected{
  /***** マウスカーソルが載った時の背景画像表示位置 *****/
  background-position: center -35px;

  /***** 文字色 *****/
  color: #FFFFFF;
}

#main_contents div.menu a.header_btn001{
  /***** メニューボタン１の画像 *****/
  background-image: url("../images/header_btn001.png");
}

#main_contents div.menu a.header_btn002{
  /***** メニューボタン２の画像 *****/
  background-image: url("../images/header_btn002.png");
}

#main_contents div.menu a.header_btn003{
  /***** メニューボタン３の画像 *****/
  background-image: url("../images/header_btn003.png");
}

#main_contents div.menu a.header_btn004{
  /***** メニューボタン４の画像 *****/
  background-image: url("../images/header_btn004.png");
}

#main_contents div.menu a.header_btn005{
  /***** メニューボタン５の画像 *****/
  background-image: url("../images/header_btn005.png");
}

#main_contents div.menu a.header_btn006{
  /***** メニューボタン６の画像 *****/
  background-image: url("../images/header_btn006.png");
}

#main_contents div.menu a.header_btn007{
  /***** メニューボタン７の画像 *****/
  background-image: url("../images/header_btn007.png");
}

#main_contents img.top_img{
  margin:10px;
}

#main_contents table{
  width: 700px;
  margin: 10px auto 10px auto;
  text-align: left;
  font-size: 12px;
}
#main_contents th{
  width: 20%;
  padding: 5px 5px 5px 15px;
  background-color: #DDDDDD;
}
#main_contents td{
  padding: 5px;
  line-height: 24px;
  background-color: #EEEEEE;
}

#main_contents div.access_map{
  margin: 10px auto 0px auto;
  height: 260px;
  background-image: url('../images/bg_access.jpg');
  background-repeat: no-repeat;
  text-align: left;
}
#main_contents div.access_map iframe.gmap{
  margin: 0px auto 0px 50px;
}

#main_contents div.sitemap{
  margin: 10px 30px 10px 30px;
  text-align: left;
}
#main_contents div.sitemap ul{
  margin: 10px 30px 10px 30px;
  text-align: left;
}
#main_contents div.sitemap li{
  line-height: 24px;
  margin-left: 10px;
  font-size: 12px;
}



/*******************************************************************/
/*  コピーライト                                                   */
/*******************************************************************/
.copyright{
  /***** マージン *****/
  margin-bottom: 5px;

  /***** パディング *****/
  padding: 3px 5px 2px 5px;

  /***** テキスト位置 *****/
  text-align: center;

  /***** 文字の太さ *****/
  font-weight: bold;

  /***** 文字の大きさ *****/
  font-size: 80%;

  /***** 文字色 *****/
  color: #3F3F3F;
}


/*******************************************************************/
/*  基本設定                                                       */
/*******************************************************************/
table{
  margin-right:  auto;
  margin-left:   auto;
}

a{
  color: #000090;
  text-decoration: none;
}
a:link{
}

a:visited{
}

a:hover{
}

a:active{
}

h1{
  line-height: 18px;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
}

h2{
  margin: 10px 20px 5px 20px;
  text-align: left;
  line-height: 28px;
  font-size: 18px;
  color: #000090;
  border-left: solid 5px #000090;
  border-bottom: solid 1px #000090;
}
h2 span.space{
  margin: 0px 10px 0px 10px;
}

h3{
  margin: 10px 30px 5px 30px;
  text-align: left;
  line-height: 24px;
  font-size: 14px;
  color: #000090;
  border-bottom: solid 2px #000090;
}
h3 span.space{
  margin: 0px 10px 0px 10px;
}

img{
  border: 0px;
}

p{
  margin: 10px 30px 10px 30px;
  font-size: 14px;
  text-align: left;
}