@charset "UTF-8";

#contents {
	width:898px;
	border:1px solid #E0E0E0;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#FFF url(/img/pages/feature/fuatures_contents_back.gif) repeat-x;
	padding-bottom:30px;
	overflow:hidden;
	_zoom:1;
}
/*=========================================
  intro部分
=========================================*/
#intro {
	height:228px;
	margin-bottom:20px;
	padding-top:40px;
}
.support {
	background:url(/img/pages/feature/support_intro_img.png) no-repeat 60px 37px;
}
.build {
	background:url(/img/pages/feature/build_intro_img.png) no-repeat 95px 37px;
}
.security_authenticate {
	background:url(/img/pages/feature/security_authenticate_intro_img.png) no-repeat 60px 37px;
}
.digital_signage {
	background:url(/img/pages/feature/digital_signage_intro_img.jpg) no-repeat -1px -1px;
}
.support h2 {
	margin:35px 0 0 350px;
	_margin:65px 0 0 350px;
}
.build h2 {
	margin:35px 0 0 270px;
	_margin:65px 0 0 270px;
}
.security_authenticate h2 {
	margin:25px 0 0 320px;
	_margin:65px 0 0 320px;
}
.digital_signage h2 {
	margin:35px 0 0 400px;
	_margin:55px 0 0 400px;
}
/*------intro終了------*/
#main {
	float:left;
	width:551px;
	margin-left:30px;
	/margin-left:15px;
	overflow:hidden;
}
#sub {
	float:right;
	width:258px;
	margin-right:30px;
	/margin-right:15px;
}
h3,#main h4 {
	font-size:19px;
	margin-bottom:5px;
}
#main h4 {
	margin-bottom:8px;
}
#main h5 {
	font-size:12px;
	font-weight:bold;
}
ul.voice li {
	background:url(/img/pages/feature/features_speechBalloon_img.png) no-repeat 0 3px;
	padding-left:28px;
}
div.plan {
	margin-bottom:70px;
	overflow:hidden;
	_zoom:1;
}
div.sentence {
	width:291px;
}
div.sentence p {
	color:#656565;
}
div.plan img {
	vertical-align:text-top;
}
#case {
	background-color:#FFF;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border:1px solid #DBDBDB;
	margin-bottom:10px;
	overflow:hidden;
}
#case h4 {
	border-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#C5C5C5;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:7px 15px;
}
#case div.style {
	background-color:#FAFAFA;
	border-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	padding:15px 15px 10px;
	overflow:hidden;
	_zoom:1;
	/*text-align:center;*/
}
#case div.style h5 {
	font-size:11px;
	font-weight:bold;
	margin-bottom:15px;
}
#case div.style img {
	float:left;
	margin:0 16px 0px 0;
}
#case div.style p {
	font-size:11px;
}
#case div.style p span {
	color:#0088CC;
	font-size:9px;
}
#case div.style p a:hover {
	text-decoration:underline;
}
#case div.style p.lh-1.4 {
	line-height:1.4;
}
#case div.style img.comingsoon {
	padding:50px;
}
.mt-3 {
	margin-top:3px;
}
ul.width-227 {
	display:block;
	width:227px;
}
.design {
	float:right;
	margin-top:5px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.mb-5 {
	margin-bottom:5px;
}
.mb-15 {
	margin-bottom:15px;
}
.mt-30 {
	margin-top:30px;
}

