@charset "shift_jis";

html {
	text-align:center;
	margin:0;
	padding:0;
}
html body {
	/*フォントの設定*/
	font-family:"MS Pゴシック","Osaka",sans-serif;
	/*背景の設定*/
	background-color:white;
	background-image:url(../image/background.gif);
  background-repeat:repeat-x;
	/*センタリング*/
	text-align:center;
}
html body div,p,ul,li {
	font-size : 12px;
}
html body h1 {
	font-size : 18px;
}
html body h2 h3 {
	font-size : 16px;
}
/*リンク色の設定*/
a:link {
	color:blue;
}
a:visited{
	color:purple;
}
a:hover{
	color:red;
}
a:active{
	color:red;
}


/*-----topページヘッダー配置の基本設定-----*/
div#branding {
	background: #000000 url(../image/top_branding_back.jpg) no-repeat;
 	position:relative;
	width:800px;
	height:264px;
	margin-left: auto;
	margin-right:auto;
}
	/*SEOキーワードの配置*/
div#branding p#seo {
	color:gray;
	font-size:10px;
	position:absolute;
	top:2px;
	left:6px;
	z-index:10;
}
	/*ロゴマークの配置*/
div#branding h1#logo {
	position:absolute;
	top:27px;
	left:6px;
	z-index:20;
}
	/*HOMEへ戻るのボタン配置*/
div#branding ul li#return_home {
	position:absolute;
	top:238px;
	left:7px;
	z-index:30;
}

/*-----コンテナー配置の基本設定-----*/
div#container {
	text-align:left;
	background: url(../image/container_back.gif) repeat-y;
	position:relative;
	width:800px;
	margin-left: auto;
	margin-right:auto;
}
	/*-----メインコンテンツの基本設定-----*/
div#container div#main_content {
	background-color:#FFFFFF;
 	position:relative;
	top:0;
	left:210px;
	width:590px;
}
div#container div#main_content ul#content_area  {
	padding-bottom:28px;
}
 /*３つの自信*/
div#container div#main_content ul#content_area li#con_promise {
	position:relative;
	margin-bottom:28px;
}
div#container div#main_content ul#content_area li#con_promise p#promise_details {
	position:absolute;
	top:178px;
	left:2px;
	padding-top:12px;
	padding-left:5px;	
}
	/*提案*/
div#container div#main_content ul#content_area li#con_propose {
	margin-bottom:28px;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area {
	position:relative;
	width:590px;
	background-color:#FFFFFF;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area li {
	width:188px;
	text-align:center;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area li p.photo {
	background-color:#E7E7F7;
	color:gray;
	text-align:center;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area li p.call {
	background-color:#E7E7F7;
	font-size:0.875em;
	color:#000000;
	height:32px;
	text-align:center;
	padding:0 6px;
	padding-top:3px;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area li#system_company {
	position:relative;
	top:7px;
	left:0;
	width:188px;
	padding-right:6px;
	border-right:1px solid #CCCCCC;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area li#company_manager {
	position:absolute;
	top:7px;
	left:196px;
	width:188px;
	padding-left:6px;
	padding-right:6px;
	border-right:1px solid #CCCCCC;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area li#system_charge {
	position:absolute;
	top:7px;
	left:397px;
	width:188px;
	padding-left:6px;
}
div#container div#main_content ul#content_area li#con_propose h3 {
	margin-bottom:2px;
}
div#container div#main_content ul#content_area li#con_propose ul#propose_area p.details_page {
	text-align:left;
	padding-top:6px;
	padding-left:6px;
}
	/*ソフト開発実績*/
div#container div#main_content ul#content_area li#con_results {
	margin-bottom:28px;
}
div#container div#main_content ul#content_area li#con_results p#results_text {
	padding:6px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area {
	position:relative;
	width:590px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area li#results01 {
	position:relative;
	top:8px;
	left:0;
	width:84px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area li#results02 {
	position:absolute;
	top:8px;
	left:85px;
	width:84px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area li#results03 {
	position:absolute;
	top:8px;
	left:169px;
	width:84px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area li#results04 {
	position:absolute;
	top:8px;
	left:253px;
	width:84px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area li#results05 {
	position:absolute;
	top:8px;
	left:337px;
	width:84px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area li#results06 {
	position:absolute;
	top:8px;
	left:421px;
	width:84px;
}
div#container div#main_content ul#content_area li#con_results ul#results_area li#results07 {
	position:absolute;
	top:8px;
	left:505px;
	width:84px;
}
div#container div#main_content ul#content_area li#con_results p.details_page {
	text-align:left;
	padding-top:16px;
	padding-left:6px;
}
	/*最新情報とお知らせ*/
div#container div#main_content ul#content_area li#con_news {
	margin-bottom:28px;
}
div#container div#main_content ul#content_area li#con_news ul li {
	background: url(../image/main_news_list.gif) no-repeat 0 3px;	
	margin-left:10px;
	padding-left:16px;
	margin-top:6px;
}
div#container div#main_content ul#content_area li#con_news ul li p.news_details img {
	margin-left:6px;
}
div#container div#main_content ul#content_area li#con_news ul li p.news_line img {
	margin-left:-26px;
}
	/*会社情報*/
div#container div#main_content ul#content_area li#con_company {
	position:relative;
	width:590px;
	margin-bottom:20px;
}
div#container div#main_content ul#content_area li#con_company div#kitacom {
	color:gray;
	position:absolute;
	top:55px;
	left:139px;
	z-index:10;
	margin-bottom:28px;
}
div#container div#main_content ul#content_area li#con_company div#kitacom h3 {
	font-size:18px;
}
 /*ページトップへ戻る*/
div#container div#main_content p#page_top {
	text-align:right;
	padding-right:12px;
	padding-bottom:6px;
}
	/*----SEO用のテキストナビゲーション------*/
div#container div#main_content ul#text_navigation {
	text-align:center;
	margin:12px 6px;
}
div#container div#main_content ul#text_navigation li {
	margin:0 3px;
}
div#container div#main_content ul#text_navigation li {
	display:inline;
}
	/*-----サブコンテンツの基本設定-----*/
div#container div#sub_content {
	background: url(../image/nab_background.gif) repeat-y;
 	position:absolute;
	top:0;
	left:0px;
	width:174px;
}
div#container div#sub_content ul#navigation {
	text-align:right;
	margin-top:7px;
}
 /*　W3Cロゴ設置　*/
div#container div#sub_content ul#w3c_logo {
	text-align:center;
	margin-top:60px;
}
div#container div#sub_content ul#w3c_logo li {
	margin-bottom:6px;
}
/*-----フッター配置の基本設定-----*/
div#site_infomation {
 	position:relative;
	width:800px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}
div#site_infomation p#copy {
	color:#FFFFFF;
	background: #808080 url(../image/site_infomation_back.gif) no-repeat;
	width:800px;
	height:75px;
	line-height:64px;
}
div#site_infomation ul#navigation_sub {
	margin-left:590px;
}
div#site_infomation ul#navigation_sub li {
	display:inline;
}
div#site_infomation ul#navigation_sub li a {
	color:gray;
	text-decoration:none;
}

/*-----Web制作会社情報-----*/
ul#web_produce {
	position:absolute;
	top:72px;
	left:0;
	text-align:left;
	width:800px;
}