@charset "UTF-8";

/* TOP */
#mv { position: relative; width: 100%; overflow: hidden; margin-bottom: 72px;}
#mv .slide_all { width: 1120px; margin: 0 auto; height: 540px; position: relative;}
#mv .slide_wrap { width: 3360px; position: absolute; left: 50%; margin-left: -1680px;}
#mv ul.slide_body { width: 100%;  height: 540px; margin-left: 1120px;}
#mv ul.slide_body li { width: 1120px; background: #000;}
#mv ul.slide_body li img { width: 100%; vertical-align: bottom; opacity: 0.8; -webkit-transition: 0.3s; transition: 0.3s;}
#mv ul.slide_body li:hover img{ opacity: 1; -webkit-transition: 0.3s; transition: 0.3s;}
#mv ul.slide_body li a:hover { opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; }
#mv ul.slide_body li .mv_caption { max-width: 600px; position: absolute; bottom: 40px; left: 40px; z-index: 10; color: #fff;}
#mv ul.slide_body li .mv_caption h2 { font-size: 32px; }
#mv ul.slide_body li .mv_caption p { font-size: 16px; margin-top: 8px;}


.slide_control { position: absolute; right: 0; top:50%; margin-top: -97px; z-index: 2; }
.slide_control_item { background: #fff; margin-top: 1px; }
.slide_control_item a { font-size: 0; display: block; width: 64px; height: 64px; text-align: center; background: #fff; opacity: 1;}
.slide_control_item:nth-of-type(1) a { background: url(../images/mv_arrow.png)no-repeat; background-position: center; }
.slide_control_item:nth-of-type(2) a { background: url(../images/mv_arrow.png)no-repeat; background-position: center; transform: rotate(180deg); }
.slide_control_item:nth-of-type(1) a:hover { background: url(../images/mv_arrow_w.png)no-repeat #2b2b2b; -webkit-transition: 0.1s; transition: 0.1s; background-position: center; }
.slide_control_item:nth-of-type(2) a:hover { background: url(../images/mv_arrow_w.png)no-repeat #2b2b2b; -webkit-transition: 0.1s; transition: 0.1s; background-position: center; transform: rotate(180deg); }
.slide_control .slide-counter { display:block; width: 64px; height: 64px;}
.slide-counter-wrap { display: block; position: relative; width: 64px; height: 64px;}
.slide_control .count-box { position: absolute; top: 16px; width: 100%; text-align: center; font-size: 18px; font-weight: bold;}
.slide_control .count-box span { font-size: 18px; font-weight: bold; }

#container { padding: 0 0 72px; width: 1120px; }
#container #main { width: 774px; float: left;}
#container #main .top_news ul { margin: 0 0 0 -24px; }
#container #main .top_news ul li { float: left; width: 50%; padding: 0 0 0 24px; margin: 0 0 18px;}
#container #main .top_news ul li .panel_image a { display: block; overflow: hidden; text-align: center; }
#container #main .top_news ul li .panel_image img { height: 250px; }
#container #main .top_news ul li .panel_txt { padding: 30px 0; }
#container #main .top_news ul li .panel_txt  p.panel_ttl a { font-size: 20px; font-weight: 300;}
#container #main .top_news ul li .panel_txt  p.panel_ttl a:hover { border-bottom: 1px solid #2b2b2b; }
#container #main .top_news ul li .panel_txt  p.panel_ttl {  margin-bottom: 16px; }
#container #main .top_news ul li .panel_txt  p.panel_lead a { font-size: 14px;  }
#container #main .top_news ul li .panel_txt  p.panel_lead { margin-bottom: 16px; }
#container #main .top_news ul li .panel_txt  p.panel_date { text-align: right; color: #626262; font-size: 13px;}
 

.more_top_news { text-align: center; }
.more_top_news a { text-align: center; width: 360px; line-height: 56px; display: inline-block; font-weight: bold; border: 2px solid #2b2b2b; font-size: 18px; }
.more_top_news a:hover { background: #2b2b2b; color: #fff;  border: 2px solid #2b2b2b; font-weight: bold; opacity: 1.0; }