@charset "utf-8";
/* CSS Document */

.slide_area{position:absolute; top:100px; z-index:1;}

#slide {height:1143px; position:relative;}
#mainVisual { position:relative;width:100%; min-width:1185px; margin:0 auto; overflow:hidden;height:1143px; background:#8c908c;}
#mainVisual ul { position:relative; float:left; width:100%; height:1143px;}
#mainVisual li { position:absolute; width:100%;height:1143px;}
#mainVisual li a {display:block;text-indent:-9999px}
#mainVisual .visual_0 {left:0px; background:url("../images/main/visual_0.jpg") 50% 0 no-repeat;}
#mainVisual .visual_1 {left: 100%;  background:url("../images/main/visual_1.jpg") 50% 0 no-repeat;}
#mainVisual .visual_2 {left: 100%; background:url("../images/main/visual_2.jpg") 50% 0 no-repeat;}

#mainCopy{position:absolute; z-index:1; top:85px; width:100%;}
#mainCopy p{margin:0 auto; width:1185px;}

#buttonList:after {content:""; display:block; clear:both;}
#buttonList li{ background:url("../images/main/btnVisual.png") 0 -16px no-repeat; width:14px; height:15px; float:left; position:relative; left:50%; top:-50px; overflow:hidden; margin:0 5px; cursor:pointer;}
#buttonList li.on { background-position:0 0;}
#buttonList li a {display:block;text-indent:-9999px}

#slide .prev{position:absolute; top:212px; left:50px; z-index:1000; display:none;}
#slide .next{position:absolute; top:212px; right:50px; z-index:1000; display:none;}


.main_scroll{margin:-50px auto 0 auto; width:1185px; height:50px; text-align:center;}

.main_top{position:relative; padding-top:70px; background:url("../images/main/line_01.png") 160px top no-repeat;}

.main_about{}
.main_about .tit_b{margin:0 0 0 260px; font-size:70px; letter-spacing:-0.05em;}
.main_about .tit_b b{color:#2a3e75;}
.main_about .tit_s{margin:10px 0 0 340px; font-size:24px; letter-spacing:-0.075em;}
.main_about .tit_s b{font-size:30px;}
.main_about .txt{margin:20px 28px 0 340px; font-size:18px; line-height:30px;}
.main_about a{display:inline-block; margin:30px 0 0 710px; padding:10px; border:1px solid #111; border-radius:5px; font-size:14px; font-weight:bold; color:#000;}
.main_about a span{margin-left:5px; font-weight:normal;}

.main_recruit{position:absolute; z-index:10; top:260px; right:30px; width:310px; height:270px; background:url("../images/main/recruit_bg.png") center top no-repeat;}
.main_recruit a{margin:220px 0 0 80px; display:inline-block; padding:10px; border:1px solid #111; border-radius:5px; font-size:14px; font-weight:bold; color:#000;}
.main_recruit a span{margin-left:5px; font-weight:normal;}

.main_news{margin-top:70px; overflow:hidden; background:url("../images/main/line_02.png") right bottom no-repeat;}
.main_news .title{float:left; margin-left:80px; font-size:0;}
.main_news ul{float:left; margin:45px 0 0 60px;}
.main_news ul li{line-height:39px;}
.main_news ul li a{font-size:16px; color:#000;}
.main_news ul li a:hover{color:#2a3e75;}
.main_news ul li span{margin-left:10px;}

.main_video{margin-top:100px; height:235px; overflow:hidden; background:url("../images/main/line_02.png") right bottom no-repeat;}
.main_video .title{float:left; margin-left:80px; font-size:0;}
.main_video ul{float:left; margin:25px 0 0 60px;}
.main_video ul li{float:left; margin-right:7px;}
.main_video ul li a{position:relative; display:block; width:263px; height:155px;}
.main_video ul p{position:absolute; z-index:10; left:0; bottom:0; width:100%; height:39px; line-height:39px; vertical-align:middle; text-align:center; font-size:12px; color:#fff; background:url("../images/main/opacity_50.png") 0 0 repeat;}

.main_business{margin-top:100px; padding-bottom:80px;}
.main_business .title{padding:0 0 30px 55px; background:url("../images/main/line_03.png") left bottom no-repeat; font-size:36px; letter-spacing:-0.05em; color:#2a3e75;}
.main_business ul{margin-top:25px; padding:0 22px; overflow:hidden;}
.main_business ul li{float:left; margin:12px 6px;}
.main_business ul li a{position:relative; display:block; width:216px; height:147px;}
.main_business ul li p{position:absolute; z-index:10; top:0; left:0; width:216px; height:147px; text-align:center; font-size:18px; color:#fff; background:url("../images/main/business_bg.png") 0 0 no-repeat;}
.main_business ul li p:hover{background-position:0 -147px;}
.main_business ul li p span{display:table-cell; width:216px; height:147px; vertical-align:middle;}