@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
CSS for index
******************************************************************************
----------------------------------------------------------------------------*/

.contents .mainImg{
background: url(../images/main_img.jpg) 0 0 no-repeat;
width:580px;
height:200px;
font-size:10%;
text-indent:-99999px;}

.contents .inboxL {
float:left;
width:329px;
height:191px;
margin:15px 0 0 0;}


.contents .inboxL img{
vertical-align: bottom;
}

.contents .inboxL dt{
background: url(../images/index_01.jpg) 0 0 no-repeat;
width:329px;
height:138px;
text-indent:-99999px;
}

.contents .inboxL dd{
background: url(../images/index_01a.jpg) 0 0 no-repeat;
width:329px;
height:53px;
margin:0;}

.contents .inboxL dd a{
display:block;
width:164px;
height:30px;
margin:0 0 0 16px;
text-indent:-99999px;}


.contents .inboxR{
float:right;
width:245px;
height:191px;
margin:15px 0 0 0;}

.contents .inboxR img{
vertical-align: bottom;
}

.contents .inboxR .H4serv{ background: url(../images/index_02.jpg) 0 0 no-repeat; margin-bottom:10px;}
.contents .inboxR .H4coord{ background: url(../images/index_03.jpg) 0 0 no-repeat; margin-bottom:10px;}
.contents .inboxR .H4plan{ background: url(../images/index_04.jpg) 0 0 no-repeat;}

.contents .inboxR li a {
display:block;
width:245px;
height:57px;
text-indent:-99999px;}

.contents div.indexBox{ margin:0 0 25px 0;}

.contents div.indexBox h3 {
width:580px;
height:15px;
background: url(../images/index_05.jpg) 0 0 no-repeat;
text-indent:-99999px;
margin:22px 0 0 0;}

.contents div.indexBox #cap {
width:477px;
height:15px;
background: url(../images/index_06.jpg) 0 0 no-repeat;
text-indent:-99999px;
margin:11px 0 14px 0;}

.contents div.indexBox p {
line-height:1.4;
font-size:78%;
margin:0 0 15px 10px;}

.contents div.indexBox p.bt2 { margin-bottom: 3px; }

.contents div.indexBox ul {
line-height:1.4;
font-size:78%;
margin: 0 0 15px 10px;
padding-left: 15px;
}
.contents div.indexBox li{
line-height:1.4;
list-style-type: disc;
list-style-position: inside;
}

.contents .indexBox2 dt {
width:580px;
height:32px;
background: url(../images/index_07.jpg) 0 0 no-repeat;
text-indent:-99999px;}

.contents .indexBox2 dd {
float:left;
width:184px;
height:64px;
margin-top:15px;}

.contents .indexBox2 .merit { background: url(../images/index_08.jpg) 0 0 no-repeat; margin-right:14px;}
.contents .indexBox2 .part { background: url(../images/index_09.jpg) 0 0 no-repeat; margin-right:14px;}
.contents .indexBox2 .case { background: url(../images/index_10.jpg) 0 0 no-repeat;}

.contents .indexBox2 dd a {
display:block;
width:184px;
height:64px;
text-indent:-99999px;}


.contents .indexBox3{
width:580px;
height:100px;
margin:30px 0 30px 0;
background: url(../images/index_11.jpg) 0 0 no-repeat;}

.contents .indexBox3 dt{
float:left;
width:375px;
height:100px;
text-indent:-99999px;
}

.contents .indexBox3 ul{
float:right;
width:205px;
height:100px;
background: url(../images/index_12.jpg) 0 0 no-repeat; 
}

.contents .indexBox3 ul li.comp{
margin:16px 0 10px 0;
}
.contents .indexBox3 ul li.comp a,
.contents .indexBox3 ul li.inq a{
display:block;
width:184px;
height:30px;
text-indent:-99999px;}