@charset "utf-8";
/* CSS Document */

/* clear fix For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* clear fix For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; position:relative;/*for preview*/ }

#wrapper {
	font-family:"メイリオ", Osaka, "ＭＳ Ｐゴシック";
	font-size:13px;
	color:#333333;
}
#header-summary {
	background-color: #27AE60;
}
#header-summary h1 {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}
#gnav {
	height: 60px;
	background-image: url(../image/bg-gnav.jpg);
	background-repeat: repeat-x;
}
#gnav li {
	list-style-type: none;
	float: left;
}
#top-mainimg {
	background-image: url(../image/bg-top-mainimg.jpg);
	background-repeat: repeat-x;
	height: 380px;
}
#content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#main-content {
	float: left;
	width: 715px;
}
#main-content h2 {
	background-image: url(../image/bg-title.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 715px;
	font-size: 15px;
	line-height: 39px;
	padding-left: 20px;
}
#main-content h3 {
	background-image: url(../image/bg-title.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 715px;
	font-size: 15px;
	line-height: 39px;
	padding-left: 20px;
}
#top-comment-img {
	float: left;
	height: 137px;
	width: 231px;
}
#top-comment-txt {
	float: right;
	width: 420px;
}
#top-category-camera {
	background-image: url(../image/top-content001.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 350px;
	position: relative;
	float: left;
}
#top-category-solution {
	background-image: url(../image/top-content002.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 350px;
	position: relative;
	float: right;
}
#top-category-phone {
	background-image: url(../image/top-content003.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 350px;
	position: relative;
	float: left;
}
#top-category-recycle {
	background-image: url(../image/top-content004.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 350px;
	position: relative;
	float: right;
}
#top-category  a {
	display: block;
	height: 200px;
	width: 350px;
}
.top-category-txt {
	position: absolute;
	left: 15px;
	top: 90px;
	width: 165px;
	font-size: 12px;
}


#side-content {
	float: right;
	width: 225px;
}
#side-contact-box {
	background-image: url(../image/side-contact.jpg);
	background-repeat: no-repeat;
	height: 140px;
	width: 225px;
	position: relative;
}
#side-contact-btn {
	position: absolute;
	left: 136px;
	top: 108px;
}
#footer {
	background-color: #F6F6F6;
}
#footer-upper {
	background-image: url(../image/bg-footer.jpg);
	background-repeat: repeat-x;
	height: 16px;
}
#footer-content {
	padding-bottom: 20px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer-cnt-left {
	float: left;
	width: 470px;
}
#footer-cnt-right {
	float: right;
	width: 470px;
}
#footer-cnt-right ul {
	float: left;
	list-style-position: inside;
	margin-right: 70px;
	margin-top: 20px;
}
#footer-copy {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.networkcamera-img {
	float: left;
	height: 147px;
	width: 234px;
}
.networkcamera-txt {
	float: right;
	width: 420px;
}
.networksolution-img {
	float: left;
	height: 150px;
	width: 200px;
}
.networksolution-txt {
	float: right;
	width: 455px;
}
#networksolution-onestop {
	background-image: url(../networksolution/image/solution-img002.jpg);
	background-repeat: no-repeat;
	height: 224px;
	width: 675px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#networksolution-onestop-txt {
	position: absolute;
	left: 45px;
	top: 65px;
	width: 375px;
}
.businessphone-txt {
	float: left;
	width: 435px;
}
.businessphone-img {
	float: right;
	height: 150px;
	width: 220px;
}
.businessphone-best-txt {
	float: right;
	width: 420px;
}
.businessphone-best-img {
	float: left;
	height: 150px;
	width: 237px;
}
.recycle-img {
	float: left;
	height: 150px;
	width: 200px;
}
.recycle-txt {
	float: right;
	width: 455px;
}
#recycle-point p {
	width: 275px;
	position: absolute;
	left: 40px;
	top: 60px;
}
#recycle-relief {
	background-image: url(../recycle/image/recycle-img002.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 224px;
	width: 330px;
	position: relative;
}
#recycle-support {
	background-image: url(../recycle/image/recycle-img003.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 224px;
	width: 330px;
	position: relative;
}
.company-message-img {
	float: left;
	height: 200px;
	width: 150px;
}
.company-message-txt {
	float: right;
	width: 505px;
}
#company-table {
	border-collapse:collapse;
	width:100%;
}
#company-table td {
	padding:15px;
	border:solid 1px #CCCCCC;
}
#company-table .td-left {
	width: 150px;
	text-align: center;
	background-color: #F4F4F4;
}
#contact-form {
}
#mailform {
	width: 100%;
	border-collapse:collapse;
}
#mailform  td {
	padding: 15px;
	border: 1px solid #CCCCCC;
}
#mailform .td-left {
	background-color: #F4F4F4;
	text-align: center;
}
.sendbtn {
	height: 40px;
	width: 160px;
}





.inner960 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.inner675 {
	width: 675px;
	margin-right: auto;
	margin-left: auto;
}

.content-box {
	border: 1px solid #CCCCCC;
	padding: 20px;
}
.need {
	font-size: 11px;
	color: #FF0000;
}