@charset "utf-8";

/* lead */
#main .lead {
margin-bottom:52px;
background:url(../img/index_bg_01.png) 279px 250px no-repeat;
}
#main .lead h2 {
margin-bottom:18px;
}
#main .lead .region {
float:left;
width:280px;
margin-bottom:67px;
}
#main .lead .sp {
margin-right:45px;
}
#main .lead .region li {
float:left;
}
#main .lead .region ul img {
vertical-align:bottom;
}
#main .lead .region p {
padding-top:0;
}
#main .lead p {
text-align:center;
}

/* sample */
#main .sample {
margin-bottom:49px;
}
#main .sample h3 {
margin-bottom:23px;
text-align:center;
}
/* default sample */
#main .sample .default {
width:522px;
margin:0 auto 18px;
background:url(../img/index_bg_02.png) repeat-y;
}
#main .sample .default-inner {
height:100%;
padding-bottom:24px;
background:url(../img/index_bg_03.png) left bottom no-repeat;
}
#main .sample .default h4 {
margin-bottom:24px;
}
#main .sample .default p {
margin-bottom:8px;
text-align:center;
}
#main .sample .default .result {
overflow:hidden;
height:100%;
margin-left:99px;
}
#main .sample .default .result li {
float:left;
margin-right:31px;
}
#main .sample .default .result img {
vertical-align:bottom;
}
/* spr sample */
#main .sample .spr {
width:522px;
margin:0 auto;
background:url(../img/index_bg_04.png) repeat-y;
}
#main .sample .spr-inner {
height:100%;
padding-bottom:27px;
background:url(../img/index_bg_05.png) left bottom no-repeat;
}
#main .sample .spr h4 {
margin-bottom:16px;
}
#main .sample .spr h5 {
margin-bottom:18px;
text-align:center;
}
#main .sample .spr ul {
overflow:hidden;
height:100%;
margin-bottom:8px;
margin-left:36px;
}
#main .sample .spr li {
float:left;
margin-right:14px;
}
#main .sample .spr p {
margin:0 40px 20px;
color:#333;
}
#main .sample .spr .result {
margin-left:39px;
}
#main .sample .spr .result li {
margin-right:18px;
}

/* cases */
#main .case p {
text-align:center;
}