@charset "Shift_JIS";

/*===================================================*/
/*ブラウザ基礎設定*/
/*===================================================*/


/*ブラウザ固有値リセット*/
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}


/*基礎修飾の再定義*/
  strong {font-weight: bold;}
  em {font-style: italic;}


/*===================================================*/
/*ページレイアウト*/
/*===================================================*/


/*ページ全体のフォント設定とセンタリング*/
body {
  font-family: "Trebuchet MS","MS P Gothic","Osaka";
  background-color:#FFFFFF;
  background-image: url(images/history_back.gif);
  background-attachment: scroll;
  background-repeat: repeat-y;
}


/*リンクの色の設定*/
a:link   {text-decoration:NONE; color:#6555cc }
a:visited{text-decoration:NONE; color:#4B3AC0 }
a:active {text-decoration:NONE }
a:hover  {text-decoration:UNDERLINE; color:#FF6600 }
a        {text-decoration:NONE }



/*ページ全体の横幅と中央寄せ*/
.contents {
  margin-left:75px;
  text-align:left;
  width:90%;
}


/*ページ全体の横幅と中央寄せ*/
.topmenu {
  padding:0;
  margin:0;
}


/*===================================================*/
/*本文*/
/*===================================================*/


/*ヘッダータイトル*/
.header {
  margin-left:45px;
  padding:0px;
  margin-top :18px;
  text-align:left;
  margin-bottom :4px;
}	
  

/*解説文章*/
.read {
  vertical-align:baseline;
  text-align:left;
  padding:14px;
  border: 1px #DDCBB5 solid;
  font-size:90% !important;
  font-size:110%;/*IE*/
  line-height:150%;
  background-color:#F6F4E3;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
}


/*解説文章*/
#history0index .read {
  text-align:left;
  padding:8px;
   border: 1px #DDCBB5 solid;
  font-size:78% !important;
  font-size:90%;/*IE*/
  line-height:150%;
  background-color:#F6F4E3;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
  margin-bottom:12px;
  /*width: 780px;
  max-width: 760px; /*firefox*/
}


/*解説文章先頭文字キャップ*/
#history0index .cap{
  vertical-align:baseline;
  /*margin-right:0.25em;*/
  font-size:180% !important;
  font-size:200%; /*IE*/
}


/*解説文章先頭文字キャップ*/
.cap{
  vertical-align:baseline;
  font-size:180% !important;
  font-size:200%; /*IE*/
}


/*解説文章先頭文字キャップ*/
#history0index .cap{
  font-weight: bold;
  font-size:140% !important;
  font-size:140%; /*IE*/
  line-height:140%;
  padding:0;
  margin:0;
  margin-top:8px;
  margin-bottom:8px;
  text-align:left;
}


/*クリックで拡大の注釈*/
.note {
  margin-top:26px;
  color:#FF4A4A;
  text-align:right;
  width:98%;
  font-size:70% !important;
  font-size:60%; /*IE*/
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
  margin-bottom:4px;
}


/*===================================================*/
/*引用文献*/
/*===================================================*/


body#reference .reference {
  text-align:left;
  margin-top: 30px;
  width:95%;
  padding:12px;
  font-size:80% !important;
  font-size:90%; /*IE*/
  line-height:125%;
  background-color:#eeeeee;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
}

body#gallery .reference {
  margin-top: 20px;
  width: 880px;
  padding:12px;
  max-width: 860px; /*firefox*/
  font-size:70% !important;
  font-size:60%; /*IE*/
  line-height:180%;
  background-color:#eeeeee;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
}

/*リスト表記1*/
div.reference ol {
  margin-left: 28px;
  padding-left: 0px;
  text-align:left;
  padding-bottom:18px;
}


/*リスト表記2*/
div.reference li  {
  margin-left: 28px;
  padding-left: 0px;
  line-height:150%;
}


/*項目名画像置換*/
.refer {
  background : transparent url(images/image_h2_reference.gif) no-repeat;
}


/*===================================================*/
/*各種資料*/
/*===================================================*/

/*項目名画像置換*/
.data {
  background : transparent url(images/image_h2_data.gif) no-repeat;
}


/*===================================================*/
/*各種資料テーブル配色　茶*/
/*===================================================*/

#gallery .color4 { 
  background-color:#DCD9C3;
  text-align:left;
  font-weight: normal;
  color: #333333;
} 


/*===================================================*/
/*サイト　メインメニュー*/
/*===================================================*/

 .headericon
{
	position: absolute;
	margin: 0;
	padding :0;
	top: 11px;
	left: 838px;
}


#mainmenu {
	white-space: nowrap;
	position: absolute;
	margin: 0;
	padding :0;
	top: 20px;
	/*left: 135px;*/
	left: 74px;
	width: 840px;
}


#mainmenu ul { 
  margin: 0; 
  padding :0; 
  list-style-type : none; 
  white-space: nowrap;
}


#mainmenu li { 
  white-space: nowrap; 
  padding :0; 
  margin:0; 
  float:left;
}

#mainmenu .leftpadding {
 margin-left:1px;
  border-left:1px solid #666;
}

#mainmenu li a {
  white-space: nowrap;
  text-indent: 2px;
  display: block;
  font-size:12px;
  border-right:1px solid #666;
  padding-right:4px;
  padding-left:3px;
  text-decoration:none;
  color:#557;
  text-align:center;
  line-height: 100%; 
  padding-top:4px;
  padding-bottom:3px;
  vertical-align:baseline;
}


#mainmenu a:link   {text-decoration:NONE; color:#6555cc }
#mainmenu a:visited{text-decoration:NONE; color:#4B3AC0 }
#mainmenu a:active {text-decoration:NONE }
#mainmenu a:hover  {text-decoration:UNDERLINE; color:#FF6600 }
#mainmenu a        {text-decoration:NONE }


/*===================================================*/
/*各ページ見出し*/
/*===================================================*/


/*ページタイトル*/
h1 {
}


/*項目名画像置換*/
h2 {
  text-align:left;
  margin-top: 0px;
  margin-bottom: 28px;
  width:100%;
  line-height: 100%; 
  text-indent : -10000px ;
  display : block ;
  height : 50px ;
  border-bottom: #ccc 1px dotted;
}


/*項目名画像置換*/
.history0 {
  background : transparent url(images/image_h2_history0.gif) no-repeat;
}
.history1 {
  background : transparent url(images/image_h2_history1.gif) no-repeat;
}
.history2 {
  background : transparent url(images/image_h2_history2.gif) no-repeat;
}
.history3 {
  background : transparent url(images/image_h2_history3.gif) no-repeat;
}
.history4 {
  background : transparent url(images/image_h2_history4.gif) no-repeat;
}
.history5 {
  background : transparent url(images/image_h2_history5.gif) no-repeat;
}
.gallery {
  background : transparent url(images/image_h2_gallery.gif) no-repeat;
}


/*メニュー項目*/
h3 {
  line-height: 100%; 
  font-weight:normal;
  margin: 0; 
  padding :0;
}


/*項目名*/
h4 {
  display:inline;
  text-align:left;
  font-size:medium;
  font-weight: bold;
  padding:0;
  margin:0;
}


/*===================================================*/
/*テーブル内画像　年表*/
/*===================================================*/
 
#maintable .caption {
  float: left;
  font-weight: bold;
  font-size:110% !important;
  font-size:110%;/*IE*/
  color: #000;
  text-align:left;
}


/*画　周囲余白*/
#maintable img{
  margin-top:12px;
  border: #fff 6px solid;
  margin-bottom:4px; 
}


/*画　周囲余白+右寄せ*/
#maintable p img {
  float: right;
}


/*トップページ　文章市*/
#history0index div.read {
  vertical-align:baseline;
}

/*トップページ　画像周囲余白*/
#history0index div.read img{
  /*margin-top:12px;*/
  border: #fff 6px solid;
    margin-right:12px;
  float: left;
}


/*トップページ　画像周囲余白　下間隔あり*/
img.wrapimg{
  margin-bottom:22px;
}

/*トップページ　折り返し禁止*/
#wrap{
  white-space: nowrap; 
}

/*トップページ　画像終了クリア*/
#history0index .read:after  {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* Hides from IE-mac \*/
* html #history0index .read {height: 1%;}
/* End hide from IE-mac */


/*画　周囲余白*/
#history0index div.read .nondeco{
  margin:0;
  padding:0;
  border: #F6F4E3 0px solid;
}


/*===================================================*/
/*フッター*/
/*===================================================*/

address 
{
  text-align:left;
  margin-bottom: 26px;
  margin-top: 20px;
  padding-top:12px;
  width:100%;
  font-size:80% !important;
  font-size:90%; /*IE*/
  line-height:150%;
  font-weight: normal;
  font-style: normal;
  border-top: #ccc 1px dotted;
}

address .footericon
{
float:right;
padding:0;
margin:0;
/*margin-right:4px;*/
vertical-align: text-bottom; 
}


/*===================================================*/
/*テーブル　年表*/
/*===================================================*/

#maintable { 
  width: 100%; 
  border: none;
  font-size:small;
  margin-bottom:16px;
  background-color:#ffffff;
  line-height:125%;
} 


/*メンバーテーブルヘッダ枠線*/
#maintable th { 
  border:none;
  font-size:medium;
  padding: 6px; 
  background-color:#666666;
  color: #ffffff; /* 文字の色 */
} 


/*メンバーテーブル項枠線目*/
#maintable td { 
  border-style: solid; /* 枠の種類 */
  border-color: #ccccff #666699 #666699 #ccccff; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  border:none;
  font-size:small;
  padding: 10px; 
} 


/*===================================================*/
/* 1:年表テーブル配色　紫*/
/*===================================================*/

/*テーブル西暦*/
#history1purple .color1 { 
  background-color:#69698F;
  color: #ffffff;
  font-weight:bold;
} 


/*テーブル月*/
#history1purple .color2 { 
  background-color:#9999AC;
  color: #ffffff;
  font-weight: bold;
} 


/*テーブル本文*/
#history1purple .color3 { 
  background-color:#D2D2EC;
  text-align:left;
  font-weight: normal;
  color: #333333;
} 



/*===================================================*/
/* 2:年表テーブル配色　青*/
/*===================================================*/

/*テーブル西暦*/
#history2blue .color1 { 
  background-color:#599EAF;
  color: #ffffff;
  font-weight:bold;
} 


/*テーブル月*/
#history2blue .color2 { 
  background-color:#88B6C1;
  color: #ffffff;
  font-weight: bold;
} 


/*テーブル本文*/
#history2blue .color3 { 
  background-color:#C9D8DC;
  text-align:left;
  font-weight: normal;
  color: #333333;
} 


/*===================================================*/
/* 3:年表テーブル配色　緑*/
/*===================================================*/

/*テーブル西暦*/
#history3green .color1 { 
  background-color:#658356;
  color: #ffffff;
  font-weight:bold;
} 


/*テーブル月*/
#history3green .color2 { 
  background-color:#90AF82;
  color: #ffffff;
  font-weight: bold;
} 


/*テーブル本文*/
#history3green .color3 { 
  background-color:#CBDCC3;
  text-align:left;
  font-weight: normal;
  color: #333333;
} 



/*===================================================*/
/* 4:年表テーブル配色　黄*/
/*===================================================*/

/*テーブル西暦*/
#history4yellow .color1 { 
  background-color:#7C7B58;
  color: #ffffff;
  font-weight:bold;
} 


/*テーブル月*/
#history4yellow .color2 { 
  background-color:#B2AB68;
  color: #ffffff;
  font-weight: bold;
} 


/*テーブル本文*/
#history4yellow .color3 { 
  background-color:#D7D3B0;
  text-align:left;
  font-weight: normal;
  color: #333333;
} 



/*===================================================*/
/*5:年表テーブル配色　橙*/
/*===================================================*/

/*テーブル西暦*/
#history5orange .color1 { 
  background-color:#6A5340;
  color: #ffffff;
  font-weight:bold;
} 


/*テーブル月*/
#history5orange .color2 { 
  background-color:#B6845C;
  color: #ffffff;
  font-weight: bold;
} 


/*テーブル本文*/
#history5orange .color3 { 
  background-color:#F2D5BE;
  text-align:left;
  font-weight: normal;
  color: #333333;
} 


/*===================================================*/
/*テーブル　歴史写真館**/
/*===================================================*/

.gallerytable { 
  border: none;
  font-size:small;
 margin-bottom:16px;
  margin-top:16px;
  /*background-color:#ffffff;*/
  line-height:125%;
   vertical-align:top;
    margin-left: 16px;
	width:85%;
} 

.gallerytable th { 
  border:none;
  font-size:110%;
  padding: 6px;
  text-align:left;
  background-color:#666666;
  color: #ffffff; /* 文字の色 */
    vertical-align:top;
} 

.gallerytable td { 
  border-style: solid; /* 枠の種類 */
  border-color: #ccccff #666699 #666699 #ccccff; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  border:none;
  font-size:small;
  padding: 6px; 
    vertical-align:top;
} 


.center{
text-align:center;
} 


/*===================================================*/
/*メインテーブルのみ色を反映しない*/
/*===================================================*/

/*解説文章*/
#maingallery2 {
  font-size:small;
  padding:14px;
  border: 1px #DDCBB5 solid;
  line-height:150%;
  width: 880px;
  max-width: 860px; /*firefox*/
  background-color:#F6F4E3;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
}


body#gallery1 #maingallery2 {
  font-size:small;
  padding:14px;
  border: 1px #DDCBB5 solid;
  line-height:150%;
  width: 880px;
  max-width: 860px; /*firefox*/
  background-color:#F6F4E3;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
}


#maingallery2 p.caption strong {
  font-weight: bold;
  font-size:120% !important;
  font-size:120%;/*IE*/
  color: #7C5E38;
}


#maingallery2 .caption {
  color: #333;
  margin-bottom:20px;
}

#maingallery2 strong {
  font-weight: bold;
  font-size:120% !important;
  font-size:120%;/*IE*/
  color: #333;
}

/*画　周囲余白*/
#maingallery2 img{
  border: #fff 6px solid;
  margin-right:10px;
  float: left;
}


/*===================================================*/
/*歴史写真館　サブメニュー*/
/*===================================================*/

.on {
  font-weight: bold;
}

#gallerymenu li a {
  white-space: nowrap;
  text-indent: 2px;
  display: block;
  border-right:1px solid #666;
  padding-right:6px;
  padding-left:5px;
  padding-top:2px;
  vertical-align:baseline;
  font-size:14px;
}

#gallerymenu {
  white-space: nowrap;
  padding:8px;
  padding-left:0;
  padding-top:0;
  border: 1px #fff solid;
  line-height:100%;
  margin-bottom:30px;
}


#gallerymenu ul { 
  list-style-type : none; 
  white-space: nowrap;
}


#gallerymenu li { 
  white-space: nowrap; 
  float:left;
}

#gallerymenu .leftpadding {
  margin-left:1px;
  border-left:1px solid #666;
}


/*===================================================*/
/*歴史写真館　リスト表記*/
/*===================================================*/


/*リスト表記1*/
body#gallery div#maingallery ul {
  margin: 16px;
  padding: 6px;
  text-align:left;
    border: 2px #DDCBB5 dotted;
  /*padding-bottom:18px;*/
    background-color:#fff;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
  width:85%;

}

body#gallery div#maingallery ul  ul{
  margin: 2px;
  padding: 0;
  text-align:left;
  border: 1px #fff solid;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";

}


/*リスト表記2*/
body#gallery div#maingallery li  {
  margin-left: 28px;
  padding-left: 0px;
  line-height:150%;
}


/*===================================================*/
/* 1:歴史写真館テーブル配色　茶*/
/*===================================================*/

#gallery .color1 { 
  background-color:#7C7B58;
  color: #ffffff;
  font-weight:bold;
} 


/*テーブル月*/
#gallery .color2 { 
  background-color:#B2AB68;
  color: #ffffff;
  font-weight: bold;
} 


/*テーブル本文*/
#gallery .color3 { 
  background-color:#D7D3B0;
  text-align:left;
  font-weight: normal;
  color: #333333;
} 


/*===================================================*/
/*トップページ　歴史写真館　リスト表記*/
/*===================================================*/
 
ul#gallerylist { 
  list-style-type : none; 
  padding :8px;
  text-indent:4px;
}


/*===================================================*/
/*歴史写真館*/
/*===================================================*/
 
/*解説文章*/
#maingallery {
  font-size:small;
  padding:14px;
  border: 1px #DDCBB5 solid;
  line-height:150%;
  width: 880px;
  max-width: 860px; /*firefox*/
  background-color:#F6F4E3;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
}

body#gallery1 #maingallery {
  font-size:small;
  padding:14px;
  border: 1px #DDCBB5 solid;
  line-height:150%;
  width: 880px;
  max-width: 860px; /*firefox*/
  background-color:#F6F4E3;
  font-family:"Trebuchet MS","MS P Gothic","Osaka";
}


#maingallery p.caption strong {
  font-weight: bold;
  font-size:120% !important;
  font-size:120%;/*IE*/
  color: #7C5E38;
}


#maingallery .caption {
  color: #333;
  margin-bottom:20px;
}

#maingallery strong {
  font-weight: bold;
  font-size:120% !important;
  font-size:120%;/*IE*/
  color: #333;
}

/*画　周囲余白*/
#maingallery img{
  border: #fff 6px solid;
  margin-right:10px;
  float: left;
}


/*画　周囲余白*/
#gallery .caption:after  {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* Hides from IE-mac \*/
* html #gallery .caption {height: 1%;}
/* End hide from IE-mac */

.clear { 
  clear: both;
  margin-bottom:12px;
 } 
 
 
/*===================================================*/
/*その他*/
/*===================================================*/


/*画　周囲余白*/
div#maintable p:after  {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/*画　周囲余白*/
div#maintable .caption:after  {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/*画　周囲余白*/
div#maintable img:after  {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/*css非対応ブラウザ用罫線*/
hr {
 display:none;
}


/*css非対応ブラウザ用罫線*/
map {
 padding:0;
 margin:0;
}