/*全体*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: center;
}


/*リンクの基本設定*/
a {
	text-decoration:none;
	color:#3C4A8F;
	font-size: 10px;
}
a:hover {
	color:#8592CB;
	text-decoration:underline;
}
a:link img{ text-decoration:none; border:none 0px; }
a:visited img{ text-decoration:none; border:none 0px; }


/*ページの基本設定*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
}

.floatclear {
	clear: both;
}

ul {
	list-style: none;
}

.h6_sub02{
	margin-bottom: 5px;
	font-size: 16px;
	color: #475697;
}

/*画像透過*/
/* opacity setting */
.imgHover00:hover {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

.imgHover01:hover {
    opacity: 0.1;
    filter: alpha(opacity=10);
    -ms-filter: "alpha( opacity=10 )";
}

.imgHover02:hover {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "alpha( opacity=20 )";
}

.imgHover03:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

.imgHover04:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha( opacity=40 )";
}

.imgHover05:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}

.imgHover06:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}

.imgHover07:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

.imgHover08:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.imgHover09:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
}


/* right_side */
#bnr_recruit{
	background-color: #E7F0FF;
	padding: 10px;
	margin-top: 20px;
}
.banner_box{
	background-color: #fff;
}
.bnr_carrer img{
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.box_php{
	background-color: #F3F9CB;
	padding: 10px;
}

.box_php img{
	max-width: 100%;
	height: auto;
}
.bnr_fujitsu{
	margin-bottom: 10px;
}

/*---------------------------- #header_top_out=start ---------------------------------------*/
#header_top_out {
	height: 25px;
	text-align: center;
	background-image: url(../img/header_bg_out.jpg);
}
#header_top_in {
	margin: 0 auto;
	text-align: left;
	width: 961px;
	height: 25px;
	background: url(../img/header_bg.jpg);
}
#header_top_in h1 {
	font-size: 10px;
	text-align: right;
	padding-top: 12px;
	font-weight: normal;
}
/*---------------------------- #header_top_out=END ---------------------------------------*/

/*---------------------------- #header_bottom_out=start ---------------------------------------*/
#header_bottom_out {
	height: 80px;
	text-align: center;
}
#header_bottom_in {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	height: 80px;
	background: url(../img/tell.jpg) no-repeat;
}
/*---------------------------- #header_bottom_out=END ---------------------------------------*/

/*---------------------------- #g_navi_out=start ---------------------------------------*/
#g_navi_out {
	height: 55px;
	text-align: center;
	background: url(../img/g_navi_bg.jpg) repeat-x;
}
#g_navi_in {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	height: 55px;
	background: url(../img/g_navi_bg.jpg) repeat-x;
}
#g_navi_in li {
	float: left;
	height: 55px;
	width: 192px;
}
#g_navi_in a {
	display: block;
	height: 55px;
	width: 192px;
}
#g_navi_in a img {
	height: 55px;
	width: 192px;
	border: none;
}
#g1 {
	background: url(../img/g_navi02.jpg);
}
#g2 {
	background: url(../img/g_navi04.jpg);
}
#g3 {
	background: url(../img/g_navi06.jpg);
}
#g4 {
	background: url(../img/g_navi08.jpg);
}
#g5 {
	background: url(../img/g_navi10.jpg);
}

#g_navi_in a:hover{
	background-color: #3A488E;
}
#g_navi_in a:hover img{
	visibility: hidden;
}
/*---------------------------- #g_navi_out=END ---------------------------------------*/


/*---------------------------- #content_box=start ---------------------------------------*/
#content_box {
	text-align: center;
	background: url(../img/main_bg.jpg) repeat-x;
}
/*---------------------------- #content_box=END ---------------------------------------*/

/*---------------------------- #main_photo_out=start ---------------------------------------*/
#main_photo_out {
	height: 150px;
	text-align: center;
}
#main_photo_in {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	height: 150px;
}
#main_photo {
	padding-top: 20px;
}
/*---------------------------- #main_photo_out=END ---------------------------------------*/

/*---------------------------- #container=start ---------------------------------------*/
#container {
	text-align: left;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px 0;
}
#left_side {
	float: left;
	width: 670px;
}
.text_sub {
	width: 670px;
	padding-bottom: 30px;
	line-height:1.7;
	overflow: hidden;
}
.text_sub_last {
	width: 670px;
	line-height:1.7;
}
.title_sub {
	background-image: url(../img/recruit_sub00.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 42px;
	width: 620px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 18px;
	padding-left: 50px;
}
.table_sub {
	width: 670px;
}
.table_sub td {
	vertical-align:top !important;
	padding-bottom: 20px;
}
#pan {
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
}
h3 {
	background-image: url(../img/h3_bar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 670px;
	text-indent: 30px;
	padding-bottom: 10px;
	font-size: 15px;
	line-height: 35px;
	color: #FFFFFF;
}


#right_side {
	float: right;
	width: 260px;
}
#bnr_recruit {
	padding-top:16px;
}
#banner_navi01 {
	/*padding-top: 16px;*/
}
#banner02 {
	padding-top: 16px;
}
#privacy_mark {
	float: left;
}
#privacy_text {
	float: left;
	width: 183px;
	font-size: 10px;
	line-height: 1.7em;
	padding-top: 20px;
}
#go_top {
	text-align: right;
	line-height: 10px;
	background-position: 855px 50px;
	background-image: url(../img/btn_go_top.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
}
/*---------------------------- #container=END ---------------------------------------*/

/*---------------------------- #footer_out=start ---------------------------------------*/
#footer_out {
	text-align: center;
	background-color: #D3DFF3;
}
#footer_in {
	margin: 0 auto;
	text-align: left;
	background-color: #D3DFF3;
	width: 960px;
	padding-top: 20px;
}
#footer_in ul {
	width: 1200px;
}
#footer_in li {
	width: 192px;
	float: left;
	background-image: url(../img/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	text-indent: 5px;
	
}
address {
	clear: both;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 20px;
}
/*---------------------------- #footer_out=END ---------------------------------------*/
/*---------------------------- #footer_out=END ---------------------------------------*/

.botton div{

 margin::0 0 0 0
}
.botton a{
	display:block;
	height:23px;
	font-size:13px;
	background-image:url(../img/bottonback1.jpg);
	background-repeat:none;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 33px;
	width: 227px;
	font-weight: normal;
}
.botton a:link{
 color:#333333;
 text-decoration:none;
}
.botton a:visited{
 color:#333333;
 text-decoration:none;
}
.botton a:hover{
 background-image:url(../img/bottonback2.jpg);
 color:#666666;
 text-decoration:none;
}
.hiddenlmg{
 text-decoration:none;
}
.box_servi {
	background-image: url(../img/back_serv.jpg);
	background-repeat: repeat-y;
	width: 670px;
	float: right;
}
.box_servi_text {
	width: 640px;
	padding-right: 15px;
	padding-left: 15px;
}

/*---------------------------- setting ---------------------------------------*/
.list_style_none {
	list-style: none;
}
.indent01 {
    padding-left: 6.5em;
	/padding-left: 5.5em;
	text-indent: -6.5em;
}
.indent01 span {
    display: inline-block;
	/display: inline;
	width: 6.5em;
	text-indent: 0;
	/text-indent: -2em;
}
.indent02 {
    padding-left: 11.5em;
	/padding-left: 5.5em;
	text-indent: -11.5em;
}
.indent02 span {
    display: inline-block;
	/display: inline;
	width: 11.5em;
	text-indent: 0;
	/text-indent: -2em;
}

.banner_box {
	border: 1px solid #1859A9;
	padding: 15px 0 10px;
}
.img_right {
	float: right;
	padding: 5px 0 0 10px;
}

/*---------------------------------- business.html ----------------------------------------------*/

.list_business{
	overflow: hidden;
	margin-right: -20px;
}
.list_business li{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}


/*---------------------------------- attack.html ----------------------------------------------*/

.list_sales li{
	background: url(../img/icon2.jpg) no-repeat left center;
	padding-left: 20px;
}

.box_point{
	background: #E7F0FF;
	padding: 20px	;
}
.h5_sub{
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 20px;
	color: #475697;
	overflow: hidden;
}
.list_sales02_wrap{
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 20px;
	overflow: hidden;
}
.list_sales02{
/*	width: 400px;
	margin-left: auto;*/
	overflow: hidden;
}
.list_sales02 dt{
	background: url(../img/ico_circle01.jpg) no-repeat left center;
	padding-left: 20px;
	font-weight: bold;
}
.list_sales02 dd{
	margin-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
}
.h4_sub{
	background: #3A498E;
	padding: 5px 10px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 20px;
}
.h6_sub{
	font-size: 18px;
	border-bottom: 1px dotted #475697;
	margin-bottom: 10px;
}
.h6_sub:before{
	content: "■";
	padding-right: 5px;
	color: #475697;
}
.img_r{
	float: right;
}
.img_left{
	float: left;
	padding: 0 10px 10px 0;
}
.ti_txt{
	text-align: center;
	line-height: 1.3;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

/*---------------------------------- bigdata.html ----------------------------------------------*/

.list_bigdata{
	background-color: #fff;
	padding: 20px;
	padding-bottom: 0;
}
.list_bigdata dt{
	margin-bottom: 5px;
}
.list_bigdata dd{
	padding-bottom: 20px;
}
.list_bigdata li{
	border-bottom: 1px dashed #a3c6ff;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/*---------------------------------- salesforce.html ----------------------------------------------*/

.step li{
	font-size: 120%;
	padding-left: 60px;
	margin-bottom: 10px;
	min-height: 40px;
}
.arrow{
	text-align: center;
}
.step li.step01{
	background: url(../img/img_step01.jpg) no-repeat left 6px;
}
.step li.step02{
	background: url(../img/img_step02.jpg) no-repeat left 6px;
}
.step li.step03{
	background: url(../img/img_step03.jpg) no-repeat left 6px;
}
.step li.step04{
	background: url(../img/img_step04.jpg) no-repeat left 6px;
}
.step li.step05{
	background: url(../img/img_step05.jpg) no-repeat left 6px;
}

/*---------------------------------- sitemap.html ----------------------------------------------*/
.list_sitemap{
	margin-bottom: 20px;
}

.list_sitemap a{
	font-size: 14px;
}
.list_sitemap li{
	padding-left: 10px;
	background: url(../img/bg_sitemap02.png) no-repeat left center;
}
.list_sitemap .parent{
	background: url(../img/bg_sitemap01.png) no-repeat left center;
	padding-left: 12px;
	font-weight: bold;
}

.wrap_sitemap{
	overflow: hidden;
}

.sitemap_left{
	float: left;
	width: 335px;
}

.sitemap_right{
	float: left;
}
/* バナー */
#banner{
	box-sizing: border-box;
	width: 260px;
	padding-top: 46px;
	background: url(../img/bnr_title.png) top center no-repeat;
	min-height: 150px;
	border: 2px solid #002E73;
}
	#banner ul{
		margin: 5px 5px;d
	}
		#banner ul li{
			border-bottom: dotted 1px #002E73;
			line-height: 2;
		}
		#banner ul li:last-child{
			border: none;
		}
		#banner  a{
			display: inline-block;
			font-size: 1.4em;
			font-weight: bold;
			vertical-align: middle;
		}
		#banner  a:before{
			display: inline-block;
			width: 30px;
			margin-right: 5px;
			vertical-align: middle;
			text-align: center;
		}
		#banner ul li:first-child a:before{
			content: url(../img/bnr_icon01.png);
		}
		#banner ul li:nth-child(2) a:before{
			content: url(../img/bnr_icon02.png);
			vertical-align: text-bottom;
		}
		#banner ul li:last-child a:before{
			content: url(../img/bnr_icon03.png);
		}