@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #01838A;
}

.hpb-parts-hl-style
{
    border-color: #01838A;
    margin-top: 5px;
    margin-bottom: 10px;
}

.hpb-parts-cbox-style
{
    border-color: #01838A;
}

.hpb-parts-hr-style
{
    border-color: #01838A;
}

.hpb-parts-pbox-style
{
    background-color: #f4f4f4;
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}

.hpb-parts-pbox-style img
{
    background-color: #f4f4f4;
}

.hpb-parts-blist-style
{
    background-color: #f3f3f3;
    border-color: #33BFD2;
}

a:link.hpb-parts-blist-style
{
    color: #666666;
}

a:visited.hpb-parts-blist-style
{
    color: #666666;
}

a:hover.hpb-parts-blist-style
{
    color: #33BFD2;
}

a:active.hpb-parts-blist-style
{
    color: #33BFD2;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

#bredList
{
  text-align : left;
  margin-top : -10px;
}

#bredList a
{
  text-decoration:none;
}

#bredList a:hover
{
  text-decoration:underline;
}

#page_comment
{
  font-size : medium;
  margin-left: auto;
  margin-right: auto;
  margin-top : -15px;
  
}

#table_business_sub table
{
  border-top-width: 2px;
  border-top-style: solid;
  border-left-width: 2px;
  border-left-style: solid;
}

#table_business_sub table td
{
  border-right-width: 2px;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  vertical-align: top;
  text-align: justify;
}

#table_business_sub table h3
{
  font-size: medium;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#table_business_sub table p
{
  font-size: medium;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#outline ul,
#customer ul,
#sitemap ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#outline ul li,
#customer ul li,
#sitemap ul li
{
    text-align: left;
    line-height: 1.4;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 25px;
    background-image : url(../images/point_1Aa.png);
    background-position: 5px 12px;
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
}

/* --- ボックス --- */
.newInfo
{
  width : auto;				/* ボックスの幅 */
  height : auto;				/* ボックスの高さ */
  background-color : rgb(255, 255, 255);	/* ボックスの背景色 */
  border : 1px solid rgb(17, 119, 131);	/* ボックスの枠線 */
  font-family : ＭＳ　Ｐ明朝;		/* ボックスの文字サイズ */
}

/* --- 見出し --- */
.newInfo h2
{
  margin: 0;					/* 見出しのマージン */
  padding : 1px 10px;			/* 見出しのパディング（上下、左右） */
  background-color : rgb(17, 119, 131);	/* 見出しの背景色 */
  border-bottom-width : 1px;		/* 見出しの下枠線 */
  font-size: 120%;				/* 見出しの文字サイズ */
  color : white;				/* 見出しの文字色 */
}

/* --- 本文領域 --- */
.newInfo .newInfoText
{
  height : 450px;				/* 本文領域の高さ */
  padding: 0px 10px;				/* 本文領域のパディング（上下、左右） */
  overflow: auto;
}

/* --- 本文領域内の段落 --- */
.newInfo .newInfoText p {
  font-family : "ＭＳ ゴシック";
  font-size : small;		/* 本文領域内の文字サイズ */
  margin-top : 1.5em;
  margin-bottom : 0em;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : rgb(17, 119, 131);
  border-top-color : rgb(17, 119, 131);
  text-align : left;
}

.ideologyText
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 153, 153);
  padding-bottom: 0px;
  font-size: medium;
}

.ideologyText h2
{
  font-size: large;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: dotted;
  border-top-color: rgb(0, 153, 153);
  border-bottom-color: rgb(0, 153, 153);
  background-image: none;
  width: 100%;
  font-weight: normal;
  text-align: left;
  height: 1em;
  line-height: 1;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ideologyText p
{
  font-size: medium;
  text-align: left;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 1em;
  line-height: 2;
}

.table_noline,
.table_noline tbody,
.table_noline tbody tr,
.table_noline tbody tr td
{
  border-style : none;
  border-width : 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}

.table_color_tree-planting,
.table_color_tree-planting td
{
  border-color: rgb(57, 237, 148);
}

.table_color_maintenance,
.table_color_maintenance td
{
  border-color: rgb(173, 255, 57);
}

.table_color_contribution,
.table_color_contribution td
{
  border-color: rgb(255, 235, 49);
}

.table_color_future,
.table_color_future td
{
  border-color: rgb(255, 162, 57);
}

.table_communication
{
  width: 100%;
  border-color: rgb(255, 102, 0);
  border-top-width: 2px;
  border-top-style: solid;
  border-left-width: 2px;
  border-left-style: solid;
}

.table_communication td
{
  border-color: rgb(255, 102, 0);
  border-right-width: 2px;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  vertical-align: top;
  text-align: justify;
}

.table_communication h3
{
  font-size : medium;
  border-bottom-style : dotted;
  border-bottom-color : rgb(255, 102, 0);
  border-bottom-width : 1px;
  margin-top : 0.2em;
  margin-bottom : 0.8em;
}

.table_communication p
{
  font-size : medium;
  margin-top : 0.5em;
  margin-bottom : 0.5em;
}

/* 吹き出し */
a.info
{
  position : relative;	/*this is the key*/
  z-index : 24;
}

a:hover.info
{
  z-index : 25;
  background-color : #ff0;
}

a.info span
{
  display : none;
}

a:hover.info span
{
  display : block;
  position : absolute;
  top : 2em;
  border-width : 1px;
  border-style : solid;
  border-color : rgb(204, 204, 204);
  background-color : #666666;
  color : #eeeeee;
  text-align : center;
  padding-top : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  padding-left : 5px;
}

/* 吹き出し２ 右 */
a.ttR
{
  position : relative;
  z-index : 24;
  text-decoration : none;
}

a.ttR span
{
  display : none;
}

a:hover.ttR
{
  z-index : 25;
  background :;
}

a:hover.ttR span.tooltip
{
  display : block;
  position : absolute;
  top : 0px;
  left : 0px;
  width : 200px;
  text-align : center;
  color : black;
}

a:hover.ttR span.top
{
  display : block;
  padding : 30px 8px 0;
  background : transparent url(../images/bubbleR.gif) no-repeat scroll center top;
}

a:hover.ttR span.middle
{
  display : block;
  padding : 0 8px; 
  background : transparent url(../images/bubble_filler.gif) repeat scroll center bottom;
}

a:hover.ttR span.bottom
{
  display : block;
  padding-top : 3px;
  padding-right : 8px;
  padding-bottom : 10px;
  padding-left : 8px;
  background-image : url(../images/bubbleR.gif);
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : center bottom;
}

/* 吹き出し２ 左 */
a.ttL
{
  position : relative;
  z-index : 24;
  text-decoration: none;
}

a.ttL span
{
  display : none;
}

a:hover.ttL
{
  z-index : 25;
  background :;
}

a:hover.ttL span.tooltip
{
  display : block;
  position : absolute;
  top : 0px;
  right : 0px;
  width : 200px;
  text-align : center;
  color : black;
}

a:hover.ttL span.top
{
  display : block;
  padding : 30px 8px 0;
  background : transparent url(../images/bubbleL.gif) no-repeat scroll center top;
}

a:hover.ttL span.middle
{
  display : block;
  padding : 0 8px; 
  background : transparent url(../images/bubble_filler.gif) repeat scroll center bottom;
}

a:hover.ttL span.bottom
{
  display : block;
  padding-top : 3px;
  padding-right : 8px;
  padding-bottom : 10px;
  padding-left : 8px;
  background-image : url(../images/bubbleL.gif);
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : center bottom;
}

/* マウスを上に持って行った時の静止画の最大化 */
a.thumbnail
{
  display : block;
}

a.thumbnail,
a.thumbnail img
{
}

a:hover.thumbnail
{
  border : none;
  cursor : default;
}

a:hover.thumbnail img
{
  position : absolute;
  width : auto;
  height : auto;
}