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

@import url("base.css");
@import url("sgallery.css");

section#leftcontents{
	float:left;
	width:620px;
	margin:20px 10px 0 0;
    padding: 0 0 0 10px;
}
section#rightcontents{
	float:left;
	width:340px;
	margin:20px 0 0 0 ;
}

nav.btm0101{
	margin-bottom:0px;
}

nav.btm0101 ul,
nav.btm0101 ul li{
	float:left;
}
	
nav.btm0101 ul{
	width:620px;
	height:50px;
	margin:0 0 37px 0;
	padding:0;
}
	
.btm_comp a{
	display:block;
	width:200px;
	height:50px;
    margin-right: 10px;
	background:url("../images/01_01btm1f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_comp a:hover{
	background:url("../images/01_01btm1o.jpg") no-repeat;
}
.btm_work a{
	display:block;
	width:200px;
	height:50px;
    margin-right: 10px;
	background:url("../images/01_01btm2f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_work a:hover{
	background:url("../images/01_01btm2o.jpg") no-repeat;
}.btm_recruit a{
	display:block;
	width:200px;
	height:50px;
	background:url("../images/01_01btm3f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_recruit a:hover{
	background:url("../images/01_01btm3o.jpg") no-repeat;
}


article.l01{
    clear: both;
    margin-bottom: 30px;
}

article.l01 h2{
	display:block;
    width: 620px;
    height: 30px;
	background:url("../images/01_02title.jpg") no-repeat;
	text-indent:-9999px;
    margin: 20px 0 30px 0;
}

article.l01 p.txt01{
	font-size:14px;
	color:#666;
	letter-spacing:0.15em;
	line-height:145%;
}

article.l01 p.txt02{
	font-size:14px;
	color:#666;
	letter-spacing:0.15em;
	line-height:145%;
    padding: 10px 0 0 0; 
}


nav.btm0102{
    width: 620px;
    height: 118px;
    border-bottom: #000000 dotted 2px;
	margin-bottom:10px;
}

nav.btm0102 ul,
nav.btm0102 ul li{
	float:left;
}
	
nav.btm0102 ul{
	width:620px;
	height:108px;
}
	
.btm_tv a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb10f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_tv a:hover{
	background:url("../images/01_03mtb10o.jpg") no-repeat;
}
.btm_catv a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb11f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_catv a:hover{
	background:url("../images/01_03mtb11o.jpg") no-repeat;
}.btm_radio a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb12f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_radio a:hover{
	background:url("../images/01_03mtb12o.jpg") no-repeat;
}

nav.btm0103{
    width: 620px;
    height: 118px;
    border-bottom: #000000 dotted 2px;
	margin-bottom:10px;
}

nav.btm0103 ul,
nav.btm0103 ul li{
	float:left;
}
	
nav.btm0103 ul{
	width:620px;
	height:108px;
}
	
.btm_signal a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb20f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_signal a:hover{
	background:url("../images/01_03mtb20o.jpg") no-repeat;
}
.btm_lan a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb21f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_lan a:hover{
	background:url("../images/01_03mtb21o.jpg") no-repeat;
}.btm_ftth a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb22f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_ftth a:hover{
	background:url("../images/01_03mtb22o.jpg") no-repeat;
}
.btm_interphone a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb23f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_interphone a:hover{
	background:url("../images/01_03mtb23o.jpg") no-repeat;
}
.btm_scamera a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb24f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_scamera a:hover{
	background:url("../images/01_03mtb24o.jpg") no-repeat;
}

nav.btm0104{
    width: 620px;
    height: 118px;
	margin-bottom:30px;
}

nav.btm0104 ul,
nav.btm0104 ul li{
	float:left;
}
	
nav.btm0104 ul{
	width:620px;
	height:108px;
}
	
.btm_electrical a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb20f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_electrical a:hover{
	background:url("../images/01_03mtb20o.jpg") no-repeat;
}
.btm_wiring a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb31f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_wiring a:hover{
	background:url("../images/01_03mtb31o.jpg") no-repeat;
}.btm_led a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb32f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_led a:hover{
	background:url("../images/01_03mtb32o.jpg") no-repeat;
}
.btm_allelec a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb33f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_allelec a:hover{
	background:url("../images/01_03mtb33o.jpg") no-repeat;
}
.btm_ca a{
	display:block;
	width:124px;
	height:108px;
	background:url("../images/01_03mtb34f.jpg") no-repeat;
	text-indent:-9999px;
}
.btm_ca a:hover{
	background:url("../images/01_03mtb34o.jpg") no-repeat;
}

article.l02{
    clear: both;
    margin-bottom: 33px;
}

article.l02 h2{
	display:block;
    width: 620px;
    height: 112px;
	background:url("../images/01_05title.jpg") no-repeat;
	text-indent:-9999px;
    margin: 0 0 15px 0;
}

article.l02 p.txt03{
	font-size:14px;
	color:#666;
	letter-spacing:0.12em;
	line-height:150%;
    padding: 0 0 0 0; 
}

nav.btm0106 {
    clear: both;
    margin-bottom: 30px;
}

nav.btm0106 a{
	display:block;
	width:620px;
	height:54px;
	background:url("../images/01_06btmf.jpg") no-repeat;
	text-indent:-9999px;
}
nav.btm0106 a:hover{
	background:url("../images/01_06btmo.jpg") no-repeat;
}


article.r01{
    display: block;
    width: 340px;
    height: 194px;
	background:url("../images/01_07box.jpg") no-repeat;
    margin-bottom: 30px;
}
article.r01 p{
	font-size:14px;
	color:#666;
	letter-spacing:0.05em;
	line-height:150%;
    padding: 70px 20px 0 50px; 
}

nav.btm0108 {
    clear: both;
    margin-bottom: 30px;
}

nav.btm0108 a{
	display:block;
	width:340px;
	height:100px;
	background:url("../images/01_08btmf.jpg") no-repeat;
	text-indent:-9999px;
}
nav.btm0108 a:hover{
	background:url("../images/01_08btmo.jpg") no-repeat;
}

nav.btm0109{
	width:340px;
	height:199px;
	margin-bottom:30px;
}

nav.btm0109 ul{
    clear: both;
	width:340px;
	height:199px;
}
	
.tel{
	display:block;
	width:340px;
	height:85px;
	background:url("../images/01_09tel.jpg") no-repeat;
	text-indent:-9999px;
    margin-bottom: 30px;
}

.btm_mail1 a{
	display:block;
	width:340px;
	height:84px;
	background:url("../images/01_10btmf.jpg") no-repeat;
	text-indent:-9999px;
    margin-bottom: 30px;
    border-bottom: #000000 dotted 2px;
}
.btm_mail1 a:hover{
	background:url("../images/01_10btmo.jpg") no-repeat;
}

nav.btm0110{
    clear: both;
	width:340px;
	height:279px;
	margin-bottom:30px;
}

nav.btm0110 ul{
	width:340px;
	height:249px;
}
	
.tel_ayase{
	display:block;
	width:340px;
	height:165px;
	background:url("../images/01_12ayase.jpg") no-repeat;
	text-indent:-9999px;
    margin-bottom: 30px;
}

.btm_mail2 a{
	display:block;
	width:340px;
	height:84px;
	background:url("../images/01_13btmf.jpg") no-repeat;
	text-indent:-9999px;
    border-bottom: #000000 dotted 2px;
}
.btm_mail2 a:hover{
	background:url("../images/01_13btmo.jpg") no-repeat;
}

nav.btm0111{
    clear: both;
	width:340px;
	height:200px;

}

nav.btm0111 ul{
	width:340px;
	height:249px;
}
	
.tel_yokosuka{
	display:block;
	width:340px;
	height:121px;
	background:url("../images/01_14yokosuaka.jpg") no-repeat;
	text-indent:-9999px;
    margin-bottom: 30px;
}

.btm_mail3 a{
	display:block;
	width:340px;
	height:84px;
	background:url("../images/01_15btmf.jpg") no-repeat;
	text-indent:-9999px;

}
.btm_mail3 a:hover{
	background:url("../images/01_15btmo.jpg") no-repeat;
}