@charset "utf-8";


/*基本設定　ここから*/

body {
	color:#000000;
	font-family:arial,sans-serif;
	margin:0px;
	padding:0px;
	background-color:#cccccc;
}

/*リンク関連設定　ここから*/

a {

}

a:link {
	color:#0066FF;
	text-decoration:none;
}

a:visited {
	color:#CC0099;
	text-decoration:none;
}

a:hover {
	color:#ff6600;
	text-decoration:none;
}

a:active {
	color:#ff6600;
	text-decoration:none;
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

a img {
    border-style:none;
}

/*リンク関連設定　ここまで*/

span.font_b{font-weight:bold;}

/*H関連設定　ここから*/
h1,h2,h3,h4 {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}

h2 {
	font-size:24pt;
}

h3 {
	font-size:12pt;
	font-weight:bold;
}

h4 {font-weight:bold;}
/*H関連設定　ここまで*/
dl,dt,dd {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
/*
ul,li {
	list-style:none;
}
*/
/*区切り線　ここから*/
.spacer_bar{width:609px; height:1px; background-image:url(images/bar.png); background-repeat:no-repeat; background-position:left bottom; margin:10px 0 10px 0;}
/*区切り線　ここまで*/

td {margin:5px;}

/*基本設定　ここまで*/


/*レイアウト設定　ここから*/
/*会社情報トップ　ここから*/

#about_us{
	background-image:url(images/about_a.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:0;
	padding:0;
	text-align:left;
	width:752px;
	height:240px;
}

#president_client li{
	background-image:url(images/about_b.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:115px;
	margin:9px 0 0 0;
	padding:0;
	text-align:left;
	width:372px;
	float:left;
}

#president_client br{
	clear:left;
}

#dist_news li{
	background-image:url(images/about_b.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:115px;
	margin:9px 0 0 0;
	padding:0;
	text-align:left;
	width:372px;
	float:left;
}

#dist_news br{
	clear:left;
}

#access_recruit li{
	background-image:url(images/about_b.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:115px;
	margin:9px 0 0 0;
	padding:0;
	text-align:left;
	width:372px;
	float:left;
}

#access_recruit br{
	clear:left;
}

#president_client li.client {
	margin-left:8px;
}

#dist_news li.news {
	margin-left:8px;
}

#access_recruit li.recruit {
	
}

#about_us p.about_us_title {
	padding:15px 0 20px 20px;
}

table.table_about_us {
	border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin:0 0 15px 20px;
}

.table_about_us td {
	padding:3px 30px 0 0;
}

#president_client p.president  {
	margin:15px 0 25px 20px;
}

#president_client p.president_message  {
	margin:0 0 20px 20px;
}

#president_client p.president_propatie  {
	margin:0 0 0 275px;
}

#president_client p.client_title  {
	margin:15px 0 25px 20px;
}

#president_client p.client_message  {
	margin:0 0 20px 20px;
}

#president_client p.client_propatie  {
	margin:0 0 0 275px;
}

#dist_news p.dist_title  {
	margin:15px 0 25px 20px;
}

#dist_news p.dist_message  {
	margin:0 0 20px 20px;
}

#dist_news p.dist_propatie  {
	margin:0 0 0 275px;
}

#dist_news p.news_title  {
	margin:15px 0 25px 20px;
}

#dist_news p.news_message  {
	margin:0 0 20px 20px;
}

#dist_news p.news_propatie  {
	margin:0 0 0 275px;
}

#access_recruit p.access_title  {
	margin:15px 0 25px 20px;
}

#access_recruit p.access_message  {
	margin:0 0 20px 20px;
}

#access_recruit p.access_propatie  {
	margin:0 0 0 275px;
}

#access_recruit p.recruit_title  {
	margin:15px 0 25px 20px;
}

#access_recruit p.recruit_message  {
	margin:0 0 20px 20px;
}

#access_recruit p.recruit_propatie  {
	margin:0 0 0 275px;
}
/*会社情報トップ　ここまで*/
/*会社情報　代表者挨拶　ここから*/
.president_messages p{
	padding:10px;
	margin-bottom:10px;
}
.president_messages span{
	font-weight:bold;
}
.president_sign p{
	margin:20px 10px 10px 0;
	text-align:right;
}
/*会社情報　代表者挨拶　ここまで*/
/*会社情報　お取引き先　ここから*/
.client_ul ul{list-style-image:url(images/list_mark_circle.gif);margin:0 0 0 22px;}
.client_sign p{margin:20px 0 10px 0; text-align:right;}
/*会社情報　お取引き先　ここまで*/
/*会社情報　アクセスマップ　ここから*/
li#maps{list-style:none; margin:10px 10px 10px 10px;}
.map_sign p{margin:20px 220px 10px 0; text-align:right;}
div.map2 {background-image:url(images/map_matuyama.gif);}
div.map, div.map2 {height:575px;width:481px;}
.map, .map2 {margin:0 0 0 0;}
.map_mini{float:left;}
.verso_address{float:right;}
#access_map li{float:left;}
.map_img1,.map_img2,.map_img3{width:172px; height="129px";}
/*会社情報　アクセスマップ　ここまで*/
.lisence_ul ul{list-style-image:url(images/list_mark_circle.gif);margin:0 0 0 22px;}
/*業務実績　ここから*/
/*標題　ここから*/
#results {
	width:712px;
	margin-left:auto;
	margin-right:auto;
}

#results_base {
	line-height:22px;
}

#results_space {
	width:712px;
	margin-left:auto;
	margin-right:auto;
}

#results_webapp {
	margin:20px 0 20px 0;
}

#results p.results_messages {
	margin-top:20px;
}

/*標題　ここまで*/
/*業務実績　WEBアプリケーション開発　ここから*/
/*Ａ社　ここから*/
#company_a img {
	float:right;
	margin-top:-35px;
	vertical-align:top;
	margin-right:20px;
}

#company_a_2 img {
	margin-top:20px;
	margin-left:610px;
}

#company_a_2 {
	background-image:url(images/bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
/*Ａ社　ここまで*/
/*Ｂ社　ここから*/
#company_b_2 img {
	margin-top:20px;
	margin-left:610px;
}

#company_b_2 {
	background-image:url(images/bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#company_b_1 p {
	margin-top:20px;
}
/*Ｂ社　ここまで*/
/*Ｃ社　ここから*/
#company_c_2 img {
	margin-top:20px;
	margin-left:610px;
}

#company_c_2 {
	background-image:url(images/bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#company_c_1 p {
	margin-top:20px;
}
/*Ｃ社　ここまで*/
/*Ｄ社　ここから*/
#company_d_2 img {
	margin-top:20px;
	margin-left:610px;
}

#company_d_2 {
	background-image:url(images/bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#company_d_1 p {
	margin-top:20px;
}
/*Ｄ社　ここまで*/
/*Ｅ社　ここから*/
#company_e_2 img {
	margin-top:20px;
	margin-left:610px;
}

#company_e_2 {
	background-image:url(images/bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#company_e_1 p {
	margin-top:20px;
}
/*Ｅ社　ここまで*/
/*Ｆ社　ここから*/
#company_f_2 img {
	margin-top:20px;
	margin-left:610px;
}

#company_f_2 {
	background-image:url(images/bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#company_f_1 p {
	margin-top:20px;
}
/*Ｆ社　ここまで*/
/*Ｇ社　ここから*/
#company_g_2 img {
	margin-top:20px;
	margin-left:610px;
}

#company_g_2 {
	background-image:url(images/bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#company_g_1 p {
	margin-top:20px;
}
/*Ｇ社　ここまで*/
/*業務実績　WEBアプリケーション開発　ここまで*/
/*お問い合わせ　ここから*/
#form_area {
	width:712px;
	margin:20px auto 20px auto;
}


/*お問い合わせ　ここまで*/

/*プライバシー　ここから*/
#privacy_base{width:712px; margin:0 auto 0 auto; line-height:22px;}
.privacy_h3{margin:20px 0 20px 0;}
#privacy_president_sign p{margin:20px 0 10px 0; text-align:right;}
.list_style_number ul{list-style-type:decimal; margin:0 0 0 22px;}
/*プライバシー　ここまで*/

/*詳細内容関連　ここから*/
#area_base{width:728px; margin:0 auto 0 auto; line-height:22px;}
/*CPACS　ここから*/
#cpacs_navi{margin:20px 0 0 0;}
#cpacs_navi li{float:left; list-style:none;}
.clear{clear:both;}
#cpacs_content_area{width:700px; margin:0 0 0 20px;}
.cpacs_h3{margin:20px 0 20px 0;}
.cpacs_h4{margin:20px 0 20px 0;}
.cpacs_ul ul{list-style-image:url(images/list_mark_circle.gif);margin:0 0 0 22px;}
.bar_page_to_top {background-image:url(images/bar.png); background-repeat:no-repeat; background-position:left bottom;}
.bar_page_to_top img {margin-top:20px; margin-left:610px;}
table.table_cpacs_price{width:500px;border:#999999 1px solid;}
table.table_cpacs_price th{width:200px;border:#999999 solid 1px;background-color:#efefef;text-indent:1em;}
table.table_cpacs_price td{width:300px;border:#999999 solid 1px;background-color:#ffffff;text-indent:1em;}
/*about_cpacs　ここから*/
.about_cpacs_p{margin:0 0 20px 0;}
/*about_cpacs　ここまで*/
/*cpacs_feature　ここから*/

/*cpacs_feature　ここまで*/
/*cpacs_price　ここから*/
table.recruit_tab table{border-collapse:collapse;}
table.recruit_tab th{border-collapse:collapse;}
table.recruit_tab td{border-collapse:collapse;}
table.recruit_tab table{border:#999999 solid 1px;}
table.recruit_tab th{padding-left:5px; border:#999999 solid 1px; background-color:#efefef; width:150px;}
table.recruit_tab td{padding-left:5px; border:#999999 solid 1px; background-color:#FFFFFF; width:350px;}
/*cpacs_price　ここまで*/
/*cpacs_result　ここから*/
.cpacs_result_p{margin:0 0 20px 0;}
/*cpacs_result　ここまで*/
/*CPACS　ここまで*/

/*SBS　ここから*/
#system_build_services_navi{margin:20px 0 0 0;}
#system_build_services_navi li{float:left; list-style:none;}
.clear{clear:both;}
#about_system_build_services_content_area{width:700px; margin:0 0 0 20px;}
.about_system_build_services_h3{margin:20px 0 20px 0;}
.sbs_ul ul{list-style-image:url(images/list_mark_circle.gif);margin:0 0 0 22px;}
.sbs_distlibuted{margin:40px 0 0 0}
/*SBS　ここまで*/

/*システム開発サービス　ここから*/
#system_development_services_navi{margin:20px 0 0 0;}
#system_development_services_navi li{float:left; list-style:none;}
.clear{clear:both;}
.img_lamp{margin:40px 0 0 182px;}
.bar_bold {margin:20px 0 0 0;width:700px; height:2px; background-image:url(images/bar_bold.gif); background-repeat:no-repeat; background-position:left bottom;}
.bar_bold img {margin-left:610px;}
.bar {width:609px; height:1px; background-image:url(images/bar.png); background-repeat:no-repeat; background-position:left bottom;}
.bar img {margin-top:20px; margin-left:610px;}
.process_img {float:left; margin-top:10px; width=134px;}
.process_text {float:right; margin:8px 65px 8px 0; padding:0 6px 0 25px; width:380px;}
/*システム開発サービス　ここまで*/
/*Webデザイン　ここから*/
.design_flow_left{float:left; width:133px;margin:20px 0;}
.design_flow_right{float:right; width:500px;margin:20px 0;}
.webdesign_ul ul li{list-style-image:url(images/list_mark_circle.gif);margin:0 0 0 22px;}
/*Webデザイン　ここまで*/
/*採用情報　ここから*/
.recruit_tab {margin:20px auto 0 auto;padding:0;}
.recruit_tab td.col1 {background-color:#E5F5F9; padding:3px 2px 2px; text-align:center; width:95px;}
.recruit_tab td {line-height:1.5em;}
.recruit_tab td.col2 {background-color:#F9FDF7; padding:3px 2px 2px 6px; width:371px;}
.applies{margin-top:13px; text-align:center;}
.usesoft{margin:0;}
.use_h{float:left; height:40px;}
.sikaku {margin-top:0.25em;}
div#area_base div.applies p.error{background:#ffff00; font-weight:bold; color:#ff0000;}
/*採用情報　ここまで*/

/*運用支援サービス　ここから*/
.operation_ul ul{list-style-image:url(images/list_mark_circle.gif);margin:0 0 0 22px;}
/*運用支援サービス　ここまで*/

/*sitemap~~~*/
#sitemap_corp ul,
#sitemap_service ul,
#sitemap_result ul,
#sitemap_recruit ul,
#sitemap_contact ul,
#sitemap_etc ul{margin:0 0 0 20px;}
#sitemap_corp li.list_mark,
#sitemap_service li.list_mark,
#sitemap_result li.list_mark,
#sitemap_recruit li.list_mark,
#sitemap_contact li.list_mark,
#sitemap_etc li.list_mark{list-style-image:url("images/list_mark_circle.gif");}
#sitemap_service li.nonlist_mark{margin:0 0 0 10px;}
#sitemap_corp{float:left; width:280px;padding:10px;}
#sitemap_service{float:right; width:300px;padding:10px;}
#sitemap_result{float:left; width:280px;padding:10px;}
#sitemap_recruit{float:right; width:300px;padding:10px;}
#sitemap_contact{float:left; width:280px;padding:10px;}
#sitemap_etc{float:right; width:300px;padding:10px;}

/*~~~sitemap*/

div.chart img{margin:0 0 40px 0;}

/*サービス案内*/

div.services_sbs ul.list_mark_circle li,
div.services_develop ul.list_mark_circle li,
div.services_construct ul.list_mark_circle li,
div.services_pisms ul.list_mark_circle li{margin:0 0 0 20px;}

div.services_sbs,
div.services_develop,
div.services_construct,
div.services_pisms{width:372px; height:115px; background:#ffffff url(images/about_b.gif) no-repeat; margin:9px 0 0 0;}

div.services_sbs,
div.services_construct{float:left;}
div.services_develop,
div.services_pisms{float:right;}

div#container_services p.font_title{margin:15px 0 25px 20px;}
div#container_services p.font_sub{margin:0 0 20px 20px;}

.title_h3{margin:10px 0; background:#ffffff url(images/bg_title.png) no-repeat; width:697px; height:30px;}
.title_h3 h3{padding:6px 0 6px 30px;}
/*レイアウト設定　ここまで*/