@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/con_branding_back.jpg) no-repeat;
 	position:relative;
	width:800px;
	height:171px;
	margin-left: auto;
	margin-right: auto;
}
	/*SEOキーワードの配置*/
div#branding p#seo {
	color:gray;
	font-size:10px;
	position:absolute;
	top:2px;
	left:180px;
	z-index:10;
}
	/*ロゴマークの配置*/
div#branding h1#logo {
	position:absolute;
	top:7px;
	left:6px;
	z-index:20;
}
	/*HOMEへ戻るのボタン配置*/
div#branding ul li#return_home {
	position:absolute;
	top:141px;
	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 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#main_content h2 {
 	background: url(../image/heading_back.gif) no-repeat;
	font-size:22px;
	font-weight:900;
	color:#4D71B8;
	line-height:27px;
	padding-left:18px;
	margin-bottom:24px;
}
 /*Pタグのインデント設定*/
div#container div#main_content p {
	text-indent:12px;
}
	/*画像の右側配置*/
div#container div#main_content img.float_right {
	float:right;
	padding:6px;
}
	/*画像の左側配置*/
div#container div#main_content img.float_left {
	float:left;
	padding:6px;
}
	/*パンくずリストの設定*/
div#container div#main_content ul#nav_features {
	margin-bottom:16px;
}
div#container div#main_content ul#nav_features li {
	margin:0 6px;
}
div#container div#main_content ul#nav_features li {
	display:inline;
}
 /*選択範囲の文字色を赤に設定*/
div#container div#main_content span.red {
	color:red;
}


/***********************************************/
/***              最新情報　                 ***/
/***********************************************/
div#container div#main_content div#news {
	margin-bottom:500px;
}
div#container div#main_content div#news ul#news_info li.news_title {
	margin-bottom:500px;
}
	/*見出しの設定*/
div#container div#main_content div#news ul#news_info li.news_title h3 {
	background: url(../image/con_hd_back.gif) no-repeat;
	width:590px;
	height:29px;
	font-size:15px;
	color:#4D71B8;
	padding-top:4px;
	padding-left:24px;
}
/***********************************************/
/***              お問い合せ   テスト        ***/
/***********************************************/
div#container div#main_content div#form_mail {
	width:590px;
	margin:0;
	padding:0;
}
/***********************************************/
/***              お問い合せ                 ***/
/***********************************************/
div#container div#main_content ul#mail_address {
	width:188px;
	text-align:center;
	border-bottom:1px dotted #025EC3;
	margin:16px 0;
}
div#container div#main_content fieldset#form_field {
	text-align:center;
	width:590px;
	margin:0 auto;
	padding:0 auto;
}
div#container div#main_content fieldset#form_field h3 {
	color:#4D71B8;
	margin-bottom:16px;
}
div#container div#main_content fieldset#form_field dl {
	text-align:left;
	background:#CDD7EB;
	margin:0 16px;
	padding:0 16px;
}
div#container div#main_content fieldset#form_field dl dd input {
	width:100%;
	margin-bottom:16px;
}
div#container div#main_content fieldset#form_field dl dd input#post {
	width:60px;
}
div#container div#main_content fieldset#form_field dl dd input#telephon {
	width:100px;
}
div#container div#main_content fieldset#form_field dl dd input#fax {
	width:100px;
}
div#container div#main_content fieldset#form_field dl dd textarea {
	width:100%;
	margin-bottom:16px;
}
div#container div#main_content fieldset#form_field dl dd p.example {
	margin-left:12px;
}
div#container div#main_content fieldset#form_field dl dd p.example {
	display:inline;
}
div#container div#main_content form input:hover{
 	background-color:#CDD7EB;
}
div#container div#main_content form textarea:hover{
 	background-color:#CDD7EB;
}
div#container div#main_content form ul#sub {
	padding:12px;
}
div#container div#main_content form ul#sub li {
	display:inline;
}
/***********************************************/
/***          　　　会社情報           　　　***/
/***********************************************/
div#container div#main_content ul#company_info li {
	margin-bottom:16px;
}
div#container div#main_content ul#company_info p {
	margin-bottom:12px;
}
	/*見出しの設定*/
div#container div#main_content ul#company_info li h3 {
	background: url(../image/con_hd_back.gif) no-repeat;
	width:590px;
	height:29px;
	font-size:15px;
	color:#4D71B8;
	padding-top:4px;
	padding-left:24px;
}
	/*あいさつの設定*/
div#container div#main_content ul#company_info li#greeting p#sign {
	font-size:16px;
	font-family:"HG丸ｺﾞｼｯｸM-PRO",cursive;
	text-align:right;
	font-weight:900;
	padding-right:12px;
}
	/*会社概要のテーブルセット*/
div#container div#main_content ul#company_info li#company_outline table {
	width:560px;
	border-collapse:collapse;
	margin:12px auto;
}
div#container div#main_content ul#company_info li#company_outline table th {
	border:solid 1px #4D71B8;
	padding:8px;
	background-color: #CDD7EB;
	text-align:left;
}
div#container div#main_content ul#company_info li#company_outline table td {
	border:solid 1px #4D71B8;
	padding:8px;
	background-color: #FFFFFF;
	text-align:left;
}
	/*3つの自信の設置*/
div#container div#main_content ul#company_info li#confidence ol {
	padding:8px;
}
div#container div#main_content ul#company_info li#confidence ol li p {
	margin-left:12px;
}
div#container div#main_content ul#company_info li#confidence h4 {
	margin-bottom:12px;
}
/***********************************************/
/***          　　　業務案内           　　　***/
/***********************************************/
div#container div#main_content ul#business {
	border-bottom:solid 1px #4D71B8;
	margin-bottom:36px;
}
div#container div#main_content ul#business li {
	margin-bottom:16px;
}
div#container div#main_content ul#development {
	border-bottom:solid 1px #4D71B8;
	padding-bottom:36px;
	margin-bottom:36px;
}
 /*見出しの設定*/
div#container div#main_content ul#business h3 {
	background: url(../image/con_hd_back.gif) no-repeat;
	width:590px;
	height:29px;
	font-size:15px;
	color:#4D71B8;
	padding-top:4px;
	padding-left:24px;
}
div#container div#main_content ul#development li {
/*	background-color:#CDD7EB;*/
	background: #82B4E6 url(../image/bottan_back.gif) repeat-x;
	border:solid 1px #4D71B8;
	border-right:solid 2px #4D71B8;
	border-bottom:solid 2px #4D71B8;
	margin-left:72px;
	padding:12px 24px;
}
div#container div#main_content ul#development li {
	display:inline;
}
div#container div#main_content ul#development li a {
	text-decoration:none;
}
div#container div#main_content ul#development li a:hover {
/*	background-color:#FFFFFF;*/
	line-height:12px;
	font-size:16px;
}
/***********************************************/
/***        　ソフト開発の流れ　       　　　***/
/***********************************************/
div#container div#main_content div#prosess {
	margin-bottom:24px;
}
 /*見出しの設定*/
div#container div#main_content div#prosess h3 {
	background: url(../image/con_hd_back.gif) no-repeat;
	width:590px;
	height:29px;
	font-size:15px;
	color:#4D71B8;
	padding-top:4px;
	padding-left:24px;
}
div#container div#main_content div#prosess h4 {
	font-size:14px;
	padding-top:4px;
}
div#container div#main_content div#prosess ul#soft_development li {
	margin:6px 0;
	padding:6px;
}
div#container div#main_content div#prosess ol.flow {
	margin-left:30px;
}
div#container div#main_content div#prosess ol.flow li {
	list-style:decimal;
}
div#container div#main_content div#prosess ol.flow li p {
	background:#CDD7EB;
	border-left:solid 4px #4D71B8;
	border-right:solid 4px #4D71B8;
}
/***********************************************/
/***        　ソフト開発実績　　       　　　***/
/***********************************************/
div#container div#main_content div#results {
	margin-bottom:16px;
}
div#container div#main_content div#results ul#system_name {
	margin:16px 0;
}
 /*見出しの設定*/
div#container div#main_content div#results h3 {
	background: url(../image/con_hd_back.gif) no-repeat;
	width:590px;
	height:29px;
	font-size:15px;
	color:#4D71B8;
	padding-top:4px;
	padding-left:24px;
	dadding-bottom:6px;
}
 /*販売管理システム*/
div#container div#main_content div#results ul#system_name li#sale_control ul.system_outline {
	background-color:#3E65B2;
	margin-bottom:16px;
	padding:1px;
}
 /*生産管理システム*/
div#container div#main_content div#results ul#system_name li#production_control ul.system_outline {
	background-color:#247A5D;
	margin-bottom:16px;
	padding:1px;
}
 /*海上コンテナ輸送管理システム*/
div#container div#main_content div#results ul#system_name li#transport_control ul.system_outline {
	background-color:#E3724F;
	margin-bottom:16px;
	padding:1px;
}
 /*運輸業システム*/
div#container div#main_content div#results ul#system_name li#transportation_control ul.system_outline {
	background-color:#E79826;
	margin-bottom:16px;
	padding:1px;
}
 /*倉庫業在庫管理システム*/
div#container div#main_content div#results ul#system_name li#storehouse_control ul.system_outline {
	background-color:#BF2C2A;
	margin-bottom:16px;
	padding:1px;
}
 /*建材・採石業販売管理システム*/
div#container div#main_content div#results ul#system_name li#building_control ul.system_outline {
	background-color:#743B9D;
	margin-bottom:16px;
	padding:1px;
}
 /*工事台帳作成システム*/
div#container div#main_content div#results ul#system_name li#work_control ul.system_outline {
	background-color:#996666;
	margin-bottom:16px;
	padding:1px;
}
 /*大手ソフト会社パッケージソフト*/
div#container div#main_content div#results ul#system_name li#package_control ul.system_outline {
	background-color:#88A1D0;
	margin-bottom:16px;
	padding:1px;
}
 /*大手電機メーカー工場内社内インフラ*/
div#container div#main_content div#results ul#system_name li#electricity_control ul.system_outline {
	background-color:#819277;
	margin-bottom:16px;
	padding:1px;
}
div#container div#main_content div#results ul.system_outline {
	margin:6px;
	margin-bottom:16px;
}
div#container div#main_content div#results ul.system_outline li {
	background-color:#FFFFFF;
	margin:1px 12px;
	padding:3px;
}
/***********************************************/
/***          　　　製品情報           　　　***/
/***********************************************/
div#container div#main_content ul#product {
	border-bottom:solid 1px #4D71B8;
	margin-bottom:36px;
}
div#container div#main_content ul#product li {
	margin-bottom:16px;
}
div#container div#main_content ul#development {
	border-bottom:solid 1px #4D71B8;
	padding-bottom:36px;
	margin-bottom:36px;
}
 /*見出しの設定*/
div#container div#main_content ul#product h3 {
	background: url(../image/con_hd_back.gif) no-repeat;
	width:590px;
	height:29px;
	font-size:15px;
	color:#4D71B8;
	padding-top:4px;
	padding-left:24px;
}
div#container div#main_content ul#product h4 {
	margin-bottom:12px;
}
	/*価格表のテーブルセット*/
div#container div#main_content ul#product li#kokyakubanto_price table {
	width:500px;
	border-collapse:collapse;
	margin:12px auto;
}
div#container div#main_content ul#product li#kokyakubanto_price table th {
	border:solid 1px #4D71B8;
	padding:12px;
	background-color: #CDD7EB;
	text-align:left;
}
div#container div#main_content ul#product li#kokyakubanto_price table td {
	border:solid 1px #4D71B8;
	padding:12px;
	background-color: #FFFFFF;
	text-align:right;
}
/***********************************************/
/***          　　　ご提案　           　　　***/
/***********************************************/
div#container div#main_content div#propose p {
	margin-bottom:12px;
}
div#container div#main_content div#propose ul#trouble {
	list-style:disc;
	margin-left:24px;
	margin-bottom:24px;
}
div#container div#main_content div#propose ul#trouble li {
	margin-bottom:6px;
}
div#container div#main_content div#propose ul#apply {
	margin:24px 0;
}
div#container div#main_content div#propose ul#apply li {
	background: #82B4E6 url(../image/bottan_back.gif) repeat-x;
/*	background-color:#CDD7EB;*/
	border:solid 1px #4D71B8;
	border-right:solid 2px #4D71B8;
	border-bottom:solid 2px #4D71B8;
	list-style:circle;
	list-style-position:inside;
	padding:6px;
	margin:24px 0;
	margin-bottom:24px;
}
div#container div#main_content div#propose ul#apply li a {
	text-decoration:none;
}
div#container div#main_content div#propose ul#apply li a:hover {
	line-height:12px;
	font-size:16px;
}
	/*ソフト（システム）開発会社様へ*/
div#container div#main_content div#propose_trader {
	margin-bottom:160px;
}
div#container div#main_content div#propose_trader p {
	margin-bottom:12px;
}
	/*中小企業の経営者様へ*/
div#container div#main_content div#propose_first {
	margin-bottom:160px;
}
div#container div#main_content div#propose_first p {
	margin-bottom:12px;
}
	/*中小企業システム担当者様へ*/
div#container div#main_content div#propose_operation {
	margin-bottom:160px;
}
div#container div#main_content div#propose_operation p {
	margin-bottom:12px;
}
div#container div#main_content div#propose_operation ul {
	list-style:disc;
	margin-left:24px;
	margin-bottom:12px;
}
div#container div#main_content div#propose_operation ul li {
	margin-bottom:12px;
}

/***********************************************/
/***          　　よくある質問　       　　　***/
/***********************************************/
div#container div#main_content ol#much_question {
	margin-bottom:24px;
}
div#container div#main_content ol#much_question li {
	margin-bottom:12px;
}
div#container div#main_content div#much_answer p {
	text-indent:0;
}
div#container div#main_content div#much_answer p#question1 {
	background-color:#CDD7EB;
	border:solid 1px #4D71B8;
	padding:6px;
	margin-bottom:12px;
}
div#container div#main_content div#much_answer p#question2 {
	background-color:#CDD7EB;
	border:solid 1px #4D71B8;
	padding:6px;
	margin-bottom:12px;
}
div#container div#main_content div#much_answer p#question3 {
	background-color:#CDD7EB;
	border:solid 1px #4D71B8;
	padding:6px;
	margin-bottom:12px;
}
div#container div#main_content div#much_answer p#question4 {
	background-color:#CDD7EB;
	border:solid 1px #4D71B8;
	padding:6px;
	margin-bottom:12px;
}
div#container div#main_content div#much_answer p#question5 {
	background-color:#CDD7EB;
	border:solid 1px #4D71B8;
	padding:6px;
	margin-bottom:12px;
}
div#container div#main_content div#much_answer p#question6 {
	background-color:#CDD7EB;
	border:solid 1px #4D71B8;
	padding:6px;
	margin-bottom:12px;
}
div#container div#main_content div#much_answer p.answer {
	background-color:#DDFFDD;
	border:solid 1px #4D71B8;
	padding:6px;
	padding-left:12px;
	margin-bottom:36px;
}
/***********************************************/
/***          プライバシーポリシー           ***/
/***********************************************/
div#container div#main_content p#vow {
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px solid gray;
}
div#container div#main_content ol#privacy {
	margin-left:32px;
	margin-bottom:16px;
	list-style:decimal;
}
div#container div#main_content ol#treatment {
	margin-left:32px;
	margin-bottom:16px;
	list-style:decimal;
}
div#container div#main_content ol#treatment ul#object {
	margin-left:12px;
	margin-bottom:16px;
	list-style:disc;
}
div#container div#main_content ol#treatment ul#object li#enquete {
	list-style:none;
}
/***********************************************/
/***              サイトマップ               ***/
/***********************************************/
div#container div#main_content ul#sitemap {
	margin-left:80px;
	line-height:32px;
}
div#container div#main_content ul#sitemap li {
	width:350px;
	border:1px solid #025EC3;
	padding:0 12px;
	margin-bottom:16px;
}
div#container div#main_content ul#sitemap li ul#propose {
	margin-left:32px;
	line-height:24px;
}
div#container div#main_content ul#sitemap li ul li {
	width:260px;
	border:1px solid #9FB2D9;
	padding:0 12px;
}
div#container div#main_content ul#sitemap li#blog {
	width:350px;
	border:1px dotted #025EC3;
	padding:0 12px;
}
	/*-----サブコンテンツの基本設定-----*/
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;
}

/*-----フッター配置の基本設定-----*/
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;
}