@charset "utf-8";

@import'/cmn/css/localnavi/shinsotsu.css';

/*---------------------------------------------------

               index.html .shinsotsu

---------------------------------------------------*/

.shinsotsu .category {
	width: 950px;
	margin: auto;
}

.shinsotsu .category h1 {
	padding: 26px 0 0 0;
}

.shinsotsu .categorymenu {
	background: #E4E4E4;
	overflow:hidden;
	_zoom: 1;
	margin-top: 10px;
	padding-bottom: 8px;
}

.shinsotsu .categorymenu ul.menu-l {
	float: left;
	overflow:hidden;
	_zoom: 1;
	width: 779px;
	margin: 8px 0 0 8px;
	display:inline;
}

.shinsotsu .categorymenu ul.menu-l li {
	float: left;
}

.shinsotsu .categorymenu ul.menu-l li.inner-btn {
	margin-left: 2px;
	width: 193px;
	height: 191px;
	background-image: url("/com/recruit/shinsotsu/img/idx_bg_engineer.jpg");
}

.shinsotsu .categorymenu ul.menu-l li.inner-btn p.title img {
	margin: 13px 0 12px 8px;
}

.shinsotsu .categorymenu ul.menu-l li.inner-btn p.button {
	margin: 0 0 5px 5px;
}

.shinsotsu .categorymenu ul.menu-s {
	float: right;
	width: 150px;
	margin-bottom: -1px;
	padding: 10px 10px 0 0;
}

.shinsotsu .informationarea {
	position:relative;
	overflow:hidden;
	_zoom: 1;
	margin-top: 20px;
}

.shinsotsu .informationarea .textbox {
	float: left;
	width: 330px;
	height: 275px;
	border: 5px solid #cccccc;
	margin: 107px 10px 0 0;
}

.shinsotsu .informationarea .textbox .title {
	padding: 9px;
	border-bottom: 1px dotted #000000;
}

.shinsotsu .informationarea .rightWrapper{
	float: left;
}

.shinsotsu .informationarea .button {
	width: 250px;
	height: 178px;
	background: #cccccc;
	margin:0 0 14px;
}

.shinsotsu .informationarea .button p {
	padding: 0 0 0 0;
}

.shinsotsu .informationarea .button ul {
	margin: 0;
}

.shinsotsu .informationarea .button li {
	padding: 5px 0 0 5px;
}

.shinsotsu .informationarea .textbox .scrollpane {
	width: 302px;
	height: 228px;
	overflow: auto;
	position: relative;
	margin: 9px 0 0 9px;
	font-size: 85.7143%;
	padding: 0 10px 0 0;
    outline: none;
}

.shinsotsu .informationarea .textbox .scrollpane dt {
	color: #E5135D;
	margin: 0;
	padding: 0;
}

.shinsotsu .informationarea .textbox .scrollpane dd {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.5;
}

.shinsotsu .informationarea .textbox .scrollpane p {
	line-height: 1.8;
}

.shinsotsu .informationarea .comment {
	position:absolute;
	background: #D9E1E8;
	width: 690px;
	height: 95px;
	top: 0;
	left: 0;
}

.shinsotsu .informationarea .comment dt {
	margin: -3px 0 0 0;
	padding: 0 0 0 15px;
}

.shinsotsu .informationarea .comment dd{
	padding: 7px 10px 0 15px;
	font-size: 85.7143%;
	line-height: 1.5;
}

.shinsotsu .login_button{
	position:absolute;
	margin:215px 0 0 720px;
}

/*---------------------------------------------------

               top scroll

---------------------------------------------------*/

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 10px;background: #666666}
/*.vscrollerbarbeg {} */
/*.vscrollerbarend {} */
.vscrollerbase {width: 10px;background: #1F1F1F}
/* .vscrollerbasebeg {} */
/* .vscrollerbaseend {} */
.hscrollerbase {height: 5px; background-color: white;}/*?*/
.hscrollerbar {height: 5px; background-color: black;}/*?*/
.vscrollerbar, .hscrollerbar {padding: 0px;z-index: 2;}/*上下のpadding*/
/*.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #EEEEEE;}不使用*/

/* Scroll Bar Master Styling Ends Here */


/*---------------------------------------------------

               .shinsotsu

---------------------------------------------------*/

.shinsotsu .mb0{
	margin-bottom: 0;
}
.shinsotsu .mb15{
	margin-bottom: 15px;
}

.w200 { width:200px !important; }
.w220 { width:220px !important; }
.w250 { width:250px !important; }
.w275 { width:275px !important; }
.w395 { width:395px !important; }
.w400 { width:400px !important; }
.w430 { width:430px !important; }
.w445 { width:445px !important; }
.w510 { width:510px !important; }
.w520 { width:520px !important; }
.w560 { width:560px !important; }
.mt0 { margin-top:0 !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt15 { margin-top:15px !important; }
.ml18 { margin-left:18px !important; }

.shinsotsu .font-s{
	font-size: 85.7143%;
}

.shinsotsu .font-ss{
	font-size:78.57142857%;
	color:#626262;
}

.shinsotsu .mb15{
	margin-bottom: 15px;
}

.shinsotsu .text-red{
	color: #FF0000;
}

.shinsotsu .head-caution{
	margin: 20px 0;
	font-size: 85.7143%;
}

.shinsotsu .head-caution dd{
	padding-left: 0;
}

.shinsotsu .content-list-shinsotsu{
	margin-bottom: 25px;
}

.shinsotsu .content-list-shinsotsu li{
	border: 1px dotted #000000;
	float: left;
	margin: 0 0 0 10px;
	background: #ffffff;
}

.shinsotsu .content-list-shinsotsu li.tab{
	border: 1px dotted #767676;
	float: left;
	margin: 0 0 0 10px;
	background: #F6F6F7;
}

.shinsotsu .content-list-shinsotsu li.active{
	border: 1px dotted #000000;
	background: #ffffff;
}

.shinsotsu .content-list-shinsotsu li p.center{
	text-align: center;
}

.shinsotsu .content-list-shinsotsu li.top{
	margin-left: 0;
	color: #333333;
}

.shinsotsu .content-list-shinsotsu li.w-size-s a{
	width: 104px;
}

.shinsotsu .content-list-shinsotsu li.w-size-l a{
	width: 200px;
}

.shinsotsu .content-list-shinsotsu li.tab a{
	font-weight: bold;
}

.shinsotsu .content-list-shinsotsu li a{
	background-image: url("/cmn/img/arrow_01.png");
	background-position: 8px 0.8em;
    background-repeat: no-repeat;
	display: inline-block;
    padding: 4px 8px 5px 20px;
	color: #333333 !important;
	text-decoration: none;
	border: 1px solid #ffffff;
}

.shinsotsu .content-list-shinsotsu li a:hover{
	color: #333333;
	background: #cccccc;
	background-image: url("/cmn/img/arrow_01.png");
	background-position: 8px 0.8em;
    background-repeat: no-repeat;
	border: 1px solid #ffffff;
}

.shinsotsu .content-list-shinsotsu li.tab a{
	background-image: url("/cmn/img/arrow_01.png");
	background-position: 8px 0.8em;
    background-repeat: no-repeat;
	display: inline-block;
    padding: 4px 8px 5px 20px;
	color: #8A8A8B !important;
	text-decoration: none;
	border: 1px solid #ffffff;
}

.shinsotsu .content-list-shinsotsu li.tab a:hover{
	color: #333333;
	background: #cccccc;
	background-image: url("/cmn/img/arrow_01.png");
	background-position: 8px 0.8em;
    background-repeat: no-repeat;
	border: 1px solid #ffffff;
}

.shinsotsu .content-list-shinsotsu li.active a{
	color: #000000 !important;
}

.shinsotsu .schedule{
	background: #EFF0F0;
	width: 320px;
}

.shinsotsu .schedule table{
	width: 320px;
	border: none;
	margin: 12px 0 12px 12px;
}

.shinsotsu .mosaic-ic .purple{
	background: #9B90BD;
}

.shinsotsu .mosaic-ic .purple td{
	background: #9B90BD;
}

.shinsotsu .mosaic-ic .green{
	background: #80BC8E;
}

.shinsotsu .mosaic-ic .green td{
	background: #80BC8E;
}

.shinsotsu .mosaic-ic .pink{
	background: #E7C9D8;
}

.shinsotsu .mosaic-ic .pink td{
	background: #E7C9D8;
}

.shinsotsu .mosaic-ic .blue{
	background: #719DCC;
}

.shinsotsu .mosaic-ic .blue td{
	background: #719DCC;
}

.shinsotsu .schedule table td{
	margin: 0;
	padding: 0;
	background: #EFF0F0;
	border: none;
	font-weight: bold;
	font-size:100%;
	white-space: nowrap;
}

.shinsotsu .schedule table td.right{
	text-align: right;
}

.shinsotsu .schedule .text{
	font-size:78.57142857%;
}

.shinsotsu .special .caution{
	overflow: hidden;
	_zoom: 1;
	font-size: 85.7143%;
}

.shinsotsu .special .caution.indent{
	padding: 0 0 0 112px;
}

.shinsotsu .special .caution dt{
	width: 14px;
	float: left;
}

.shinsotsu .special .caution dd{
	width: 600px;
	float: left;
}

.shinsotsu .special .title.btnset{
	position: relative;
  	width: 620px;
	height: 65px;
}

.shinsotsu .special .title.btnset .btn1{
	position: absolute;
	width: 112px;
	height: 22px;
	top:39px;
	left:112px;
}

.shinsotsu .special .title.btnset .btn2{
	position: absolute;
	width: 112px;
	height: 22px;
	top:39px;
	left:232px;
}


.shinsotsu .frame-body .caution{
	overflow: hidden;
	_zoom: 1;
}

.shinsotsu .frame-body .caution dt{
	width: 14px;
	float: left;
	color: #FF0000;
	font-size: 85.7143%;
}

.shinsotsu .frame-body .caution dd{
	width: 610px;
	float: left;
	color: #FF0000;
	font-size: 85.7143%;
}

.shinsotsu .lead-caution{
	overflow: hidden;
	_zoom: 1;
	font-size: 85.7143%;
}

.shinsotsu .lead-caution dt{
	width: 14px;
	float: left;
}

.shinsotsu .qa-q,
.shinsotsu .qa-a{
	overflow: hidden;
	_zoom: 1;
}

.shinsotsu .qa-q a,
.shinsotsu .qa-a a{
	color: #333333;
}

.shinsotsu .qa-q a:hover,
.shinsotsu .qa-a a:hover{
	color: #FF5F96;
}

.shinsotsu .qa-a{
	margin: 12px 0 11px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.shinsotsu .qa-q dt,
.shinsotsu .qa-a dt,
.shinsotsu .qa-q dd,
.shinsotsu .qa-a dd{
	float: left;
}

.shinsotsu .qa-a dt,
.shinsotsu .qa-q dt{
	width: 37px;
}

.shinsotsu .qa-a dd,
.shinsotsu .qa-q dd{
	width: 630px;
	margin-top: 3px;
	line-height: 1.7;
}

.shinsotsu .brand .title-lv2 span{
	font-weight: normal;
}
.shinsotsu .brand .first-child{
	background: #ffffff;
}
.shinsotsu .brand .first-child .catch{
	padding: 15px 0 50px;
	text-align: center;
}
.shinsotsu .brand .first-child .title{
	padding: 0 0 5px;
	font-size: 114.286%;
}
.shinsotsu .brand .arrow{
	padding: 0 0 27px;
	background:url(/com/recruit/shinsotsu/profile/img/arrow.jpg) no-repeat center bottom;
}

.shinsotsu .sub_menu .content-list-type1 li{
	float: left;
	display: block;
	margin: 10px 0 0 13px;
}
.shinsotsu .sub_menu .content-list-type1 li.cycle{
	margin-left: 0;
}
.shinsotsu .sub_menu .content-list-type1 li.top{
	margin-top: 0;
}

.shinsotsu.message .index .ltri .text{
	float: none;
	width: auto;
}
.shinsotsu.message .index .ltri .text p{
	padding: 0 0 15px;
}
.shinsotsu.message .index .ltri .image{
	margin: 10px 0 10px 20px;
	width: 335px;
}
.shinsotsu.message .index .ltri .image .caption{
	text-align: right;
}
.shinsotsu.message .index .special .special-body .photo{
	float: left;
	margin: 0 15px 4px 0;
}
.shinsotsu.message .index .special .set{
	background:url(/com/recruit/shinsotsu/message/img/bg_special.gif) repeat-y 0 0;
	margin: 20px 0 0;
}
.shinsotsu.message .index .special .set .special-body{
	float: left;
	margin: 0;
}
.shinsotsu.message .index .contact table{
	border-right: 1px solid #AFAFB0;
}
.shinsotsu.message .index .contact table th,
.shinsotsu.message .index .contact table td{
	border-left: none;
	border-right: none;
	padding: 5px 0;
	line-height: 1.7;
}
.shinsotsu.message .index .contact table th{
	background: #ffffff;
	text-align: center;
}
.shinsotsu.message .index .contact table ul{
	display: block;
	border-left: 1px solid #AFAFB0;
	border-right: 1px solid #AFAFB0;
	margin: 0 15px 0 0;
	padding: 6px 10px;
	line-height: 1.3;
}
.shinsotsu.message .index .contact table li{
	display: block;
	padding: 7px 0;
}
.shinsotsu.message .index .contact table li.title{
	float: left;
	border: none;
	background-color: #EFF0F0;
	margin: 0 10px 0 0;
	padding: 5px 12px;
}

.shinsotsu.project .sub_menu .content-list-type1 li{
	float: left;
	display: block;
	margin: 10px 0 0 13px;
}
.shinsotsu.project .sub_menu .content-list-type1 li.cycle{
	margin-left: 0;
}
.shinsotsu.project .sub_menu .content-list-type1 li.top{
	margin-top: 0;
}

.shinsotsu.project .index .main_menu{
	background:url(/com/recruit/shinsotsu/project/img/main_menu_bg.gif) repeat 0 0;
	padding: 10px 0 10px 10px;
}
.shinsotsu.project .index .main_menu .group{
	background:url(/com/recruit/shinsotsu/project/img/main_menu_bg_line.gif) repeat-y transparent 0 0;
}
.shinsotsu.project .index .main_menu .group .menu{
	float: left;
	margin: 0 10px 0 0;
	padding: 10px;
	width: 300px;
}
.shinsotsu.project .index .main_menu .group .menu .text{
	margin: 12px 0 0;
	font-size: 85.7143%;
}
.shinsotsu.project .member_menu{
	background:url(/com/recruit/shinsotsu/project/img/bg_pattern_01.jpg) repeat 0 0;
	padding: 10px 0 10px 10px;
}
.shinsotsu.project .member_menu li{
	float: left;
}
.shinsotsu.project .member_menu li.adjust1{	margin: 9px 0 0; }
.shinsotsu.project .member_menu li.adjust2{	margin: 0 0 0 10px; }

.shinsotsu.english .type2 .schedule{
	margin: 0;
	padding: 15px;
	width: 290px;
	min-height: 65px;
}
.shinsotsu.english .section #pagetop{
	margin-top: 20px;
	width: 670px;
}
.shinsotsu.english .publisher p{
	font-weight: normal;
}

.shinsotsu.works .index .main_menu{
	background:url(/com/recruit/shinsotsu/works/img/main_menu_bg.gif) repeat 0 0;
	padding: 10px 0 10px 10px;
}
.shinsotsu.works .index .main_menu .group{
	background:url(/com/recruit/shinsotsu/works/img/main_menu_bg_line.gif) repeat-y transparent 0 0;
}
.shinsotsu.works .index .main_menu .group .menu{
	float: left;
	margin: 0 10px 0 0;
	padding: 10px;
	width: 300px;
}
.shinsotsu.works .index .main_menu .group .menu .text{
	margin: 12px 0 0;
	font-size: 85.7143%;
}

.shinsotsu .training .list1,
.shinsotsu .training .list2,
.shinsotsu .training .list3{
	width:630px;
	background: #EBEBEB;
	padding:20px;
	margin:0 0 40px;
	position: relative;
	overflow: hidden;
	_zoom:1;
}

.shinsotsu .training .menus{
	position:relative;
}

.shinsotsu .training .list1{
	height: 390px;
}

.shinsotsu .training .list1 .menus{
	width: 310px;
}

.shinsotsu .training .list1 .menus p{
	position:absolute;
}

.shinsotsu .training .list1 .menus .item2{
	top:0;
	left:69px;
}

.shinsotsu .training .list1 .menus .item3{
	top:113px;
	left:69px;
}

.shinsotsu .training .list1 .menus .item4{
	top:231px;
	left:69px;
}

.shinsotsu .training .list1 .menus .item5{
	top:289px;
	left:69px;
}

.shinsotsu .training .list1 .menus .item7{
	top:0;
	left:69px;
}

.shinsotsu .training .list1 .menus .item8{
	top:60px;
	left:69px;
}

.shinsotsu .training .list1 .menus .item9{
	top:118px;
	left:69px;
}

.shinsotsu .training .list1 .menus .item10{
	top:207px;
	left:69px;
}


.shinsotsu .training .list1 .left{
	float:left;
}

.shinsotsu .training .list1 .right{
	float:right;
}

.shinsotsu .training .list2{
	height: 150px;
}

.shinsotsu .training .list2 .menus{
	overflow: hidden;
	_zoom:1;
}

.shinsotsu .training .list2 .menus p.item1{
	float:left;
}

.shinsotsu .training .list2 .menus p.item2{
	float:right;
}

.shinsotsu .training .list3{
	height: 190px;
}

.shinsotsu .training .list3 .menus p{
	position:absolute;
}

.shinsotsu .training .list1 p.title,
.shinsotsu .training .list2 p.title,
.shinsotsu .training .list3 p.title{
	margin:0 0 20px;
}

.shinsotsu .training .list3 .menus .item2{
	top:0;
	left:213px;
}

.shinsotsu .training .list3 .menus .item3{
	top:100px;
	left:213px;
}

.shinsotsu .training .list3 .menus .item4{
	top:0;
	left:426px;
}

.shinsotsu.works .page_menu{
	border: 1px dotted #999999;
	padding: 0 0 0 14px;
	height: 68px;
}
.shinsotsu.works .page_menu li{
	float: left;
	margin: 14px 0 0;
}
.shinsotsu.works .page_menu li.double{
	margin: 6px 0 0;
}
.shinsotsu.works .figure{
	border: 1px dotted #999999;
	padding: 0 0 0 14px;
	height: 78px;
}
.shinsotsu.works .figure li{
	margin: 8px 0 0;
}

.shinsotsu.works .box01{
	border: 1px solid #d0d0d0;
	padding: 5px;
}
.shinsotsu.works .box01.group.lirt .lihi{
	margin: 0;
}

.shinsotsu.works .box02{
	background-color: #e0e0e0;
	padding: 10px;
}
.shinsotsu.works .box02.group.lirt .lihi{
	margin: 0;
}
.shinsotsu.works .box02 dl dt{
	padding: 5px 0 7px;
	font-weight: bold;
}
.shinsotsu.works .box02 dl dd{
	font-size: 85.7143%;
}

.shinsotsu.works .content-index-group .content-index{
	overflow: hidden;
	_zoom: 1;
}

.shinsotsu.works .content-index-group .content-index .f-left{
	float: left;
}

.shinsotsu.works .content-index-group .content-index .f-right{	
	float: right;
}



/* ---------- side ------------ */
.cls-cff1f7 { background-color:#cff1f7; }
.cls-ffccb2 { background-color:#ffccb2; }

.val-top { vertical-align:top; }


.shinsotsu #aside .nav ul.local li.nolink span {
	display:block; width:201px;
	padding:12px 3px 11px 24px;
	background:url(/cmn/img/arrow_01.png) no-repeat 11px 16px #ffffff;
	line-height:1.21em;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	-moz-opacity:0.5;
	opacity:0.5;
	zoom: 1;
}

.shinsotsu #extra .side-banner {
	background: #CCCCCC;
	margin-bottom: 12px;
	padding: 0 0 5px 5px;
}

.shinsotsu #extra .side-banner p {
	padding-top: 5px;
}


/*---------------------------------------------------

               popup

---------------------------------------------------*/

#shinsotsu.popup{
	margin: -3px 0 0 0;
}

#shinsotsu.popup h1{
	font-weight: bold;
	padding: 15px 0 15px 0;
}

#shinsotsu.popup .call-frame-body{
	padding: 15px;
}

#shinsotsu.popup .call-frame-body dl dt{
	font-weight:bold;
	padding: 0 0 4px 0;
}

#shinsotsu.popup .call-frame-body dl dd{
	font-size:85.71428571%;
	padding: 0 0 16px 0; 
}