@charset "utf-8";

body {
    /*overflow-x: hidden;*/
    /*min-width: 0px;*/
}

/* mainSlide */
#mainSlide {
    position: relative;
    padding-bottom: 55px;
}

/* catBox */
#catBox {
    margin-bottom: 50px;
}

#catBox .catList {
    margin-bottom: 20px;
    margin-left: -5px;
    margin-top: -5px;
}

#catBox .catList li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 216px;
    margin-left: 5px;
    margin-top: 5px;
}

#catBox .catList.catList2 li {
    width: 216px;
}

#catBox .catList li a {
    position: relative;
    display: block;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    text-decoration: none;
}

#catBox .catList li img {
    display: block;
    max-width: 100%;
    height: auto;
}

#catBox .catList li span {
    position: absolute;
    left: 0;
    bottom: 12px;
    display: block;
    padding-left: 12px;
}

#catBox .catList li span:after {
    position: absolute;
    top: 4px;
    right: -12px;
    display: block;
    content: '';
    width: 5px;
    height: 9px;
    background: url(../imgs/arw-02.png) no-repeat left top;
}

#catBox .subCatList {
    margin-left: -1px;
}

#catBox .subCatList li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 1px;
    width: 33.333333%;
}

/* RESPONSIVE: TOPPAGE ONLY */
@media screen and ( max-width: 800px) {
    /*
    body .wrap { width: 96%; padding:0;}
    body #container { font-size: 14px;}
    body header { padding: 0; }
    body #gNav > ul > li { font-size: 12px;}
    body #gNav .innerNav .blockTtl { font-size: 14px;}
    body #gNav .innerNav.navStyle04 .ttlBox .blockTtl { font-size: 14px;}
    body #gNav .innerNav .blockTtl a { font-size: 14px;}
    body #gNav .innerNav .navBoxWrap .navBox li.bigCat { font-size: 12px;}
    body #gNav .innerNav .navBoxWrap .navBox li { font-size: 12px;}
    body .switch h1 { padding: 10px 2%; }
    body .switch h1 img { width: 100px; }
    body .switch ul#menu li.recruit a { background: transparent url("../imgs/icon-blank.png") no-repeat scroll left center; padding-left: 22px; }
    body .switch ul#menu li.search a { background: transparent url("../imgs/icon-lens.png") no-repeat scroll left center; padding-left: 24px; }
    body .menu { display: block; position: relative; margin: 1px 0 0; padding: 10px; }
    body #menu { display: none; width: 100%; position: absolute; z-index: 100; }
    body #menu li { padding: 10px 2%; border-bottom: 1px solid #e3e3e3; background: #ffffff; }
    body #menu li:first-child { border-top: 1px solid #e3e3e3; }
    body #menuBtn { display: inline-block; position: absolute; width: 40px; height: 40px; margin: 0 0 10px; top: 7px; right: 20px; }
    body #menuBtnIco { display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 3px; margin: -1px 0 0 -7px; background: #666; transition: .2s; }
    body #menuBtnIco:before,
    body #menuBtnIco:after { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 18px; height: 3px; background: #666; transition: .3s; }
    body #menuBtnIco:before { margin-top: -8px; }
    body #menuBtnIco:after { margin-top: 5px; }
    body #menuBtn .close { background: transparent; }
    body #menuBtn .close:before,
    body #menuBtn .close:after { margin-top: 0; }
    body #menuBtn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    body #menuBtn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
    body header.sp { display: block; }
    body header.pc { display: none; }
    body footer { margin-top: 30px; }
    body #ftrConts { padding: 0; }
    body #ftrConts .ftrBlock01,
    body #ftrConts .ftrBlock02,
    body #ftrConts .ftrBlock03 { display: none; }
    body #ftrConts .ftrBlock01 { width: 100%; margin-right: 0; }
    body #ftrConts .ftrBlock02,
    body #ftrConts .ftrBlock03 { margin-top: 20px; width: 50%; }
    body #ftrConts .ftrTtl { font-size: 12px; }
    body #ftrConts .ftrlist li.bigCat { font-size: 12px; }
    body #ftrConts .ftrSns .snsTtl { font-size: 12px; }
    body ul.num03 { margin-top: 20px; }
    body #fNav { margin-bottom: 5px; }
    body #fNav ul { text-align: center; }
    body #fNav ul li { display: inline-block; font-size: 12px; }
    body #fNavSP.sp { display: block; padding-top: 5px; }
    body #fNavSP.sp ul { text-align: center; overflow: hidden; margin-bottom: 5px; }
    body #fNavSP.sp ul li { display: inline-block; font-size: 12px; margin-right: 10px; }
    body #fNavSP.sp ul li a { background: transparent url("../imgs/arw-02.png") no-repeat scroll left center; padding-left: 10px; }
    body #fNavSP.sp ul.sns li a { background: none; padding-left: 0; }
    body #copyright { text-align: center; padding: 12px 0; }
    body .slider .bx-controls-direction a.bx-next,
    body .slider .bx-controls-direction a.bx-prev { width: 30px; height: 30px;}
    body .slider .bx-controls-direction { margin-top: -15px;}
    body .slider .bx-controls-direction a.bx-prev:before { width: 10px!important; height: 10px!important; top: 10px; left: 12px;}
    body .slider .bx-controls-direction a.bx-next:before { width: 10px!important; height: 10px!important; top: 10px; right: 12px;}
    body #catBox { margin-bottom: 20px;}
    body #catBox .catList { text-align: left; border: none;}
    body #catBox .catList li { float: none; display: inline-block; border: none; width: 30%;}
    body #catBox .catList.catList2 li { width: 30%; }
    body .tabArea { margin-bottom: 40px!important;}
    body .tabArea .tabList li { width: 50%; margin: 0;}
    body .tabArea .tabList a { font-size: 16px; }
    body .tabArea .btn { top: 50px; right: 1em; }
    body .newsList li a span { display: inline; }
    body .newsList li a span.text { padding-left: 0; display: block; }
    body .newsList li a span.cat span { display: inline; margin-left: 5px; padding: 3px 5px; }
    body .columnList ul { text-align: center; margin-left: 0; }
    body .columnList ul li { width: 43%!important; padding-left: 0; float: none; text-align: left; display: inline-block; }
    body .columnList ul li img { width: 100%; }
    body .columnList ul li .txt2 { margin-left: 0; margin-bottom: 15px!important;}
    body .columnList .topicsTtl { margin-bottom: 15px; }
    body #slider { z-index: 10; }
	body #catBox .catList.catList2 li:nth-child(n + 10) { display: none; }*/
}

/* pager */
#pager {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
}

#pager ul {
    position: relative;
    left: 50%;
    float: left;
}

#pager li {
    position: relative;
    left: -50%;
    float: left;
}

#pager li.space {
    padding-top: 2px;
}

#pager li a {
    display: block;
    width: auto !important;
    min-width: 20px;
    width: 20px;
    margin: 0 3px;
    padding: 4px 4px 3px;
    background: #fff;
    color: #4b4b4b;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border: #cacaca solid 1px;
}

#pager li.active_page a,
#pager li a:hover {
    color: #fff;
    background: #cacaca;
}

/* ==================================================================================================
TOP�y�[�W
================================================================================================== */
.columnList.top ul li .ttl1 {
    font-size: 16px;
}

/*-------------------------------------------------------------------
	member_adcd
	member_robot
	member_solution
-------------------------------------------------------------------*/

ul.itemlist {
    padding: 0 15px;
    margin-bottom: 20px;
}

ul.itemlist.last {
    margin-bottom: 40px;
}

ul.itemlist li {
    display: inline-block;
    padding: 0;
    margin: 0 50px 10px 0;
}

ul.itemlist li.long {
    width: 240px;
    margin: 0 20px 10px 0;
}

ul.itemlist li.end {
    margin: 0;
}

ul.itemlist li a {
    display: inline-block;
    line-height: 1;
    position: relative;
    padding-left: 17px;
    margin-left: -17px;
    text-decoration: none;
    color: #4b4b4b;
}

ul.itemlist li a:hover {
    text-decoration: underline;
}

ul.itemlist li a:before {
    position: absolute;
    top: 3px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #dd2e1e;
    border-right: 2px solid #dd2e1e;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#member_menu {
    background: #F2F2F2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 30px 50px;
}

#member_menu dl {
    border-bottom: 1px dashed #CBCBCB;
    line-height: 1.0;
    margin: 0 0 20px;
    padding: 0 0 20px;
    overflow: hidden;
    zoom: 1;
}

#member_menu dl.sec {
    padding: 0;
}

#member_menu dl.none {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

#member_menu dl dd {
    display: inline-block;
    margin: 0 30px 0 0;
    padding: 0;
}

#member_menu dl dd {
    width: 150px;
}

#member_menu dl dd.long {
    width: 200px;
}

#member_menu dl dd.long2 {
    width: 230px;
    margin-bottom: 20px;
}

#member_menu dl dd.end {
    margin-right: 0;
}

#member_menu dl dt {
    font-weight: bold;
    float: left;
    margin-right: 50px;
}

#member_menu dl dt.special {
    padding-bottom: 30px;
}

#member_menu dl dd a {
    vertical-align: top;
    display: inline-block;
    line-height: 1;
    position: relative;
    padding-left: 17px;
    margin-left: -17px;
    text-decoration: none;
    color: #4b4b4b;
}

#member_menu dl dd a:hover {
    text-decoration: underline;
}

#member_menu dl dd a:before {
    position: absolute;
    top: 3px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #dd2e1e;
    border-right: 2px solid #dd2e1e;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#member_menu input {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 7px 10px;
    font-size: 16px;

}

#member_menu .btn {
    width: 238px;
    margin: 50px auto 0;
    position: relative;
    border: 1px solid #B7B8B8;
    -webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 1) inset;
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, 1) inset;
    background: #B9BABA;
    background: -moz-linear-gradient(top, #B9BABA 0%, #969697 100%);
    background: -webkit-linear-gradient(top, #B9BABA 0%, #969697 100%);
    background: linear-gradient(to bottom, #B9BABA 0%, #969697 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9BABA', endColorstr='#969697', GradientType=0);
    text-align: center;
    line-height: 1;
    text-decoration: none;
    color: #4b4b4b;
    display: block;
}

#member_menu .btn:after {
    position: absolute;
    top: 50%;
    left: 70px;
    margin: -3px 0 0 0;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#member_menu .btn input {
    cursor: pointer;
    position: relative;
    border: none;
    background: none;
    display: block;
    padding: 10px 0 10px 17px;
    text-align: center;
    line-height: 1;
    width: 100%;
    font-size: 16px;
    color: #fff;
}

#member_menu .btn:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#member_menu.en_member_menu {
    text-align: left;
}

#member_menu.en_member_menu dl dt {
    display: block;
    width: 100%;
    padding-bottom: 0;
}

#member_menu.en_member_menu dl dd {
    margin-left: 20px;
    width: 270px;
    padding:2px 0;
}

#member_menu.en_member_menu dl dd.long {
}

/*-------------------------------------------------------------------
	member_adcd_license
	member_adcd_license2
	member_robot_license
-------------------------------------------------------------------*/

#formwrap {
    border: none;
    border-radius: 10px;
    margin-bottom: 70px;
}

#formwrap h3 {
    font-size: 24px;
    border-bottom: 1px solid #D9D9D9;
    padding: 20px 0;
    line-height: 1.0;
    text-align: center;
    font-weight: bold;
}

/*-------------------------------------------------------------------
add
-------------------------------------------------------------------*/

#formwrap .forminner {
    width: 980px;
    margin: 0 auto;
}

#formwrap .forminner .red {
    color: #EC1C24;
}

#formwrap .forminner table {
    width: 100%;
    font-size: 0.9em;
}

#formwrap .forminner table th,
#formwrap .forminner table td {
    text-align: left;
    vertical-align: top;
    padding: 10px 0;
}

#formwrap .forminner table th {
    font-weight: normal;
    width: 180px;
    padding: 12px 0 10px;
}

#formwrap .forminner table.conf {
    font-size: 1.0em;
}

#formwrap .forminner table.conf td {
    text-align: left;
    vertical-align: top;
    padding: 15px 30px;
    border: 1px solid #CACACA;
}

#formwrap .forminner table.conf th {
    text-align: center;
    vertical-align: top;
    background: #F7F7F7;
    width: 200px;
    padding: 15px 0;
    border: 1px solid #CACACA;
}

#formwrap .forminner input[type="text"] {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 720px;
    padding: 3px 10px;
    /*font-size: 16px;*/
    border: 1px solid #E5E5E5;
    margin: 0 0 10px;
}

#formwrap .forminner select {
    border: 1px solid #E5E5E5;
    padding: 0 2px;
    width: 78px;
    margin: 0 10px 0 0;
}

#formwrap .forminner select.long {
    width: 250px;
    display: block;
    margin: 0 0 10px;
}

#formwrap .forminner .btn {
    width: 238px;
    margin: 30px auto 0;
    position: relative;
    border: 1px solid #B7B8B8;
    -webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 1) inset;
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, 1) inset;
    background: #B9BABA;
    background: -moz-linear-gradient(top, #B9BABA 0%, #969697 100%);
    background: -webkit-linear-gradient(top, #B9BABA 0%, #969697 100%);
    background: linear-gradient(to bottom, #B9BABA 0%, #969697 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9BABA', endColorstr='#969697', GradientType=0);
    text-align: center;
    line-height: 1;
    text-decoration: none;
    color: #4b4b4b;
    display: block;
}

#formwrap .forminner .btn:after {
    position: absolute;
    top: 50%;
    left: 15%;
    margin: -3px 0 0 0;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#formwrap .forminner .btn input {
    cursor: pointer;
    position: relative;
    border: none;
    background: none;
    display: block;
    padding: 10px 0 10px 17px;
    text-align: center;
    line-height: 1;
    width: 100%;
    font-size: 16px;
    color: #fff;
}

#formwrap .forminner .btn:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#formwrap .forminner ul.lists {
    padding: 0 15px;
}

#formwrap .forminner ul.lists li {
    display: inline-block;
    padding: 0;
    margin: 0 50px 10px 0;
}

#formwrap .forminner ul.lists li a {
    display: inline-block;
    line-height: 1;
    position: relative;
    padding-left: 17px;
    margin-left: -17px;
    text-decoration: underline;
    color: #4b4b4b;
}

#formwrap .forminner ul.lists li a:hover {
    text-decoration: none;
}

#formwrap .forminner ul.lists li a:before {
    position: absolute;
    top: 3px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #dd2e1e;
    border-right: 2px solid #dd2e1e;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#formwrap .forminner dl.center {
    text-align: center;
}

#formwrap .forminner dl.center dt {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 21px;
}

#formwrap #grayblock {
    background: #f9f9f9;
    box-sizing: border-box;
    padding: 40px 30px;
    margin-bottom: 40px;
}

#formwrap #grayblock h3 {
    border-bottom: none;
    padding: 0 0 0 10px;
    font-size: 20px;
    text-align: left;
    margin-bottom: 40px;
}

#stepbox {
    background: url(../imgs/step_bg.png) left top no-repeat;
    overflow: hidden;
    zoom: 1;
    width: 978px;
    padding: 0 1px;
    margin: 0 auto 30px;
}

#stepbox li {
    width: 326px;
    float: left;
    font-size: 16px;
    line-height: 1.0;
    font-weight: bold;
}

#stepbox li span {
    display: table-cell;
    width: 326px;
    height: 55px;
    text-align: center;
    vertical-align: middle;
}

#stepbox li span.opa {
    opacity: 0.5;
}

#license2 {
    width: 980px;
    margin: 0 auto 50px;
}

#license2 .red {
    color: #EC1C24;
}

#license2 table {
    width: 100%;
    margin-bottom: 20px;
}

#license2 input[type="checkbox"] {
    margin: 0 5px 0 20px;
}

#license2 table td {
    text-align: left;
    vertical-align: top;
    padding: 15px 30px;
    border: 1px solid #CACACA;
}

#license2 table th {
    text-align: center;
    vertical-align: top;
    background: #F7F7F7;
    width: 200px;
    padding: 15px 0;
    border: 1px solid #CACACA;
}

#license2 .btn {
    width: 238px;
    margin: 30px auto 0;
    position: relative;
    border: 1px solid #B7B8B8;
    -webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 1) inset;
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, 1) inset;
    background: #B9BABA;
    background: -moz-linear-gradient(top, #B9BABA 0%, #969697 100%);
    background: -webkit-linear-gradient(top, #B9BABA 0%, #969697 100%);
    background: linear-gradient(to bottom, #B9BABA 0%, #969697 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9BABA', endColorstr='#969697', GradientType=0);
    text-align: center;
    line-height: 1;
    text-decoration: none;
    color: #4b4b4b;
    display: block;
}

#license2 .btn:after {
    position: absolute;
    top: 50%;
    left: 15%;
    margin: -3px 0 0 0;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#license2 .btn input {
    cursor: pointer;
    position: relative;
    border: none;
    background: none;
    display: block;
    padding: 10px 0 10px 17px;
    text-align: center;
    line-height: 1;
    width: 100%;
    font-size: 16px;
    color: #fff;
}

#license2 .btn:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.basicForm span.customSelect {
    color: #000000;
}

.detailAreaTop .boxL .detailTtl:after {
    display: none;
}

.detailAreaTop .boxL .detailTtl.new:after {
    position: absolute;
    top: 5px;
    right: -60px;
    display: inline-block;
    content: "NEW";
    padding: 4px 10px 3px 10px;
    background: #dd2e1e;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    font-family: '���C���I', Meiryo, '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', '�l�r �o�S�V�b�N', sans-serif;
    font-weight: normal;
}

.login .hdrLogin2 .loginNav > ul > li > p.dr_login_menu:after {
    display: inline-block;
    margin: -3px 0 0 10px;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #dd2e1e;
    border-right: 2px solid #dd2e1e;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.login .hdrLogin2 .loginNav > ul > li > p.dr_login_menu {
    margin-top: 5px;
}
.name2 { width: 230px!important;}