@charset "utf-8";
body { background-image:url(../images/maple_leaves2.png); background-repeat:no-repeat; background-position:right 400px;}

#box1 { padding:60px 0 0;}

#box2 { background:url(../images/maple_leaves1.png) no-repeat -100px 0;}
#box2 .main_width { position:relative; margin:0 auto 50px;}
#box2 .swiper-container { padding:50px 0; height:400px;}
#box2 .swiper-slide .li { float:left; width:20%; *width:19.9%}
#box2 .swiper-slide .li a { display:block; margin:auto; width:206px; background:#eeedeb;}
#box2 .swiper-slide .li a img { display:block; width:206px; height:280px;}
#box2 .swiper-slide .li a:hover img { margin:-5px; border:5px solid #fff; box-shadow:0 20px 30px rgba(0,0,0,.2);}
#box2 .swiper-slide .li a >div { height:100px;}
#box2 .swiper-slide .li a >div p { float:left; margin:30px 0; padding-left:20px; color:#504c4a;}
#box2 .swiper-slide .li a >div p strong { margin-right:6px; font:28px/30px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box2 .swiper-slide .li a >div span { float:right; margin:30px 0; padding-left:30px; width:60px; line-height:30px; background:#d63818 url(../images/icon_eye2.png) no-repeat 20% 50%; text-align:center; color:#faf9f7;}

#box2 .swiper-arrow { margin-top:-80px; background-image:url(../images/arrow_group5.png); width:60px; height:60px; border-radius:50%; opacity:.5; filter:alpha(opacity=50);}
#box2 .swiper-arrow:hover { opacity:1; filter:alpha(opacity=100);}
#box2 .swiper-arrow.prev { left:-70px; background-position:top;}
#box2 .swiper-arrow.next { right:-70px; background-position:bottom;}

#box2 .swiper-pagination { position:absolute; z-index:10; left:0; bottom:0; width:100%; text-align:center;}
#box2 .swiper-pagination-switch { display:inline-block; margin:10px; width:8px; height:8px; border-radius:50%; background:#958c88; cursor:pointer;}
#box2 .swiper-active-switch { background:#ed7c5f;}