@charset"utf-8";

h2.ttl_h2 {
    color: #003399;
    font-size: 50px;
    margin: 0 auto;
    width: 990px;
}

#boxExp01 {
    background: url("../img/experience_trip/line_bk1.jpg") repeat-x scroll 0 center rgba(0, 0, 0, 0);
}
.exp01_ttl {
    margin: 0 auto;
    width: 1000px;
}
.exp01_box {
    margin: 0 auto;
    width: 1000px;
    padding-left: 8px;
    min-height: 196px;
}
.exp01_box li {
    float: left;
	margin: 9px 5px;
}
.exp01_box li p {
    color: #333333;
    font-size: 14px;
    margin-top: 10px;
    width: 451px;
}

.exp01_box li:last-child {
    margin-left: 3px;
    margin-top: 17px;
}
.exp02_box {
    margin: 1px auto;
    width: 1000px;
    padding-left: 8px;
    min-height: 196px;
}
.exp02_box li {
    float: left;
	margin: 9px 5px;
}
.exp02_box li p {
    color: #333333;
    font-size: 14px;
    margin-top: 10px;
    width: 354px;
}
.link_p a {
    text-decoration: underline;
}
.link_p > a::before {
    content: url("../img/experience_trip/arrow.jpg");
    margin-right: 9px;
}
.exp02_box li:first-child {
    margin-top: 18px;
    
}
#boxExp02 {
    background: url("../img/experience_trip/line_bk2.jpg") repeat-x scroll 0 center rgba(0, 0, 0, 0);
}
.exp02_ttl {
    margin: 0 auto;
    padding: 15px 0;
    width: 1000px;
}
.ex_flow {
    margin: 15px auto;
    width: 1000px;
}
.ex_flow li {
    color: #333333;
    float: left;
    padding: 262px 13px;
    text-align: left;
    width: 304px;
     margin-bottom: -173px;
}
.ex_flow li:first-child {
    background: url("../img/experience_trip/step1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width:304px;
}
.ex_flow li:nth-child(2) {
    background: url("../img/experience_trip/step2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width:304px;
}
.ex_flow li:last-child {
    background: url("../img/experience_trip/step3.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width:272px;
}

.ex_nesesary {
    margin: 27px auto;
    width: 778px;
    font-size:14px;
    color:#333333;
}

.btn_contact {
    margin: 70px auto 100px;
    text-align: center;
}






#boxExperience {
    margin: 0 auto;
    text-align: center;
}

#boxExperience > p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    position: relative;
    top: -213px;
}
#boxExperience01 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#boxExperience01 > h2 {
    background: url("../img/experience/line_bk.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 39px;
    padding: 11px 0 0;
}

#boxExperience01 > h2 p {
    margin: 0 auto;
    padding-left: 91px;
    text-align: left;
    width: 1000px;
}

#boxStep {
    margin: 0 auto;
    width: 1000px;
}

#boxStep li {
    float: left;
    margin: 42px 0 0;
}
#boxStep li:first-child {
    margin-left: 66px;
    margin-right: 27px;
}
#boxStep li:last-child {
    margin-left: 13px;
}
.steptxt1 {
    color: #333333;
    font-size: 14px;
    left: -31px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -7px;
    width: 221px;
}
.steptxt2 {
    color: #ff8585;
    font-size: 20px;
    font-weight: bold;
    left: 0;
    position: relative;
    text-align: left;
    top: 0;
}
#boxExperience02 > h2 {
    background: url("../img/experience/line_bk.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 39px;
    padding: 11px 0 0;
}
#boxExperience02 > h2 p {
    margin: 0 auto;
    padding-left: 91px;
    text-align: left;
    width: 1000px;
}

#boxExperience02 {
    margin: 34px auto 0;
}

#boxStep > p {
    margin-left: 20px;
    padding: 30px 60px;
    color:#333333;
    font-size:14px;
}
#boxExperience03 > h2 {
    background: url("../img/experience/line_bk.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 39px;
    padding: 11px 0 0;
}
#boxExperience03 > h2 p {
    margin: 0 auto;
    padding-left: 91px;
    text-align: left;
    width: 1000px;
}

#boxExperience03 {
    margin: 34px auto 0;
}

.btnInfor {
    margin: 60px auto;
    text-align: center;
}

#footerBanner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

#footerBanner li {
    float: left;
    margin:0 20px;
}

#footerBanner li:first-child {
    margin-left: 0;
}
#footerBanner li:last-child {
    margin-right: 0;
}
#footerBanner li {
    float: left;
    margin: 15px 20px;
}
.exp_movie {
    clear: both;
    margin: 65px auto;
    padding-top: 65px;
    text-align: center;
}