@charset "Shift_JIS";

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

1./situation/index.html

2./situation/chronology/
	-index.html
	-all_list.html
	-state_list(number).html

3./situation/chronology/state/
	-sphere.html
	-(area name)_No.html

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


/* situation/index.html
-------------------------------------------------- */
/* map Area */
.mapArea {
	width: 674px;
	margin-top: 1em;
	list-style: none;
}
	.mapArea li {
		float: left;
		width: 108px;
		display: inline;
		margin: 0.5em 13px 0 13px;
	}

/* banner Area */
.bannerArea {
	width: 674px;
}
	.bannerImg {
		float: left;
		display: inline;
		width: 240px;
		text-align: center;
	}
	.bannerText {
		float: left;
		display: inline;
		width: 424px;
		margin-left: 10px;
	}


/* situation/chronology/index.html
-------------------------------------------------- */
.docLeft {
	float: left;
	width: 50%x;
	margin: 0.5em 0;
}
	.docRight {
		float: right;
		width: 50%;
		margin: 0.5em 0;
	}
.bgLine {
	padding-bottom: 20px;
	background: url(../situation/chronology/images/bg_line.gif) repeat-x left bottom;
}
.btn {
	clear: both;
	text-align: center;
}


/* situation/chronology/all_list.html
-------------------------------------------------- */
#contents h1 span.quoteText {
	color: #006600;
	font-size: 60%;
	font-weight: normal;
	line-height: 100%;
}

.listTitle {
	padding: 4px 20px;
	background-color: #D7E6D3;
}


/* situation/chronology/state_list(number).html
-------------------------------------------------- */
/* Popup column */
body.popup-column .wrapperAll {
	width: 560px;
}
body.popup-column #container,
body.popup-column #contents,
body.popup-column #container #footer,
body.popup-column #container #footer .copyright {
	width: 558px;
}
body.popup-column #container {
	background-image: none;
	background-color: #FFFFFF;
	font-size: 75%;
}
body.popup-column h1 {
	padding-top: 0.5em;
}

/* situation/chronology/state/sphere.html
-------------------------------------------------- */
.bgLine1 {
	padding-bottom: 20px;
	background: url(../situation/state/images/bg_line.gif) repeat-x left bottom;
}

/* situation/chronology/state/(area name)_No.html
-------------------------------------------------- */
.capLeft {
	float: left;
	width: 337px;
	margin: 0.5em 0;
}
.capRight {
	float: right;
	width: 337px;
	margin: 0.5em 0;
}
.capSingle {
	width: 100%;
}
img.capFloat {
	float: left;
	margin: 0 10px 10px 0;
}
	.capLeft .capInner,
	.capRight .capInner,
	.capSingle .capInner {
		padding: 18px;
	}
	.capLeft .capInner p,
	.capRight .capInner p,
	.capSingle .capInner p {
		font-size: 80%;
		margin-top: 0.5em;
	}

.speak {
	margin: 1em 0 1em 1.5em;
}