@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:230px;
	margin:0 30px 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.2;
	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.long3 {
	width:230px;
	margin-bottom:15px;
}
#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:120px;
}

#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: 30px;
}

#member_menu.en_member_menu dl dd {
  margin-left: 20px;
  width: 270px;
}
#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: 300px!important;}