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

/* ------------------------------------------------------------------------------
TopPage
------------------------------------------------------------------------------ */ 
body.topPage {
background: url(../img/top_bg.jpg) repeat-x top;
}
#main.topPage {
margin-top: 120px;
}
#topNews {
margin-bottom: 20px;
width: 460px;
margin-right: auto;
margin-left: auto;
}
#topNews h2 {
background: url(../img/tit01.gif);
height: 30px;
margin-bottom: 10px;
}
#topNews h2 ul {
float: right;
}
#topNews h2 ul li {
float: left;
margin-right: 10px;
}
#topNews dl dt {
float: left;
}
#topNews dl dd {
padding-left: 80px;
border-bottom: 1px dotted #CCC;
padding-bottom: 10px;
margin-bottom: 10px;
}
#topSolList {
margin-bottom: 20px;
width: 480px;
margin-right: auto;
margin-left: auto;
}
#topSolList li {
float: left;
width: 240px;
height: 200px;
}
.topSolRoundBox {
width: 232px;
background: url(../img/frame_sol_bg.gif) repeat-y;
}
.topSolRoundCap {
font-size: 0%;
line-height: 0;
}
.topSolRoundBox .topSolImg01 {
width: 220px;
padding: 5px;
}
.topSolRoundBox .topSolImg02 {
width: 220px;
padding: 5px;
}
.topSolRoundBox .topSolImg03 {
width: 220px;
padding: 5px;
}
.topSolRoundBox .topSolImg04 {
width: 220px;
padding: 5px;
}
.topSolRoundBox .topSolText01 {
margin-bottom: 10px;
height: 28px;
padding-left: 15px;
}
.topSolRoundBox .topSolText02 {
padding-right: 15px;
padding-left: 10px;

}
.topSolRoundCapBtm01 {
font-size: 0%;
line-height: 0;
background: url(../img/frame_sol_btm01.jpg) no-repeat;
height: 20px;
width: 222px;
padding-left: 10px;
padding-top: 5px;
}
.topSolRoundCapBtm02 {
font-size: 0%;
line-height: 0;
background: url(../img/frame_sol_btm02.jpg) no-repeat;
height: 20px;
width: 222px;
padding-left: 10px;
padding-top: 5px;
}
.topSolRoundCapBtm03 {
font-size: 0%;
line-height: 0;
background: url(../img/frame_sol_btm03.jpg) no-repeat;
height: 20px;
width: 222px;
padding-left: 10px;
padding-top: 5px;
}
.topSolRoundCapBtm04 {
font-size: 0%;
line-height: 0;
background: url(../img/frame_sol_btm04.jpg) no-repeat;
height: 20px;
width: 222px;
padding-left: 10px;
padding-top: 5px;
}
#topPartner {
width: 460px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
#topPartner h3 {
margin-bottom: 10px;
}
#topPartner p {
float: left;
width: 250px;
padding-left: 10px;
}
#topPartner div {
float: right;
height: 135px;
width: 180px;
margin-right: 10px;
}
#topSuccess {
width: 477px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
#topSuccess h3 {
margin-bottom: 10px;
}
.topSocRoundBox {
width: 470px;
background: url(../img/frame_suc_bg.gif) repeat-y;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.topSocRoundCap {
background: url(../img/frame_suc_top.jpg);
height: 48px;
width: 435px;
padding-left: 25px;
padding-right: 10px;
}
.topSocRoundBox .topSocRoundBox2 {
width: 270px;
float: left;
}
.topSocRoundBox .topSucImg {
float: left;
height: 130px;
width: 170px;
margin-right: 10px;
padding-left: 10px;
}
.topSocRoundBox .topSocRoundCap h4 {
float: left;
font-weight: bold;
line-height: 40px;
}
.topSocRoundBox .topSocRoundCap p {
float: right;
margin-top: 12px;
}
.topSocRoundBox .topSocRoundBox2 p {
font-weight: bold;
color: #F60;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
}
.topSocRoundBox .topSocRoundBox2 ul {
padding-right: 10px;
padding-left: 25px;
}
.topSocRoundBox .topSocRoundBox2 ul li {
list-style: square outside;
}
.topContactRoundBox {
width: 460px;
background: url(../img/frame_contact_bg.jpg) repeat-y;
margin-right: auto;
margin-left: auto;
}
.topContactRoundBox .topContactLogo {
height: 60px;
width: 90px;
float: left;
padding-left: 10px;
margin-top: 10px;
margin-right: 10px;
}
.topContactRoundBox .topContactTxt {
float: left;
width: 210px;
margin-right: 10px;
}
.topContactRoundBox .topContactBtn {
float: left;
height: 95px;
width: 125px;
}
.topContactRoundBox .topContactTxt .topContactTel {
font-weight: bold;
color: #F60;
}
.topContactRoundBox .topContactTxt .topContactMsg {
font-weight: bold;
font-size: 76%;
}
.topContactAdd {
font-size: 76%;
}