@charset "utf-8";
@import url("layout.css");

#container {overflow: hidden;}

.main_left {float: left; width: 734px; margin-right: 10px}
/* visual */
.visual{ position:relative; width:734px; height:390px;overflow: hidden; background: url("../images/common/bg_sub.jpg") repeat-x center top; margin-bottom: 10px; }
.mainvisual-wrapper {position: relative; width:734px; height:390px; margin:0; padding: 0;}
.mainvisual-wrapper img {max-width: 100%; display: block;}
.mainvisual-wrapper .bx-viewport {background: #fff;}

.bx-controls {position: absolute; right: 13px; bottom: 14px}
.bx-controls a {font-size: 0; display: inline-block; width: 21px; height: 21px; background: url('../images/main/btn_visual.png') no-repeat}
.bx-controls a.bx-next {background-position: right 0; margin-left: 32px}
.bx-controls-auto {position: absolute; right: 26px; bottom: 0}
.bx-controls-auto a {background-position: -27px 0;}

.equip {border: 1px solid #cfcfcf; width: 732px; height: 154px}
.equip h2 {font-size: 16px; font-weight: 600; color: #0084bf; letter-spacing: -0.05em; padding: 12px 15px;}
.equip h2 span {font-size: 12px; font-weight: normal; color: #999}
.equip ul {overflow: hidden; background: url('../images/main/bg_banner.png') no-repeat 40px 5px; margin-top:9px;}
.equip ul li {float: left; font-size: 12px; font-weight: 600; text-align: center;  height: 30px; background: url('../images/main/bg_lineshadow.png') no-repeat left top; padding: 45px 25px 0 24px; letter-spacing:-1px;}
.equip ul li a{padding-top:50px;}
.equip ul li:first-child {background: none; }

.main_right {float: left; width: 356px;}
.main_process li {margin-bottom: 10px}
.main_process li a {display: block; color: #fff; font-size: 14px; font-weight: 600; text-align: center; background: url('../images/main/bg_main_process.png') no-repeat left bottom; height: 53px; padding-top: 17px}
.main_process li a:hover, .main_process li a:focus {background-position: left top}

.main_kist {width: 351px; height: 91px; background: url('../images/main/bg_main_kist.jpg') no-repeat; margin-bottom: 10px; padding: 15px 0 0 5px;}
.main_kist li {float: left; text-align: center; margin-left: 15px}
.main_kist a {display: inline-block; width:100px;font-size: 12px; font-weight: 600; color: #fff; padding-top: 60px; background: url('../images/main/btn_main_kist.png') no-repeat;}
.main_kist a.kist01 {background-position: 20px -120px}
.main_kist a.kist02 {background-position: -87px -120px}
.main_kist a.kist03 {background-position: -194px -120px}
.main_kist a:hover.kist01 {background-position: 20px 0}
.main_kist a:hover.kist02 {background-position: -87px 0}
.main_kist a:hover.kist03 {background-position: -194px 0}

.main_board {width: 356px; height: 40px; background: url('../images/main/bg_main_board.jpg') no-repeat; line-height: 40px; font-weight: 600; font-size: 14px; letter-spacing: -0.05em;text-align:center}
.main_board strong {color: #36b1e8; font-weight: 600; margin-left: 10px }
.main_board span {color: #fff; margin-left: 10px}
.main_board a {display: inline-block; width: 78px; color: #fff; background: url('../images/main/btn_main_board.png') no-repeat left center; text-align: center; margin-left: 10px}