@charset 'Shift_JIS';

/* ■□■□■ 全体 ■□■□■ */

BODY {
  margin: 0;
  padding: 0;
  COLOR: #000;
  BACKGROUND-COLOR: #EFEFEF;
  TEXT-ALIGN: center;
}

DIV {
  MARGIN: 0;
  PADDING: 0;
}

A IMG {
  BORDER: 0 none;
}

a:link {
  color: #3333CC;
  text-decoration: underline;
}
a:visited {
  color: #CC3333;
  text-decoration: underline;
}
a:active {
  color: #CC3333;
  text-decoration: underline;
}
a:hover {
  color: #3333CC;
  background-color: #CCCCFF;
  text-decoration: underline;
}

div#wrap {
  margin: 0 auto;
  width: 749px;
  background-color: #fff;
  BORDER-RIGHT: #999 1px solid;
}

TD.layout-contents {
  MARGIN: 0;
  PADDING: 0 0 10px 0;
  BACKGROUND-COLOR: #fff;
}

TD.layoutmenu {
  MARGIN: 0;
  PADDING: 0;
  BORDER-RIGHT: #999 1px solid;
  BACKGROUND-COLOR: #fff;
  width: 170px;
}

/* ■□■□■ ヘッダー ■□■□■ */

DIV#header,
DIV#header TD {
  FONT-SIZE: 84%;
  LINE-HEIGHT: 1.3;
}
DIV#header {
  border-left: 1px solid #999;
  width: 749px;
}
DIV#header td.sharedheader {
  PADDING: 0px 10px 0px 10px;
  background-color: #0161B7;
  TEXT-ALIGN: right;
}
DIV#header td.sharedheader A:link,
DIV#header td.sharedheader A:visited {
  COLOR: #FFFFFF;
  TEXT-DECORATION: none;
}
DIV#header td.sharedheader A:active,
DIV#header td.sharedheader A:hover {
  COLOR: #2AB1FF;
  TEXT-DECORATION: underline;
  background-color: transparent;
}


/* ■□■□■ コンテンツ（基本） ■□■□■ */

table#maincontents {
  width: 749px;
}
DIV#contents,
DIV#contents td,
DIV#contents th {
  FONT-SIZE: 84%;
  LINE-HEIGHT: 1.3em;
}
DIV#contents {
  padding-top: 5px;
}

DIV#contents DIV.main {
  padding: 0 10px;
}

DIV#contents DIV.main p {
  margin: 0 0 10px;
  padding: 0:
  font-size: 100%;
  LINE-HEIGHT: 1.3em;
}


/* ■□■□■ ナビゲーション（トップ） ■□■□■ */

table.topsearch {
  border-left: 1px solid #999;
}
table.topsearch td {
  background-color: #ADDBE6;
}

table.topsearch h1 {
  margin: 0;
  padding: 0;
}


/* ■□■□■ ナビゲーション（サブ） ■□■□■ */

table.topsubmenu {
  margin: 0;
  padding: 0;
  border-left: 1px solid #999;
  background-color: #EDE9B5;
  width: 749px;
}
table.topsubmenu td,
table.topsubmenu td table {
  margin: 0;
  padding: 0;
}
table.topsubmenu td table td {
  margin: 0;
  padding: 0;
  font-size: 84%;
}
table.topsubmenu td table td.off a {
  display: block;
  margin: 0;
  padding: 0.6em 8px 0.5em 18px;
  text-decoration: none;
  background-image: url("../shared/mark02.gif");
  background-position: 9px 50%;
  background-repeat: no-repeat;
}
table.topsubmenu td table td.off a:link,
table.topsubmenu td table td.off a:visited {
  background-color: transparent;
  color: #000;
}
table.topsubmenu td table td.off a:hover {
  background-image: url("../shared/mark01.gif");
  background-position: 9px 50%;
  background-repeat: no-repeat;
  background-color: #F1C799;
  color: #000;
}
table.topsubmenu td table td.on a {
  display: block;
  margin: 0;
  padding: 0.6em 8px 0.5em 18px;
  text-decoration: none;
  background-image: url("../shared/mark01.gif");
  background-position: 9px 50%;
  background-repeat: no-repeat;
  background-color: #F1C799;
  color: #000;
}


/* ■□■□■ ナビゲーション（階層） ■□■□■ */

td.navi {
  margin: 0;
  padding: 7px 0 0 10px;
  border-left: 1px solid #999;
  background-image: url("../shared/menu_navibg.gif");
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #80A76D;
  height: 24px;
  font-size: 84%;
  color: #fff;
}
td.navi a:link,
td.navi a:visited,
td.navi a:active {
  color: #fff;
  text-decoration: none;
}
td.navi a:hover {
  color: #333333;
  background-color: #FFFFCC;
  text-decoration: none;
}

/*水平線　ボーダー*/
hr.border_gray {
  height: 1px;
  background-color: #fff;
  border: 0px none;
  border-bottom: 1px dotted #ccc;
}


/* ■□■□■ コンテンツ（見出し） ■□■□■ */

DIV#contents H1 {
  MARGIN: 0.1em 0px 0.5em 0px;
  PADDING: 7px 0px 4px 20px;
  BORDER-BOTTOM: #72A470 1px solid;
  FONT-SIZE: 140%;
  LINE-HEIGHT: 1.3;
  background: url("../shared/mark03.gif") no-repeat 5px 50% #fff;
}

DIV#contents DIV.main H2 {
  MARGIN: 0.3em 0px 0.6em 0px;
  PADDING: 0.7em 0 0.7em 60px;
  BORDER-TOP: #6B9F69 1px solid;
  BORDER-RIGHT: #6B9F69 1px solid;
  BORDER-BOTTOM: #6B9F69 1px solid;
  BORDER-LEFT: #6B9F69 1px solid;
  COLOR: #000;
  FONT-SIZE: 120%;
  background: url("../shared/h2bg.gif") no-repeat 0 50% #fff;
}

DIV#contents DIV.main H3 {
  MARGIN: 0.3em 0 0.6em 0;
  PADDING: 0.5em 0px 0.5em 45px;
  BORDER-BOTTOM: #6B9F69 1px solid;
  FONT-SIZE: 110%;
  LINE-HEIGHT: 1.3;
  background: url("../shared/h3bg.gif") no-repeat 0 50% #E4F0DB;
}

DIV#contents DIV.main H4 {
  MARGIN: 0.3em 0px 0.6em 0px;
  PADDING: 2px 0px 2px 45px;
  BORDER-BOTTOM: #6B9F69 1px solid;
  background: url("../shared/h4bg.gif") no-repeat 8px 50% #fff;
  COLOR: #000;
  FONT-SIZE: 100%;
  LINE-HEIGHT: 1.3;
}
DIV#contents DIV.main H5 {
  MARGIN: 0.3em 0px 0.3em 0px;
  PADDING: 7px 0px 6px 30px;
  background: url("../shared/h5bg.gif") no-repeat 0 50% #fff;
  COLOR: #000;
  font-weight: normal;
  FONT-SIZE: 100%;
  LINE-HEIGHT: 1.3;
}
DIV#contents DIV.main H5.link a:link,
DIV#contents DIV.main H5.link a:visited,
DIV#contents DIV.main H5.link a:active {
  color: #000;
  text-decoration: none;
}
DIV#contents DIV.main H5.link a:hover {
  color: #fff;
  background-color: #6B9F69;
  text-decoration: none;
}


/* ■□■□■ ページ移動 ■□■□■ */

DIV#contents DIV.main table.page {
  padding: 0;
  margin: 0;
  font-size: 100%;
  width: 560px;
}

DIV#contents DIV.main table.page a {
  color: #000;
  text-decoration: none;
}
DIV#contents DIV.main table.page .pagelist {
  margin: 0 0px;
}
/*ページ　数字*/
DIV#contents DIV.main table.page .pagelist a {
  display: block;
  padding: 2px 6px;
  border: 1px solid  #B8AF9C;
}
/*カレントページ*/
DIV#contents DIV.main table.page .crnt {
  padding: 2px 6px;
  border: 1px solid  #B8AF9C;
  background-color: #B8AF9C;
  font-weight: bold;
}

DIV#contents DIV.main table.page .pagelist a:hover {
  background-color: #B8AF9C;
}


/* ■□■□■ コンテンツ（テキストブロック） ■□■□■ */

DIV#contents DIV.main table.block_img {
  margin: 5px 0;
}
DIV#contents DIV.main p.block_blue {
  margin: 15px 30px 5px;
  padding: 7px 10px;
  border-left: 5px solid #CCCCFF;
  border-right: 5px solid #CCCCFF;
  background-color: #EEEEFF;
}


/* ■□■□■ コンテンツ（強調） ■□■□■ */

DIV#contents DIV.main strong.strong_red {
  COLOR: #CC3333;
  FONT-SIZE: 120%;
}
DIV#contents DIV.main strong.strong_blue {
  COLOR: #3333CC;
  FONT-SIZE: 120%;
}
DIV#contents DIV.main strong.strong_green {
  COLOR: #336633;
  FONT-SIZE: 120%;
}


/* ■□■□■ コンテンツ（リスト） ■□■□■ */

DIV#contents DIV.main UL {
  MARGIN: 0px 0px 0px 0;
  PADDING: 0px 0px 0px 0px;
  list-style-type: none;
}
DIV#contents DIV.main UL LI {
  MARGIN: 0.2em 0px 0.2em 0px;
  PADDING: 0px 0px 0px 25px;
  background: url("../shared/marker03.gif") 5px 0.3em no-repeat;
}

DIV#contents DIV.main OL {
  MARGIN: 0px 0px 0px 25px;
  PADDING: 0px 0px 0px 0px;
}
DIV#contents DIV.main OL LI {
  MARGIN: 0 0px 0.5em 0px;
  PADDING: 0px 0px 0px 0px;
}

DIV#contents DL {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0px 0px 0px 0px;
  LIST-STYLE-TYPE: none;
}
DIV#contents DL DT {
  MARGIN: 0px 0px 0px 0px;
  PADDING:0 0 0 25px;
  background: url("../shared/marker02.gif") 5px 0.2em no-repeat;
  TEXT-DECORATION: none;
  ZOOM: 1;
}
DIV#contents DL DD {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0.2em 4px 0.2em 24px;
  background: url("../shared/marker03.gif") 8px 0.4em no-repeat;
  TEXT-DECORATION: none;
  ZOOM: 1;
}


/* ■□■□■ コンテンツ（テーブル） ■□■□■ */

DIV#contents DIV.main TABLE.list01 {
  MARGIN: 0px 0px 0px 8px;
  BORDER-TOP: #80A0C0 1px solid;
  BORDER-RIGHT: #80A0C0 1px solid;
  width: 550px;
}
DIV#contents DIV.main TABLE.list01 td {
  padding: 3px 3px;
  BORDER-left: #80A0C0 1px solid;
  BORDER-BOTTOM: #80A0C0 1px solid;
}
DIV#contents DIV.main TABLE.list01 th {
  padding: 3px 3px;
  background-color: #EEEEFF;
  BORDER-left: #80A0C0 1px solid;
  BORDER-BOTTOM: #80A0C0 1px solid;
  text-align: left;
  font-weight: normal;
}

DIV#contents DIV.main TABLE.list02 {
  MARGIN: 0px 0px 15px 8px;
  PADDING: 0;
  BORDER-BOTTOM: #80A0C0 1px solid;
  width: 550px;
}
DIV#contents DIV.main TABLE.list02 th {
  padding: 3px 3px;
  background-color: #EEEEFF;
  BORDER-TOP: #80A0C0 1px solid;
  text-align: left;
  font-weight: normal;
}
DIV#contents DIV.main TABLE.list02 td {
  padding: 3px 3px;
  BORDER-TOP: #80A0C0 1px solid;
}

DIV#contents DIV.main TABLE.list02 .customer02 {
   width: 45%;
}
DIV#contents DIV.main TABLE.list02 textarea {
   width: 60%;
}


/* ■□■□■ メニュー ■□■□■ */

DIV#menu{
  font-size: 84%;
  line-height: 1.3;
}

DIV#menu .menuinq {
  margin: 0 0 10px;
}

DIV#menu DIV.menulist {
  MARGIN: 0px;
  PADDING: 0px;
}

DIV#menu DIV.menulist DL.list02 {
  MARGIN: 0px;
  PADDING: 0px;
  LIST-STYLE-TYPE: none;
  width: 160px;
}
DIV#menu DIV.menulist DL.list02 DT {
  MARGIN: 0px;
  PADDING: 0px;
}
DIV#menu DIV.menulist DL.list02 DT A {
  MARGIN: 0px;
  PADDING: 0.9em 7px 0.9em 24px;
  BORDER-RIGHT: #6B9F69 1px solid;
  BORDER-BOTTOM: #6B9F69 1px solid;
  BORDER-LEFT: #6B9F69 1px solid;
  DISPLAY: block;
  BACKGROUND-IMAGE: url("../shared/marker02.gif");
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: 6px 50%;
  BACKGROUND-COLOR: #E4F0DB;
  TEXT-DECORATION: none;
  color: #000;
  line-height: 110%;
  font-size: 90%;
  ZOOM: 1;
}
DIV#menu DIV.menulist DL.list02 DT A:hover {
  BACKGROUND-COLOR: #AAD296;
}
DIV#menu DIV.menulist DL.list02 DT A:active {
  BACKGROUND-COLOR: #AAD296;
}


DIV#menu DIV.menulist DL.list03 {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0px 0px 0px 0px;
  LIST-STYLE-TYPE: none;
  width: 160px;
}
DIV#menu DIV.menulist DL.list03 DT {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0px 0px 0px 0px;
  line-height: 110%;
  font-size: 95%;
}
DIV#menu DIV.menulist DL.list03 DT A {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0.8em 7px 0.8em 24px;
  BORDER-RIGHT: #6B9F69 1px solid;
  BORDER-BOTTOM: #6B9F69 1px solid;
  BORDER-LEFT: #6B9F69 5px solid;
  DISPLAY: block;
  BACKGROUND-COLOR: #AAD296;
  TEXT-DECORATION: none;
  color: #000;
  font-size: 95%;
  ZOOM: 1;
}
DIV#menu DIV.menulist DL.list03 DT A:hover {
  BACKGROUND-COLOR: #AAD296;
}
DIV#menu DIV.menulist DL.list03 DT A:active {
  BACKGROUND-COLOR: #AAD296;
}
DIV#menu DIV.menulist DL.list03 DD {
  MARGIN: 0;
  PADDING: 0px 0px 0px 0px;
  BORDER-RIGHT: #6B9F69 1px solid;
  BORDER-LEFT: #6B9F69 5px solid;
}
DIV#menu DIV.menulist DL.list03 DD A {
  MARGIN: 0;
  PADDING: 0.8em 7px 0.9em 30px;
  BORDER-BOTTOM: #CCCCCC 1px dotted;
  DISPLAY: block;
  BACKGROUND-IMAGE: url("../shared/marker03.gif");
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: 2px 50%;
  TEXT-DECORATION: none;
  color: #000;
  text-indent: -1.0em;
  font-size: 90%;
  ZOOM: 1;
}
DIV#menu DIV.menulist DL.list03 DD.last A {
  BORDER-bottom: #6B9F69 1px solid;
}
DIV#menu DIV.menulist DL.list03 DD A:hover {
  BACKGROUND-COLOR: #AAD296;
  BACKGROUND-IMAGE: url("../shared/marker04.gif");
}
DIV#menu DIV.menulist DL.list03 DD A:active {
  BACKGROUND-COLOR: #AAD296;
}


/* ■□■□■ インデックス ■□■□■ */

DIV#contents DL.indexlist {
  MARGIN: 0px 16px 15px 16px;
  PADDING: 0px 0px 0px 0px;
  LIST-STYLE-TYPE: none;
}
DIV#contents DL.indexlist DT {
  MARGIN: 0.5em 0px 0px 0px;
  PADDING: 0px 0px 0px 0px;
}
DIV#contents DL.indexlist DT A {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0.3em 4px 0.3em 24px;
  BORDER-TOP: #CCCCCC 1px solid;
  BORDER-RIGHT: #CCCCCC 1px solid;
  BORDER-BOTTOM: #CCCCCC 1px solid;
  BORDER-LEFT: #CCCCCC 1px solid;
  DISPLAY: block;
  BACKGROUND-IMAGE: url("../shared/marker01.gif");
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: 8px 0.5em;
  BACKGROUND-COLOR: #CCCCFF;
  TEXT-DECORATION: none;
  color :#000;
  ZOOM: 1;
}
DIV#contents DL.indexlist DT A:hover {
  BACKGROUND-COLOR: #CCCCFF;
}
DIV#contents DL.indexlist DT A:active {
  BACKGROUND-COLOR: #CCCCFF;
}
DIV#contents DL.indexlist DD {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0px 0px 0px 0px;
  background-image: none;
}
DIV#contents DL.indexlist DD A {
  COLOR: #333333;
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0.5em 8px 0.5em 8px;
  BORDER-TOP: #CCCCCC 0px solid;
  BORDER-RIGHT: #CCCCCC 1px solid;
  BORDER-BOTTOM: #CCCCCC 1px solid;
  BORDER-LEFT: #CCCCCC 1px solid;
  DISPLAY: block;
  TEXT-DECORATION: none;
  height: 80px;  ZOOM: 1;
  background-image: none;
}
DIV#contents DL.indexlist DD A:hover {
  BACKGROUND-COLOR: #EEEEFF;
}
DIV#contents DL.indexlist DD A:active {
  BACKGROUND-COLOR: #EEEEFF;
}

DIV#contents DL.indexlist DD img {
  float: right;
}


/* ■□■□■ お問い合わせボタン ■□■□■ */
DIV#contents .inqbtn {
  padding: 10px 0 20px;
  text-align: center;
}


/* ■□■□■ フッター ■□■□■ */

DIV#footer,
DIV#footer TD {
  color: #808080;
  FONT-SIZE: 84%;
  LINE-HEIGHT: 1.3;
}
DIV#footer {
  width: 748px;
  border-left: 1px solid #999;
}
DIV#footer table {
  width: 748px;
}
DIV#footer a:link,
DIV#footer a:visited {
  COLOR: #0000FF;
  TEXT-DECORATION: none;
}
DIV#footer a:active,
DIV#footer a:hover {
  COLOR: #2AB1FF;
  TEXT-DECORATION: underline;
  background-color: transparent;
}
DIV#footer table {
  border-top: 5px solid #0161B7;
}
DIV#footer TD {
  MARGIN: 0px 0px 0px 0px;
  PADDING: 8px 10px 44px 10px;
}

