@charset "UTF-8";

/*==================================================================
common
===================================================================*/

#wrapper{
	border-top:solid 3px #0093D8;
	padding-top:1px;
	}
.blank {
	background: url(/img/common/icon/blank_new.gif) no-repeat 100% 50%;
	padding-right: 13px;
	}

.mb20 { margin-bottom: 20px;}

textarea { height: 20em;}


/*==================================================================
header
===================================================================*/
#header{
	background:url(/img/common/gn_bg.gif) repeat-x 0 100%;
	border-top:solid 1px #E3E3E3;
	padding:0 10px;
	height:110px;
	}
#headerInner{
	width:100%;
	max-width:980px;
	margin:0 auto;
	height:70px;
	position:relative;
	}
#navi{
	width:980px;
	margin:0 auto;
	}
#navi li{
	float:left;
	}
#navi a{
	background:url(/img/common/gn.gif) no-repeat;
	width:196px;
	height:0;
	padding-top:40px;
	display:block;
	overflow:hidden;
	}
#navi #naviCase a{
	background-position:-196px 0;
	}
#navi #naviCorpration a{
	background-position:-392px 0;
	}
#navi #naviRecruit a{
	background-position:-588px 0;
	}
#navi #naviContact a{
	background-position:-784px 0;
	}
#headerNavi{
	position:absolute;
	right:0;
	top:10px;
	}
#headerNavi li{
	float:left;
	}
#headerNavi a{
	background:#FFF url(/img/common/li_head.gif) no-repeat;
	height:0;
	display:block;
	padding-top:11px;
	overflow:hidden;
	}
#header #hnaviHome a{
	width:30px;
	}
#header #hnaviInterview a{
	background-position:0 -11px;
	width:67px;
	}
#header #hnaviContact a{
	background-position:0 -22px;
	width:61px;
	}
#header #hnaviSitemap a{
	background-position:0 -33px;
	width:61px;
	}
#headerInner li{
	background:url(/img/common/icon/arrow_blue.gif) no-repeat 0 50%;
	padding-left:10px;
	margin-left:12px;
	}
a#logo{
	padding:14px 0 8px 0;
	display:block;
	width:188px;
	}
a#logo:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}
#searchNavigation fieldset{
	position:absolute;
	right:0;
	top:35px;
	}
#searchNavigation .formfield{
	width:254px;
	border:solid 1px #E3E3E3;
	height:16px;
	background:url(/img/common/icon/search.gif) no-repeat 1% 50%;
	padding-left:20px;
	}

.errTxt {
	margin-bottom: 10px;
	border: 2px solid #C00;
	padding: 15px 10px 0;
	background-color: #FFF0F0;
}

.errTxt p { margin: 0 !important; text-align: center; color: #C00;}
.errTxt .error li, .errTxt .error{ background-color: #FFF;}


/*==================================================================
newsBox
===================================================================*/
#newsBox{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:6px 0 6px;
	}
#newsBox p{
	background:url(/img/common/icon/news.gif) no-repeat 0 3px;
	padding-left:50px;
	margin-right:12px;
	font-size:93%;
	float:left;
	}
#newsBox p a{
	background:url(/img/common/icon/arrow_blue.gif) no-repeat 0 60%;
	padding-left:10px;
	margin-left:12px;
	}
#newsBox .buttonArea{
	float:right;
	background:#F5F5F5;
	padding:3px 10px 3px 0;
	margin-top:1px;
	}
#newsBox .buttonArea li{
	float:left;
	padding-left:10px;
	}
#newsBox .rssButton a{
	background:url(/img/common/btn_rss.gif) no-repeat;
	width:34px;
	height:0;
	display:block;
	padding-top:12px;
	overflow:hidden;
	}
#newsBox .newsButton a{
	background:url(/img/common/btn_news.gif) no-repeat;
	width:70px;
	height:0;
	display:block;
	padding-top:12px;
	overflow:hidden;
	}


/*==================================================================
container
===================================================================*/
#container{
	background:url(/img/common/bg.gif) repeat-x 50% 0;
	}


/*==================================================================
contents
===================================================================*/
#contents{
	background:#FFF;
	width:100%;
	max-width:980px;
	/*width:980px;*/
	margin:0 auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
#contentsInner{
	position:relative;
	padding:15px 15px 0px 15px;
	}
#contentsInner:after {
	clear: both;
	content: "";
	display: block;
}
ol.breadcrumbs{
	width:100%;
	max-width:980px;
	margin:0 auto;
    font-size: 10px;
    line-height: 1;
	padding:7px 0;
	}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:link{
	color:#FFF;
	}
.breadcrumbs a:visited{
	color:#FFF;
	}
.breadcrumbs a:hover{
	color:#B5DDF4;
	}	

/*==================================================================
main
===================================================================*/
#main{
	float:left;
	width:720px;
	padding-bottom:50px;
	}
#main p{
	margin-bottom:10px;
	}
#main #categoryTitle{
	background:url(/img/common/h1.jpg) no-repeat;
	display:block;
	overflow:hidden;
	height:0;
	padding-top:115px;
	margin-bottom:10px;
	}

#pageBusiness #main #categoryTitle{
	background-position:0 0;
	}
#pageCase #main #categoryTitle{
	background-position:0 -115px;
	}
#pageCorporation #main #categoryTitle{
	background-position:0 -230px;
	}
#pageRecruit #main #categoryTitle{
	background-position:0 -345px;
	}
#pageContact #main #categoryTitle{
	background-position:0 -460px;
	}
#pageNews #main #categoryTitle{
	background-position:0 -690px;
	}
#pageSitemap #main #categoryTitle{
	background-position:0 -575px;
	}
#pageDownload #main #categoryTitle{
	background-position:0 -805px;
	}
#pageStyle #main #categoryTitle{
	background-position:0 -920px;
	}
#pageCommunication #main #categoryTitle{
	background-position:0 -1035px;
	}
/* #main #categoryTitle{
	background-position:0 -460px;
	}*/
#main .headline{
	background:url(/img/common/h2.gif) no-repeat;
	font-weight:bold;
	font-size:123.1%;
	height:36px;
	line-height:36px;
	padding-left:10px;
	margin-bottom:8px;
	clear:both;
	}
#main .headline2, .sideCase .headline2{
	background:url(/img/common/h3.gif) repeat-x 0 100% ;
	font-weight:bold;
	font-size:116%;
	padding-bottom:5px;
	margin-bottom:7px;
	}
#main .headline3{
	background:url(/img/common/line_dot.gif) repeat-x 0 100% ;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size:103%;
	}
#main .headline4{
	font-weight: bold;
	font-size: 104%;
	margin-bottom: 5px;
	}
	
#main .section{
	margin-bottom:20px;
	}
#main .caseList{
	margin-bottom:10px;
	}
#main .caseList .leftSec{
	width: 140px;
	text-align: center;
	float: left;
	}
#main .caseList .leftBox{
	width: 140px;
	text-align: center;
	float: left;
	}
#main .caseList .rightSec{
	width: 535px;
	float: right;
	}
#main .caseList .rightBox{
	width: 535px;
	float: right;
	}
#main .submit .button{
	background:#FFF url(/img/common/btn_gray.gif) 0 100%;
	border:2px solid #CCC;
	cursor:pointer;
	line-height:100%;
	padding:4px 25px;
	margin: 0 5px;
	}

/*table
-----------------------------------------------------------------*/
table.works{
	width:100%;
	margin:0 auto 10px;
	border-collapse:collapse;
	border-spacing:0;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	font-size:108%;
	table-layout: fixed;
	}
table.works th,table.works td{
	border:solid 1px #E3E3E3;
	padding:6px 10px;
	}
table.works th{
	background:#EDF4FD;
	text-align:left;
	color:#666;
	}
table.works th a{
	color:#666;
	}
table.works td{
	border:solid 1px #E3E3E3;
	text-align:center;
	vertical-align:top;
	padding:10px 10px;
	}
table.works td span a{
	background:url(/img/common/icon/arrow_black.gif) no-repeat 0 55%;
	padding-left:10px;
	}
table.works td img{
	background:none;
	margin-left:0;
	padding-left:0;
	}

/*ul.cat
-----------------------------------------------------------------*/
ul.cat{
	width:100%;
	border-top:solid 1px #E3E3E3;
	margin-bottom:10px;
	}
ul.cat li{
	float:left;
	width:239px;
	border:solid 1px #E3E3E3;
	margin:-1px 0 0 -1px;
	padding:3px 0 4px;
	font-size:108%;
	}
ul.cat li a{
	display:block;
	background:url(/img/common/icon/arrow_black.gif) no-repeat 0 55%;
	padding-left:10px;
	margin-left:10px;
	}
	
.pageAllcoupon ul.cat li,
.pageCampuscity ul.cat li,
.pageEduon ul.cat li,
.pageTrustl ul.cat li,
.pageOl910 ul.cat li,
.pageMilfile ul.cat li{
	font-size:100%;
	}
	
*:first-child+html .autowidth{
	width:auto !important;
	}

/*==================================================================
sidebar
===================================================================*/
#sidebar{
	float:right;
	width:215px;
	padding-bottom:25px;
	}
.sidebarMenu{
	border:solid 1px #E3E3E3;
	margin-bottom:10px;
	border-bottom:none;
	}
#sidebar h3 a{
	background:url(/img/common/h3_sidebar.gif) no-repeat;
	height:0;
	display:block;
	padding-top:58px;
	overflow:hidden;
	border-bottom:solid 1px #E3E3E3;
	}
#sidebar h3 a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}
#pageCase #sidebar h3 a{
	background-position:0 -61px;
	}
#pageCorporation #sidebar h3 a{
	background-position:0 -122px;
	}
#pageRecruit #sidebar h3 a{
	background-position:0 -183px;
	}
#pageContact #sidebar h3 a{
	background-position:0 -244px;
	}
#pageDownload #sidebar h3 a{
	background-position:0 -305px;
	}
#pageNews #sidebar h3 a{
	background-position:0 -366px;
	}
#pageStyle #sidebar h3 a{
	background-position:0 -427px;
	}
#pageCommunication #sidebar h3 a{
	background-position:0 -488px;
	}
#sidebar h4{
	background:#EDF4FD url(/img/common/line_dot.gif) repeat-x 0 100%;
	font-size:111%;
	font-weight:bold;
	}
#sidebar h4 a{
	background:url(/img/common/icon/arrow_black.gif) no-repeat 8px 50%;
	text-decoration:none;
	padding:6px 0 6px 18px;
	display:block;
	color:#666;
	font-size:111%;	
	}
#sidebar h4 a:hover,#sidebar h4 a:active{
	color:#888;
	font-size:111%;	
	}
#sidebar ul.menu li{
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	}
#sidebar ul.menu li.last{
	background:none;
	}
#sidebar ul.menu li a{
	background:url(/img/common/icon/arrow_black.gif) no-repeat 8px 15px;
	display:block;
	padding:6px 6px 6px 18px;
	font-size:111%;
	}	
#sidebar ul.menu li ul{
	background:url(/img/common/line_dot.gif) repeat-x;
	padding:0;
	}
#sidebar ul.menu li ul li{
	display:block;
	padding:1px 8px 4px 30px;
	background:none;
	text-indent:-20px;
	}
#sidebar ul.menu li ul li a{
	background:url(/img/common/icon/arrow_black.gif) no-repeat 8px 6px;
	font-size:93%;
	display:inline;
	padding:0 0 0 20px;
	border:0;
	}
#sidebar ul.menu li ul li a{
	background:url(/img/common/icon/arrow_black.gif) no-repeat 8px 6px;
	font-size:93%;
	display:inline;
	padding:0 0 0 20px;
	border:0;
	}	
#sidebar .section{
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	padding-bottom:10px;
	margin-bottom:10px;
	}
#sidebar .search{
	background:url(/img/common/sidebar_search.gif) no-repeat;
	height:70px;
	position:relative;
	}
#sidebar #searchNavigation fieldset{
	position:absolute;
	right:14px;
	top:34px;
	}
#sidebar #searchNavigation .formfield{
	width:146px;
	border:solid 1px #E3E3E3;
	height:16px;
	background:url(/img/common/icon/search.gif) no-repeat 1% 50%;
	padding-left:20px;
	}
#sidebar .section li{
	padding-bottom:10px;
	}	
#sidebar .section li.last{
	padding-bottom:0;
	}
#sidebar .section img{
	display:block;
	}
	
.sideCase {
	background: url("/img/common/bg_sn.gif") repeat-y scroll 0 0 white;
	padding: 10px;
	margin-bottom: 15px;
	}
.newCase { background-color: #FFF; padding: 10px 10px 1px; line-height: 1.3;}
.newCase a { font-size: 85%;}
.newCase a img { display: block;}
.newCase dd { margin-bottom: 13px;}
 
	
/*==================================================================
footer
===================================================================*/
#pagetop{
	clear:both;
	position:absolute;
	right:15px;
	bottom:0;
	}
#pagetop a{
	background:url(/img/common/pagetop.gif) no-repeat;
	height:0;
	display:block;
	padding-top:23px;
	overflow:hidden;
	width:106px;
	}
a.pagetop{
	background:url("/img/common/icon/arrow_blue_top.gif") no-repeat 0 50%;
	padding-left:10px;
	}
a:hover.pagetop{
	background:url("/img/common/icon/arrow_blue_top.gif") no-repeat 0 33%;
	text-decoration:none;
	}


#footer{
	border-top:solid 3px #0093D8;
	clear:both;
	}
ul#footerNavi{
	max-width:980px;
	margin:0 auto;
	}
#footerNavi li{
	float:left;
	padding:10px 0;
	}
ul#footerNavi li a{
	display:block;
	overflow:hidden;
	font-size:11px;
	text-decoration:none;
	}
#footerInner{
	background:url(/img/common/bg_footer.gif) repeat-x 0 100%;
	border-top:solid 1px #E3E3E3;
	clear:both;
	}
#footerNavi li,
#footerList li{
	background:url(/img/common/icon/arrow_blue.gif) no-repeat 0 50%;
	padding-left:10px;
	margin-right:12px;
	}
#footer li a{
	color:#666;
	}
#footer li a:hover,#footer li a:active{
	color:#888;
	}
#footerList{
	max-width:980px;
	margin:0 auto;
	padding:30px 0;
	font-size:93%;
	}
	
#footerList dl { float:left;}
#footerList .solution { width:210px;}
#footerList .media { width:310px;}
#footerList .group { width:450px;}

#footerList .group dd { width:450px;}
#footerList .group dd .groupLeft { float:left;}
#footerList .group dd .groupRight { float:right;}
	
#footerList li{
	margin:0 0 2px 0;
	}
#footerList dt{
	background:#FFF url(/img/common/dt_footer.gif) no-repeat;
	height:0;
	display:block;
	padding-top:15px;
	overflow:hidden;
	margin-bottom:15px;
	}
#footerList .solution dt{
	width:144px;
	}
#footerList .media dt{
	background-position:0 -15px;
	width:79px;
	}
#footerList .group dt{
	background-position:0 -30px;
	width:80px;
	}
#footerList .social dt{
	background-position:0 -45px;
	width:117px;
	}
	
#footerBox{
	max-width:980px;
	margin:0 auto;
	padding:15px 0 12px;
	}
#footerBox a{
	background:url(/img/common/logo_footer.gif) no-repeat;
	display:block;
	width:287px;
	height:0;
	overflow:hidden;
	padding-top:34px;
	float:left;
	}
#footerBox a:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}
#footerBox span{
	background:url(/img/common/adress.gif) no-repeat;
	display:block;
	width:607px;
	height:0;
	overflow:hidden;
	padding-top:28px;
	float:right;
	margin-top:3px;
	}

.blueBackCenter {
margin-top: 10px;
text-align: center;
background-color: #E6F3FB;
padding: 5px;
}

#main .li, a.li {
background: url(/img/common/icon/arrow_black.gif) no-repeat 0px 0.45em;
padding-left: 10px;
}

#main h2#noneH2{
	background:none;
font-weight: bold;
font-size: 123.1%;
height: auto;
line-height:auto;
padding-left: 0;
margin-bottom: 0;
}

.profileList{
	margin-bottom:10px;
	}
ul.socialButton li iframe {
	min-width:100px;
}
.twBtn{
	width:100px;
	}
.modelSheet tbody th{
	background-color:#FFF;
	text-align:center;
	}
.modelSheet tbody td{
	width:150px;
	text-align:left;
}

#sidebar ul.menu li.lastChild{
	background: url(/img/common/line_bottom.gif) repeat-x 0 100%;
	}
#formPrivacyPolicy .geotrust{
	margin-right:15px;
	}

#pageStyle .entryContents { margin-bottom: 20px;}

#pageStyle .entryData {	padding: 10px; margin-bottom: 15px; border: 1px solid #DCDCDC;}
#pageStyle .entryData dt {
	clear: both;
	float: left;
	width: 10%;
	font-size: 108%;
}
#pageStyle .entryData dd { float: left; width: 85%;}


/* section style
--------------------------------------------------------- */
#pageStyle #main .asset-body p,
#pageStyle #main .asset-body ul,
#pageStyle #main .asset-body ol,
#pageStyle #main .asset-more-link {
	width: 530px;
	padding-right:10px;
	float: right;
	display: inline;
	}
#pageStyle #main .asset-header h2{
	width: 540px;
	float:right;
	padding-bottom: 10px;
	font-weight: bold;
	}
#pageStyle #main .section {
	margin-bottom:15px;
	}
#pageStyle .asset-body img{
	padding-top:4px;
	padding-left: 10px;
}


/* contactBtn
--------------------------------------------------------- */
.contactBtn {
	width:294px;
	margin:30px auto;
}



/* business style
--------------------------------------------------------- */
#navi a{
background-image: url("//recruit.cybridge.jp/img/common/gn.gif");
}

/* section style
--------------------------------------------------------- */
#appList{
	width:648px;
	margin:0 auto;
}
#appList li{
	float:left;
	margin:5px;
}


#google_translate_element{
	position: absolute;
	right: 0;
	top: 32px;
	}
	
.appFunction h3{
	background: #eef1f9 !important;
    padding: 6px !important;
    margin-bottom: 10px !important;
}
.appFunction p{
	color:gray;
}