@charset "utf-8";
#networkcamera{
}
#navigation{
	height: 60px;
	background: url(../img/nav_bg.png) repeat-x;
	margin-bottom: 20px;
	}
#navigation ul {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	}
#navigation li {
	float: left;
	}
#navigation li a{
	height: 0;
	background: url(../img/navigation.png) no-repeat;
	overflow: hidden;
	display: block;
	padding-top: 60px;
	}
li#nav-home a:link,
li#nav-home a:visited{
	width: 245px;
	background-position: 0 0;
	}
li#nav-home a:hover,
li#nav-home a:active{
	background-position: 0 -60px;
	}

li#nav-feature a:link,
li#nav-feature a:visited{
	width: 245px;
	background-position: -245px 0;
	}
li#nav-feature a:hover,
li#nav-feature a:active{
	background-position: -245px -60px;
	}
li#nav-case a:link,
li#nav-case a:visited{
	width: 244px;
	background-position: -490px 0;
	}
li#nav-case a:hover,
li#nav-case a:active{
	background-position: -490px -60px;
	}

li#nav-plan a:link,
li#nav-plan a:visited{
	width: 246px;
	background-position: -734px 0;
	}
li#nav-plan a:hover,
li#nav-plan a:active{
	background-position: -734px -60px;
	}

.primary,
#scene{
	width: 980px;
	margin: 0 auto;
	padding-bottom: 40px;
}

#scene h2{
	text-align: center;
	padding-bottom: 20px;
}
.scene{
	overflow: hidden;
}
.scene li{
	float: left;
	width: 230px;
	margin-right: 20px;
}
.scene li.end{
	margin:0;
}
.scene span{
	display: block;
}

/* ------------------------------------------------------
	タイトル
-------------------------------------------------------　*/
/*
#feature h2,
#case h2,
#plan h2{
	border-top: solid 2px #0f77b6;
	font-size: 38px;
	padding: 20px 0 20px;
	text-align: center;
	color: #0f77b6;
	line-height: 42px;
	font-weight: bold;
}
#feature h2 span,
#case h2 span,
#plan h2 span{
	display: block;
	font-size: 24px;
	color: #000;
	font-weight: normal;
}
*/
.content-box{
	width: 980px;
	margin: 0 auto;
}

#feature h2,
#case h2,
#plan h2{
	background: #206cb6;
	font-size: 36px;
	padding: 20px;
	text-align: center;
	line-height: 42px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 40px;
}
#feature h2 span,
#case h2 span,
#plan h2 span{
	display: block;
	font-size: 21px;
	font-weight: normal;
	line-height: 100%;
	color: #fff;
}


/* ------------------------------------------------------
	feature
-------------------------------------------------------　*/
#feature h3{
	border-left: solid 10px #0f77b6;
	padding: 15px 0 15px 15px;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
#feature .note{
	padding-bottom: 20px;
}
#feature .box{
	overflow: hidden;
}
#feature section{
	border-top: solid 1px #ccc;
	padding: 20px 0 40px;
}

/* feature01 */
.feature01{
	overflow: hidden;
}
.feature01 ul{
	float: left;
	padding-right: 20px;
	text-align: center;
	font-size: 12px;
}

/* feature02 */
.feature02{
	overflow: hidden;
}
.feature02 h4{
	background: #ececec;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.feature02 ul{
	float: left;
	width: 300px;
	margin-right: 40px;
}
.feature02 figure{
	padding-bottom: 20px;
}
.feature02 ul.end{
	margin:0;
}

/* feature03 */
.feature03 {
	padding-bottom: 40px;
}
.feature03 h4{
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: bold;
}
.feature03 dt{
	padding-bottom: 10px;
}

/* feature05 */
.feature05 {
	overflow: hidden;
}
.feature05 figure{
	float: left;
	width: 160px;
}
.feature05 .text{
	float: left;
	width: 820px;
}

/* ------------------------------------------------------
	case
-------------------------------------------------------　*/
#case{
	padding-bottom: 40px;
}
#case section{
	padding: 20px;
	border: solid 1px #ccc;
	margin-bottom: 40px;
}
#case h3{
	border-left: solid 10px #0f77b6;
	padding: 15px 0 15px 15px;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: bold;
}

#case h4{
	background: #eee;
	font-size: 18px;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 20px;
}
.case{
	padding-bottom: 30px;
}

/* company */
.company{
	overflow: hidden;
}
.company figure{
	float: left;
	width: 300px;
}
.company .text{
	float: right;
	width: 620px;
}

/* demand */
.demand .attention{
	padding-top: 20px;
	color: #f60;
	font-weight: bold;
	font-size: 16px;
}
.demand .attention li{
	padding-bottom: 5px;
}

/* */
.approach dt{
	font-weight: bold;
	padding-bottom: 10px;
}
.approach dd{
	padding-bottom: 20px;
}
.approach th{
	padding:0 20px 5px 0;
}
.approach td{
	padding:0 20px 5px 0;
}

.result {
}
.result-photo {
	overflow: hidden;
	padding-bottom: 20px;
}
.result-photo li {
	float: left;
	padding-right: 10px;
}

.point {
	padding-top: 20px;
	margin-left: 30px;
}
.point li{
	padding-bottom: 10px;
	list-style: decimal;
}
.point li strong{
	font-size: 16px;
	color:#f60;
	font-weight: bold;
}

.btn-case{
	width:424px;
	margin: 0 auto;
}
.btn-case a:link,
.btn-case a:visited{
	width:424px;
	height: 0;
	background: url(../img/btn_case.png) no-repeat;
	overflow: hidden;
	display: block;
	padding-top:84px;
}
.btn-case a:hover,
.btn-case a:active{
	background-position: 0 -85px;
}
.service{
	padding-bottom: 20px;
}
.service li{
	padding-bottom: 20px;
}
.plan,
.option{
	border: solid 1px #ccc;
	margin-bottom: 40px;
}
.plan-note{
	padding: 0 20px;
}
.plan h3{
	color: #fff;
	padding:15px 20px;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: bold;
}
.plan h3 span{
	font-size: 18px;
}
.plan1 h3{
	background: #00a2e6;
}
.plan2 h3{
	background: #99cc00;
}
.plan3 h3{
	background: #99cc00;
}
.plan4 h3{
	background: #ff7200;
}

.plan .box{
	padding: 20px;
	overflow: hidden;
}
.plan .box figure{
	width: 240px;
	float: left;
}
.plan .body {
	width: 690px;
	float: right;
}

.price{
	}
.price dt {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	}
.price dt span{
	color: #cc0000;
	font-size: 18px;
	}
.price dd {
	padding-bottom: 10px;
	}
.caution{
	padding-bottom: 40px;
	}

.option-inner{
	padding: 0 20px 20px;
	overflow: hidden;
}
.option h3{
	background: #000;
	color: #fff;
	padding:15px 20px;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: bold;
}
.option h4{
	border-left: solid 7px #ccc;
	padding: 10px 0 10px 20px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}
.option-note{
	padding-bottom: 20px;
}
.option01{
	float: left;
	width: 450px;
}
.option02{
	float: right;
	width: 450px;
}
.option-box{
	overflow: hidden;
}
.option-box figure{
	float: left;
	width:140px;
}
.option-text{
	float: right;
	width: 290px;
}

/*
.contact-box{
	background: #cc0000;
	padding: 20px;
	margin-bottom: 50px;
}
*/
.contact-box{
	width:980px;
	margin: 0 auto;
}
.contact-box ul{
	border: solid #cc0000 3px;
	padding: 20px;
	margin-bottom: 80px;	overflow: hidden;
}
.contact-l{
	float: left;
	width: 724px;
}
.contact-r{
	float: right;
	width: 208px;
}
.contact-r a:link,
.contact-r a:visited{
	width: 208px;
	height: 0;
	background: url(../img/contact_mail.png) no-repeat;
	display: block;
	overflow: hidden;
	padding-top: 60px;
}
.contact-r a:hover,
.contact-r a:active{
	background-position: 0 -60px;
}