@charset "gb2312";

@import url(../cssv/common_____.css);
@import url(../cssv/layout_____.css);

.contents {position:relative; width:1180px; margin:0 auto; min-height:700px;}

/* title */
.h2-title01 {color:#4c5868; font-family:'notoB'; font-size:26px; line-height:30px; font-weight:normal; margin:27px 0; text-transform:uppercase;}
.history .h2-title01 {text-transform:none;}
.h2-title-eng01 {color:#4c5868; font-family:'notoB'; font-size:26px; line-height:30px; font-weight:normal; margin:27px 0;}
.h3-title01 {color:#4c5867; font-family:'notoR'; font-size:22px; line-height:26px; font-weight:normal;}
.h3-title01 span {font-family:'notoR'; font-size:12px;}

/* btn-style */
.btn-style01 {display:inline-block; width:70px; height:30px; line-height:30px; color:#fff; font-family:'notoR'; font-size:12px; background:#a5abb3; text-align:center; *display:inline; *zoom:1;}

/* service */
.service {width:1180px; margin:0 auto; padding-bottom:30px;}
.service-con {margin:30px 0 0 0; background:url(../imgv/service_bg_____images_service.gif) repeat-y 791px 0; overflow:hidden; *zoom:1;}
.service-con h2 {margin-top:0 !important;}
.service-intro {float:left; width:770px;}

/* service editor */
.service-intro > div {font-size:12px; font-family:sans-serif;}
.service-intro > div * {font-size:12px; font-family:sans-serif; font-weight:normal; color:#000;}
.service-intro > div strong {font-weight:bold; font-size:inherit; font-family:inherit; color:inherit; line-height:inherit;}
.service-intro > div strong span {font-weight:inherit; font-size:inherit; font-family:inherit; color:inherit; line-height:inherit;}

.service-relation {float:right; width:389px;}
.service-relation h2 {margin:0 0 20px; color:#4c5867; font-family:'notoB'; font-size:14px; line-height:20px; font-weight:normal;}
.service-relation .contact {margin:0 30px; padding-bottom:10px;}
.service-relation .contact h2 a {display:block; color:#4c5867; font-family:'notoB'; font-size:14px; line-height:20px; font-weight:normal; background:url(../imgv/service_tit_bg01_____images_service.gif) no-repeat right 3px;}
.service-relation .contact h2 a.on {background-image:url(../imgv/service_tit_bg02_____images_service.gif);}
.service-relation .contact fieldset {display:none; width:100%; font-family:'notoR'; font-size:14px; overflow:hidden;}
.service-relation .contact fieldset > div {position:relative; margin-bottom:4px; font-size:0; overflow:hidden; *zoom:1;}
.service-relation .contact fieldset > div input {float:left;}
.service-relation .contact fieldset > div input + input {float:right;}
.service-relation .contact .txt01 {position:relative; padding-left:10px; height:40px; color:#4c5867; font-size:14px; font-family:'notoR'; line-height:40px; border:1px solid #c3c6cc; background:#fff;}
.service-relation .contact .txt01 + span {position:absolute; top:0; left:68px; font-family:'notoR'; font-size:13px; color:#a5abb3; line-height:42px;}
.service-relation .contact .sel01 {display:block; height:38px; line-height:38px; margin-right:1px; padding:0 20px 0 66px; color:#b9bdc2; }
.service-relation .contact .sel01 span {display:block; position:absolute; top:18px; right:11px; height:5px; overflow:hidden;}
.service-relation .contact .sel01 span.on img {margin-top:-5px;}
.service-relation .contact .sel-box {display:none; position:absolute; top:39px; left:0; width:326px; border:1px solid #c3c6cc; background:#fff; z-index:2;}
.service-relation .contact .sel-box li {font-size:0; line-height:0;}
.service-relation .contact .sel-box li a {display:block; padding:0 0 0 66px; color:#b9bdc2; font-size:14px; line-height:28px;}
.service-relation .contact .sel-box li a:hover {color:#555;}
.service-relation .contact .btn {margin:0; padding-bottom:20px; text-align:right;}
.service-relation .contact input[type=text] {height:38px; line-height:38px; padding:0 10px; color:#b9bdc2; font-family:'notoR'; font-size:14px; border:1px solid #c9cdd1;}
.service-relation .contact textarea {width:306px; height:108px; padding:10px; color:#b9bdc2; font-family:'notoR'; font-size:14px; line-height:22px; border:1px solid #c9cdd1;}
.service-relation .contact button {width:70px; height:30px; line-height:30px; color:#fff; font-family:'notoR'; font-size:12px; border:none; background:#a5abb3; text-align:center; cursor:pointer;}
.service-relation .project {margin:0 15px 0 15px; padding:30px 0 0 15px; border-top:1px solid #d4d6da;}
.service-relation .project h2 {font-family:'notoR'; font-size:14px; margin-left:0; margin-right:0;}
.service-relation .project ul {overflow:hidden; *zoom:1;}
.service-relation .project ul li {float:left; margin:0 5px 5px 0;}
.service-relation .project ul li a {position:relative; display:block; overflow:hidden;}
.service-relation .project ul li img {width:106px; height:106px;}
.service-relation .project ul li a > span {display:none; position:absolute; top:0; left:0; width:106px; height:106px; color:#fff; font-family:'notoR'; font-size:12px; line-height:16px; background:url(../imgv/dimd_50_____images_common.png) repeat 0 0;}
.service-relation .project ul li a > span span {display:block; position:absolute; bottom:-1px; left:0; width:90px; padding:8px;}
.service-relation .project ul li a:hover > span {display:block;}

/* recruit */
.recruit {width:1180px; margin:0 auto -100px; padding-bottom:30px;}
.recruit-con {margin:30px 0 0 0; min-height:530px; background:url(../imgv/service_bg_____images_service.gif) repeat-y 791px 0; overflow:hidden; *zoom:1;}
.recruit-con h2 {margin-top:0 !important;}
.recruit-intro {float:left; width:770px;}
.recruit-intro h3 {color:#4c5867; font-family:'kopubB','notoR'; font-size:16px; line-height:28px; font-weight:normal;}
.recruit-relation {float:right; width:359px; padding:0 0 0 30px; margin-top:-6px;}
.recruit-relation .down-list li {margin-bottom:25px;}
.recruit-relation .down-list li strong {display:block; margin-bottom:5px; color:#4c5868; font-family:'notoR'; font-size:14px; line-height:28px;}

/* project */
.sorting-thum {max-width:1230px; min-width:1130px; margin:13px auto 0 auto; padding-right:50px; text-align:right;}
.sorting-thum a {display:inline-block; height:17px; margin-left:15px; overflow:hidden;}
.sorting-thum a.on img {margin-top:-17px;}

.project-list-photo {margin-top:27px; padding:0 1px; overflow:hidden; *zoom:1;}
.project-list-photo li {float:left; width:20%;}
.project-list-photo li > div {padding:3px;}
.project-list-photo li a {display:block; position:relative; overflow:hidden;}
.project-list-photo li a img {width:100%;}
.project-list-photo li a .info-box {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../imgv/dimd_50_____images_common.png) 0 0 repeat; overflow:hidden;}
.project-list-photo li a .info-box strong {position:absolute; bottom:0; left:0; display:block; padding:20px; font-family:'notoR'; color:#fff; font-size:17px; line-height:20px; font-weight:normal; text-shadow:1px 1px 1px #333;}
.project-list-photo li a .info-box span {display:block; margin-top:10px; font-family:'notoR'; font-size:16px; text-align:center; color:#fff; text-shadow:1px 1px 1px #333;}

@media only screen and (min-width:1400px) {
	.project-list-photo {padding:0 0.002%;}
	.project-list-photo li {float:left; width:16.666%;}
}

@media only screen and (min-width:1700px) {
	.project-list-photo {padding:0 0.002%;}
	.project-list-photo li {float:left; width:14.285%;}
}

.project-more {margin-top:27px; text-align:center;}

.project-list-txt {display:none; position:relative; max-width:1280px; min-width:1180px; margin:27px auto 0;}
.project-list-txt li {position:relative; min-height:99px; margin:0 30px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.project-list-txt li:first-child {border-top:1px solid #e5e5e5;}
.project-list-txt li a {display:block; padding:26px 20px 25px;}
.project-list-txt li a > img {position:absolute; top:7px; left:-100px; width:85px; height:85px;}
.project-list-txt li a .tit-box strong {display:block; padding-bottom:10px; color:#4c5867; font-size:17px; font-family:'notoR'; font-weight:normal;}
.project-list-txt li a .tit-box span {display:block; color:#999; font-family:'notoR';}
.project-list-txt li a .info-box {position:absolute; right:20px; top:27px; text-align:right; font-size:0;}
.project-list-txt li a .info-box img + img {padding-left:10px;}

/* ???? ??
.project-list-txt li:hover {background-color:#fafafc;}
.project-list-txt li:hover a {padding-left:120px;}
.project-list-txt li:hover a > img {left:20px;}
.project-list-txt li:hover .tit-box strong {color:#0d4e96;}
*/

/* project-detail */
body.project-detail {background:#f2f2f2;}
body.project-detail footer {position:absolute; bottom:0; left:0; width:100%; min-width:1280px; z-index:5000;}
#dBody.project-body {padding:0; min-height:600px; overflow:hidden;}

.project-visual {position:relative; height:100%; overflow:hidden;}
.project-visual > div {position:absolute; top:0; left:0; width:100%; height:100%;}
.project-visual > div .image img {opacity:0; filter:alpha(opacity=0);}
.project-visual > div .image:first-child img {opacity:1; filter:alpha(opacity=100);}
.project-visual > div img {position:absolute; top:0; left:50%; height:100%;}
.project-visual-control a > img {opacity:0.3; filter:alpha(opacity=70);}
.project-visual-control .btn-prev {position:absolute; top:50%; left:2%; margin-top:-40px; z-index:500;}
.project-visual-control .btn-next {position:absolute; top:50%; right:2%; margin-top:-40px; z-index:500;}
.project-visual-control .btn-prev p,
.project-visual-control .btn-next p {position:absolute; top:26px; right:-10px; color:#fff; font-size:12px; font-family:'notoR'; letter-spacing:1px; text-shadow:1px 1px 0 #666; opacity:0.7; filter:alpha(opacity=70);}
.project-visual-control .btn-next p {left:-12px;}
/*.project-visual-control {position:absolute; bottom:50px; right:50%; margin-right:-556px; width:83px; height:35px; padding:24px 0 0 0; background:url(../imgv/icon_bar01_____images_icon.png) no-repeat right 25px; z-index:3;}
.project-visual-control a {float:left; width:11px; height:11px; margin-right:2px; background:url(../imgv/control_off_____images_project.png) no-repeat 0 0; text-indent:-9999px;}
.project-visual-control a.on {width:22px; background-image:url(../imgv/control_on_____images_project.png);}*/

.project-content {position:absolute; bottom:50px; left:0; width:100%; height:356px;}
.project-gnb {position:absolute; bottom:0; left:0; width:100%; height:60px; background:url(../imgv/dimd_70_____images_common.png) repeat 0 0;}
.project-gnb .pro-tab {width:1180px; margin:0 auto;}
.project-gnb .pro-tab li {float:left; padding:0 33px; background:url(../imgv/icon_bar01_____images_icon.png) no-repeat 0 center; text-align:center;}
.project-gnb .pro-tab li:first-child {padding-left:0; background:none;}
.project-gnb .pro-tab li a {display:block; height:60px; line-height:60px; color:#b4b4b4; font-family:'notoR'; font-size:16px;}
.project-gnb .pro-tab li a.on {color:#3fa8df;}
.project-gnb .pro-sns {position:absolute; top:0; left:50%; margin-left:512px; padding-top:19px; font-size:0; line-height:0;}
.project-gnb .pro-sns a {margin-right:1px;}
.project-gnb .pro-close {position:absolute; top:0; left:50%; margin-left:574px; padding-top:22px;}
.project-gnb .pro-close a {display:block; width:16px; height:15px; overflow:hidden;}
.project-gnb .pro-close a.on img {margin-top:-15px;}
.project-con {position:absolute; bottom:60px; left:0; width:100%; background:url(../imgv/dimd_70_____images_common.png) repeat 0 0; opacity:0; filter:alpha(opacity=0);}
.project-con .box-area {position:relative; width:1180px; height:295px; margin:0 auto;}
.project-con .general-info {width:470px;}
.project-con .general-info h3 {position:absolute; bottom:238px; left:0; width:465px; color:#3fa8df; font-family:'notoR'; font-size:22px;  line-height:26px;}
.project-con .general-info ul {position:absolute; bottom:0; left:0; height:215px;}
.project-con .general-info li {color:#fff; font-family:'notoR'; overflow:hidden; *zoom:1;}
.project-con .general-info li span {float:left; font-size:14px; line-height:24px;}
.project-con .general-info li .tit {width:170px;}
.project-con .general-info li .txt {width:290px;}
.project-con .con-area {position:absolute; bottom:0; left:476px; width:704px; height:215px; color:#fff; font-family:'notoR';}
.project-con .con-area > div {display:none;}
.project-con .con-area .paging-num {position:absolute; top:-43px; right:0;}
.project-con .con-area .paging-num a,
.project-con .con-area .paging-num p {display:inline-block; vertical-align:middle;}
.project-con .con-area .paging-num p {margin-top:-6px; padding:0 8px; font-size:10px; line-height:13px; font-family:'kopubM';}
.project-con .con-area .paging-num p span {font-size:10px;}
.project-con .summary {font-size:14px; line-height:24px;}
.project-con .movie-con {overflow:hidden;}
.project-con .movie-con > div {overflow:hidden;}
.project-con .movie-con > div ul {float:left; width:714px; overflow:hidden;}
.project-con .movie-con > div ul:first-child {margin-left:-10px;}
.project-con .movie-con > div ul li {float:left; width:347px; margin-left:10px;}
.project-con .award-con {position:relative; height:183px; overflow:hidden;}
.project-con .award-con > div:first-child {height:183px; overflow:hidden;}
.project-con .award-con > div > div ul {}
.project-con .award-con > div > div ul:first-child {margin:0;}
.project-con .award-con > div > div ul li {margin-top:11px; color:#fff; font-size:14px; line-height:22px;}
.project-con .award-con > div > div ul li:first-child {margin-top:0;}
.project-con .award-con > div > div ul li span {margin:0 6px;}
.project-con .award-con > div.pane {height:auto;}
.project-con .relation-con {overflow:hidden;}
.project-con .relation-con ul {float:left; width:714px; overflow:hidden;}
.project-con .relation-con ul li {float:left; width:169px; margin-left:9px;}
.project-con .relation-con ul li:first-child {margin-left:0;}
.project-con .relation-con ul li a {display:block; position:relative; height:169px;}
.project-con .relation-con ul li a > span {display:none; position:absolute; bottom:0; left:0; width:100%; height:100px; line-height:20px; padding:69px 0; color:#fff; font-size:15px; background:url(../imgv/dimd_50_____images_common.png) repeat 0 0;}
.project-con .relation-con ul li a > span span {position:absolute; bottom:0; padding:10px;}
.project-con .relation-con ul li a:hover > span {display:block;}
.project-con .media-con {overflow:hidden;}
.project-con .media-con ul {float:left; width:704px; height:185px; overflow:hidden;}
.project-con .media-con ul li {position:relative; height:35px; margin-top:35px; padding-right:110px;}
.project-con .media-con ul li:first-child {margin-top:0;}
.project-con .media-con ul li a {color:#fff; font-size:14px; line-height:24px;}
.project-con .media-con ul li a span {display:block; width:68px; color:#fff; font-family:'notoR'; font-size:10px; background:url(../imgv/arrow01_____images_project.png) no-repeat right 10px;}
.project-con .media-con ul li a strong {position:absolute; top:0; right:0; display:block;}

/* about */
.client-list {margin:0 0 0 -5px; overflow:hidden; *zoom:1;}
.client-list li {float:left; margin:5px 0 0 5px;}
.client-list li a {display:block; width:230px; border:1px solid #c9cdd1; overflow:hidden;}
.client-list li a:hover {width:226px; height:124px; border:3px solid #3775c8;}
.client-list li a:hover img {margin:-2px 0 0 -2px;}

/* ceo */
.ceo-greeting {position:relative; margin-top:20px; padding-left:400px;}
.ceo-greeting .image {position:absolute; top:0; left:0;}
.ceo-greeting .text01 {margin:0 0 30px -12px;}
.ceo-greeting .text02 {color:#4c5867; font-family:'notoR'; font-size:15px; line-height:22px;}
.ceo-greeting .text02 span {color:#4c5867; font-family:'notoB';}

/* history */
.history {width:1180px; margin:0 auto -100px auto;}
.history-con {position:relative; min-height:858px; margin-top:30px; padding:0 390px 0 0; overflow:hidden; background:url(../imgv/history_line_____images_about.gif) 829px 0 repeat-y; margin-bottom:30px;}
.history-con .tab {position:absolute; top:0; right:0; width:319px; height:828px; padding:0 16px 0 15px; border-left:1px solid #dbdee1;}
.history-con .tab li {border-bottom:1px solid #dbdee1;}
.history-con .tab li a {display:table; padding:20px 0 20px 15px; overflow:hidden; *zoom:1;}
.history-con .tab li a > * {vertical-align:middle;}
.history-con .tab li a strong {display:table-cell;}
.history-con .tab li a strong .over {display:none;}
.history-con .tab li a span {display:table-cell; padding:0 0 0 14px; color:#9ca4ae; font-family:'notoR'; font-size:12px;}

.history-con .tab li a:active {background:#fff;}

.history-con .tab li a:hover span,
.history-con .tab li a.on span {color:#0e4e96;}

.history-con .tab li a:hover strong .over,
.history-con .tab li a.on strong .over {display:block;}

.history-con .tab li a:hover strong .out,
.history-con .tab li a.on strong .out {display:none;}

.history-con > div {display:none;}
.history-con h3 {margin:0 0 35px 0;}
.history-con p {margin-bottom:30px; color:#4c5867; font-family:'notoR'; font-size:16px; line-height:28px; text-align:justify;}
.history-con .list {height:795px; background:url(../imgv/history_bg_____images_about.gif) no-repeat 0 0; padding-top:15px;}
.history-con .list > li {font-size:0; line-height:0;}
.history-con .list > li > span {display:block; padding:0 0 0 0; color:#3a72bd; font-family:'kopubM'; font-size:16px; line-height:22px; font-weight:bold;}
.history-con .list > li ul {padding:13px 0 21px 0;}
.history-con .list > li ul li {padding:3px 0 3px 0; font-size:0; line-height:0; overflow:hidden; *zoom:1;}
.history-con .list > li ul li span {float:left; width:76px; color:#a5abb3; font-family:'notoR'; font-size:14px; line-height:22px;}
.history-con .list > li ul li strong {float:left; width:650px; color:#4c5867; font-family:'notoR'; font-size:16px; line-height:22px;}

/* member */
.member h2 {width:1180px; margin:27px auto 0;}
.member-list {margin-top:27px; padding:0 1px; overflow:hidden; *zoom:1;}
.member-list li {float:left; width:20%;}
.member-list li > div {padding:3px;}
.member-list li a {display:block; position:relative; overflow:hidden;}
.member-list li.no-data a {cursor:default;}
.member-list li a img {width:100%;}
.member-list li a .info-box {position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:url(../imgv/dimd_50_____images_common.png) 0 0 repeat;}
.member-list li a .info-box .txt {position:absolute; left:0; bottom:0; padding:0 0 15px 15px;}
.member-list li a .info-box .txt * {display:block; color:#fff;}
.member-list li a .info-box .txt strong {margin-bottom:4px; font-size:16px; font-family:'notoB'; text-shadow:1px 1px 1px #333;}
.member-list li a .info-box .txt span {font-size:12px; font-family:'notoR'; text-shadow:1px 1px 1px #333;}
.member-list li a .info-box .txt span + span {margin-top:0;}
.member-list li a:hover .info-box,
.member-list li.on a .info-box {display:block;}

.member-con {position:absolute; top:289px; left:0; display:block; width:100%; height:0; background-color:#fff; overflow:hidden;}
.member-con .arrow {position:absolute; top:11px; left:124px; width:17px; height:10px; background:url(../imgv/icon_arrow03_____images_icon.gif) 0 0 no-repeat; z-index:100;}
.member-con .wrap {margin:20px 0; border-top:1px solid #d4d6da; border-bottom:1px solid #d4d6da;}
.member-con .wrap > div {position:relative; width:490px; min-height:350px; margin:0 auto; padding:50px 740px 40px 50px; text-align:justify;}
.member-con .wrap > div a {position:absolute; top:18px; right:50px; display:block; width:16px; height:15px; background:url(../imgv/btn_close_____images_btn.gif) 0 0 no-repeat; overflow:hidden; text-indent:-9999px;}
/*.member-con .wrap > div img {float:right; width:648px; height:348px; margin:0 50px 10px 40px; border:1px solid #d4d6da;}*/
.member-con .wrap > div img {position:absolute; top:0; right:0; width:648px; height:348px; margin:50px 50px 0 0; border:1px solid #d4d6da;}
.member-con .wrap > div * {display:block; font-family:'notoR'; color:#4c5867; line-height:22px;}
.member-con .wrap > div p strong {margin-bottom:7px; font-family:'notoB'; font-size:22px;}
.member-con .wrap > div p span {font-size:14px;}
.member-con .wrap > div p span strong {display:inline; font-size:14px; font-family:'notoB';}
.member-con .wrap > div p + p {margin-top:25px; font-size:14px; color:#707985;}

@media only screen and (min-width:1400px) {
	.member-list {padding:0 0.002%;}
	.member-list li {float:left; width:16.666%;}
}

@media only screen and (min-width:1700px) {
	.member-list {padding:0 0.002%;}
	.member-list li {float:left; width:14.285%;}
}

/* award */
.award-list > li {margin-top:20px;}
.award-list > li:first-child {margin-top:0;}
.award-list li h3 {margin-bottom:20px; color:#4c5867; font-size:26px; line-height:24px; font-family:'notoR';}
.award-list li ul {margin-left:-50px;}
.award-list li ul:after {content:''; display:block; clear:both;}
.award-list li ul li {float:left;}
.award-list li ul li a {position:relative; float:left; width:410px; height:110px; margin-bottom:30px; padding:0 0 0 180px;}
.award-list li ul li a img {position:absolute; top:0; left:50px;}
.award-list li ul li a strong {display:block; color:#4c5867; font-family:'notoR'; font-size:20px; line-height:24px;}
.award-list li ul li a span {position:absolute; bottom:0; left:180px; color:#707985; font-family:'notoR'; font-size:14px; line-height:24px;}

/* ?? */
.news-wrap {position:relative; width:1180px; margin:0 auto;}
.news-wrap .search {position:absolute; top:0; right:0;}
.news-wrap .search fieldset {zoom:1;}
.news-wrap .search fieldset:after {content:''; display:block; clear:both;}
.news-wrap .search fieldset > * {float:left; font-family:'notoR'; font-size:12px;}
.news-wrap .search fieldset div > * {float:left; font-family:'notoR'; font-size:12px;}
.news-wrap .search fieldset div > a {width:55px; height:28px; line-height:28px; padding:0 20px 0 10px; color:#4c5867; border:1px solid #c9cdd1; background:url(../imgv/ico_sel_arrow02_____images_icon.gif) no-repeat 70px 13px;}
.news-wrap .search fieldset div > a.on {background-position:70px -28px;}
.news-wrap .search input {width:151px; height:28px; line-height:28px; margin:0 -1px 0 5px; padding:0 5px; color:#bfc2c6; border:1px solid #c9cdd1;}
.news-wrap .search button {width:50px; height:30px; line-height:30px; color:#fff; border:none; background:#a5abb3; cursor:pointer; text-align:center;}
.news-wrap .search .sel {display:none; float:none; position:absolute; top:29px; left:0; width:85px; border:1px solid #c9cdd1; border-top:none; background:#f6f6f7; z-index:2;}
.news-wrap .search .sel li {border-top:1px solid #c9cdd1;}
.news-wrap .search .sel li a {display:block; height:26px; line-height:26px; padding:0 0 0 10px; color:#707985; font-size:12px;}
.news-wrap .news-list {margin:0 0 0 -10px; padding:10px 0 0 0; *zoom:1;}
.news-wrap .news-list:after {content:''; display:block; clear:both;}
.news-wrap .news-list li {float:left; width:228px; margin:10px 0 0 10px;}
.news-wrap .news-list li a,
.news-wrap .news-list li a > span {display:block;}
.news-wrap .news-list li a {position:relative; min-height:176px; padding:0 0 50px 0; font-family:'notoR'; border:1px solid #d4d6da; background:#024591; overflow:hidden;}
.news-wrap .news-list li img {width:226px; height:239px;}
.news-wrap .news-list li .section {height:32px; padding:18px 10px 0 19px; color:#3d9dd7; font-size:12px; line-height:18px;}
.news-wrap .news-list li .title {height:113px; margin-bottom:12px; padding:0 15px 0 19px; color:#fff; font-size:13.6px; overflow:hidden; line-height:22px;}
.news-wrap .news-list li .hit-date {position:absolute; bottom:0; left:20px; width:186px; height:47px; line-height:47px; border-top:1px solid #edeef0;}
.news-wrap .news-list li .hit-date span {margin-left:6px; padding-left:10px; color:#fff; font-family:'notoR'; font-size:12px; background:url(../imgv/icon_bar02_____images_icon.png) no-repeat 0 5px;}
.news-wrap .news-list li .hit-date span:first-child {margin:0; padding:0; background:none;}
.news-wrap .news-list li .hit-date span.t01 {font-family:'notoR';}
.news-wrap .news-list li a.type01 {border-color:#4c5868; background:#fff;}
.news-wrap .news-list li a.type01 .title {color:#4c5868;}
.news-wrap .news-list li a.type01 .section {color:#399bd6;}
.news-wrap .news-list li a.type01 .hit-date {border-color:#c1c2c3; color:#4c5867;}
.news-wrap .news-list li a.type01 .hit-date span {color:#4c5868; background-image:url(../imgv/icon_bar03_____images_icon.png);}
.news-wrap .news-list li a.type01 .hit-date span:first-child {background-image:none;}
.news-wrap .news-list li a.type02 {border-color:#edeef0; background:#c1c2c3;}
.news-wrap .news-list li a.type02 .title {color:#3e3a39;}
.news-wrap .news-list li a.type02 .hit-date {border-color:#fff;}
.news-wrap .news-list li a.type02 .hit-date span {color:#3e3a39;}
.news-wrap .news-list li a.type03 {border-color:#edeef0; background:#000;}
.news-wrap .news-list li a.type03 .title {color:#fff;}
.news-wrap .news-list li a.type03 .hit-date {border-color:#fff;}
.news-wrap .news-list li a.type03 .hit-date span {color:#fff;}
.news-wrap .news-list li a:hover {border:3px solid #3775c8; width:222px; padding-bottom:46px;}
.news-wrap .news-list li a:hover > .section {margin:-2px 0 0 -2px;}
.news-wrap .news-list li a:hover > .title {margin:0 -2px 0 -2px; padding:0 15px 0 19px;}
.news-wrap .news-list li a:hover > .hit-date {left:18px; bottom:-2px; margin-top:4px;}
.news-wrap .news-list li a:hover > img {margin:-2px 0 0 -2px;}
.news-wrap .news-list li a:hover > img + .section {margin-top:0;}
.news-wrap .news-list li a:hover > img + .section + .title {margin-bottom:14px;}
.news-wrap .news-list li a:hover > img + .section + .title + .hit-date {bottom:-2px;}

.news-view {margin-top:23px; overflow:hidden; *zoom:1;}
.news-view .now-con {float:left; width:814px;}
.news-view .now-con .box {min-height:725px; padding:23px 0 0;}
.news-view .now-con .box .title {color:#4c5868; font-family:'notoR'; font-size:22px; line-height:32px;}
.news-view .now-con .box .info {position:relative; margin:0 0 20px 0; padding:15px 0 20px 0; color:#4c5867; font-family:'notoR'; font-size:0; line-height:0; border-bottom:1px solid #eeeef0;}
.news-view .now-con .box .info span {padding:0 9px 0 11px; font-size:12px; line-height:14px; background:url(../imgv/icon_bar04_____images_icon.gif) no-repeat 0 center;}
.news-view .now-con .box .info span:first-child {padding-left:0; background:none;}
.news-view .now-con .box .info span.t01 {color:#3775c8; font-family:'notoR';}
.news-view .now-con .box .info span.t02 {font-family:'notoR';}
.news-view .now-con .box .info span.file {position:absolute; right:0; top:15px; width:50%; text-align:right; background:none; overflow:hidden;}
.news-view .now-con .box .info span.file a {font-family:'notoR'; padding-left:17px; background:url(../imgv/icn_more_____images_icon.png) 0 center no-repeat;}
.news-view .now-con .box .con {height:725px; color:#4c5867; font-family:'notoR'; font-size:14px; line-height:22px; overflow:hidden;}
.news-view .now-con .box .con img {max-width:100%;}
.news-view .now-con .sns {margin-top:30px; font-size:0; line-height:0;}
.news-view .now-con .sns a {margin-right:1px;}
.news-view .view-list {float:right; width:329px;}
.news-view .view-list ul {border-bottom:1px solid #ddd;}
.news-view .view-list li {border-top:1px solid #eeeef0;}
.news-view .view-list li:first-child {border-top:none;}
.news-view .view-list li a {position:relative; display:block; padding:15px 0; height:90px;}
.news-view .view-list li a > span {position:relative; display:block; color:#4c5867; font-family:'notoR'; font-size:16px; line-height:20px;}
.news-view .view-list li a > span .type {color:#3775c8; font-size:12px;}
.news-view .view-list li a > span .date {position:absolute; right:0; top:0; color:#a9aeb4; font-size:12px; padding-left:10px;}
.news-view .view-list li a > span .tit {color:#4c5867; font-size:13px; display:block; margin-top:3px;}
.news-view .view-list li a > strong {display:block; height:59px; margin-top:11px; color:#818a94; font-family:'notoR'; font-size:14px; line-height:19px; overflow:hidden;}
.news-view .view-list li a:hover > .tit,
.news-view .view-list li a.on > .tit {color:#0e4e96;}
.news-view .view-list .btn {margin-top:33px; text-align:right;}

/* promote */
.promote-top {position:relative; z-index:3;}
.promote-top .tab-menu {width:100%; overflow:hidden; *zoom:1;}
.promote-top .tab-menu li {float:left; font-size:0;}
.promote-top .tab-menu li a {display:block; width:128px; padding:11px 0; color:#a5abb3; background-color:#fff; font-family:'notoB'; font-size:14px; line-height:20px; border:1px solid #a5abb3; text-align:center;}
.promote-top .tab-menu li a.on {color:#fff; background-color:#a5abb3;}
.promote-top .descript {position:absolute; bottom:0; right:0; text-align:right; line-height:18px; color:#7a838e; font-size:14px; font-family:'notoR';}
.promote-top .descript a {display:inline-block; margin-top:5px; *display:inline; *zoom:1;}

.promote-con {position:relative; margin-top:20px; z-index:2;}
.promote-con > div {display:none;}
.promote-con > div.on {display:block;}

.promote-con > div .brochure {position:relative; width:100%; padding:30px 0; margin-bottom:42px; border-top:1px solid #c9cdd1; border-bottom:1px solid #c9cdd1; font-size:0; display:table;}
.promote-con > div .brochure > span {display:table-cell; vertical-align:middle; text-align:right; padding-right:100px;}
.promote-con > div .brochure > div {display:table-cell; vertical-align:middle; width:718px;}
.promote-con > div .brochure > div > .tit {margin:15px 0 25px; color:#4c5868; font-size:32px;}
.promote-con > div .brochure > div p {margin-bottom:50px; color:#818a95; font-family:'notoR'; font-size:14px; line-height:22px;}
.promote-con > div .brochure > div a + a {margin-left:-1px;}

.promote-con > div .brochure .request-box {width:582px; padding:30px; background-color:#f1f2f3; border-top:2px solid #9ca4ae;}
.promote-con > div .brochure .request-box .tit {margin-bottom:20px; color:#4c5868; font-size:22px; font-family:'kopubM';}
.promote-con > div .brochure .request-box p {margin-bottom:15px; color:#7a838e; font-size:14px; font-family:'kopubM'; line-height:22px;}
.promote-con > div .brochure .request-box .btn-close {position:absolute; top:50px; right:50px;}
.promote-con > div .brochure .request-box fieldset > div {position:relative; margin-bottom:10px; font-size:0; *zoom:1;}
.promote-con > div .brochure .request-box fieldset > div:after {content:''; display:block; clear:both;}
.promote-con > div .brochure .request-box fieldset > div > * {vertical-align:middle;}
.promote-con > div .brochure .request-box fieldset > div div {position:relative; display:inline-block; border:1px solid #c3c6cc; background:#fff; *display:inline; *zoom:1;}
.promote-con > div .brochure .request-box fieldset > div input {float:left;}
.promote-con > div .brochure .request-box fieldset > div input + input {float:right;}
.promote-con > div .brochure .request-box .txt01 {position:absolute; top:0; left:0; padding-left:10px; height:40px; color:#4c5867; font-size:14px; font-family:'kopubM'; line-height:40px;}
.promote-con > div .brochure .request-box .txt01 + span {position:absolute; top:0; left:68px; font-family:'kopubM'; font-size:13px; color:#a5abb3; line-height:42px;}
.promote-con > div .brochure .request-box .sel01 {display:block; height:38px; line-height:38px; margin-right:1px; padding:0 20px 0 10px; color:#b9bdc2; font-size:14px; font-family:'kopubM';}
.promote-con > div .brochure .request-box .sel01 span {display:block; position:absolute; top:18px; right:11px; height:5px; overflow:hidden;}
.promote-con > div .brochure .request-box .sel01 span.on img {margin-top:-6px;}
.promote-con > div .brochure .request-box .sel-box {display:none; position:absolute; top:38px; left:-1px; width:100%; border:1px solid #c3c6cc; background:#fff; z-index:2;}
.promote-con > div .brochure .request-box .sel-box li {font-size:0; line-height:0;}
.promote-con > div .brochure .request-box .sel-box li a {display:block; padding:0 0 0 10px; color:#b9bdc2; font-size:14px; font-family:'kopubM'; line-height:28px;}
.promote-con > div .brochure .request-box .sel-box li a:hover {color:#555;}
.promote-con > div .brochure .request-box .btn {margin:0; text-align:right;}
.promote-con > div .brochure .request-box input[type=text] {height:38px; line-height:38px; padding:0 10px; color:#b9bdc2; font-family:'kopubM'; font-size:14px; border:1px solid #c9cdd1;}
.promote-con > div .brochure .request-box textarea {width:332px; height:108px; padding:5px; color:#b9bdc2; font-family:'kopubM'; font-size:14px; line-height:22px; border:1px solid #c9cdd1;}
.promote-con > div .brochure .request-box button {width:70px; height:40px; line-height:40px; margin-left:10px; color:#fff; font-family:'kopubM'; font-size:14px; border:none; background:#a5abb3; text-align:center; cursor:pointer;}

.promote-con > div .letter-new {position:relative; width:100%; padding:30px 0; border-top:1px solid #c9cdd1; border-bottom:1px solid #c9cdd1; font-size:0; display:table;}
.promote-con > div .letter-new > span {display:table-cell; vertical-align:middle; text-align:right; padding-right:100px;}
.promote-con > div .letter-new > span img {border:1px solid #c9cdd1;}
.promote-con > div .letter-new > div {display:table-cell; vertical-align:middle; width:650px;}
.promote-con > div .letter-new > div .tit {margin:15px 0 25px; color:#4c5868; font-family:'notoR'; font-size:32px;}
.promote-con > div .letter-new > div p {margin-bottom:15px; color:#818a95; font-family:'notoR'; font-size:14px; line-height:22px;}
.promote-con > div .letter-new > div a + a {margin-left:1px;}

.promote-con > div .letter-list {margin:20px 0 20px -9px;}
.promote-con > div .letter-list:after {content:''; display:block; clear:both;}
.promote-con > div .letter-list li {float:left; width:288px; margin:0 0 30px 9px; font-size:0;}
.promote-con > div .letter-list li > img {border:1px solid #c9cdd1;}
.promote-con > div .letter-list li p {position:relative; padding:10px 0; overflow:hidden; text-align:right;}
.promote-con > div .letter-list li p span {position:absolute; top:10px; left:10px; padding-right:15px; color:#707985; font-size:14px; font-family:'notoR'; line-height:20px; vertical-align:bottom;}
.promote-con > div .letter-list li p a + a {margin-left:1px;}


/* contact */
.map-con {position:relative; width:100%; padding-top:80px; overflow:hidden; *zoom:1;}
.map-con .map-list li {position:absolute; top:0; left:0; font-size:0;}
.map-con .map-list li > div {position:relative;; display:block; margin:-300px 0 0 -130px; padding:30px; width:200px; height:200px; border:1px solid #ddd; box-shadow:2px 2px 2px #d1d1d1; background-color:#fff;}
.map-con .map-list li > div h3 {margin-bottom:15px;}
.map-con .map-list li > div p {color:#4c5867; font-family:'notoR'; font-size:12px; line-height:18px;}
.map-con .map-list li > div p strong {display:block; margin-bottom:4px; color:#4c5868; font-family:'notoB'; font-size:14px; line-height:24px;}
.map-con .map-list li > div a {position:absolute; left:30px; bottom:30px; display:inline-block; margin-top:15px; *display:inline; *zoom:1;}
.map-con .map-list li > div .arrow {position:absolute; bottom:-10px; left:50%; width:21px; height:10px; margin-left:-6px; background:url(../imgv/map_box_arrow_____images_contact.png) 0 0 no-repeat;}

.map-con .map-list li.n01 {top:380px; left:260px;} /* 2016-11-28 ?? */
.map-con .map-list li.n02 {top:358px; left:528px;}
.map-con .map-list li.n03 {top:360px; left:890px;}

.email-con {padding:40px 0;}
.email-con li {float:left; padding-left:95px;}
.email-con li:first-child {padding-left:0;}
.email-con li * {vertical-align:middle;}
.email-con li span {padding-left:20px; color:#4c5868; font-size:13px; font-family:'kopubB','notoR'; background:url(../imgv/ico_email_____images_icon.gif) 0 2px no-repeat;}
.email-con li strong {padding-left:8px; color:#4b83cd; font-size:13px; font-family:'notoR'; line-height:22px;}
.email-con li p {margin-top:2px; color:#5e6877; font-size:13px; font-family:'notoR'; line-height:22px;}

/* way */
.way {position:relative; margin:0 0 -100px;}
.way .way-tab {position:absolute; top:110px; left:0; width:180px; margin-left:42px; padding:37px 0 10px; border:1px solid #c9cdd1; border-left-width:0; background-color:#fff; z-index:3;}
.way .way-tab li {margin:0 0 25px -10px;}
.way .way-tab li a {display:block; color:#a4abb3; font-size:16px; font-family:'notoB'; overflow:hidden; background:url(../imgv/icon_bar06_____images_icon.gif) 0 34px no-repeat;}
.way .way-tab li a span {display:block; margin-left:-180px; color:#3775c8;}
.way .way-tab li a.on {background-position:-50px 34px;}
.way .way-tab li a.on span {margin-left:0;}

.way .way-con {position:relative; margin-left:42px; padding-bottom:80px; border-left:1px solid #c9cdd1; background:url(../imgv/way_bg_____images_way.gif) 0 2px no-repeat;}
.way .way-con > div {padding-top:20px; display:none;}
.way .way-con > div.on {display:block;}
.way .way-con > div .sub-tit {padding:0 0 130px 683px; min-height:272px;}
.way .way-con > div .sub-tit h3 {position:relative; margin-bottom:35px; color:#a4abb3; font-size:44px; font-family:'notoB'; line-height:52px;}
.way .way-con > div .sub-tit h3 strong {display:block; padding-top:5px; color:#3775c8; font-family:'notoR';}
.way .way-con > div .sub-tit h3 strong:first-line {font-family:'notoB';}
.way .way-con > div .sub-tit h3 .no {position:absolute; top:19px; left:-271px; padding:0; width:27px; height:27px; line-height:27px; text-align:center; color:#3775c8; font-size:10px; font-family:'notoR' !important;}

.way .way-con > div .sub-tit p {color:#a4abb3; font-size:26px; font-family:'notoR'; line-height:39px;}
.way .way-con > div .sub-tit p.text-eng {line-height:38px; font-size:30px;}
.way .way-con > div .sub-tit p.text-eng + .text-eng {margin-top:15px;}
.way .way-con > div .sub-tit p .text-style01 {color:#4c5868; font-family:'notoB';}
.way .way-con > div .sub-tit p .text-style02 {color:#3775c8; font-family:'notoB';}
.way .way-con > div .sub-tit p .text-style03 {color:#4c5867; font-family:'notoB';}
.way .way-con > div .sub-tit p .text-style04 {color:#a4abb3; font-family:'notoR';}
.way .way-con > div .sub-tit p .text-style05 {color:#4c5868; font-family:'notoR';}
.way .way-con > div .sub-tit p .text-style06 {color:#3775c8; font-family:'notoR'; margin-left:-15px;}

.way .way-con > div.n01 .sub-tit p {color:#717986; font-size:16px; font-family:'notoR'; line-height:24px;}
.way .way-con > div.n01 .sub-tit p + p {margin-top:40px;}
.way .way-con > div.n01 .sub-tit p em {display:block; margin-bottom:30px; color:#4c5868; font-size:26px; font-family:'notoB';}
.way .way-con > div.n01 .sub-tit p strong {display:block; font-family:'notoB';}
.way .way-con > div.n01 .sub-tit {background:url(../imgv/way01_img_____images_way.gif) right 190px no-repeat;}
.way .way-con > div.n02 .sub-tit {background:url(../imgv/way02_img_____images_way.gif) right 195px no-repeat;}
.way .way-con > div.n03 .sub-tit {background:url(../imgv/way03_img_____images_way.gif) right 200px no-repeat;}
.way .way-con > div.n04 .sub-tit {background:url(../imgv/way04_img_____images_way.gif) right 195px no-repeat;}
.way .way-con > div.n05 .sub-tit {background:url(../imgv/way05_img_____images_way.gif) right 188px no-repeat;}

.way .way-con > div .sub-tab {padding-left:30px;}
.way .way-con > div .sub-tab > div {position:relative;}
.way .way-con > div .sub-tab > div h4 {position:relative; padding:35px 20px; color:#4c5868; font-size:40px; font-family:'notoB'; border-bottom:1px solid #c9cdd1; text-transform:uppercase;}
.way .way-con > div .sub-tab > div h4 * {vertical-align:middle;}
.way .way-con > div .sub-tab > div h4 a {position:absolute; top:0; right:10px; display:block; width:100%; height:100%; font-size:0; background:url(../imgv/icon_toggle_____images_icon.png) right 0 no-repeat;}
.way .way-con > div .sub-tab > div h4 span {display:inline-block; width:620px; *zoom:1; *display:inline;}
.way .way-con > div .sub-tab > div h4 strong {padding-left:84px; color:#c9cdd1; font-size:30px; font-family:'notoR'; background:url(../imgv/icon_bar07_____images_icon.gif) 42px center no-repeat; text-transform:uppercase;}
.way .way-con > div .sub-tab > div .con {position:relative; padding:25px 25px 25px 268px; border-bottom:1px solid #c9cdd1; display:none;}
.way .way-con > div .sub-tab > div .con .img {position:absolute; top:0; left:50px;}
.way .way-con > div .sub-tab > div .con span {display:block; margin-bottom:5px; color:#4c5868; font-size:16px; font-family:'notoB'; line-height:24px;}
.way .way-con > div .sub-tab > div .con div + div {margin-top:30px;}
.way .way-con > div .sub-tab > div .con li {padding-left:10px; color:#717986; font-size:15px; font-family:'notoR'; line-height:24px; background:url(../imgv/ico_dot01_____images_icon.gif) 0 10px no-repeat;}

.way .way-con > div .sub-tab > div.on h4 a {background-position:right -121px;}
.way .way-con > div .sub-tab > div.on .con {display:block;}

.way .way-con > div .sub-tab > div.other01 h4 {color:#3775c8;}

/* etc */
.unified-search h2 {width:1180px; margin:27px auto 0;}
.unified-search h3 {margin-left:13px; text-transform:uppercase;}
.unified-search h3 span {vertical-align:baseline;}
.unified-search .search-box01 {margin-bottom:20px; padding:25px 0 30px 0; border-bottom:1px solid #e4e5e8; margin-bottom:30px;}
.unified-search .search-box01 > div {position:relative; width:1180px; margin:0 auto;}
.unified-search .search-box01 > div fieldset {zoom:1;}
.unified-search .search-box01 > div fieldset:after {content:''; display:block; clear:both;}
.unified-search .search-box01 > div fieldset > * {float:left; font-family:'notoR'; font-size:16px;}
.unified-search .search-box01 > div fieldset > a {width:180px; height:43px; line-height:43px; padding:0 34px 0 14px; color:#4c5867; border:1px solid #c9cdd1; background:url(../imgv/ico_sel_arrow01_____images_icon.gif) no-repeat 198px 19px;}
.unified-search .search-box01 > div fieldset > a.on {background-position:198px -24px;}
.unified-search .search-box01 > div input {width:815px; height:43px; line-height:43px; margin-left:5px; padding:0 14px; color:#bfc2c6; border:1px solid #c9cdd1;}
.unified-search .search-box01 > div button {width:95px; height:45px; line-height:45px; margin-left:5px; padding:0 14px; color:#fff; border:none; background:#a5abb3; cursor:pointer;}
.unified-search .search-box01 > div .sel {display:none; float:none; position:absolute; top:44px; left:0; width:228px; border:1px solid #c9cdd1; border-top:none; background:#f6f6f7; z-index:2;}
.unified-search .search-box01 > div .sel li {border-top:1px solid #c9cdd1;}
.unified-search .search-box01 > div .sel li a {display:block; height:42px; line-height:42px; padding:0 0 0 14px; color:#707985; font-size:16px;}
.unified-search .search-txt01 {margin:0 0 0 13px; color:#4c5867; font-family:'notoR'; font-size:12px; line-height:16px;}
.unified-search .search-txt01 span {color:#1e5a9d;}
.unified-search .search-txt01 span.no-date {color:#e1278a;}
.unified-search .search-box02 {position:relative; padding:30px 0; border-top:1px solid #e4e5e8;}
.unified-search .search-box02.first {border-top:none;}
.unified-search .search-box02 .read-more {position:absolute; top:40px; right:2px; padding-right:10px; color:#a5abb3; font-family:'notoR'; font-size:10px; line-height:13px; background:url(../imgv/ico_arrow01_____images_icon.gif) no-repeat right 5px;}
.unified-search .search-list01 {margin:10px 0 0 -5px; overflow:hidden; *zoom:1;}
.unified-search .search-list01 li {float:left; margin:5px 0 0 5px;}
.unified-search .search-list01 li a {position:relative; display:block;}
.unified-search .search-list01 li a img {width:232px;}
.unified-search .search-list01 li a > span {display:none; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; font-family:'notoR'; font-size:17px; line-height:20px; background:url(../imgv/dimd_50_____images_common.png) repeat 0 0;}
.unified-search .search-list01 li a > span span {position:absolute; bottom:0; left:0; width:212px; padding:10px; text-shadow:1px 1px 1px #333;}
.unified-search .search-list01 li a:hover > span {display:block;}
.unified-search .search-list01 li a > span span.info {top:auto; bottom:8px; text-align:left;}
.unified-search .search-list01 li a > span span.info span {display:block; position:static; padding:0; color:#fff; font-size:12px; line-height:16px; text-align:left;}
.unified-search .search-list01 li a > span span.info span:first-child {margin-bottom:3px; font-size:16px; line-height:20px;}
.unified-search .search-list02 {margin-top:20px;}
.unified-search .search-list02 li {margin-bottom:-1px;}
.unified-search .search-list02 li a {display:block; padding:20px 10px 18px 20px; font-family:'notoR'; border:1px solid #ddd;}
.unified-search .search-list02 li a .tit {color:#4c5867; font-size:16px; line-height:20px;}
.unified-search .search-list02 li a .tit .t01 {margin-right:10px; color:#3775c8; font-size:13px;}
.unified-search .search-list02 li a .tit .t02 {margin-left:10px;}
.unified-search .search-list02 li a .tit .t02 span {margin-left:9px; padding-left:10px; color:#7c838d; font-size:12px; border-left:1px solid #dbdee1;}
.unified-search .search-list02 li a .tit .t02 span:first-child {margin:0; padding:0; border:none;}
.unified-search .search-list02 li a .con {display:block; margin-top:10px; color:#989ea5; font-size:14px; line-height:22px;}
.unified-search .search-list02 li a:hover {position:relative; border-color:#3775c8; border-width:3px; padding:18px 8px 16px 18px;}
.search-fail {margin:30px 0 0 0;}
.search-fail h3 {height:40px;}
.search-fail p {margin-left:13px; color:#4c5867; font-family:'notoR'; font-size:16px; line-height:22px;}
.search-fail p strong {font-size:18px;}
.search-fail ul {margin:15px 0 0 13px;}
.search-fail li {color:#7c838d; font-family:'notoR'; font-size:14px; line-height:22px;}

/* scrollbar */
/* theme: "light-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	background-color: #fff; background-color: rgba(255,255,255,0.5);
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff; background-color: rgb(255,255,255);
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.1);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #9ca4ae;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #9ca4ae; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #9ca4ae; }