@charset "UTF-8";
/* CSS Document */

/*------------------------------
common
------------------------------*/

div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

*{
 margin:0;
 padding:0;
 font-family:"MS PGothic","Osaka",sans-serif;
 color:#333;
}

body{
	margin:0;
}

#logo{
	padding:0px 0 28px 7px;
}

#logo h1{
	margin:0 0;
}

.contentsRight{
	float: right;
	margin-right: 55px;
	margin-top:113px;
}

.menu{
	padding:0;
	width:100%;
}

.menuTop{
	margin:0;
	height:15px;
	clear:both;
	background:#C93C0F;
}

.menuTop ul{
	font-size:10px;
	list-style-type: none;
	margin:0 auto;
	width:900px;
}

.menuTop li{
	margin-top:2px;
	margin-right:11px;
	padding-left:1px;
	float:right;
}

.menuTop li a{
	background:url(../Images/bs_contact_ic03.jpg) 0 0 no-repeat;
	padding-left:15px;
	color:#fff;
	text-decoration: none;
}

.menuTop li a:hover{
	
}

.menuMain{
	height:55px;
	background:#EB6112;
	
}

.menuMain p{
	margin:0 auto;
	width:860px;
}

.menuMain .menuInner{
	border:none;
	background:url(../Images/bs_menu_ic01.gif) 0 9px no-repeat;
	float:left;
	margin:0;
	width:100px;
	height:46px;
	font-weight:bolder;
}

.menuMain .menuInner a img{
	border:none;
}

.menuMain .menuInner a img:hover{
	filter:alpha(opacity=85);
	opacity:0.85;
}


/*------------------------------
index
------------------------------*/
.bodyInner {
	width: 900px;
	height:695px;
	margin:0 auto 0;
	background:url(../Images/bs_top_bg02.jpg) 0 0 no-repeat;
}

.info{
	overflow-y: scroll;
	width: 370px;
	height: 252px;
	position:relative;
}

.information{
}

.information h2{
	color:#00571D;		
	font-size:26px;
}

.information span{
	color:#00571D;		
	font-size:10px;
	margin-left:1em;
}

.infoTop{
	margin-left:10px;
	background:url(../Images/bs_contact_ic02.jpg) no-repeat;
	background-position:bottom left;
}

.infoTop h3{
	font-size:12px;
	color:#00561C;
	margin-top:15px;
}

.infoTop p{
	font-size:10px;
	line-height:23px;
	margin:9px 0 0 5px;
}

.infoTop img{
	position:absolute;
	top:5px;
	right:26px;
}

.Pmark{
	margin-top:50px;
	font-size:8px;
}

.Pmark ul{
	list-style-type: none;
}

.Pmark li{
	float:right;
}

.Pmark li span a{
	border:none;
}

.Pmark li span a img{
	border:none;
}

.Pmark li div{
	margin-top:17px;
	clear:both;
}
.margin-right{
	margin-right: 20px;
	margin-top: 20px;
}
/*------------------------------
company
------------------------------*/
.bodyInner02 {
	width: 900px;
	height:695px;
	margin:0 auto 0;
	background:url(../Images/bs_company_bg.jpg) 0 0 no-repeat;
}

.contentsLeftCo{
	width: 408px;
	float: left;
}

.motion .CopyM{
	background:url(../Images/bs_company_bg01.jpg);
	height:42px;
	width: 340px;
}

.motion .CopyM p{
	color:white;
	font-size:11px;
	margin-left:2em;
	padding-top:4px;
	width:330px;
}

.motion .CopyM p span{
	color:#9ACB81;
	font-size:14px;
}

.contentsLeftCo ul{
	list-style-type:none;
	margin:10px 0	0	1.5em;
}

.fadeIn li{
	background:url(../Images/bs_company_ic01.jpg) 0 0.4em no-repeat;
	font-size:12px;
	line-height:25px;
	padding-left:2em;
}

.contentsLeft02 p{
	font-size: 12px;	
	margin-top: 30px;
}

.contentsRightCo{
	float: right;
	margin:70px 30px 0 0;
}

.contentsRight-inner{
	background-color:#FFFCF9;
	padding:15px;
	height:359px;
	width:379px;
}

.info02{
	margin:12px auto 0;
	width: 380px;
	height: 320px;
	overflow : auto;
	clear:both;
}



.info02 .infoTop ul{
	list-style:none;
}


.info02 .infoTop ul li h3{
	float:left;
	margin-top:9px;
}

.info02 .infoTop ul li p{
	margin-left:10em;
	padding-top:6px;
	
	
}

html:first-child div#hajime { /* SafariとOpera用 */
	width : 200px;
	height : 200px;
	overflow : scroll;
}

.infoTopB{
	margin-top:20px;
}

.infoTopB div{
	margin-top:15px;
}

.infoTopB p{
	background:url(../Images/bs_company_ic02.jpg) 0 0.8em no-repeat;
	font-size:10px;
	margin-left:1em;
	line-height:23px;
	padding-left:1em;
}

.company{
	margin:15px 0 0 33px;
}

.company img{
	position:relative;
}

#CopyCo li{
	display:none;	
}

.infoTopNo{
	margin-left:10px;
	padding-bottom:10px;
}

.infoTopNo span{
	font-size:10px;
	line-height:25px;
}

.infoTopNo p{
	margin-top:10px;
	text-align:right;
}
	
/*------------------------------
Working
------------------------------*/
.bodyInner03 {
	width: 900px;
	height:695px;
	margin:0 auto 0;
	background:url(../Images/bs_working_bg.jpg) 0 0 no-repeat;
}

.contentsLeft03{
	width: 408px;
	margin-top:140px;
	margin-left: 25px;
	float: left;
	clear: both;
}

.contentsLeft03 p{
	font-size: 12px;	
	margin-top: 30px;
}

.ma{
}

.ma ul{
	list-style-type:none;
}

.ma ul li{
}

.ma ul li h3{
	color:#00571D;
	font-size:12px;
	padding-left:1em;
}

.ma ul li p{
	font-size:10px;
	padding-left:1em;
}

.achive{
	margin-top:10px;
}

.achive ul{
	list-style-type:none;	
}

.achive h3{
	background:url(../Images/bs_working_ph04.gif);
	color:white;
	height:16px;
	font-size:12px;
	padding-left:1em;
	width:148px;
}

.achive span{
	color:#EB6112;
	font-size:10px;
	margin-left:1em;
}

.achive p{
	font-size:10px;
	font-weight:bold;
	margin-left:2em;
}

.achive p span{
	color:black;
	font-weight:lighter;
}

.achive img{
	margin-top:10px;
}

.achineIn{
	background:url(../Images/bs_working_ic01.png) 0 bottom no-repeat;
	margin-top:5px;
	padding-bottom:5px;	
}

.Coto li{
	background:url(../Images/bs_company_ic01.jpg) 0 0.5em no-repeat;
	font-size:10px;
	line-height:25px;
	padding-left:2em;
}

/*------------------------------
access
------------------------------*/
.bodyInner04 {
	width: 900px;
	height:695px;
	margin:0 auto 0;
	background:url(../Images/bs_access_bg.jpg) 0 0 no-repeat;
}

.contentsLeft04{
	margin-top:200px;
	margin-left: 25px;
	float: left;
	clear: both;
	width: 408px;
}

.contentsLeft04 p{
	margin-top: 30px;
	font-size: 12px;	
}

.info04{
	width: 370px;
	height: 210px;
}

.info04 h2{
	background:url(../Images/bs_working_ph03.gif) 5.5em 0.3em no-repeat;
	color:#00571D;
	font-size:12px;
}

.info04 p{
	margin-left:1em;
	font-size:10px;
}

.info04 iframe{
	margin:10px 0 0 1.5em;
}

.infoTop04{
	padding-bottom:7px;
	background:url(../Images/bs_contact_ic02.jpg) no-repeat;
	background-position:bottom left;
}

.infoTop04 h3{
	color:#00561C;
	font-size:12px;
	margin-top:8px;
}

.infoTop04 p{
	margin:0 0 0 1em;
}

#jr{
	background:url(../Images/bs_working_ph03.gif) 6.7em 0.4em no-repeat;	
}

#Subway{
	background:url(../Images/bs_working_ph03.gif) 8.7em 0.4em no-repeat;	
}

/*------------------------------
client
------------------------------*/
.bodyInner05 {
	width: 900px;
	height:695px;
	margin:0 auto 0;
	background:url(../Images/bs_clients_bg.jpg) 0 0 no-repeat;
}


.contentsLeft05{
	width: 408px;
	margin-top:135px;
	margin-left: 25px;
	float: left;
	clear: both;
}

.contentsLeft05 p{
	margin-top: 30px;
	font-size: 12px;	
}

.info05{
	line-height:20px;
	width: 370px;
	height:100px;
}

.info05 h2{
	color:#00571D;
	font-size:12px;
	margin-top:5px;
}

.info05 p{
	margin-left:1em;
	font-size:10px;
}

.infoTop05{
	padding-bottom:7px;
	background:url(../Images/bs_contact_ic02.jpg) no-repeat;
	background-position:bottom left;
}

.infoTop05 #ForClients{
	background:url(../Images/bs_working_ph03.gif) 14.7em 0.4em no-repeat;
	color:#00561C;
	font-size:12px;
	margin-top:8px;
}

.infoTop05 #contact{
	background:url(../Images/bs_working_ph03.gif) 4.5em 0.4em no-repeat;
	color:#00561C;
	font-size:12px;
	margin-top:8px;
}

.infoTop05 p{
	margin:0 0 0 1em;
}

.infoTop05 p a{
	color:#6CBB5A;
	text-decoration:none;
}

.infoTop05 ul{
	font-size:12px;
	list-style:none;
	margin:0 0 0 1em;
}

.infoTop05 li{
	font-weight:bolder;
}

.infoTop05 li span{
	color:#eb6012;
	float:left;
}

.infoTop05 li div{
	color:#eb6012;
}

/*------------------------------
client
------------------------------*/
.bodyInner06 {
	width: 900px;
	height:695px;
	margin:0 auto 0;
	background:url(../Images/bs_recruit_bg.jpg) 0 0 no-repeat;
}

.contentsLeftCo{
	width: 408px;
	float: left;
}

.contentsLeftCo ul{
	list-style-type:none;
	margin:10px 0	0	1.5em;
}

.contentsLeftCo li{
	background:url(../Images/bs_company_ic01.jpg) 0 0.4em no-repeat;
	font-size:12px;
	line-height:25px;
	padding-left:2em;
}

.contentsLeft02 p{
	font-size: 12px;	
	margin-top: 30px;
}

.contentsRightCo{
	float: right;
	margin-right: 10px;
}

.contentsRight-inner{
	background-color:#FFFCF9;
	padding:15px;
	height:425px;
	width:431px;
}

.info02{
	margin:12px auto 0;
	width: 380px;
	height: 398px;
	overflow : auto;
	clear:both;
}



.info02 .infoTop ul{
	list-style:none;
}


.info02 .infoTop ul li h3{
	float:left;
	margin-top:9px;
}

.info02 .infoTop ul li p{
	margin-left:10em;
	padding-top:6px;
	
	
}

html:first-child div#hajime { /* SafariとOpera用 */
	width : 200px;
	height : 200px;
	overflow : scroll;
}

.infoTopB{
	margin-top:20px;
}

.infoTopB div{
	margin-top:15px;
}

.infoTopB p{
	background:url(../Images/bs_company_ic02.jpg) 0 0.8em no-repeat;
	font-size:10px;
	margin-left:1em;
	line-height:23px;
	padding-left:1em;
}

.company{
	margin:15px 0 0 33px;
}

.company img{
	position:relative;
}

#CopyCo li{
	display:none;	
}

.infoTopNo{
	margin-left:10px;
	padding-bottom:10px;
}

.infoTopNo span{
	font-size:10px;
	line-height:25px;
}

.infoTopNo p{
	margin-top:10px;
	text-align:right;
}

/*------------------------------
recruit
------------------------------*/
.entryInfo{
	margin-top:10px;
}	

.entryInfo p{
	background:url(../Images/bs_recruit_ph03.jpg) 0 0 no-repeat;
	color:white;
	font-size:9px !important;
	height:14px;
	padding:0.4em 0 0 0.5em;
	width:332px;	
}

.entryDetail{
	border:#EB6112 solid 1px;
	width:334px;
}

.entryDetail p{
	font-size:10px;
	margin-top:1px;
	padding-left:15px;
}

.entryDetail h4{
	font-size:10px;
	font-weight:bolder;
	color:#EB6112;
	margin-top:1em;
	padding-left:10px;
}

.entryTo{
	width:161px;
	margin:10px auto;
}	

.entryTo img{
	border:none;
}	

.programer{
	background-color:#EADAB9;
	color:#004098;
}

.programer span{
	color:#004098;
	font-size:10px;
	margin-top:1px;
	padding-left:15px;
}

.programer p{
	padding-left:30px;
}

.system{
	background-color:#FEEBC8;
}

.system span{
	color:#E60039;
	font-size:10px;
	margin-top:1px;
	padding-left:15px;
}

.system p{
	padding-left:30px;
}

#newRe{
	color:red;
	font-weight:bolder;
	margin-top:10px;
	padding-left:1em;
}
	
/*------------------------------
tabs-company
------------------------------*/

.motion {
	margin:10px 0 0 20px ;
	width: 325px;
	display: none;
}

#motion_area1{
	display:block;
}

.motion h2{
	color:#00571D;
	font-size:26px;
}

.motion p{
	font-size:10px;
}

.tabs{
	width:445px;
	height:16px;
	margin:0 auto 0;
}

#tab1{
	padding:2px 28px 2px 29px;
}

#tab2{
	padding:2px 21px ;
}

#tab3{
	padding:2px 32px;
}

#tab4{
	padding:2px 17px 2px 18px;
}

#tab5{
	padding:2px 22px;
}

.tabs a{
	background:url(../Images/bs_company_menu.jpg);
	float:left;
	font-size:10px;
	text-decoration:none;
	color:white;	
}

/*------------------------------
tabs-working
------------------------------*/

.tabbox{
}

#tab6{
	padding:1px 21px 2px 22px;
}

#tab7{
	padding:1px 10px 2px 10px;
}

#tab8{
	padding:1px 3px 2px;
}

#tab9{
	padding:1px 16px 2px 17px;
}

#tab10{
	padding:1px 0 2px;
}

#tab11{
	padding:1px 9px 2px;
}

a.btn_act{
	background:url(../Images/bs_company_menu.jpg);
}

a.active {
	background:url(../Images/bs_company_menu_on.jpg);
}

.tabs02{
	height:14px;
}

.ma{
	margin-top:10px;
}

.ma h3{
	margin-top:5px;
}

/*------------------------------
tabs-recruit
------------------------------*/

#tab13{
	padding:0 67.5px 0 67.5px;
}

#tab14{
	padding:0 67.5px 0 67.5px;
}