@charset "UTF-8";

/*****************************************************************************/
/*  Webサイト作成テンプレート用スタイルシート                                */
/*  作成日      ：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: #EEEEEE;

  /***** 背景画像の設定 *****/
  /* 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_top{
  /***** 横幅 *****/
  width: 740px;

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

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

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

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

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

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


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

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

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

  /***** ページ余白 *****/
  padding: 0px 10px 0px 10px;

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

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


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

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

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

#header div.header_text{
  /***** 表示 *****/
  display: none;

  /***** 基準位置 *****/
  position: absolute; right: 20px; top: 8px;

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

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

  /***** テキスト色 *****/
  color: #7F7F7F;

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

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

#header div.header_text p{
  line-height: 20px;
  margin: 0px;
  padding: 0px;
  font-size: 80%;
  text-align: left;
}
#header div.header_text p span.tel{
  /***** テキスト色 *****/
  color: #0C4099;

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

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

#header div.menu{
  /***** 横幅 *****/
  width: 740px;

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

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

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

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

#header div.menu li{
  /***** 回り込み *****/
  float: left;

  /***** リストスタイル *****/
  list-style-type: none;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


#header div.menu a span{
  margin-left: 35px;
}

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

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

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

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

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

#footer p.footer_company{
  line-height: 20px;
  margin-bottom: 0px;
  padding: 3px 5px 2px 5px;
  font-size: 80%;
  font-style: normal;
  font-weight: bold;
  text-align: center;
}

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

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

#footer_link div.footer_link{
  width: 720px;
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  text-align: center;
  font-size: 80%;
  line-height: 20px;
}

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


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

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

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

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

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



/*******************************************************************/
/*  コンテンツ001                                                  */
/*******************************************************************/
#main_contents div.contents_001{
  /***** 基準位置 *****/
  /* position: relative; */

  /***** 回り込み *****/
  float: left;

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

  /***** 縦幅 *****/
  height: 100%;
  /* height: 300px; */ /* 縦メニューの縦幅を指定（検討中） */

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

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


#main_contents div.contents_001 div.category{
  /***** マージン *****/
  margin: 10px 0px 0px 0px;

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

  /***** ボーダー *****/
  border: solid 1px #666666;
}
#main_contents div.contents_001 div.category h2.category_title{
  /***** マージン *****/
  margin: 5px 0px 5px 5px;

  /***** ボーダー *****/
  border-left: solid 5px #00A0C6;
  border-bottom: solid 0px #00A0C6;

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

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

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

  /***** 文字色 *****/
  color: #000000;
}
#main_contents div.contents_001 div.category h2.category_title span{
  /***** マージン *****/
  margin-left: 5px;
}
#main_contents div.contents_001 div.category img{
  /***** マージン *****/
  margin-bottom: 5px;

  /***** ボーダー *****/
  border: solid 0px #000000;
}
#main_contents div.contents_001 div.category_p{
  /***** マージン *****/
  margin: 10px 0px 0px 0px;

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

  /***** ボーダー *****/
  border: solid 0px #666666;
}
#main_contents div.contents_001 div.category_ouen{
  /***** 基準位置 *****/
  /* position: absolute; right: 0px; bottom: 0px; */
  margin-top: 20px;
}
#main_contents div.contents_001 div.category div.side_category{
  /***** マージン *****/
  margin: 5px auto 5px auto;
}
#main_contents div.contents_001 div.category div.side_category a{
  /***** 表示変更（インラインからブロックへ） *****/
  display: block;

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

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

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

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

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

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

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

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

  /***** 文字の大きさ *****/
  font-size: 12px;
}
#main_contents div.contents_001 div.category div.side_category a:hover{
  /***** 背景色 *****/
  background-color: #CCECF4;
}





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

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

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

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

#main_contents div.contents_001 div.menu li{
  /***** リストスタイル *****/
  list-style-type: none;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*******************************************************************/
/*  コンテンツ002                                                  */
/*******************************************************************/
#main_contents div.contents_002{
  /***** 回り込み *****/
  float: left;

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

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

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

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

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

  font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "sans-serif";

}

#main_contents div.contents_002 table{
  width: 560px;
  margin: 5px 5px 5px 5px;
  text-align: left;
  font-size: 80%;
}
#main_contents div.contents_002 th{
  width: 23%;
  padding: 5px 5px 5px 5px;
  background-color: #DDDDDD;
}
#main_contents div.contents_002 td{
  padding: 5px;
  /* line-height: 24px; */
  background-color: #EEEEEE;
}

#main_contents div.contents_002 iframe.gmap{
  margin: 10px auto 10px auto;
}

/*
#main_contents div.contents_002 ul{
  margin: 10px 30px 10px 30px;
  text-align: left;
}
#main_contents div.contents_002 li{
  line-height: 24px;
  margin-left: 10px;
  font-size: 80%;
}
*/


/*******************************************************************/
/*  スライドショー                                                 */
/*******************************************************************/
#slideshow{
  clear: both;
  position: relative;
  width: 580px;
  height: 234px;
  margin: 10px 0px 0px 0px;
  text-align: left;
  background-color: #FFFFFF;
  border-top: solid 0px #FFFF00;
  border-left: solid 0px #FFFF00;
  border-right: solid 0px #FFFF00;
  border-bottom: solid 1px #999999;
}
#slideshow ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  height: 1%; /* IE fix */
}
#slideshow ul:after{
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides{
  width: 575px;
  overflow: hidden;
  margin: 0px 5px 10px 0px;
}
#slideshow .slides ul{
  width: 1740px;  /* width x スライド数 */
}
#slideshow .slides li{
  float: left;
  width: 575px;
  padding: 0px;
}

#slideshow .slides h2{
  margin-top: 0px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav{
  /* position: absolute; top:205px; left: 305px; */
  position: absolute; top:205px; left: 120px;
  z-index: 999;
  /* background-color: transparent; */
  width: 575px;
  margin: 0px 0px 0px 0px;
  border-top: solid 0px #CCCCCC;
}
#slideshow .slides-nav li{
  float: left;
  /* width: 65px; */
  width: 110px;
  height: 20px;
  margin-left: 2px;
}
#slideshow .slides-nav li a{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  outline: none;
  line-height: 20px;
  text-align: center;
  font-size: 60%;
  background-color: #EEEEEE;
  color: #333333;
  cursor: pointer;
  border: solid 1px #333333;
}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a{
  background-color: #DDDDDD;
  font-weight: bold;
  background-position: center -20px;
}
/*
#slideshow .slides-nav li a.nav_btn001{
  background-image: url("../images/nav_btn001.png");
}
#slideshow .slides-nav li a.nav_btn002{
  background-image: url("../images/nav_btn002.png");
}
#slideshow .slides-nav li a.nav_btn003{
  background-image: url("../images/nav_btn003.png");
}
*/


#main_contents div.contents_002 div.top_menu{
  /***** 横幅 *****/
  width: 580px;

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

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

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

#main_contents div.contents_002 div.top_menu li{
  /***** 回り込み *****/
  float: left;

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

  /***** リストスタイル *****/
  list-style-type: none;

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

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

#main_contents div.contents_002 div.top_menu li.no_margin{
  /***** マージン *****/
  margin: 0px 0px 0px 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main_contents div.contents_002 div.top_menu a span{
  padding-top: 25px;
}


#main_contents div.contents_002 div.top_image{
  /***** 横幅 *****/
  width: 580px;

  /***** マージン *****/
  margin: 5px 0px 0px 0px;
  
  text-align: center;
}
#main_contents div.contents_002 div.top_image img{
  margin: 5px 5px 5px 0px;
}

#main_contents div.contents_002 div.topics{
  /***** 横幅 *****/
  width: 580px;

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

  /***** 文字色 *****/
  color: #666666;
}
#main_contents div.contents_002 div.topics a{
  /***** 文字色 *****/
  color: #666666;
}
#main_contents div.contents_002 div.topics a:hover{
  /***** 文字色 *****/
  color: #222222;
  text-decoration: underline;
}
#main_contents div.contents_002 div.topics img.topics_bar{
  /***** 横幅 *****/
  width: 580px;
}
#main_contents div.contents_002 div.topics h2.topics_title{
  /***** マージン *****/
  margin: 10px 15px 5px 5px;

  /***** ボーダー *****/
  border-left: solid 0px #00A0C6;
  border-bottom: solid 2px #00A0C6;

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

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

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

  /***** 文字色 *****/
  color: #000000;
}
#main_contents div.contents_002 div.topics strong{
  /***** 文字色 *****/
  color: #000090;
}
#main_contents div.contents_002 div.topics p{
  font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "sans-serif";
  line-height: 120%;
  margin-right: 0px;

}


#main_contents div.contents_002 div.sub_main{
  /***** 横幅 *****/
  width: 580px;

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

  line-height: 110%; /* ☆☆☆☆☆ */

}
#main_contents div.contents_002 div.sub_main h2{
  /***** マージン *****/
  margin: 0px 0px 0px 0px;

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

  /***** ボーダー *****/
  border: 0px;

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

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

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

  /***** 背景画像 *****/
  background-image: url("../images/main_h2_bg.png");
  background-repeat: no-repeat;
}
#main_contents div.contents_002 div.sub_main h2 span.space{
  margin-left: 30px;
}
#main_contents div.contents_002 div.sub_main h3{
  /***** マージン *****/
  margin: 10px 15px 5px 5px;

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

  /***** ボーダー *****/
  border: 0px;

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

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

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

  /***** 背景画像 *****/
  background-image: url("../images/main_h3_bg.png");
  background-repeat: no-repeat;
}
#main_contents div.contents_002 div.sub_main h3 span.space{
  margin-left: 10px;
}
#main_contents div.contents_002 div.sub_main p.main_text{
  /***** マージン *****/
  margin: 10px 30px 10px 30px;

  /***** 文字間 *****/
  letter-spacing: 0px;

}
#main_contents div.contents_002 div.sub_main p.otoiawase_btn{
  /***** マージン *****/
  margin: 40px 30px 10px 30px;
  text-align: center;
}
#main_contents div.contents_002 div.sub_main div.main_left_img{
  /***** マージン *****/
  margin: 10px 5px 10px 10px;

  /***** 文字間 *****/
  letter-spacing: 0px
}
#main_contents div.contents_002 div.sub_main div.main_left_img p.right_text{
  /***** 回り込み *****/
  float: left;

  /***** 横幅 *****/
  /* width: 410px; */
  width: 380px;

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

  /***** パディング *****/
  padding: 0px 0px 0px 0px;
}
#main_contents div.contents_002 div.sub_main div.main_left_img div.right_div{
  /***** 回り込み *****/
  float: left;

  /***** 横幅 *****/
  /* width: 410px; */
  width: 400px;

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

  /***** パディング *****/
  padding: 0px 0px 0px 0px;
}
#main_contents div.contents_002 div.sub_main div.main_left_img img.left_img{
  /***** 回り込み *****/
  float: left;

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

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

  /***** パディング *****/
  padding: 0px 0px 0px 0px;
}
#main_contents div.contents_002 div.sub_main div.main_left_img div.right_text300{
  /***** 回り込み *****/
  float: left;

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

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

  /***** パディング *****/
  padding: 0px 0px 0px 0px;
}
#main_contents div.contents_002 div.sub_main div.main_left_img div.right_text300 p.main_text300{
  /***** マージン *****/
  margin: 10px 10px 10px 10px;
}
#main_contents div.contents_002 div.sub_main div.main_left_img img.left_img220{
  /***** 回り込み *****/
  float: left;

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

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

  /***** パディング *****/
  padding: 0px 0px 0px 0px;
}
#main_contents div.contents_002 div.sub_main div.main_left_img p.right_text220{
  /***** 回り込み *****/
  float: left;

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

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

  /***** パディング *****/
  padding: 0px 0px 0px 0px;
}
#main_contents div.contents_002 div.sub_main div.main_left_img img.left_img300{
  /***** 回り込み *****/
  float: left;

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

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

  /***** パディング *****/
  padding: 0px 0px 0px 0px;
}
#main_contents div.contents_002 div.sub_main ol.philosophy{
  margin: 5px 30px 0px 60px;
  font-size: 90%;
  letter-spacing: 0px;
}
#main_contents div.contents_002 div.sub_main ol.philosophy li{
  padding: 10px;
  text-align: left;
}
#main_contents div.contents_002 div.sub_main img.access_map{
  margin: 10px 0px 5px 0px;
}
#main_contents div.contents_002 div.sub_main p.access_bigmap{
  text-align: center;
}
#main_contents div.contents_002 div.sub_main p.access_text{
  margin: 10px 10px 10px 10px;
}

#main_contents div.contents_002 div.sub_main ol.privacy{
  margin: 5px 30px 0px 60px;
  font-size: 80%;
  letter-spacing: 0px;
}
#main_contents div.contents_002 div.sub_main ol.privacy li{
  padding: 5px;
  text-align: left;
}
#main_contents div.contents_002 div.sub_main ol.avanas{
  margin: 5px 30px 0px 60px;
  font-size: 80%;
  letter-spacing: 0px;
}
#main_contents div.contents_002 div.sub_main ol.avanas li{
  padding: 5px;
  text-align: left;
}
#main_contents div.contents_002 div.sub_main ul.wamnet{
  margin: 5px 30px 0px 60px;
  font-size: 80%;
  letter-spacing: 0px;
}
#main_contents div.contents_002 div.sub_main ul.wamnet li{
  padding: 5px;
  text-align: left;
}
#main_contents div.contents_002 div.sub_main ul.nyukou_os{
  margin: 5px 30px 0px 30px;
  font-size: 80%;
  letter-spacing: 0px;
}
#main_contents div.contents_002 div.sub_main ul.nyukou_os li{
  padding: 2px;
  text-align: left;
}
#main_contents div.contents_002 div.sub_main ul.sitemap{
  margin: 5px 30px 0px 60px;
  font-size: 100%;
  letter-spacing: 0px;
}
#main_contents div.contents_002 div.sub_main ul.sitemap li{
  padding: 0px 5px 5px 5px;
  text-align: left;
  background-color: #FFFFFF;
  border: 0px;
}
#main_contents div.contents_002 div.sub_main ol.activity{
  margin: 5px 30px 0px 50px;
  font-size: 80%;
  letter-spacing: 0px;
}
#main_contents div.contents_002 div.sub_main ol.activity li{
  padding: 5px;
  text-align: left;
}

#main_contents div.contents_002 div.sub_main p.qanda_link{
  /***** マージン *****/
  margin: 5px 10px 5px 15px;
  padding: 5px;

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

  /***** 文字の太さ *****/
  font-weight: bold;
}
#main_contents div.contents_002 div.sub_main p.qanda_link a:hover{
  text-decoration: underline;
}
#main_contents div.contents_002 div.sub_main h3.qanda{
  /***** マージン *****/
  margin: 10px 15px 5px 5px;
  padding: 5px;

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

  /***** ボーダー *****/
  border-bottom: solid 1px #000090;
  border-left: solid 5px #000090;

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

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

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

  /***** 背景画像 *****/
  /* background-image: url("../images/main_h3_bg.png"); */
  /* background-repeat: no-repeat; */
  background-image: none;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}
#main_contents div.contents_002 div.sub_main h3.qanda span.space{
  margin-left: 0px;
}
#main_contents div.contents_002 div.sub_main p.qanda_text{
  /***** マージン *****/
  margin: 5px 25px 5px 15px;
  padding: 10px;

  /***** 文字間 *****/
  letter-spacing: 0px;

  background-color: #EEFFFF;
}

#main_contents div.contents_002 div.sub_main div.web_works{
 padding: 0px 10px 0px 10px;
}
#main_contents div.contents_002 div.sub_main div.web_works div.work{
 float: left;
 width: 160px;
 margin: 10px 10px 0px 10px;
}
#main_contents div.contents_002 div.sub_main div.web_works div.work p{
 margin: 5px 0px 10px 0px;
 text-align: center;
 letter-spacing: 0px;
 font-size: 70%;
 font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "sans-serif";
 background-color: #DDDDDD;
}



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

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

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

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

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

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

/*******************************************************************/
/*  文字関連                                                       */
/*******************************************************************/
.txt_right{
  text-align: right;
}


/*******************************************************************/
/*  基本設定                                                       */
/*******************************************************************/
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: 70%;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
}

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

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

img{
  border: 0px;
}

p{
  margin: 10px 20px 10px 20px;
  font-size: 80%;
  text-align: left;
}