/* CSS Document */

/*--------------------------------------------------------------------------topKvArea */
div.topKvArea {
	max-width: 1400px;
	height: 532px;
	margin: 0 auto 33px;
	background: url(/trendmicro/images/bg-kv.jpg) no-repeat 50% 0;
}
div.topKvArea .inner {
	width: 555px;
	height: 320px;
	padding: 50px 10px 0 25px;
	margin: 77px 0 0 30px;
	background: #fff;
}
div.topKvArea h2 {
	margin: 0 15px 15px;
	color: #e6423d;
	font-size: 350%;
	font-weight: normal;
	line-height: 1.2;
}
div.topKvArea p { margin: 0 15px 25px; }
div.topKvArea ul.btns { font-size: 180%; }
div.topKvArea ul.btns li {
	margin: 0 30px 30px 15px;
	float: none;
}
div.topKvArea ul.btns li a { padding: 15px 15px 12px; }
div.topKvArea ul.btns li a span { padding-left: 15px; }
/*--------------------------------------------------------------------------topics */
dl.topics {
	height: 40px;
	margin-bottom: 58px;
	background: #fff9eb;
	overflow: hidden;
}
dl.topics:after {
	content: "";
	display: block;
	clear: both;
}
dl.topics dt,
dl.topics dd {
	height: 40px;
	float: left;
	line-height: 40px;
}
dl.topics dt {
	width: 120px;
	padding-right: 10px;
	background: url(/trendmicro/images/bg-arrow-topics.png) no-repeat 100% 50% #f85f68;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
dl.topics dd {
	margin: 0;
	padding: 0 17px;
	border: none;
	text-decoration: underline;
}
/*--------------------------------------------------------------------------index */
div.row.index { margin: 25px 0 94px; }
div.row.index h3 {
	display: block;
	margin: 0 15px 20px;
	padding: 0;
	background: none;
	font-size: 270%;
	font-weight: normal;
	text-align: center;
}
div.row.index .col2of4 { background: url(/trendmicro/images/bg-border-divide.png) repeat-y 0 0; }
div.row.index .col2of4:first-child { background: none; }
div.row.index p.thumb {
	margin-bottom: 40px;
	text-align: center;
}
div.row.index p.thumb a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}
div.row.index p.text { margin: 0 40px 20px; }
div.row.index ul.btns { text-align: center; }
div.row.index ul.btns li {
	display: inline-block;
	float: none;
}
div.row.index ul.btns li a { min-width: 170px; }
/*--------------------------------------------------------------------------cloudArea */
div.cloudArea {
	padding: 30px 0;
	background: url(/trendmicro/common/images/bg-texture-kv.png) repeat 0 0;
}
div.cloudArea .inner {
	width: 1050px;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 33px;
	background: #fff;
	overflow: hidden;
}
div.cloudArea h3 {
	display: block;
	margin: 0 15px 50px;
	padding: 0;
	background: none;
	font-size: 300%;
	font-weight: normal;
	text-align: center;
}
div.cloudArea h4 {
	margin: 0 15px 55px;
	padding: 0;
	background: none;
	font-size: 220%;
	font-weight: normal;
	text-align: center;
}
div.cloudArea .col1of3,
div.cloudArea .col2of4 {
	padding-top: 40px;
	background: url(/trendmicro/images/bg-border-divide.png) repeat-y 0 0;
}
div.cloudArea .col1of3:first-child { background: none; }
div.cloudArea p.thumb {
	margin-bottom: 40px;
	text-align: center;
}
div.cloudArea p.thumb a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}
div.cloudArea p.text { margin: 0 30px 25px; }
div.cloudArea ul.btns { text-align: center; }
div.cloudArea ul.btns li {
	display: inline-block;
	margin-bottom: 0;
	float: none;
}
div.cloudArea ul.btns li a { min-width: 170px; }
div.inquiryArea h3 { margin-top: 80px; }
article#mainContents { padding-bottom: 80px; }
/*----------------------------------------------------------------------------------------------------------------- SP ----*/
@media screen and (max-width: 640px) {
/*--------------------------------------------------------------------------topKvArea */
div.topKvArea {
	height: 315px;
	margin-bottom: 11px;
	background: url(/trendmicro/images/bg-kv-sp.jpg) no-repeat 50% 0;
	background-size: 640px 315px;
}
div.topKvArea .inner {
	width: auto;
	height: 315px;
	padding: 1px 0 0;
	margin: 0;
	background: none;
	text-align: center;
}
div.topKvArea h2 {
	display: inline-block;
	margin: 0;
	padding: 20px 10px;
	background: url(/trendmicro/images/bg-kv-head-sp.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	font-size: 220%;
}
div.topKvArea p { display: none; }
div.topKvArea ul.btns {
	width: 100%;
	margin: 0;
	position: absolute;
	bottom: 15px;
	left: 0;
	font-size: 140%;
}
div.topKvArea ul.btns li { margin: 0 20px; }
div.topKvArea ul.btns li a { padding: 5px 15px 3px; }
div.topKvArea ul.btns li a span {
	background: url(/trendmicro/common/images/bg-arrow-btn-sp.png) no-repeat 0 50%;
	background-size: 14px 14px;
}
/*--------------------------------------------------------------------------topics */
dl.topics,
dl.topics dd {
	height: auto;
	line-height: 1.5;
}
dl.topics { margin-bottom: 25px; }
dl.topics dt {
	width: 60px;
	height: 35px;
	padding-right: 5px;
	background: url(/trendmicro/images/bg-arrow-topics-sp.png) no-repeat 100% 50% #f85f68;
	background-size: 10px 35px;
	font-size: 15px;
	line-height: 35px;
}
dl.topics dd { padding: 7px 10px 0 6px; }
/*--------------------------------------------------------------------------index */
div.row.index { margin: 14px 0 10px; }
div.row.index h3 {
	margin: 0 0 15px;
	font-size: 200%;
}
div.row.index .col2of4 {
	margin: 0 10px;
	background: none;
	overflow: hidden;
}
div.row.index .col2of4:first-child {
	margin-bottom: 20px;
	border-bottom: 1px solid #cecece;
}
div.row.index p.thumb { margin: 0 0 20px; }
div.row.index p.thumb img {
	max-width: 100%;
	height: auto;
}
div.row.index p.thumb a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
div.row.index p.text { margin: 0 0 15px; }
div.row.index ul.btns li {
	display: block;
	margin: 0 0 25px;
}
/*--------------------------------------------------------------------------cloudArea */
div.cloudArea {
	padding: 10px;
	background: url(/trendmicro/common/images/bg-texture-kv.png) repeat 0 0;
	background-size: 28px 84px;
}
div.cloudArea .inner {
	width: auto;
	padding: 15px 0 0;
}
div.cloudArea h3 {
	margin: 0 10px 20px;
	font-size: 200%;
}
div.cloudArea h4 {
	margin: 0 0 20px;
	font-size: 180%;
}
div.cloudArea .col1of3,
div.cloudArea .col2of4 {
	margin: 0 10px 25px;
	padding: 0;
	background: none;
	overflow: hidden;
	border-bottom: 1px solid #cecece;
}
div.cloudArea .col1of3:last-child,
div.cloudArea .col2of4:last-child {
	margin-bottom: 0;
	border: none;
}
div.cloudArea p.thumb { margin: 0 0 23px; }
div.cloudArea p.thumb img {
	max-width: 100%;
	height: auto;
}
div.cloudArea p.thumb a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
div.cloudArea p.text {
	height: auto !important;
	margin: 0 0 15px;
}
div.cloudArea ul.btns { margin-bottom: 0; }
div.cloudArea ul.btns li {
	display: block;
	margin: 0 0 15px;
}
div.inquiryArea h3 { margin-top: 30px; }
article#mainContents { padding-bottom: 30px; }
}