@charset "utf-8";
/* ------------------------------------------------------------

	other

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

/*----------------------------------------*/
/*　チBめAッEめAチBッVゃN　*/
/*----------------------------------------*/
.main_img{width:960px; height:230px; margin:0 auto; clear:both;}
.main_img{text-indent:-9999px;}


#service .main_img{background-image:url(../service/images/service_main.jpg); background-repeat:no-repeat;}
#service #s_test .main_img{background-image:url(../service/software_test/images/main.jpg); background-repeat:no-repeat;}
#service #digital .main_img{background-image:url(../service/digital_test/images/main.jpg); background-repeat:no-repeat;}
#service #digital #kino .main_img{background-image:url(../service/digital_test/images/kino_main.jpg); background-repeat:no-repeat;}
#service #digital #stream .main_img{background-image:url(../service/digital_test/images/stream_main.jpg); background-repeat:no-repeat;}
#service #s_dev .main_img{background-image:url(../service/software_development/images/dev_main.jpg); background-repeat:no-repeat;}
#service #feature01 .main_img{background-image:url(../feature/images/feature01_main.jpg); background-repeat:no-repeat;}
#service #feature02 .main_img{background-image:url(../feature/images/feature02_main.jpg); background-repeat:no-repeat;}
#service #company01 .main_img{background-image:url(../company/images/company01_main.jpg); background-repeat:no-repeat;}
#service #company02 .main_img{background-image:url(../company/images/company02_main.jpg); background-repeat:no-repeat;}
#service #company03 .main_img{background-image:url(../company/images/company03_main.jpg); background-repeat:no-repeat;}
#service #inquiry .main_img{background-image:url(../inquiry/images/inquiry_main.jpg); background-repeat:no-repeat;}
#service #privacy .main_img{background-image:url(../privacy/images/privacy_main.jpg); background-repeat:no-repeat;}

/*----------------------------------------*/
/*　ぃAんくず 　*/
/*----------------------------------------*/
.pan{ margin:0 auto; clear:both; width:960px; padding:0.8em 0; font-size:90%; letter-spacing:0; border-bottom:1px #e1e1e1 solid;}
.pan ol{width:960px; padding-left:0px; text-align:left; padding-top:3px; }
.pan li{display:inline; padding:0 10px 0 10px;}
.pan li a{padding-right:30px; background-image:url(../images/pan_arrow.gif); background-repeat:no-repeat; background-position:right top; text-decoration:none; color:#0058af;}
.pan li a:hover{text-decoration:underline;}




/*----------------------------------------*/
/*　ゃEッEテンツ　*/
/*----------------------------------------*/
#left_contents{width:680px; height:auto; }


/* ----------ゃIッVビス等 ゃEッEテンツタめAトル---------- */
#service h2{width:680px; height:41px; clear:both; padding:12px 0 0 18px !important; margin-bottom:5px; background-image:url(../images/common/contents_ttl.gif); background-repeat:no-repeat; color:#000 !important; font-size:1.25em !important;}

#service .mgn0{width:680px; height:29px!important; clear:both; padding:12px 0 0 18px !important; margin:0px; background-image:url(../images/common/contents_ttl.gif); background-repeat:no-repeat; color:#000 !important; font-size:1.25em !important;}

#service p{width:680px; clear:both; padding:4px 0 6px 0px;}

#service .BN_btn{width:680px;}
#service .BN_btn ul li{width:319px; height:46px; float:left; margin:20px 20px 50px 0px!important; position:relative;}

#service .img01{margin:20px 20px 50px 0px;}

.aowaku {
	clear:both;
	height:auto;
	width:634px;
	padding:20px 20px 20px 20px;
	margin:10px 0 20px 0px;
	border:1px solid #64acee;
}


.aowaku p{
	width:630px!important;
	margin-top:3px;
	margin-bottom:3px;
}


.aowaku_mgn50 {
	clear:both;
	height:auto;
	width:634px;
	padding:20px 20px 20px 20px;
	margin:10px 0 50px 0px;
	border:1px solid #64acee;
}

.aowaku_mgn50 p{
	width:630px!important;
	margin-top:3px;
	margin-bottom:3px;
}


.aowaku_s {
	clear:both;
	height:auto;
	width:449px;
	padding:20px 20px 20px 20px;
	margin:20px 0 20px 0px;
	border:1px solid #64acee;
}

.aowaku_s p{
	width:449px!important;
}

.midashi_ao {
	font-size:14px;
	font-weight:bold;
	color:#206bb6;
	margin-bottom:3px;
}


.mizuirowaku {
	clear:both;
	height:auto;
	width:634px;
	padding:10px 10px 10px 10px!important;
	margin:0 0 10px 20px!important;
	display:block;
	background-color:#e7f4ff;
}

.mizuirowaku2 {
	clear:both;
	height:auto;
	width:634px;
	padding:10px 10px 10px 20px!important;
	margin:0 0 30px 0!important;
	display:block;
	background-color:#e7f4ff;
}





/* ----------index_contents---------- */

#contentsarea {
	clear:both;
	width: 960px;
	height:auto;
	margin: 0 auto;
	padding:23px 0 50px 0;
	text-align: left;
	overflow: hidden;
}

/* ----------left（�L��ゃEッEテンツエッFめu）---------- */

#contentsarea #left {
	float:left;
	width: 680px;
	height:auto;
	padding:0 0 50px 0;
	text-align: left;
	overflow: hidden;
}


#contentsarea .box1 {
	clear:both;
	width: 680px;
}

#contentsarea .list {
	clear:both;
	width: 680px;
	padding:0 0 20px 0;
}

#contentsarea .list .ttl{
	clear:both;
	width: 680px;
	padding:0 0 12px 0;
}

#contentsarea .list .test{
	clear:both;
	width: 680px;
	padding:0 0 12px 16px;
}

#contentsarea .list .ttl_test {
	height:30px;
	padding:0 0 10px 0;
	background-image:url(../service/images/offshore_test_tab.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}

#contentsarea .list .ttl_develop {
	height:30px;
	margin-top:10px;
	padding:0 0 10px 0;
	background-image:url(../service/images/offshore_dev_tab.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}

#contentsarea .list p {
	clear:both;
	padding:5px 0 15px 0;
}


#contentsarea .box1 {
	clear:both;
	width: 680px;
}


/* ----------ゃIッVビスTOP---------- */
#contentsarea .servicetop {
	height:83px;
	background-image:url(../service/images/servicetop_bk.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#contentsarea h2 {
	color:#116bbe;
	font-size:1.5em;
	line-height:1.4em;
	padding:0 0 13px 0;
}

#contentsarea .btn {
	width: 960px;
	clear:both;
	padding:10px 0 34px 0;
}

#inquiry_bottom {
	clear:both;
	width: 574px;
	padding:10px 0 30px 58px;
}



/* ----------right（右ゃBッFめu）---------- */

#contentsarea #right {
	float:right;
	width: 240px;
	height:auto;
	padding:0 0 15px 0;
	text-align: left;
	overflow: hidden;
}


/*----------------------------------------*/
/*　參EチBニュッV　*/
/*----------------------------------------*/
#contentsarea #right .side_r{width:240px; float:left; }
/*-- 參EゃIめAドナビ --*/
#contentsarea #right .r_navi{padding:0px; margin:0px;}
#contentsarea #right .r_navi li{width: 240px; height:40px; background-image:url(../images/common/menu_r_bk_off.gif); background-repeat:no-repeat; color:#fff;}
#contentsarea #right .r_navi li a{width: 240px; height:40px; color:#fff; display:block; padding:1em 0 0 32px; background-image:url(../images/common/menu_r_bk_off.gif); background-repeat:no-repeat; ;text-decoration:none; }
#contentsarea #right .r_navi li a:hover , #contentsarea #right .r_navi li .stay{width: 240px; height:40px; display:block; padding:1em 0 0 32px; color:#fff; background-image:url(../images/common/menu_r_bk_on.gif); background-repeat:no-repeat;text-decoration:none; }
/*-- 參EゃIめAドナビ�V�サブ�V� --*/
#contentsarea #right .r_navi_sub li {width: 240px; height:30px; background-image:url(../images/common/menu_r_sub_bk_off.gif); background-repeat:no-repeat; color:#fff;}
#contentsarea #right .r_navi_sub li a{width: 240px; height:30px; color:#fff; display:block; padding:0.5em 0 0 47px; background-image:url(../images/common/menu_r_sub_bk_off.gif) ; background-repeat:no-repeat; ;text-decoration:none; }
#contentsarea #right .r_navi_sub li a:hover, #contentsarea #right .r_navi_sub li .stay{width: 240px; height:30px ; display:block; padding:0.5em 0 0 47px; color:#fff; background-image:url(../images/common/menu_r_sub_bk_on.gif); background-repeat:no-repeat;text-decoration:none; }
/*-- バナッV --*/
.bnr_box{padding-top:25px;}
.bnr_box li{margin-bottom:14px;}


/*----------------------------------------*/
/*　參E 会�A�Z概胒�BOX　*/
/*----------------------------------------*/

#contentsarea #right .r_gaiyo{width:238px; height:auto; margin:40px 0 0 0; padding:5px 0 20px 0; float:left; border:1px solid #d7d7d7;}
#contentsarea #right .r_gaiyo .logo{width:211px; height:auto; padding:16px 0 6px 12px;}
#contentsarea #right .r_gaiyo .photo{width:200px; height:auto; padding:10px 0 10px 19px;}
#contentsarea #right .r_gaiyo p{width:200px; height:auto;padding:4px 0 10px 19px;}
#contentsarea #right .r_gaiyo .btn{width:200px; height:auto;padding:4px 0 10px 48px;}
#contentsarea #right .r_gaiyo .bn{width:200px; height:auto;padding:0 0 10px 19px;}