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

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

section#leftcontents{
	float:left;
	width:640px;
    margin-bottom: 50px;
}
section#rightcontents{
	float:right;
	width:340px;
}

h2.cont01{
display: block;
width: 640px;
height: 95px;
background: url("../images/03c0_02title.jpg") no-repeat;
text-indent: -9999px;
}
.title01{
display: block;
width: 620px;
height:370px;
background: url("../images/03c0_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: 533px;
background: url("../images/03c0_04img.jpg") no-repeat;
text-indent: -9999px;
}



section#tbox1{
 clear: both;
	float:left;
	width:685px;
}
section#bbox1{
	float:right;
	width:295px;
}

.tex1{
display: block;
width: 615px;
height:150px;
background: url("../images/03c0_05bk.jpg") no-repeat;
padding: 80px 20px 50px 50px;
}
.tex2{
display: block;
width: 615px;
height:150px;
background: url("../images/03c0_06bk.jpg") no-repeat;
padding: 80px 20px 50px 50px;
}
.tex3{
display: block;
width: 615px;
height:150px;
background: url("../images/03c0_07bk.jpg") no-repeat;
padding: 80px 20px 50px 50px;
}
.tex4{
display: block;
width: 615px;
height:150px;
background: url("../images/03c0_08bk.jpg") no-repeat;
padding: 80px 20px 100px 50px;
}


.lan a,.ftth a,.iphone a,.camera a{
	display:block;
	width:295px;
	height:280px;
	text-indent:-9999px;
}

.lan a{
	background:url("../images/03c0_05btm.jpg") no-repeat;
}
.lan a:hover{
	background:url("../images/03c0_05btmO.jpg") no-repeat;
}
.ftth a{
	background:url("../images/03c0_06btm.jpg") no-repeat;
}
.ftth a:hover{
	background:url("../images/03c0_06btmO.jpg") no-repeat;
}
.iphone a{
	background:url("../images/03c0_07btm.jpg") no-repeat;
}
.iphone a:hover{
	background:url("../images/03c0_07btmO.jpg") no-repeat;
}
.camera a{
	background:url("../images/03c0_08btm.jpg") no-repeat;
}
.camera a:hover{
	background:url("../images/03c0_08btmO.jpg") no-repeat;
}



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;
}