@charset "utf-8";


/* ============================== top style ============================== */

#top h2 {
margin-bottom:0;
}

/* --------------- mainVisual --------------- */

#top #mainVisual {
position:relative;
background:#f4f5f5;
z-index:1;
}
#top #mainVisual .slides_container {
position:relative;
z-index:1;
height: 400px;
overflow: hidden;
}
#top #mainVisual #thumbArea {
position:relative;
margin:-9px 0 0 0;
padding:0 0 15px 65px;
z-index:100;
}
#top #mainVisual #thumbArea li {
float:left;
margin:0 40px 0 0;
padding:34px 10px 10px 5px;
background:url(/images/bg_thumb.png) no-repeat 0 29px;
}
#top #mainVisual #thumbArea li.current {
background:url(/images/bg_thumb_on.png) no-repeat 0 0;
}
#top #mainVisual #thumbArea li a img {
opacity:0.5;
filter:alpha(opacity=50);
}
#top #mainVisual #thumbArea li a:hover img,
#top #mainVisual #thumbArea li.current a img {
opacity:1;
filter:alpha(opacity=100);
}

/* --------------- newsArea --------------- */
#top .newsArea {
padding:39px 0 37px 0;
background:url(/common/images/bg_dropshadow.png) repeat-x 0 0;
}
#top .newsArea p {
float:left;
padding:6px 25px 0 70px;
}
#top .newsArea p img {
display:block;
}
#top .newsArea ul {
float:left;
}
#top .newsArea ul li span {
float:left;
padding:2px 24px 0 0;
color:#b2b2b2;
}
#top .newsArea ul li a {
float:left;
width:675px;
padding:0 0 0 0;
}
#top .newsArea p.link {
float:right;
padding:5px 70px 0 14px;
}

/* --------------- activityArea --------------- */
#top .activityArea {
background:url(/images/bg_activity.gif) repeat 0 0;
}
#top .activityArea .inner {
padding:45px 50px 32px 50px;
background:url(/common/images/bg_dropshadow.png) repeat-x 0 0;
}
#top .activityArea h2 {
padding:0 0 30px 0;
text-align:center;
}
#top .activityArea .reportList {
position:relative;
width:890px;
margin:0 0 0 54px;
}
#top .activityArea #slideBox {
overflow:hidden;
position:relative;
width:890px;
}
#top .activityArea ul {
position:relative;
margin:0 0 0 -27px;
padding:2px 0 0 0;
}
#top .activityArea ul li {
display:inline;
float:left;
width:260px;
margin:0 28px 0 0;
padding:0 0 0 27px;
background:url(/images/bg_active_dot.png) repeat-y 0 100%;
}
#top .activityArea ul li ul.icon {
margin:0;
padding:0 0 5px 0;
}
#top .activityArea ul li ul.icon li {
float:none;
display:inline-block;
width:auto;
margin:0;
padding:0 5px 5px 0;
background:none;
/display:inline;
/zoom:1;
}

#top .activityArea ul li p {
padding:10px 0 0 0;
}
#top .activityArea ul li p.date {
display:block;
color:#006934;
}
#top .activityArea ul li p a {
color:#dc631f;
font-weight: bold;
}
#top .activityArea p#prevBtn,
#top .activityArea p#nextBtn {
position:absolute;
width:30px;
height:42px;
text-indent:-9999px
}
#top .activityArea p#prevBtn {
left:-52px;
top:120px;
}
#top .activityArea p#nextBtn {
right:-52px;
top:120px;
}
#top .activityArea p#prevBtn span,
#top .activityArea p#nextBtn span {
display:block;
width:30px;
height:42px;
cursor:pointer;
}
#top .activityArea p#prevBtn span {
background:url(/images/arw_activity_prev.png) no-repeat 0 0;
}
#top .activityArea p#prevBtn span:hover {
background:url(/images/arw_activity_prev_on.png) no-repeat 0 0;
}
#top .activityArea p#prevBtn.off span {
display:none;
}
#top .activityArea p#nextBtn span {
background:url(/images/arw_activity_next.png) no-repeat 0 0;
}
#top .activityArea p#nextBtn span:hover {
background:url(/images/arw_activity_next_on.png) no-repeat 0 0;
}
#top .activityArea p#nextBtn.off span {
display:none;
}
#top .activityArea p.button {
padding:35px 0 0 0;
text-align:center;
}

/* --------------- activityArea --------------- */
#top .problemArea {
overflow:hidden;
height:428px;
padding:24px 0 32px 68px;
background:url(/images/bg_problem.jpg) no-repeat 0 0;
}
#top .problemArea p.button {
padding:10px 68px 0 0;
text-align:center;
}

/* --------------- supportArea --------------- */
#top .supportArea {
overflow:hidden;
height:398px;
padding:56px 0 32px 0;
background:url(/images/bg_support.jpg) no-repeat 0 0;
}
#top .supportArea h2 {
padding:0 0 19px 0;
text-align:center;
}
#top .supportArea ul {
padding:0 0 0 69px;
}
#top .supportArea ul li {
float:left;
}
#top .supportArea p.button {
padding:24px 0 0 0;
text-align:center;
}

/* --------------- partnerArea --------------- */
#top .partnerArea {
padding:55px 0 32px 0;
background:url(/common/images/bg_dropshadow.png) repeat-x 0 0;
}
#top .partnerArea h2 {
padding:0 0 38px 0;
text-align:center;
}
#top .partnerArea #sliderList {
position:relative;
overflow:hidden;
width:1000px;
margin:0 0 0 70px;
}
#top .partnerArea ul {
position:relative;
width:99999px;
padding:0 0 46px 0;
}
#top .partnerArea ul li {
float:left;
width:165px;
padding:0 35px 0 0;
}
#top .partnerArea p.button {
text-align:center;
}


