@charset "UTF-8";
@import url("navi.css");


/* MEMO ///////////////////////////////////////////////////////////////////////////////
//																					 //
//	  IE7のhack ID,class の頭に[/]													 //	
//    見出しタグ等にイメージを挿入した際に余白が出る場合はfont-size:0;を指定		 //
//    																				 //
//																					 //
//																					 //
//																					 //
//																					 //
//																					 //
/////////////////////////////////////////////////////////////////////////////////////*/



/*--------------clearfix--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------clearfix--------------*/




/*--------------基本項目--------------*/
html {
	overflow-y:scroll;  
}  
h1{
	/*font-size:0;*/
}

ul li{
	list-style-type:none;
}

/*パンくず*/
ul.pkz{
}
ul.pkz li{
	float:left;
}
/*ページャー*/
ul.pager{
}
ul.pager li{
	float:left;
}
/*ページの先頭に戻る*/
.back_to_top{
	padding:40px 20px 0 0;
	text-align:right;
}
.back_to_top2{
	padding:0 20p 10px 0;
	text-align:right;
}
img{
	border:0;
}


/*--------------ここまで基本項目--------------*/


/*--------------基本レイアウト--------------*/
*{
	margin:0;
	padding:0;
}
#container{
	clear:both;
	margin:0 auto;
}
#main_container{
	margin:22px 0 0 0;
}
#header_area{
	width:800px;
	margin:0 auto;
	padding:0 0 13px 0;
}
#contents{
	width:800px;
	margin:0 auto 1px;
	padding:20px 0;
	border-bottom:1px solid #CCC;
	font-size:12px;
}
#main_area{
}
#main{
}
#extra{
	width:50px;
	float:right;
	border:1px solid #0099FF;
}
#footer_area{
	clear:both;
	width:800px;
	margin:0 auto;
	padding:15px 0;
	border-top:1px solid #EEE;
}
#footer_area address{
	width:380px;
	float:left;
	font-size:12px;
	font-style:normal;
	color:#666666;
}
#footer_area address .copy{
	font-size:10px;
}
/*--------------ここまで基本レイアウト--------------*/

/*ヘッダー*/
.head_left{
	width:400px;
	float:left;
}
.head_right{
	width:400px;
	float:right;
	text-align:right;
}
#header_area .head_right h2{
	font-size:10px;
	padding:0 0 5px 0;
	color:#666;
	font-weight:normal;
}

/*TOP /*/
.main_image_area{
}
ul.tcn{
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
ul.tcn li{
	float:left;
	display:inline;
	font-size:0;
}
ul.tcn li img{
	vertical-align:top;
}
ul.tcn li.tcn_01{
	margin:0 17px 0 0;
}
ul.tcn li.tcn_02{
	margin:0 18px 0 0;
}
ul.tcn li.tcn_04{
	margin:10px 0 0 0;
}
/*2階層目*/
.second{
	padding:10px 0;
	color:#333;
}
.second h2{
	padding:0 0 25px 0;
}
.second h3{
	padding:0 0 15px 0;
}
.second p{
	line-height:1.4em;
}
.pd10{
	padding:0 0 10px 0;
}
.pd15{
	padding:0 0 15px 0;
}
.pd30{
	padding:0 0 30px 0;
}
.arrow01{
	margin:0 0 0 0;
	padding:0 0 0 15px;
	background:url(../images/arrow_01.gif) no-repeat 0 0.1em;
	line-height:1.3em;
}
.arrow02{
	margin:0 0 0 0;
	padding:0 0 0 15px;
	background:url(../images/arrow_02.gif) no-repeat 0 0.1em;
	line-height:1.3em;
}

/* whats /*/

.w_wrapp{
}
/* サークル図部分　/*/
.w_top{
	clear:both;
	padding:0 0 15px 0;
	text-align:center;
}
.w_leftside{
	width:204px;
	float:left;
}
.w_center{
	float:left;
	width:392px;
}
.w_rightside{
	width:204px;
	float:right;
}
.w_bottom{
	clear:both;
	padding:30px 0;
	text-align:center;
}
dl.oss{
	padding:70px 0 0 0;
}
dl.oss dt.oss_b{
	padding:65px 0 0 0;
}
dl.oss dt.oss_d{
	padding:30px 0 0 0;
}
dl.oss dd{
	line-height:1.4em;
}

.w_message{
	padding:20px;
	border:1px solid #CCC;
}
.w_message h3{
	width:190px;
	float:left;


}
.w_m_txt{
	clear:both;
	float:left;
	width:470px;
}
ul.photo{
	padding:0;
	float:right;
	width:260px;
}
ul.photo li{
	float:left;
}
li.photo_pd{
	padding:0 20px 0 0;
}

/*会社概要 /*/
dl.company_imfo{
	padding:5px 0 0 0;
	font-size:12px;
}
dl.company_imfo dt{
	clear:both;
	float:left;
	margin:0 0 1px 0;
	padding:7px 0;
	width:120px;
 	line-height:1.2em;
}
dl.company_imfo dd{
	margin:0 0 1px 0;
	padding:7px 0 7px 123px;
	background: url(../images/dot.gif) repeat-x 0 bottom;
 	line-height:1.2em;
}
.license{
	padding:8px 0 0 0;
	font-size:10px;
}
.map_area{
	padding:35px 0 10px 0;
}
.map_area h2{
	padding:0 0 20px;
}
.map_area .print{
	padding:0 0 10px 0;	
	text-align:right;
}
.map_area p{
	padding:0 0 15px 0;
	line-height:1.3em;
}
.map_left{
	float:left;
	width:190px;
}
.map_right{
	float:right;
	width:600px;
}
/*実績*/
.service_case{
	margin:0 0 30px 0;
	padding:0 0 0 15px;
	background:url(../images/arrow_01.gif) no-repeat 0 0.1em;
	line-height:1.3em;
}
.service_case_table{
	border-collapse:collapse;
	width:100%;
}
.service_case_table th{
	padding:5px;
	text-align:left;
	border:1px solid #CCC;
	background:#E6E6E6;
	font-size:10px;
	color:#666;
}
.service_case_table td{
	padding:5px;
	border:1px solid #CCC;
	font-size:10px;
	color:#666;
}
.service_case_table th.sc_user{
	width:84px;
}
.service_case_table th.sc_sys{
	width:120px;
}
.service_case_table th.sc_sys2{
}
.service_case_table th.sc_tech{
	width:137px;
}
div.service_bak_wrap{
	position:relative;
}
div.service_bak{
	position:absolute;
	top:0;
	right:0;
}
/*採用情報*/
.rectuit_lead{
	background:url(../images/recruit_bg.jpg) no-repeat right 0;
	padding:0 365px 20px 0;
}
.jinzai dt{
	font-weight:bold;
	line-height:2em;
}
.jinzai dd{
	padding:0 0 15px 40px;
}
.rec_list{
	margin:0 0 15px 0;
	padding:10px;
	border:1px solid #CCC;
	background:#F5F5F5;
}
.rectuit_table{
	width:800px;
	border-collapse:collapse;
}
.rectuit_table th{
	background:#003366;
	border:1px solid #CCC;
	padding:8px;
	color:#FFF;
	text-align:left;
}
.rectuit_table td{
	border:1px solid #CCC;
	padding:8px;
}
.rectuit_table td.item{
	width:150px;
}
.rectuit_table td.rectuit_entry{
	padding:15px 8px;
	background:#AED1E6;
}
/*contact /*/
dl.contact_imfo{
	margin:0 0 60px 0;
	padding:13px 20px 20px 20px;
	font-size:12px;
	border:1px solid #CCC;
}
dl.contact_imfo dt{
	clear:both;
	float:left;
	margin:0 0 1px 0;
	padding:7px 0;
	width:120px;
 	line-height:1.2em;
}
dl.contact_imfo dd{
	margin:0 0 1px 0;
	padding:7px 0 7px 123px;
	background: url(../images/dot.gif) repeat-x 0 bottom;
 	line-height:1.2em;
}
.contact_lead{
	padding:65px 0 20px 0;
	font-size:12px;
}

/* popuop /*/
#popup{
	width:600px;
	margin:10px auto;
	font-size:12px;
}
#popup #header_area{
	width:600px;
	margin:0 auto;
	padding:0 0 13px 0;
}
#popup .head_right{
	width:200px;
	float:right;
	text-align:right;
}
#popup .head_left{
	width:200px;
	float:left;
}
#popup h3{
	padding:0 0 18px 0;
}
#popup p{
	margin:10px 0;
}
#popup ul{
	margin:15px 0 0 0;
}
#popup ul li{
	padding:2px 0;
}
#popup #footer_area{
	clear:both;
	width:600px;
	margin:0 auto;
	text-align:right;
	border:none;
}