@charset "Shift_JIS";

/*
===== situation.css ======================================

1./virtual/
	-index.html

2.virtual/mourning/
	-reference01.html
	-impressions.html & impressions(No~).html

3.virtual/comic/
	virtual/video/
	-index.html
	-list_h(year).html

3-1.virtual/comic/
	-viewer_help.html

3-2.virtual/video/
	-index.html
	-h(year).html
	-h(year)_video.html

4.comic/
	-index.html
	-(year).html
	
	
5.virtual/exhibition/.*
  virtual/memorialsite/.*

=====================================================
*/


/* virtual/index.html
-------------------------------------------------- */
.virtualMenu {
	list-style: none;
	text-align: center;
}
	.virtualMenu li {
		margin-top: 10px;
	}

/* virtual/mourning/
-------------------------------------------------- */
/* reference01.html */
.mailBg {
	padding: 10px;
	background-color: #F3F3F3;
	border: 1px solid #999999;
}

/* impressions.html & impressions(No~).html */
.impressionsLeft {
	float: left;
	display: inline;
	width: 300px;
	margin-right: 20px;
}
.impressionsRight {
	float: left;
	display: inline;
	width: 300px;
}
	.impressionsLeft li,
	.impressionsRight li {
		margin-top: 1.5em;
		line-height: 120%;
	}
	.impressionsLeft span,
	.impressionsRight span {
		color: #666666;
		font-size: 75%;
		padding-left: 1em;
	}

/* virtual/comic/
	 virtual/video/
-------------------------------------------------- */
/* index.html */
.comicList,
.comicListR {
	float: left;
	display: inline;
	width: 300px;
	margin-left: 20px;
}
	.comicListR {
		margin-left: 30px;
	}
	.comicList h3,
	.comicListR h3 {
		margin-bottom: 0.5em;
		font-size: 100%;
	}
	.comicImg {
		float: left;
		width: 120px;
		margin-right: 10px;
	}
	.comicYear {
		margin-bottom: 0.5em;
		font-size: 80%;
		font-weight: bold;
	}
	.comicBtn {
		margin-top: 0.5em;
		text-align: right;
	}

/* list_h(year).html h(year).html */
.comicDetail {
	width: 634px;
	margin: 0 20px;
}
.comicDetailR {
	float: left;
	width: 250px;
	display: inherit;
	margin-right: 10px;
	text-align: center;
}
.comicDetailL {
	float: left;
	width: 370px;
}
	h3.comicTitle {
		color: #336699;
		font-size: 140%;
	}
	.comicPlot {
		margin-top: 1em;
		padding: 10px;
		background-color: #FFFEE1;
		border: 1px solid #666666;
	}
	.videoPlot {
		margin-top: 1em;
		padding: 10px;
		background-color: #FFEEF4;
		border: 1px solid #666666;
	}


/* virtual/comic/
-------------------------------------------------- */
/* viewer_help.html */
h3.helpIcon {
	height: 26px;
	margin: 1em 0 0.2em 0;
	padding: 3px 0;
}
	h3.helpIcon img {
		float: left;
		margin: 0 5px 0 0;
	}
	h3.helpIcon span {
		float: left;
		padding-top: 3px;
	}
.helpImg {
	float: left;
	width: 150px;
	margin-right: 10px;
}
	.helpText {
		float: left;
		width: 510px;
	}
.flashIcon {
	float: left;
	width: 112px;
	margin-right: 10px;
}
	.flashText {
		float: left;
		width: 550px;
	}
.areaList {
}
	.areaList li {
		float: left;
		display: inline;
		margin: 0 0.5em;
		padding: 0 0.5em;
		list-style: none;
	}

/* virtual/video/
-------------------------------------------------- */
/* index.html */
.videoDetail {
	margin-bottom: 1em;
	line-height: 100%;
}
	.videoDetail span {
		padding: 1px 2px;
		background-color: #E4F5DA;
		color: #008000;
		font-size: 80%;
		font-weight: bold;
	}
	img.videoIcon {
		margin: 0 0.5em 0 0.3em;
		vertical-align: middle;
	}
.iconZoom {
	padding: 1px 0 3px 20px;
	background: url(../virtual/video/images/icon_zoom.gif) no-repeat left top;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
}

/* h(year).html */
.vBtnLeft {
	float: left;
	width: 104px;
	margin: 10px 4px 0 0;
}
	.vBtnRight {
		float: left;
		margin-top: 10px;
		padding-top: 2px;
	}


/* h(year)_video.html */
body.whiteBg {
	background-color: #FFFFFF;
	text-align: center;
}
body.whiteBg .popupMovie {
	width: 320px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left;
}
	body.whiteBg .popupMovie h1 {
		margin: 0.5em 0 1em 0;
		padding: 0;
	}


/* virtual/report/
-------------------------------------------------- */
/* index.html */
.textDay td span {
	margin-right: 1em;
}
/* (year).html~ */
.contentsBox h3.hdrYellow {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 2em;
	padding-left: 0.4em;
	border-left: 5px solid #FBD260;
}
	.contentsBox h3.hdrYellow span {
		font-size: 100%;
		font-weight: normal;
	}
.contentsBox h4.hdrYellow {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 1em;
	padding-left: 0.4em;
	border-left: 5px solid #FBD260;
}

/* table */
table td.cellIndent {
	padding-left: 2em;
}

/* list style */
.liststyle,
.liststyle1 {
	list-style: none;
}
	.liststyle1 li {
		margin-left: 0;
	}
	.liststyle1 li li {
		margin-left: 40px;
	}
	
	




/* virtual/exhibition/.*
   virtual/memorialsite/.*
-------------------------------------------------- */

.top_margin{
  margin-top: 10px;
}

.big_img{
  height:  400px;
}

.small_img{
  height: 60px;
}

.caption_bar{
  width: 674px;
  height: 26px;
}

* html  .small_img_box{/* IE 6 */
display:inline;
zoom:1;
   margin: auto 1px auto 1px;
}

*:first-child+html .small_img_box{/* IE 7 */
display:inline;
zoom:1;
   margin: auto 1px auto 1px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
  display: inline-table;
}

/* \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.small_img_box{
  display:inline-table;
  border: 2px solid #000000;
  width:  94px;
  height: 60px;
  background-color: #000000;
  cursor: pointer;
}

hr.sep {
	margin-top:0.5em;
	background-color: #000000;
	color: #ff0000;
	border-width: 0;
	height: 1px;
}



.boxLeft {
display: inherit;
float: left;
margin-right: 10px;
text-align: center;
width: 310px;
}

.boxRight {
float: left;
width: 300px;
}

.msgPlot {
background-color: #FFFEE1;
border: 1px solid #666;
margin-top: 1em;
padding: 10px;
}

/* Yahoo map */
.mapArea {
	width: 400px;
	height: 300px;
	margin: 0 auto;
	border: 1px solid #999999;
}

/* virtual/exhibition/index.html
   virtual/memorialsite/index.html
-------------------------------------------------- */
/* cityList */
  .cityList {
}
.cityList li {
	float: left;
	display: inline;
	margin: 0 0.5em;
	padding: 0 0.5em;
	list-style: none;
}


/* virtual/exhibition/*/poster.html
-------------------------------------------------- */
.poster_caption_bar{
  width: 500px;
  height: 26px;
}

.poster_img{
  width: 500px;
}