@charset "utf-8";

/*-------------------------------------
MAIN
---------------------------------------*/
#mainVisual{
height:278px;
/*background:url(../images/index/img_bg.jpg) no-repeat top center;*/
}

.container ul.qualitybtn{
width:900px;
height:95px;
padding:25px 0 0 10px;
background:url(../images/index/img_qualityarea.jpg) no-repeat;
}

.container ul.qualitybtn li{
float:left;
margin:0 10px 0 0;
padding:0;
}

/* Groupe Introduction
---------------------*/

.container .section {
width:890px;
padding:25px 0 0 5px;
margin:0;
background:#FFF;
}

.container .section div.groupettl{
position:relative;
height:45px;
}

.container .section div.groupettl p.service-btn{
	position:absolute;
	top:0px;
	left:214px;
}

.container .section div.groupearea{
width:875px;
padding:10px 0 10px 10px;
margin:0 0 30px 0;
background:#EFEFEF;
clear:both;
}

.container .section div.groupearea ul.cbox li{
width:210px;
margin:0 9px 0 0;
padding:17px 0 0 0;
background:url(../images/index/groupebox_top.jpg) no-repeat;
float:left;
}

.container .section div.groupearea ul.cbox li.last{
margin:0;
}

.container .section div.groupearea ul.cbox li a{
display:block;
text-decoration:none;
color:#333;
}

.container .section div.groupearea ul.cbox li a:hover{
text-decoration:underline;
}

.container .section div.groupearea ul.cbox li dl.groupecontents{
width:208px;
padding:0 0 18px 0;
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
background:#FFF url(../images/index/groupebox_bottom.jpg) no-repeat left bottom;
}

.container .section div.groupearea ul.cbox li dl.groupecontents dt.photo{
padding:0 14px 0 10px;
float:left;
}

.container .section div.groupearea ul.cbox li dl.groupecontents dd.ttl{
width:110px;
height:33px;
margin:0 0 10px 0;
background:url(../images/index/line.jpg) repeat-x left bottom;
float:left;
}

.container .section div.groupearea ul.cbox li dl.groupecontents dd.text{
width:110px;
font-size:84%;
float:left;
}

/* Topicsarea
---------------------*/

.container .section .topicsarea{
width:580px;
float:left;
}

.container .section .topicsarea h3.ttl{
width:580px;
height:30px;
padding:0 0 5px 0;
background:url(../images/index/topics_ttl_bg.jpg) repeat-x left bottom;
}

.container .section .topicsarea dl.topics{
margin:0 0 0 10px;
width:560px;
}

.container .section .topicsarea dl.topics dt{
width:135px;
margin:0 0 15px 0;
color:#4C7ED7;
font-weight:bold;
float:left;
}

.container .section .topicsarea dl.topics dd{
width:420px;
margin:0 0 15px 0;
float:left;
}

.container .section .topicsarea dl.topics dd a{
text-decoration:none;
color:#333;
}

.container .section .topicsarea dl.topics dd a:hover{
text-decoration:underline;
color:#333;
}

/* Banerarea
---------------------*/
.container .section .banerarea{
width:280px;
padding:20px 0 30px 30px;
float:left;
}

.container .section .banerarea ul li{
margin:0 0 5px 0;
}


/* PAGETOP
---------------------*/
#container p.pagetop{
width:1000px;
padding:30px 0 0 0;
text-align:right;
clear:both;
}

