@charset "UTF-8";
	
div#content-wrapper {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2em;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color:#000000;
	line-height: 1.6;
}
div#content-wrapper .doc1 a:link {
	color:#000066;
}
div#content-wrapper .doc1 p a:link {
	color:#000066;
}
div#content-wrapper .doc1 p a:visited {
	color: #800080;
}
a:hover,
a:focus,
a:active {
	color:#ff0000;
}
img { border: 0; }
.clear { clear: both; }
h1 {
	font-size: large;
	font-weight: bold;

	background-color: #7777dd;
	text-align: center;
	border-color: #9999ff #333399 #333399 #9999ff;
	color: #ffffff;
	border-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	}
h2	{
	margin-top: 1em;
	margin-bottom:1em;
	font-size: 1.2em;
	font-weight: bold;
	color: #333399;
	line-height: 1.6;
}
h3	{
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: .2em;
	background-color: #eee;
	border: solid 1px #ccc;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	line-height: 2;
}
h4	{
	margin: 1em 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	line-height: 1.6;
}
h5	{
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	line-height: 1.6;
}
table caption {
	font-size: medium;
	font-weight: bold;
	color: #006600;
}
table th {
	font-size: medium;
	font-weight: bold;
	color: #000000;
	background-color: #eeeeee;
}	

dt {
	font-weight: bold;
}
dd	{
	margin-left: 3em;
}


/* 視覚障害者への配慮 */
p#naviskip {
	height: 0;
	overflow: hidden;
}

/* --- 一番上のメニュー ---*/
ul.menu1 {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.95em;
	line-height: 1.4;
	color: #000;
	background: #e7effa;
	border: 1px solid #6f98d1;
	text-align: center;
}
ul.menu1 li {
	display: inline; 
	margin-left: 0;
	padding: 0px 0.8em;
	border-right: 2px groove #fff;
}
ul.menu1 li a {
	text-decoration: none;
	color: #009;
	background:transparent;
}
ul.menu1 li a:hover,
ul.menu1 li a:active,		/* for IE (keyboard) */
ul.menu1 li a:focus {		/* for Netscape (keyboard) */
	color: #f00;
	background: transparent;
}

/* --- 二番目のメニュー ---*/
div.second-menu {
	clear: both;
	border: 1px solid #999;
	margin-bottom: 1em;
}
div.second-menu ul {
	margin-top: .3em;
	margin-bottom: .3em;
	text-align: center;
}
div.second-menu ul li {
	display: inline;
	margin-left: 0;
	padding-left: .5em;
	border-left: solid 1px #999;
	line-height: 1em;
}
div.second-menu ul li.end {
	padding-right: .5em;
	border-right: solid 1px #999;
}

/* --- 二番目のメニュー ---*/
ul.submenu {
	text-align: center;
	margin-bottom: 1em;
}
ul.submenu li {
	display: inline;
	margin-left: 0;
	padding: 0.3em 1em;
	border: 1px solid #999;
	font-size: 0.9em;
	line-height: 1;
}
ul.submenu li a:link ,
ul.submenu li a:visited {
	color: #00f;
	text-decoration: none;
}
ul.submenu li a:hover ,
ul.submenu li a:focus ,
ul.submenu li a:active {
	color: #f00;
}


.menu2 {
	clear: both;
	color: #000000;
	font-size: .85em;
	font-weight: normal;
	line-height: 1.7;
	margin: 2px;
	text-align: center;
}
.menu2 a:link ,
.menu2 a:visited {
	border: 1px #999999 solid;
	color: #fff;
	text-decoration: none;
	background: #999;
	margin-left: 5px;
	margin-right: 5px;
	padding: 1px 3px;
}
.menu2 a:hover,
.menu2 a:active,		/* for IE (keyboard) */
.menu2 a:focus {		/* for Netscape (keyboard) */
  color: #fff;
  background: #ccf;
}

/************************************************
表的定義リスト
************************************************/
dl.flex-normal {
	margin-top: 0.5em;
	border: 1px solid #ccc;
	border-top: none;
	background-color: transparent;
}
dl.flex-normal dt,
dl.flex-normal dd {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 1em;
	line-height: 1.4;
}
dl.flex-normal dt {
	clear: left;
	float: left;
	width: 10em;
	padding-left: .5em;
	border-top: 1px solid #ccc;
}
dl.flex-normal dd {
	margin-left: 10.5em;
	padding-left: 1em;
	padding-right: 0.5em;
	background-color: transparent;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: auto;
}

/*--- ルビ ---*/
ruby rt {
	color: #660000;
	line-height: 1;
}
/*--- 説明文 ---*/
div.doc1 {
	color: #000000;
	letter-spacing: 0.05em;
}
div.doc1 p {
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 1em;
}
div.doc1 em {
	font-style: normal;
	font-weight: bolder;
}
ul li ,
ol li {
	margin-left: 2em;
}
div.doc1 img {
	vertical-align: baseline;
}
p.head1 {
	font-size: .9em;
	line-height: 1.5;
	text-align: right;
	padding-top: 1em;
}
/*--- 画像とタイトル ---*/
div.doc1 .imgttl {
	margin-bottom: 2em;
	color: #006600;
	font-size: ０.95em;
	line-height: 1.5;
	text-align: center;
}
div.doc1 div.imgttl2,
div.doc1 p.imgttl2 {
	padding: 10px;
	border: solid 1px #ccc;
	color: #006600;
	font-size: 90%;
	line-height: 1.5;
	text-align: left;
	text-indent: 0em;
}
div.doc1 div.imgttl2 p {
	text-indent: 0em;
}
/*--- 写真拡大表示 ---*/

a.popupwindow img {
	border: 3px solid #9faefe;
	padding: 0px;
}
a:hover.popupwindow img {
	border: 3px solid #3347fc;
}
/*--- 左マージン ---*/
.mgn2	{
	margin-left: 2em;
}

.mgn3	{
	margin-left: 3em;
}

.s	{
	font-size: small;
	line-height: 1.2;
}
/*--- 赤字コメント ---*/
.coment {
	color: #ff0000;
	font-size: small;
	text-align: left;
}
.coment2 {
	color: #ff0000;
	font-size: small;
	text-align: center;
}
/*--- 右寄せ ---*/
.r1	{
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
}
/*--- 右配置 ---*/
.rblock1 {
	float: right;
	color: #006600;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	margin-left: 1em;
}
.rblock1 img {
	margin: 2px;
}
/*--- 左配置 ---*/
div.lblock1 {
	float: left;
	font-size: .9em;
	text-align: center;
	margin-right: 1em;
}
	
/*--- センタリング ---*/
.centering {
	text-align: center;
}
.centeril {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
}
.centerbl {
	margin: auto;
}
/*--- 調査 ---*/
table.default2 {
	width: auto;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-spacing: 0;
	empty-cells: show;
	margin: 1em 0;
}
table.default2 caption {
	color: #336666;
	caption-side: top;
}
table.default2 th {
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	border: 1px solid #999999;
	padding: 3px;
	background-color: #eeeeee;
	white-space: nowrap;
}
table.default2 td {
	border: 1px solid #999999;
	padding: 3px;
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}
/*--- 展示物 ---*/
table.default,
table.tenjiUpper,
table.tenjiBottom,
table.tenji {
	width: auto;							/* 4月追加 */
	border-collapse: collapse;
	border: 1px solid #cccccc;
	border-spacing: 0;
	empty-cells: show;
	margin: 1em;
}
table.default caption,
table.tenjiUpper caption,
table.tenjiBottom caption,
table.tenji caption {
	color: #336666;
	caption-side: top;
	text-align: center;
	background-color: #eeeeee;
}
table.default th {
	font-size: small;
	line-height: 1.2;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 3px;
	background-color: #eeeeee;
	white-space: nowrap;
}
table.default td {
	font-size: small;
	line-height: 1.2;
	text-align: left;
	border: 1px solid #cccccc;
	padding: 3px;
}
table.tenji td {
	font-size: small;
	line-height: 1.2;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 3px;
}
table.tenjiUpper td {
	font-size: small;
	line-height: 1.2;
	text-align: center;
	vertical-align: top;
	border: 1px solid #cccccc;
	padding: 3px;
}
table.tenjiBottom td {
	font-size: small;
	line-height: 1.2;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid #cccccc;
	padding: 3px;
}
table.tenji th {
	font-size: .9em;
	border: solid 1px #666;
}
table.tenjiUpper a,
table.tenjiBottom a,
table.tenji a {
	text-decoration: none;
}
table.tenji td a:link img,
table.tenji td a:visited img {
	padding: 1px;
	border: 1px solid #00f;
}
table.tenji td a:hover img,
table.tenji td a:active img,
table.tenji td a:focus img {
	padding: 1px;
	border: 1px solid #f00;
}
ul.gallary {
	width: 826px;
	margin-left: auto;
	margin-right: auto;
}
ul.gallary li {
	float: left;
	margin-right: 10px;
	margin-left: 0em;
	margin-bottom: 10px;
	font-size: 0.9em;
	list-style: none;
	vertical-align: bottom;
	text-align: center;
	line-height: 1.2;
}
dl.gallary dd a,
ul.gallary li a {
	display: block;
	width: 100px;
	text-decoration: none;
}
dl.gallary dd a:link,
dl.gallary dd a:visited,
ul.gallary li a:link,
ul.gallary li a:visited {
	color: #3347fc;
	border: 1px solid #9faefe;
	padding: 3px;
}
dl.gallary dd a:hover,
dl.gallary dd a:active,
dl.gallary dd a:focus,
ul.gallary li a:hover,
ul.gallary li a:active,
ul.gallary li a:focus {
	color: #00f;
	border: 1px solid #3347fc;
	padding: 3px;
}

/* Movie Index */
table.movieindex {
	width: 100%;							/* 4月追加 */
	border-collapse: collapse;
	border: 1px solid #cccccc;
	border-spacing: 0;
	empty-cells: show;
	margin: 1em 0;
}
table.movieindex caption {
	color: #336666;
	caption-side: top;
}
table.movieindex td {
	font-size: small;
	line-height: 1.5;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 0.5em;
	width: 25%;
}

.vt	{
	vertical-align: top;
}
.vm	{
	vertical-align: middle;
}
.vb	{
	vertical-align: bottom;
}
/*--- スタイル無しリスト ---*/
ul.no-style li {
	list-style-type: none;
}
/*--- 写真番号 ---*/
ul.photo-number {
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #eee;
}
ul.photo-number li {
	display: inline;
	list-style: none;
	padding-left: 1em;
	border-left: solid 1px #999;
	line-height: 1;
}
ul.photo-number li.end {
	padding-right: 1em;
	border-right: 1px solid #999;
}

/*--- 縦リスト ---*/
ul.tate1{
	display: block;
}
ul.tate1 li {
	list-style-type: none;
	margin-bottom: 0.7em;
	font-size: medium;
}
ul.tate1 li a:link,
ul.tate1 li a:visited {
	text-decoration: none;
	border-bottom: solid 2px #cccccc;
	background: #ffffff url("../images/triangle3.gif") left center no-repeat;
	padding-left: 11px;
	padding-bottom: 0.2em;
}
ul.tate1 li a:hover,
ul.tate1 li a:focus,
ul.tate1 li a:active {
	text-decoration: none;
	border-bottom: solid 2px #ff0000;
	background: #ffffff url("../images/triangle2.gif") left center no-repeat;
}
/*--- 縦リスト2 ---*/
ul.tate2{
	display: block;
	list-style: none;
	width: 100px;
	float: left;
	margin: 1em 10px 1em 0;
	padding: 0;
}
ul.tate2 li {
	font-size: medium;
	margin-bottom: 0.7em;
	margin-left: 0;
	padding-left: 0;
}
ul.tate2 li a:link,
ul.tate2 li a:visited {
	text-decoration: none;
	border-bottom: solid 2px #cccccc;
	background: #ffffff url("../images/triangle3.gif") left center no-repeat;
	padding-left: 11px;
	padding-bottom: 0.2em;
}
ul.tate2 li a:hover,
ul.tate2 li a:focus,
ul.tate2 li a:active {
	text-decoration: none;
	border-bottom: solid 2px #ff0000;
	background: #ffffff url("../images/triangle2.gif") left center no-repeat;
}
/*--- サムネイル画像 ---*/
div.wrapper-w7 {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-left: auto;
	padding-right: auto;
	border: 1px solid #ccc;
}

dl.preview {
	width: 106px;
	border: 3px solid #ccc;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
dl.preview dt {
	font-style: italic;
}
dl.preview dd {
	margin-left: 0;
}

/*--- 署名 ---*/
.shomei {
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
	font-size: 90%;
	border: dashed 1px #666666;
}
/*--- 回り込み解除 ---*/
.clearFloat {
	clear: both;
}
/*--- 横並び番号付きリスト ---*/
.inlineList li {
	display: inline;
	font-size: small;
	list-style-type: decimal;
}

.movieplay {
	margin: 1em auto;
	width: 320px;
	height: 256px;
}
/*--- 色 ---*/
.green {color: #336666;}
.grey10per {background-color: #eeeeee;}
.red	{color: #f00;}
/*--- 定義リスト ---*/
dl.w8em dt {
	font-weight: bolder;
	margin: 0;
}
dl.w8em dd {
	margin-left: 8em;
	margin-top: -1.5em;
}

/* 風景ビデオ */

div#tvwrap {width:400px; height:300px; margin:0 auto; position:relative;}
#case {width:350px; height:276px; border-top:4px solid #cecece; border-right:12px solid #9b9b9b; border-bottom:6px solid #969696; border-left:12px solid #cacaca; background:#e8e8e8; position:relative;}

#tvtop {width:120px; height:2px; border-left:10px solid #efefef; border-right:10px solid #efefef; background:#adadad; position:absolute; top:-3px; left:105px; overflow:hidden;}

#tvbot {width:100px; height:3px; border-left:45px solid #ddd; border-right:45px solid #ddd; background:#aaa; position:absolute; bottom:-4px; left:80px; overflow:hidden;}

#stand2 {width:100px; height:6px; border-bottom:6px solid #969696; border-right:1px solid #9b9b9b; border-left:1px solid #9b9b9b; background:#ddd; position:absolute; bottom:-30px; left:125px; overflow:hidden;}

#stand {width:50px; height:15px; background:#888; position:absolute; bottom:-21px; left:150px; overflow:hidden;}

#tvscreen {width:320px; height:248; border:4px solid #666; background:#08c; position:absolute; top:6px; left:10px; overflow:hidden; text-align:center; line-height:100px; color:#ff0}

p#movieCaption {
	width: 694px;
	text-align: center;
	margin: 30px auto 0 auto;
}

span.chara {
	color: #666;
	border: 1px solid #999;
}


div.doc1 p.imageBox {
	text-indent: 0em;
}
div.doc1 p.imageBox img {
	margin-right: 10px;
}


/* 目次自動生成 */

div#toc {
	margin-bottom: 2em;
	padding: 1em;
	border: 1px dashed #ccc;
}
div#toc ol {
	margin-left: 1em;
}
div#toc ol li {
	margin-top: .3em;
	margin-bottom: .3em;
}
div#toc ol li a {
	color: #00f;
	text-decoration: underline;
}

/* 目次に戻る */

h1,h2,h3,h4,h5,h6 {
	position: relative;
	width: 100%;
}

a.jump_toc {
	position: absolute;
	right: 10px;
	color: #00f;
	font-size: .85em;
	font-weight: bold;
	text-decoration: underline;
}

h2.head {
	border: 1px solid #ccc;
}

/* ルビ */

p .rubi {
	color: #666;
}
/* 写真とその説明 */
dl.photo-list dt {
	margin-top: 1em;
	padding-left: 0.5em;
	border-left: 5px solid #999;
	background-color: #eee;
}

/* ページ上に戻る */
p.return-top {
	clear: both;
	margin-top: 3em;
	font-size: 0.9em;
	text-align: center;
}

/* サイト管理者注 */
.site-admin {
	color: #999;
}

/* jquery_tab.cssでタブ内のulがすべてメニューのstyleが適用されてしまうことへの対策 */

.tabs ul.normal {
    margin: 0;
    padding: 0;
}
.tabs ul.normal li {
    float: none;
    margin: 0;
    padding: 0;
    background-image: none;
    border: none;
    list-style: circle;
}
div.tabs ul li {
	margin-left: 0;
}

/* サイト管理者注 */
.scrol	{
	width: 790px;
	overflow: scroll;
}

/* ---- 表の偶数行の背景色を付ける ----*/
tr:nth-child(odd) td {
	background-color: #f8f8f8;
}
/* IEはjavascriptでoddクラスを追加。カンマで区切るとIEが読み込まない */
tr.odd td {
	background-color: #f8f8f8;
}

/* ---- jquery.masonry.min.js ----*/
#container {
	line-height: 1.5;
	font-size: 0.9em;
}
#container a {
	text-decoration: none;
}

.item {
  width: 100px;
  margin: 5px;
  padding: 10px;
  float: left;
  background-color: #F6F5EF;
}

.item:hover {
	background-color: #F7EFC6;
}


/* Hack */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */