@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
}

ul {
	list-style-type: none;
	padding: 0;
}

.center {
	text-align: center;
}


/* COMMON */
.infoW {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	display: block;
	overflow: hidden;
}

.infoTxt {
	margin: 30px auto 40px auto;
	width: 980px;
	text-align: center;
	font-size: 145%;
	line-height: 1.75em;
	color: #000;
}

a:hover img {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
}

a img {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.mb40 {
	margin-bottom: 40px;
}


/* INFO CONTENTS */
#infoContents {}

#infoTitleArea {
	margin-bottom: 40px;
	height: 320px;
	background: #3C5A80 url(/info/corporate/counterterrorism/images/main.jpg) center center no-repeat;
	display: block;
	overflow: hidden;
}

#infoTitle {
	margin-top: 52px;
}

#infoTitle h1 {
	margin-left: 25px;
}

#topRead {
	margin: 0 auto 15px auto;
	width: 980px;
	text-align: center;
	font-size: 145%;
	line-height: 1.75em;
	color: #000;
}


/* INTRO AND SCENE LINK */
#sceneLink {
	height: 290px;
	background: #F3F3F3;
}

#sceneLink ul {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	display: block;
	overflow: hidden;
}

#sceneLink ul li {
	width: 245px;
	float: left;
}

/* INITIAL CONTENTS */
.initialContent {
	margin-bottom: 80px;
}

.initialContent h2 {
	padding-bottom: 40px;
	width: 980px;
	text-align: center;
	border-bottom: #C7D4E7 1px solid;
}


table#terroSort {
	width: 980px;
	border-top: #C7D4E7 1px solid;
	border-bottom: #C7D4E7 1px solid;
}

table#terroSort th {
	width: 50px;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	color: #FFF;
	border-right: #FFF 1px solid;
}

#sort1,
.icon1 {
	background: #4E61A2;
	border-bottom: #FFF 1px solid;
}

#sort2,
.icon2 {
	background: #18AEB5;
	border-bottom: #FFF 1px solid;
}

#sort3,
.icon3 {
	background: #3AA364;
}

.icon1,
.icon2,
.icon3 {
	width: 70px;
}

.sortTtl1,
.sortTtl2,
.sortTtl3 {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 140%;
	font-weight: bold;
}

.sortTtl1 {
	color: #4E61A2;
	background: #E8EDF6;
	border-bottom: #C6C6C6 1px solid;
	;
}

.sortTtl2 {
	color: #18AEB5;
	background: #E7F7F7;
	border-bottom: #C6C6C6 1px solid;
	;
}

.sortTtl3 {
	color: #3AA364;
	background: #EBF6EF;
}

.sortExp {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 120%;
	border-bottom: #C6C6C6 1px solid;
	;
}


/* INTRO AND SCENE */
#intro,
#scene1,
#scene2,
#scene3,
#contact {
	padding-top: 80px;
}

#intro h2,
#scene1 h2,
#scene2 h2,
#scene3 h2,
#contact h2 {
	margin: 0 auto 8px auto;
	width: 980px;
}

#introArea {
	padding-top: 32px;
	border-top: #905989 8px solid;
	background: #F4EEF3 url(/info/corporate/counterterrorism/images/down1.png) center top no-repeat;
}

#scene1Area {
	padding-top: 32px;
	border-top: #55729C 8px solid;
	background: #EEF1F5 url(/info/corporate/counterterrorism/images/down2.png) center top no-repeat;
}

#scene2Area {
	padding-top: 32px;
	border-top: #3999A5 8px solid;
	background: #EBF5F6 url(/info/corporate/counterterrorism/images/down3.png) center top no-repeat;
}

#scene3Area {
	padding-top: 32px;
	border-top: #C28F43 8px solid;
	background: #F9F4EC url(/info/corporate/counterterrorism/images/down4.png) center top no-repeat;
}


.itemArea {
	margin: 0 auto 0 auto;
	padding-bottom: 40px;
	width: 980px;
	display: block;
	overflow: hidden;
}

.itemBox {
	margin-right: 40px;
	width: 470px;
	height: 120px;
	float: left;
}

.mr0 {
	margin-right: 0 !important;
}

.sceneBtn {
	text-align: right;
}

.sceneBtn img {
	margin-left: 10px;
}


/* COLUMN */
.tColumn {
	margin-top: 40px;
	margin-bottom: 0;
	border-bottom: #C7D4E7 1px solid;
}

.tColumn h2 {
	padding-bottom: 40px;
	width: 980px;
	text-align: center;
	border-bottom: #C7D4E7 1px solid;
}

.tColumnAtc {
	margin-top: 20px;
	padding-bottom: 20px;
	display: block;
	overflow: hidden;
}

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

.tColumnPct img {
	width: 300px;
	height: auto;
}

.tColumnTxt {
	width: 650px;
	float: right;
}

.tColumnTxt h3 {
	margin-top: 10px;
	color: #1D50A2;
	font-size: 142%;
	font-weight: normal;
}

.tColumnTxt p {
	margin-top: 10px;
}

.tColumnNext {
	text-align: right;
}

.tColumnNext span {
	padding-left: 15px;
	background: url(/info/corporate/counterterrorism/images/allow_b.png) left center no-repeat;
}

.tColumn article:hover {
	text-decoration: none;
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
}

.tColumn article {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}


/* CONTACT */
#contactArea {
	padding: 40px 0;
	border-top: #898989 8px solid;
	background: #F3F3F3;
	display: block;
	overflow: hidden;
}

#contactInq {
	margin: 0 auto;
	width: 470px;
}

@media(max-width:640px) {


	/* COMMON */
	.infoW {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		display: block;
		overflow: hidden;
	}

	.infoTxt {
		margin: 30px auto 40px auto;
		width: 96%;
		text-align: center;
		font-size: 145%;
		line-height: 1.75em;
		color: #000;
	}

	a:hover img {
		opacity: 0.6;
		-webkit-opacity: 0.6;
		-moz-opacity: 0.6;
	}

	a img {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}

	.mb40 {
		margin-bottom: 40px;
	}


	/* INFO CONTENTS */
	#infoContents {}

	#infoTitleArea {
		margin-bottom: 40px;
		height: 320px;
		background: #3C5A80 url(/info/corporate/counterterrorism/images/main.jpg) right center no-repeat;
		background-size: cover;
		display: block;
		overflow: hidden;
	}

	#infoTitle {
		margin-top: 52px;
	}

	#infoTitle h1 {
		margin-left: 25px;
	}

	#topRead {
		margin: 0 auto 15px auto;
		width: 96%;
		text-align: center;
		font-size: 115%;
		line-height: 1.75em;
		color: #000;
	}


	/* INTRO AND SCENE LINK */
	#sceneLink {
		height: auto;
		background: #F3F3F3;
	}

	#sceneLink ul {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
	}

	#sceneLink ul li {
		width: 50%;
		float: none;
	}

	/* INITIAL CONTENTS */
	.initialContent {
		margin-bottom: 80px;
	}

	.initialContent h2 {
		padding-bottom: 40px;
		width: 100%;
		text-align: center;
		border-bottom: #C7D4E7 1px solid;
	}


	table#terroSort {
		width: 100%;
		border-top: #C7D4E7 1px solid;
		border-bottom: #C7D4E7 1px solid;
	}

	table#terroSort th {
		width: 50px;
		text-align: center;
		vertical-align: middle;
		font-size: 120%;
		color: #FFF;
		border-right: #FFF 1px solid;
	}

	#sort1,
	.icon1 {
		background: #4E61A2;
		border-bottom: #FFF 1px solid;
	}

	#sort2,
	.icon2 {
		background: #18AEB5;
		border-bottom: #FFF 1px solid;
	}

	#sort3,
	.icon3 {
		background: #3AA364;
	}

	.icon1,
	.icon2,
	.icon3 {
		width: 70px;
	}

	.sortTtl1,
	.sortTtl2,
	.sortTtl3 {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 140%;
		font-weight: bold;
	}

	.sortTtl1 {
		color: #4E61A2;
		background: #E8EDF6;
		border-bottom: #C6C6C6 1px solid;
		;
	}

	.sortTtl2 {
		color: #18AEB5;
		background: #E7F7F7;
		border-bottom: #C6C6C6 1px solid;
		;
	}

	.sortTtl3 {
		color: #3AA364;
		background: #EBF6EF;
	}

	.sortExp {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 120%;
		border-bottom: #C6C6C6 1px solid;
		;
	}


	/* INTRO AND SCENE */
	#intro,
	#scene1,
	#scene2,
	#scene3,
	#contact {
		padding-top: 80px;
	}

	#intro h2,
	#scene1 h2,
	#scene2 h2,
	#scene3 h2,
	#contact h2 {
		margin: 0 auto 8px auto;
		width: 96%;
	}

	#introArea {
		padding-top: 32px;
		border-top: #905989 8px solid;
		background: #F4EEF3 url(/info/corporate/counterterrorism/images/down1.png) center top no-repeat;
		background-size: 10%;
	}

	#scene1Area {
		padding-top: 32px;
		border-top: #55729C 8px solid;
		background: #EEF1F5 url(/info/corporate/counterterrorism/images/down2.png) center top no-repeat;
		background-size: 10%;
	}

	#scene2Area {
		padding-top: 32px;
		border-top: #3999A5 8px solid;
		background: #EBF5F6 url(/info/corporate/counterterrorism/images/down3.png) center top no-repeat;
		background-size: 10%;
	}

	#scene3Area {
		padding-top: 32px;
		border-top: #C28F43 8px solid;
		background: #F9F4EC url(/info/corporate/counterterrorism/images/down4.png) center top no-repeat;
		background-size: 10%;
	}


	.itemArea {
		margin: 0 auto 0 auto;
		padding-bottom: 40px;
		width: 96%;
		display: block;
		overflow: hidden;
	}

	.itemBox {
		margin:20px 0 0 0;
		width: 100%;
		height: auto;
		float: none;
	}

	.mr0 {
		margin-right: 0 !important;
	}

	.sceneBtn {
		text-align: right;
		width:30%;
		margin:0;
	}

	.sceneBtn img {
		margin-left: 0;
	}


	/* COLUMN */
	.tColumn {
		margin-top: 40px;
		margin-bottom: 0;
		border-bottom: #C7D4E7 1px solid;
	}

	.tColumn h2 {
		padding-bottom: 40px;
		width: 96%;
		text-align: center;
		border-bottom: #C7D4E7 1px solid;
		margin: 0 auto;
	}

	.tColumnAtc {
		margin-top: 20px;
		padding-bottom: 20px;
		display: block;
		overflow: hidden;
	}

	.tColumnPct {
		width: 100%;
		float: none;
	}

	.tColumnPct img {
		width: 100%;
		height: auto;
	}

	.tColumnTxt {
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}

	.tColumnTxt h3 {
		margin-top: 10px;
		color: #1D50A2;
		font-size: 142%;
		font-weight: normal;
	}

	.tColumnTxt p {
		margin-top: 10px;
	}

	.tColumnNext {
		text-align: right;
	}

	.tColumnNext span {
		padding-left: 15px;
		background: url(/info/corporate/counterterrorism/images/allow_b.png) left center no-repeat;
	}

	.tColumn article:hover {
		text-decoration: none;
		opacity: 0.6;
		-webkit-opacity: 0.6;
		-moz-opacity: 0.6;
	}

	.tColumn article {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}


	/* CONTACT */
	#contactArea {
		padding: 40px 0;
		border-top: #898989 8px solid;
		background: #F3F3F3;
		display: block;
		overflow: hidden;
	}

	#contactInq {
		margin: 0 auto;
		width: 100%;
	}

}