@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
  margin:  0;
  padding: 0;
  background-image: url(../img/back.gif);
  color:       #333333;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
  font-size:   12px;
}

a:link {
  color: #69821b;
}

a:hover {
  color: #99ab4e;
}

a:visited {
  color: #69821b;
}

p {
  margin: 18px 0 18px 0;
  line-height: 180%;
  letter-spacing: 1px;
}

.anchor {  /*----- ヘッダーとの重なり回避(95px+5px) -----*/
  margin-top: -100px;
  height:      100px;
}

.vtop {
  vertical-align: top;
}

.vmid {
  vertical-align: middle;
}

.right {
  text-align: right;
}

.decimal {
  list-style-type: decimal;
}


/*---------- メイン ----------*/

#main {
  margin:  0 auto;
  padding: 0;
  width: 900px;
  border-left:   solid 1px #c6c6c6;
  border-bottom: solid 1px #c6c6c6;
  border-right:  solid 1px #c6c6c6;
  background-color: #ffffff;
}

/*---------- ヘッダー ----------*/

#header {
  position: fixed;
  z-index: 10;
  top: 0;
  margin:  0;
  padding: 0;
  width: 900px;
  height: 80px;
  border-top: solid 2px #99ab4e;
  background-color: #ffffff;
  background-image: url(../img/header.jpg);
  background-repeat: no-repeat;
}

#header-title{
  color: #444444;
  font-size: 20px;
  text-decoration: none;
  line-height: 150%;
  text-align: left;
}

#header-title-left{
  float: left;
  width: 300px;
  text-align: left;
  color: #444444;
  font-size: 20px;
  text-decoration: none;
  line-height: 150%;
}

#header-title-left h1 {
  margin: 0;
  padding: 10px 10px 10px 10px;
  color: #444444;
  font-size: 20px;
  letter-spacing: 1px;
}

#header-title-left a{
  color: #444444;
  font-size: 20px;
  text-decoration: none;
}

#header-title-left a:hover{
  color: #666666;
  font-size: 20px;
  text-decoration: none;
}

#header-title-right{
  float: right;
  width: 580px;
  padding: 10px 10px 10px 10px;
  text-align: right;
  color: #333333;
  font-size: 12px;
  text-decoration: none;
  line-height: 150%;
}

#header-title-right a{
  color: #333333;
  font-size: 12px;
  text-decoration: none;
}

#header-title-right a:hover{
  color: #666666;
  font-size: 12px;
  text-decoration: none;
}

#header-menu {
  clear: both;
  width: 900px;
  height: 30px;
  margin:  0px;
  padding: 0px;
  background-image: url(../img/head_menu_back.gif);
  background-repeat: repeat-x;
  text-align: center;
}

#header-menu ul {
  margin:  0px;
  padding: 0px
}

#header-menu ul li {
  float: left;
  width: 100px;
  height: 30px;
  color: #ffffff;
  display: inline;
  list-style-type: none;
  position:relative;
}

#header-menu ul li a {
  padding: 5px 0 5px 0;
  width: 99px;
  background-image: url(../img/head_menu_back.gif);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #69821b;
  color: #fffffc;
  font-size: 12px;
  text-decoration: none;
  line-height: 20px;
  text-align: center;
  display: block;
}

#header-menu ul li a:hover {
  background-image: url(../img/head_menu_back_hover.gif);
}

#header-menu ul li ul.header-menu-sub {
  display: none;
}

#header-menu ul li:hover ul.header-menu-sub {
  display: block;
  position: absolute;
  z-index: 5;
}

#header-menu ul li:hover ul.header-menu-sub li a {
  padding: 5px 0 5px 20px;
  width: 179px;
  height: 20px;
  background-image: url(../img/side_menu_bg.gif);
  background-repeat: no-repeat;
  color: #69821b;
  text-align: left;
}

#header-menu ul li:hover ul.header-menu-sub li a:hover {
  background-image: url(../img/side_menu_bg_hover.gif);
  background-repeat: no-repeat;
  color: #99ab4e;
}

img.head_photo {
  margin: 0;
}

/*--- ナビゲーションスキップ ---*/
.navi-skip {
	position: absolute;
	left: -9000px;
	margin: 0;
	padding: 0;
}

/*---------- コンテンツ ----------*/

#container {
  clear: both;
  margin:  0;
  padding: 95px 5px 5px 5px ;  /*----- ヘッダーとの重なり回避(95px) -----*/
  width: 890px;
  background-color: #ffffff;
  overflow: hidden;
}

/*---------- メインコンテンツ ----------*/

#contents {
  float: right;
  margin: 0;
  padding: 5px 10px 5px 0;
  width: 640px;
  font-size: 12px;
  line-height: 180%;
  letter-spacing: 1px;
}

#contents h2 {
  margin: 0 0 4px 0;
  padding: 6px 0 0 15px;
  height: 25px;
  background-image: url(../img/titlebar.gif);
  background-repeat: no-repeat;
  color: #444444;
  font-size: 14px;
}

#contents p {
  margin: 18px 0 18px 0;
  padding: 0 5px 0 0;
  font-size: 12px;
  line-height: 180%;
}

#contents img.head_photo {
  margin: 0 0 10px 0;
}

#contents img.photo {
  float: left;
  margin: 10px 20px 0 0;
}

#contents img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

#contents p.photo {
  margin:  0 0 20px 0;
  padding: 0;
}

table#t01 {
  border: solid 1px #999999;
  border-collapse: collapse;
}

td#t01 {
  border: solid 1px #999999;
  border-collapse: collapse;
}

td#head {
  padding: 6px;
  border: solid 1px #999999;
  border-collapse: collapse;
}

table.table_line {
  border-collapse: collapse;
  border: solid 1px #999999;
}

td.table_line {
  border-collapse: collapse;
  border: solid 1px #999999;
  padding : 8px 14px 8px 14px;
}

/*---------- 議事録レイアウト ----------*/
#contents h3 {
  text-indent: 15px;
  margin: 0 0 4px 0;
  position: relative;
  height: 25px;
  background-image: url(../img/titlebar.gif);
  background-repeat: no-repeat;
  color: #444444;
  font-size: 14px;
  }
  
#contents a.rSidePosition {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    font-size: 12px;
}

table#t02 {
  table-layout: fixed; width: 640px;
  border-collapse: collapse; 
  border: solid 1px gray;
  padding : 8px 14px 8px 14px;
 }

#t02 th {
  border: solid 1px gray;
  vertical-align: middle;
  text-align: center;
}

#t02 td{
  border: solid 1px gray;
  vertical-align: middle;
  text-align: left;
}

#archives-memu {
  float:left;
  margin:  5px 5px 5px 5px;
  padding: 0;
  font-size: 12px;
  line-height: 180%;
    }

/*--------メールフォーム-----------*/
#mailform { width: 100%; }  

#mailform th,td {  
	vertical-align: top; /* セルの上に配置 */ 
	text-align: left; 
 }  
 
#mailform th {  
	padding: 5px 5px;  
	background-color: #ffffff;	  
}  

#mailform th span {  
	font-weight: normal; /* (必須) */  
	color: #ff0000;  
	padding: 0 0 0 10px;  
}  

#mailform td{ padding: 5px 0 10px 10px; } 

/*---------- メニュー ----------*/

#menu {
  float: left;
  margin:  5px 5px 5px 5px;
  padding: 0;
  width: 220px;
  background-image: url(../img/menu_back.gif);
  text-align: left;
  letter-spacing: 1px;
}

#menu2 {
  display: none;
}

.menulist {
  margin: 0 0 15px 0;
  padding: 5px 2px 0px 5px;
  width: 210px;
  background-image: url(../img/menu_back.gif);
  text-align: left;
}

.menulist h2 {
  margin: 0;
  padding: 7px 0 7px 12px;
  height: 19px;
  background-image: url(../img/sidebar.gif);
  background-repeat: no-repeat;
  color: #fffffc;
  font-size: 12px;
}

.menulist h3 {
  margin: 0;
  padding: 7px 0 0 12px;
  height: 19px;
  background-image: url(../img/sidebar.gif);
  background-repeat: no-repeat;
  color: #fffffc;
  font-size: 12px;
}

.menulist a{
  padding: 8px 4px 6px 20px;
  width: 186px;
  border-bottom: solid 1px #cccccc;
  background-image: url(../img/side_menu_bg.gif);
  background-repeat: no-repeat;
  color: #69821b;
  font-size: 12px;
  line-height: 160%;
  display: block;
}

.menulist a:hover{
  background-image: url(../img/side_menu_bg_hover.gif);
  background-repeat: no-repeat;
  color: #99ab4e;
}

/*---------- ツリー表示 ----------*/

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../img/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../branch/img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../branch/img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../branch/img/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../branch/img/treeview-red.gif); } 

.treeview-black li { background-image: url(../branch/img/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../branch/img/treeview-black.gif); }  

.treeview-gray li { background-image: url(../branch/img/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../branch/img/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../branch/img/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../branch/img/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(../img/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../branch/img/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../branch/img/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../branch/img/file.gif) 0 0 no-repeat; }

/*---------- フッター ----------*/

#footer {
  clear: both;
  margin: 0;
  padding: 15px 0 15px 0;
  width: 900px;
  border-top: solid 2px #999999;
  background-color: #ffffff;
  color: #333333;
  font-size: 12px;
  text-align: center;
}

#footer a {
  color: #333333;
  font-size: 12px;
}

#footer a:hover {
  color: #333333;
}