@charset "utf-8";




/* ****************************************************************************************************
   * common
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * slide
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.slide-base div.slide-btn {
	margin-top: -60px;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 100;
}

div.slide-base div.slide {
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * container
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.section > div.container {
	padding: 40px 100px 60px;
	letter-spacing: -0.4em;
	border-bottom: solid 1px #dadada;
	position: relative;
	z-index: 2;
}

div.section > div.container > * {
	letter-spacing: normal;
}

div.section > div.container div.content {
	width: 470px;
	padding: 20px 0;
	vertical-align: top;
	display: inline-block;
} .ie7 div.section > div.container div.content { display:inline; zoom:1; }

div.section > div.container h3 {
	margin-right: 40px;
	vertical-align: top;
	display: inline-block;
} .ie7 div.section > div.container h3 { display:inline; zoom:1; }

div.section > div.container p.catch {
	font-size: 20px;
	color: #000;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * article
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.article {
	padding-bottom: 0;
} .ie7 div.article { zoom:1; }

div.article:after { content:"."; display:block; line-height:0; clear:both; visibility:hidden; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * content
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.box-a {
	width: 440px;
	padding-bottom: 40px;
}

div.box-b {
	width: 280px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * list
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.style-1,
ul.style-1 li {
	margin: 0;
	padding: 0;
}

ul.style-1 {
	margin: 1em 0;
	letter-spacing: -0.4em;
}

ul.style-1 li {
	width: 44%;
	padding: 0.1em 2% 0.1em 4%;
	font-size: 14px;
	color: #6293a5;
	letter-spacing: normal;
	vertical-align: top;
	display: inline-block;
	position: relative;
} .ie7 ul.style-1 li { width:48%; padding-left:0; display:inline; zoom:1; }

ul.style-1 li:before {
	content: '■ ';
	position: absolute;
	top: 0.1em;
	left: 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * other class
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.left { float:left; }

div.right { float:right; }

div.shadow {
	background-image: url(../../_images/strongpoint/shadow.png);
	background-position:  center top;
	background-repeat: no-repeat;
}

div.bg { background-color:#f3f3f4; }