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

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

section#leftcontents{
	float:left;
	width:640px;
}
section#rightcontents{
	float:right;
	width:340px;
}

h2.cont01{
display: block;
width: 640px;
height: 95px;
background: url("../images/03_02title.jpg") no-repeat;
text-indent: -9999px;
}
.title01{
display: block;
width: 620px;
height:395px;
background: url("../images/03_03title.jpg") no-repeat;
padding: 120px 20px 0 0;
}
.title01 p{
font-size: 14px;
color: #666666;
letter-spacing: 0.1em;
line-height: 180%;
margin-bottom: 10px;
}

.srider{
display: block;
width: 340px;
height: 450px;
background: url("../images/03_04img.jpg") no-repeat;
text-indent: -9999px;
margin-bottom: 160px;
}

section#tvbox{
	float:left;
	width:270px;
    margin: 0 42px 0 42px;
}
section#telebox{
	float:left;
	width:270px;
    margin: 0 42px 0 0;
}
section#elebox{
	float:left;
	width:270px;
    margin: 0 43px 0 0;
}

.tvrb a{
	display:block;
	width:270px;
	height:270px;
	background:url("../images/03_05btm01f.jpg") no-repeat;
	text-indent:-9999px;
}
.tvrb a:hover{
	background:url("../images/03_05btm01o.jpg") no-repeat;
}
.telecom a{
	display:block;
	width:270px;
	height:270px;
	background:url("../images/03_05btm02f.jpg") no-repeat;
	text-indent:-9999px;
}
.telecom a:hover{
	background:url("../images/03_05btm02o.jpg") no-repeat;
}
.elec a{
	display:block;
	width:270px;
	height:270px;
	background:url("../images/03_05btm03f.jpg") no-repeat;
	text-indent:-9999px;
}
.elec a:hover{
	background:url("../images/03_05btm03o.jpg") no-repeat;
}

article#tv p,
article#tel p,
article#ele p{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 150%;
    padding: 0 15px 20px 20px;
}

.catv a,.radio a,.lan a,.ftth a,.iphone a,.camera a,.wiring a,.led a,.allelec a,.app a{
	display:block;
	width:270px;
	height:190px;
	text-indent:-9999px;
}

.catv a{
	background:url("../images/03_05btm11f.jpg") no-repeat;
}
.catv a:hover{
	background:url("../images/03_05btm11o.jpg") no-repeat;
}
.lan a{
	background:url("../images/03_05btm12f.jpg") no-repeat;
}
.lan a:hover{
	background:url("../images/03_05btm12o.jpg") no-repeat;
}
.wiring a{
	background:url("../images/03_05btm13f.jpg") no-repeat;
}
.wiring a:hover{
	background:url("../images/03_05btm13o.jpg") no-repeat;
}

.radio a{
	background:url("../images/03_05btm21f.jpg") no-repeat;
}
.radio a:hover{
	background:url("../images/03_05btm21o.jpg") no-repeat;
}
.ftth a{
	background:url("../images/03_05btm22f.jpg") no-repeat;
}
.ftth a:hover{
	background:url("../images/03_05btm22o.jpg") no-repeat;
}
.led a{
	background:url("../images/03_05btm23f.jpg") no-repeat;
}
.led a:hover{
	background:url("../images/03_05btm23o.jpg") no-repeat;
}

.iphone a{
	background:url("../images/03_05btm32f.jpg") no-repeat;
}
.iphone a:hover{
	background:url("../images/03_05btm32o.jpg") no-repeat;
}
.allelec a{
	background:url("../images/03_05btm33f.jpg") no-repeat;
}
.allelec a:hover{
	background:url("../images/03_05btm33o.jpg") no-repeat;
}

.camera a{
	background:url("../images/03_05btm42f.jpg") no-repeat;
}
.camera a:hover{
	background:url("../images/03_05btm42o.jpg") no-repeat;
}
.app a{
	background:url("../images/03_05btm43f.jpg") no-repeat;
}
.app a:hover{
	background:url("../images/03_05btm43o.jpg") no-repeat;
}

.app{
    margin-bottom: 60px;
}

section#contact{
    clear: both;
}
.mailbox{
width: 980px;
margin: 0 0 80px 0;
padding: 0 0 0 173px;
}
.mailbtm a{
	display:block;
	width:621px;
	height:55px;
	background:url("../images/03_06btmf.jpg") no-repeat;
	text-indent:-9999px;
}
.mailbtm a:hover{
	background:url("../images/03_06btmo.jpg") no-repeat;
}