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

/*~~~~~~~　目次　~~~~~~~~~~~~~~~~~~~~~
全体共通
全体共通　タイトル部分
全体共通　コンテンツ外枠
全体共通　メインメニュー
全体共通　メインコンテンツ外枠
全体共通　フッター

コンテンツ　index

コンテンツ　service-wiretapping
コンテンツ　service-road
コンテンツ　service-key
コンテンツ　service-camera
コンテンツ　service-reform

コンテンツ　contact
コンテンツ　profile
コンテンツ　link


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全体共通

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*{
	margin:0;
	padding:0;
	font-size:12px;
}

body{
	background-image:url(../image/body-bg.jpg);
}
#wrap{
	width:800px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
	padding:0;
}


#wrap-innar{
	width:800px;
	height:100%;
	float:left;
	clear:both;
	background-image:url(../image/site-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

#content{
	width:758px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全体共通　　タイトル部分

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#title{
	width:758px;
	height:100%;
	float:left;
	clear:both;
}
#title h1{
	font-size:12px;
	line-height:1.4;
	float:none;
	clear:both;
	width:758px;
	background-color:#0000FF;
	color:#FFFFFF;
	text-align: right;
	margin: 0 auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全体共通　コンテンツ外枠

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-body{
	width:720px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
	padding:10px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全体共通　メインメニュー

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu{
	width:180px;
	height:100%;
	float:left;
}
#menu h3{
	width:180px;
	height:40px;
	float:left;
	clear:both;
}
#menu p{
	width:180px;
	height:100%;
	float:left;
	clear:both;
}
#menu ul{
	float:left;
	clear:both;
	width:180px;
	height:100%;
	list-style:inside;
	list-style-type:none;
	background-image:url(../image/menu-bg.jpg);
	padding-bottom:5px;
}
#menu li{
	width:178px;
	float:left;
	clear:both;
	list-style:inside;
	list-style-type:none;
	border-bottom:#999999 dashed 1px;
}
#menu li a{
	display:block;
	width:159px;
	padding:10px 0 10px 19px;
	margin-left:1px;
	background-image:url(../image/menu-r.jpg);
	background-position:5px;
	background-repeat:no-repeat;
	background-color:#EEEEEE;
	font-size:12px;
	text-decoration:none;
}
#menu li a:hover{
	background-image:url(../image/menu-r_on.jpg);
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全体共通　メインコンテンツ外枠

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main-cont{
	width:530px;
	height:100%;
	float:right;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全体共通　フッター

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer{
	width:758px;
	height:100%;
	float:left;
	clear:both;
	border-top:#999999 solid 1px;
}
#footer ul{
	width:200px;
	height:100%;
	float:left;
	list-style:inside;
	list-style-type:none;
	margin:5px 0 5px 1px;
	padding:0 0 0 9px;
}
#footer li{
	width:200px;
	height:100%;
	float:left;
	line-height:1.5;
}
#footer .r{
	width:500px;
	height:100%;
	float:right;
	margin:5px;
}
#footer .r img{
	float:left;
	margin-left: 3px;
}
#footer .r p{
	width:130px;
	float:right;
	line-height:1.5;
}

#site-end{
	width:800px;
	height:100%;
	float:left;
	clear:both;
	background-image:url(../image/site-end.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#site-end p{
	width:800px;
	height:100%;
	float:left;
	clear:both;
	text-align:center;
	margin:30px 0 20px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　index

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#index_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#index_main-cont h2{
	float:left;
	width:300px;
	height:100%;
	border-left:#FF9900 solid 5px;
	padding:10px 0 5px 10px;
	font-size:16px;
	font-weight:700;
	line-height: 1.5;
	border-bottom: #FF9900 solid 1px;
}
#index_main-cont h3{
	float:left;
	width:500px;
	height:100%;
	padding:5px;
	font-size:24px;
	font-weight:700;
	line-height: 1.5;
	color: #FF0000;
	border-left:#FF6600 solid 5px;
	border-right:#FF6600 solid 5px;
}
#index_main-cont h5{
	float:left;
	width:300px;
	height:100%;
	padding:10px 0 5px 10px;
	font-size:14px;
	font-weight:700;
	line-height: 1.5;
}
#index_main-cont p{
	float:left;
	width:300px;
	height:100%;
	line-height: 1.5;
}


#index_sub-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin:15px 0 0;
}
#index_sub-cont h3{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin: 20px 0 0;
}
#index_sub-cont p{
	width:530px;
	float:left;
	clear:both;
	margin:5px 0 0;
	line-height:1.6;
}
#index_sub-cont .sub-cont_box1{
	width:260px;
	height:100%;
	float:left;
	margin:10px 0 0;
	padding:0;
}
#index_sub-cont .sub-cont_box1 dl{
	width:200px;
	height:100%;
	float:right;
}
#index_sub-cont .sub-cont_box1 dt{
	width:200px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.5;
	font-size:14px;
	font-weight:700;
}
#index_sub-cont .sub-cont_box1 dd{
	width:200px;
	height:100%;
	line-height:1.5;
	font-size:12px;
	float:left;
	clear:both;
}


#index_sub-cont .sub-cont_box2{
	width:175px;
	height:100%;
	float:left;
	margin:10px 0 0;
	padding:0;
}
#index_sub-cont .sub-cont_box2 dl{
	width:120px;
	height:100%;
	float:right;
}
#index_sub-cont .sub-cont_box2 dt{
	width:120px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.5;
	font-size:14px;
	font-weight:700;
}
#index_sub-cont .sub-cont_box2 dd{
	width:120px;
	height:100%;
	line-height:1.5;
	font-size:12px;
	float:left;
	clear:both;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　service-wiretapping

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main-cont .wir_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .wir_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .wir_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .wir_main-cont .wir_sub-cont1-1{
	width:250px;
	height:100%;
	float:left;
}
#main-cont .wir_main-cont .wir_sub-cont1-2{
	width:270px;
	height:100%;
	float:right;
}
#main-cont .wir_main-cont .wir_sub-cont1-2 h5{
	width:270px;
	height:100%;
	float:left;
	line-height:1.4;
	font-size:14px;
	font-weight:700;
	color:#FF0000;
}
#main-cont .wir_main-cont .wir_sub-cont1-2 ul{
	width:270px;
	height:100%;
	float:left;
	clear:both;
	list-style:inside;
	list-style-type:none;
}
#main-cont .wir_main-cont .wir_sub-cont1-2 li{
	width:250px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.4;
	margin-left:1px;
	padding-left:19px;
	background-image:url(../image/wiretapping/li-r.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top: 5px;
}
#main-cont .wir_main-cont .wir_sub-cont1-2 p{
	width:250px;
	height:100%;
	float:left;
	clear:both;
	padding:5px;
	line-height: 1.4;
}
#main-cont .wir_main-cont .wir_sub-cont2{
	width:450px;
	height:100%;
	float:right;
	clear:both;
}
#main-cont .wir_main-cont .wir_sub-cont2 p{
	width:520px;
	height:100%;
	float:none;
	clear:both;
	padding:5px;
	line-height: 1.4;
	margin: 10px auto;
}
#main-cont .wir_main-cont .wir_sub-cont2 p.goto-inq a{
	width:300px;
	height:0;
	float:left;
	clear:both;
	padding-top:50px;
	background-image:url(../image/goto-inq.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;	
}
#main-cont .wir_main-cont .wir_sub-cont2 p.goto-inq a:hover{
	background-image:url(../image/goto-inq_on.jpg);
}
#main-cont .wir_main-cont .wir_sub-cont2 h5{
	width:450px;
	height:100%;
	float:left;
	line-height:1.4;
	font-size:14px;
	font-weight:700;
	color:#FF0000;
}
#main-cont .wir_main-cont .wir_sub-cont2 ul{
	width:450px;
	height:100%;
	float:left;
	clear:both;
	list-style:inside;
	list-style-type:none;
}
#main-cont .wir_main-cont .wir_sub-cont2 li{
	width:400px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.4;
	margin-left:1px;
	padding-left:19px;
	background-image:url(../image/wiretapping/li-r.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top: 5px;
}

#main-cont .wir_main-cont table{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .wir_main-cont table caption{
	font-size:14px;
	font-weight:700;
}
#main-cont .wir_main-cont table th,
#main-cont .wir_main-cont table td{
	padding:5px;
	border:#999999 solid 1px;
}
#main-cont .wir_main-cont table td{
	text-align:right;
	vertical-align:top;
}










/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　service-road

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main-cont .road_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .road_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .road_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .road_main-cont p{
	width:510px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.5;
	margin:10px 0;
	padding:5px;
}
#main-cont .road_main-cont p.goto-inq{
	width:300px;
	height:50px;
	float:none;
	clear:both;
	margin:0 auto;
}

#main-cont .road_main-cont p.goto-inq a{
	width:300px;
	height:0;
	float:left;
	clear:both;
	padding-top:50px;
	background-image:url(../image/goto-inq.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;	
}
#main-cont .road_main-cont p.goto-inq a:hover{
	background-image:url(../image/goto-inq_on.jpg);
}
#main-cont .road_main-cont dl{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin:5px 0;
	border-bottom:#999999 solid 1px;
}
#main-cont .road_main-cont dt{
	width:120px;
	height:100%;
	float:left;
	line-height:1.5;
	margin:3px 0;
	padding: 0 0 0 5px;
}
#main-cont .road_main-cont dd{
	width:380px;
	height:100%;
	float:right;
	line-height:1.5;
	margin:3px 0;
	border-left:#999999 solid 1px;
	padding: 0 0 0 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　service-camera

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main-cont .camera_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .camera_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .camera_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .camera_main-cont p{
	width:510px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.5;
	margin:10px 0;
	padding:5px;
}
#main-cont .camera_main-cont p.goto-inq{
	width:300px;
	height:50px;
	float:none;
	clear:both;
	margin:0 auto;
}

#main-cont .camera_main-cont p.goto-inq a{
	width:300px;
	height:0;
	float:left;
	clear:both;
	padding-top:50px;
	background-image:url(../image/goto-inq.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;	
}
#main-cont .camera_main-cont p.goto-inq a:hover{
	background-image:url(../image/goto-inq_on.jpg);
}
#main-cont .camera_main-cont dl{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin:5px 0;
	border-bottom:#999999 solid 1px;
}
#main-cont .camera_main-cont dt{
	width:120px;
	height:100%;
	float:left;
	line-height:1.5;
	margin:3px 0;
	padding: 0 0 0 5px;
}
#main-cont .camera_main-cont dd{
	width:380px;
	height:100%;
	float:right;
	line-height:1.5;
	margin:3px 0;
	border-left:#999999 solid 1px;
	padding: 0 0 0 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　service-key

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main-cont .key_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .key_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .key_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .key_main-cont p{
	width:510px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.5;
	margin:10px 0;
	padding:5px;
}
#main-cont .key_main-cont p strong{
	font-size:14px;
	font-weight:700;
	color:#FF0000;
}
#main-cont .key_main-cont p.goto-inq{
	width:300px;
	height:50px;
	float:none;
	clear:both;
	margin:0 auto;
}

#main-cont .key_main-cont p.goto-inq a{
	width:300px;
	height:0;
	float:left;
	clear:both;
	padding-top:50px;
	background-image:url(../image/goto-inq.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;	
}
#main-cont .key_main-cont p.goto-inq a:hover{
	background-image:url(../image/goto-inq_on.jpg);
}
#main-cont .key_main-cont .key_sub-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin:5px 0;
}
#main-cont .key_main-cont .key_sub-cont h4{
	width:500px;
	float:left;
	clear:both;
	line-height:1.4;
	border-bottom:#FF9900 solid 1px;
	border-left:#FF9900 solid 15px;
	padding:5px;	
}
#main-cont .key_main-cont table{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .key_main-cont table caption{
	font-size:14px;
	font-weight:700;
	padding:10px 0 5px 0;
}
#main-cont .key_main-cont table th,
#main-cont .key_main-cont table td{
	padding:5px;
	border:#999999 solid 1px;
}
#main-cont .key_main-cont table td{
	text-align:right;
	vertical-align:top;
	line-height:1.4;
}
#main-cont .key_main-cont table td.middle{
	text-align:center;
	vertical-align:middle;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　service-reform

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main-cont .reform_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .reform_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .reform_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .reform_main-cont p{
	width:510px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.5;
	margin:10px 0;
	padding:5px;
}
#main-cont .reform_main-cont p strong{
	font-size:14px;
	font-weight:700;
	color:#FF0000;
}
#main-cont .reform_main-cont p.goto-inq{
	width:300px;
	height:50px;
	float:none;
	clear:both;
	margin:0 auto;
}

#main-cont .reform_main-cont p.goto-inq a{
	width:300px;
	height:0;
	float:left;
	clear:both;
	padding-top:50px;
	background-image:url(../image/goto-inq.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;	
}
#main-cont .reform_main-cont p.goto-inq a:hover{
	background-image:url(../image/goto-inq_on.jpg);
}




















/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　contact

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main-cont .contact_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .contact_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .contact_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .contact_main-cont table{
	float:left;
	clear:both;
}
#main-cont .contact_main-cont table th{
	text-align:left;
	background-color:#FFCC66;
	width:120px;
}
#main-cont .contact_main-cont table td{
	width:350px;
}
#main-cont .contact_main-cont table th,
#main-cont .contact_main-cont table td{
	padding:5px;
	border:#CCCCCC solid 1px;
}
#main-cont .contact_main-cont p.thanks{
	width:500px;
	height:100%;
	float:none;
	clear:both;
	line-height:1.4;
	text-align:center;
	margin:20px auto;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　profile

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main-cont .profile_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .profile_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .profile_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .profile_main-cont dl{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin:5px 0;
	border-bottom:#999999 solid 1px;
}
#main-cont .profile_main-cont dt{
	width:120px;
	height:100%;
	float:left;
	line-height:1.5;
	margin:3px 0;
	padding: 0 0 0 5px;
}
#main-cont .profile_main-cont dd{
	width:380px;
	height:100%;
	float:right;
	line-height:1.5;
	margin:3px 0;
	border-left:#999999 solid 1px;
	padding: 0 0 0 5px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コンテンツ　link

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main-cont .link_main-cont{
	width:530px;
	height:100%;
	float:left;
	clear:both;
}
#main-cont .link_main-cont h2{
	width:530px;
	height:70px;
	float:left;
	clear:both;
}
#main-cont .link_main-cont h3{
	width:530px;
	height:35px;
	float:left;
	clear:both;
}
#main-cont .link_main-cont dl{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin:5px 0;
	border-bottom:#999999 solid 1px;
}
#main-cont .link_main-cont dt{
	width:200px;
	height:100%;
	float:left;
	line-height:1.5;
	margin:3px 0;
	padding: 0 0 0 5px;
}
#main-cont .link_main-cont dd{
	width:300px;
	height:100%;
	float:right;
	line-height:1.5;
	margin:3px 0;
	border-left:#999999 solid 1px;
	padding: 0 0 0 5px;
}