@charset "Shift_JIS";

/*↓基本設定：全体の文字色、背景色、背景画像*/

*{
  margin:0;
  padding:0;
 }

body {
	color: #000000;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font-weight: normal;
	font-size: 10pt;
	color: #808080;
	letter-spacing: 1px;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

h2 {	color: #808080;
	letter-spacing: 1px;
	font-size: 11pt;
}

th {
	font-weight: normal;
	text-align: left;
}

/*↓画像先読み設定*/
img.load {
	display: none;
}

/*↓自ページリンク色*/
#root {	
	color: #ffd700;
}

/*↓外枠レイアウト*/
.out {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

/*↓内側枠レイアウト*/
.inner {
	border-right: solid #165de1 1px;
	border-bottom: solid #C0C0C0 1px;
	border-left: solid #165de1 1px;
}

/*↓indexページ高さ指定*/
#index {	
	height: 2000px;
}

/*↓問い合わせフォーム高さ指定*/
#contact {	
	height: 950px;
}

/*↓問い合わせ送信完了ページ高さ指定*/
#thanks {	
	height: 650px;
}

/*↓ご利用案内ページ高さ指定*/
#flow {	
	height: 1410px;
}

/*↓ホームページ作成トップページ高さ指定*/
#homepage-1 {	
	height: 3280px;
	font-size: 11pt;
}

/*↓ホームページ作成の注意点ページ高さ指定*/
#homepage-2 {	
	height: 2160px;
	font-size: 11pt;
}

/*↓ホームページ運用管理ページ高さ指定*/
#homepage-3 {	
	height: 3650px;
	font-size: 11pt;
}

/*↓ブログ設置・デザインページ高さ指定*/
#homepage-4 {	
	height: 1350px;
	font-size: 11pt;
}

/*↓オンラインショップ構築ページ高さ指定*/
#homepage-5 {	
	height: 1010px;
	font-size: 11pt;
}

/*↓電子決算公告サービスページ高さ指定*/
#homepage-6 {	
	height: 1410px;
	font-size: 11pt;
}

/*↓ホームページ料金表ページ高さ指定*/
#price_hp {	
	height: 1650px;
}

/*↓パソコンサポートトップページ高さ指定*/
#pc_support {	
	height: 1280px;
}

/*↓パソコン年間料金表ページ高さ指定*/
#price_pc1 {	
	height: 1350px;
}

/*↓パソコンスポット料金表ページ高さ指定*/
#price_pc2 {	
	height: 1560px;
}

/*↓データ復旧サービスページ高さ指定*/
#recovery {	
	height: 1840px;
}

/*↓バックアップ対策ページ高さ指定*/
#backup {	
	height: 1280px;
}

/*↓情報漏洩・保護対策ページ高さ指定*/
#compromise {	
	height: 1050px;
}

/*↓ウイルス対策ページ高さ指定*/
#anti-virus {	
	height: 1320px;
}

/*↓セキュリティ対策ページ高さ指定*/
#security {	
	height: 1350px;
}

/*↓PC導入支援ページ高さ指定*/
#installation {	
	height: 1050px;
}

/*↓LAN構築ページ高さ指定*/
#network {	
	height: 880px;
}

/*↓アーキシートトップページ高さ指定*/
#archisheet {	
	height: 950px;
}

/*↓確認申請書ページ高さ指定*/
#as201 {	
	height: 4800px;
}

/*↓報酬算定ページ高さ指定*/
#resa3 {	
	height: 4380px;
}

/*↓会社概要ページ高さ指定*/
#about {	
	height: 1000px;
}

/*↓代表挨拶ページ高さ指定*/
#message {	
	height: 640px;
}

/*↓特商法ページ高さ指定*/
#law {	
	height: 1070px;
}

/*↓プライバシーポリシーページ高さ指定*/
#privacy {	
	height: 1580px;
}

/*↓サイトマップページ高さ指定*/
#sitemap {	
	height: 630px;
}

/*↓リンク集ページ高さ指定*/
#link-page {	
	height: 1200px;
}

/*↓内側左枠レイアウト*/
.inner-l {
	width: 600px;
	float: left;
}

/*↓内側右枠レイアウト*/
.inner-r {
	width: 160px;
	float: right;
}

/*↓サイトマップ内側左枠レイアウト*/
.inner-ls {
	width: 380px;
	float: left;
}

/*↓サイトマップ内側右枠レイアウト*/
.inner-rs {
	width: 380px;
	float: right;
	padding-top: 51px;
}

/*↓サイトタイトル*/
.header {
	background: url(../image/header.jpg) no-repeat;
	width: 780px;
	height: 108px;
}

.header img {
	margin-left: 8px;
	margin-top: 28px;
}

/*↓メニュー背景*/
.menu-back {
	background: url(../image/menu.gif) no-repeat;
	width: 780px;
	height: 33px;
}

/*↓メニューリストここから*/
.menu {
list-style-type: none;
	text-align: left;
	height: 20px;
	letter-spacing: 1px;
	width: 780px;
	padding-left: 13px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.menu li {
  display: inline;
	text-decoration: none;
}

/*↓リンク色*/
.menu a {	
	text-decoration: none;
	background: url(../image/menu_off.gif) no-repeat;
	display: block;
	float: left;
	width: 107px;
	font-size: 10pt;
	text-align: center;
	height: 15px;
	vertical-align: middle;
	padding-top: 5px;
	margin-top: 5px;
}

.menu a:link {
	 color: #fff;
}

/*↓訪問済みリンク色*/
.menu a:visited {
	color:#fff;
 }

/*↓マウスでポイントしたときのリンク色*/
.menu a:hover {
	color: #fff;
  	background: url(../image/menu_on.gif) no-repeat;
	width: 107px;
	height: 18px;
}

/*↓クリックしたときのリンク色*/
.menu a:active {
	color:#fff;
}
/*↓メニューここまで*/



/*↓右サイドメニューここから*/
.side-menu {
	letter-spacing: 1px;
}

.side-menu li {
	display: inline;
	text-decoration: none;
}

/*↓リンク色*/
.side-menu a {	
	text-decoration: none;
	background: url(../image/side-menu_off.gif) no-repeat;
	font-size: 9pt;
	display: block;
	width: 120px;
	height: 21px;
	padding-left: 30px;
	padding-top: 6px;
}

.side-menu a:link {
	 color: #808080;
}

/*↓訪問済みリンク色*/
.side-menu a:visited {
	color:#808080;
 }

/*↓マウスでポイントしたときのリンク色*/
.side-menu a:hover {
	color: #808080;
  	background: url(../image/side-menu_on.gif) no-repeat;
}

/*↓クリックしたときのリンク色*/
.side-menu a:active {
	color:#808080;
}

#root {	
	color: #ffff00;
}
/*↑右サイドメニューここまで*/

/*↓右サイド下側リンク設定*/
.navi-link {
	font-size: 11pt;
}

.navi-link ul {
	line-height: 140%;
	list-style: url(../image/triangle.gif);
	margin-left: 20px;
	margin-right: 10px;
}

#ad {
	padding-left: 10px;
	margin-bottom: 5px;
}

#ad hr {
	margin-top: 5px;

}

/*↓パンくずリスト*/
.navi {
	font-size: 9pt;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}

/*↓フラッシュ部分*/
.opening {
	width: 570px;
	height: 160px;
	border: solid #C5D8FA 1px;
	margin-left: 20px;
}

/*↓トップページ-ポリシータイトル*/
.policy-title {
	font-size: 11pt;
	color: #006400;
	margin-top: 20px;
}

/*↓トップページ-ポリシーメッセージ*/
.policy-message {
	font-size: 10pt;
	line-height: 130%;
	width: 500px;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 20px;
	text-align: left;
}

/*↓トップページ-サービスリンクタイトル*/
.service-title {
	width: 500px;
	height: 20px;
	color: #000080;
	text-align: left;
	border-bottom: dotted #000080 1px;
	border-left: solid #000080 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 20px;
}

/*↓トップページ-サービスリンク*/
.service-link {
	margin-top: 10px;
}

.service-link ul {	
	font-size: 10pt;
	line-height: 140%;
	text-align: left;
	vertical-align: top;
	margin-left: 20px;
	list-style: url(../image/arrow.gif);
}

/*↓新着情報外枠*/
.whats-new {	
	text-align: left;
	width: 500px;
	margin-top: 10px;
}

/*↓新着情報内枠*/
.information {
	overflow: auto;
	width: 500px;
	height: 150px;
	font-size: 9pt;
	border: solid #c5d8fa 1px;
	letter-spacing: 1px;
	line-height: 160%;
	padding: 10px 10px 10px 25px;
}

.information ul {
	list-style: url(../image/triangle.gif);
}

/*↓掲載サイト一覧外枠*/
.post {	
	text-align: left;
	width: 500px;
	margin-top: 20px;
}

.post p {
	
	font-size: 10pt;

	line-height: 140%;
	margin-left: 10px;
	margin-bottom: 10px;

}

/*↓掲載サイト一覧内枠*/
.post-in {
	overflow: auto;
	width: 500px;
	height: 70px;
	font-size: 9pt;
	border: solid #c5d8fa 1px;
	letter-spacing: 1px;
	line-height: 160%;
	padding: 10px 10px 10px 25px;
}

.post-in ul {
	list-style: url(../image/triangle.gif);
}

/*↓右サイドinformation*/
.side-info {
	font-size: 9pt;
	line-height: 130%;
	color: #666666;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.side-info img {
	margin-bottom: 10px;
}

/*↓トップページ所在地*/
.location {
	margin-top: 10px;
	margin-bottom: 20px;
}

/*↓電話での問い合わせ*/
.tel-order {
	margin-top: 10px;
}

/*↓トップページバナー外部リンク*/
.top-banner {
	text-align: center;
}

.top-banner img {
	margin-bottom: 10px;
}

/*↓問い合わせフォームSSL説明文*/
.ssl-info {
	line-height: 125%;
	font-size: 11pt;
	width: 530px;
	background: #f8fbf8;
	border: solid #E0E0E0 1px;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.need {
	font-size: 9pt;
	color: #C00000;
	text-align: left;
	margin-left: 45px;
	margin-bottom: 5px;
}

/*↓問い合わせフォームテーブル*/
.form-table {	
	width: 560px;
	border-top: solid #C0C0C0 1px;
	border-right: solid #C0C0C0 1px;
	border-left: solid #C0C0C0 1px;
	font-size: 11pt;
	letter-spacing: 1px;
	margin-left: 20px;
}

.form-l {
	padding-left: 10px;
	background: #f0f8ff;
	border-right: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;
}

.form-r {
	border-bottom: solid #C0C0C0 1px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.form-table input {
	height: 18px;
	border: solid #C0C0C0 1px;
}

.point {
	font-size: 9pt;
	color: #C00000;
	margin-left: 10px;
}

#add span {
	vertical-align: top;
}

#send {
	width: 100px;
	background: #f5f5f5;
	letter-spacing: 3px;
	height: 22px;
}

#clear {
	width: 100px;
	background: #f5f5f5;
	letter-spacing: 3px;
	height: 22px;
}

#freemail {	
	font-size: 9pt;
	background: #f8fbf8;
	border: solid #E0E0E0 1px;
	line-height: 125%;
	padding: 5px 5px 5px 5px;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 10px;
}

.form-table select {
	border: solid #C0C0C0 1px;
	width: 170px;
	margin-bottom: 5px;
}

.form-table textarea {
	border: solid #C0C0C0 1px;
	width: 350px;
	height: 150px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*↓問い合わせフォーム送信完了*/
#thanks p {
	margin-top: 40px;
}

/*↓ページタイトル*/
.page-title {
	text-align: left;
	color: #808080;
	letter-spacing: 1px;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.page-title img {
	vertical-align: middle;
}

/*↓各ページ冒頭説明文*/
.caption {
	font-size: 10pt;
	line-height: 145%;
	text-align: left;
	width: 520px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.caption ol {
	margin-left: 20px;
	list-style: decimal outside;
}

.caption h2 {	
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
}

.caption img {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*↓パソコンサポート/ホームページ作成ページ上部画像*/
.support-question {
	margin-top: 20px;
}

/*↓レンタルサーバの説明*/
.hosting {
	margin-top: 20px;
}

.hosting img {	
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*↓パソコンサポートページ冒頭リスト*/
.circle {
	margin-left: 20px;
	list-style: circle outside;
}

/*↓パソコンサポートページ文末メッセージ*/
.support-message {
	width: 520px;
	text-align: left;
	line-height: 125%;
	letter-spacing: 1px;
	border: solid #ffd700 1px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}

/*↓参考画像の枠指定*/
.image-rim {
	border: solid #CCCCCC 1px;
}

/*↓参考画像-左回り込み*/
.image-left {	
	float: left;
}

/*↓参考画像の枠指定-左回り込み*/
.illustration {
	border: solid #CCCCCC 1px;
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}

/*↓会社概要ページ冒頭メッセージ*/
.philosophy {
	font-size: 10pt;
	line-height: 125%;
	text-align: left;
	width: 520px;
	color: #404040;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.philosophy h2 {	
	text-align: center;
	margin-bottom: 5px;
}

/*↓代表挨拶ページへ*/
.go_message {
	margin-left: 350px;
	margin-top: 10px;
}

/*↓代表挨拶ページ本文*/
.word {
	text-align: left;
	font-size: 11pt;
	line-height: 125%;
	width: 520px;
	padding-left: 20px;
}

.word img {	
	float: left;
	margin-right: 20px;
}

.word p {
	margin-bottom: 10px;
}

/*↓一般表組みテーブル*/
.tabular {	
	width: 560px;
	border-top: solid #C0C0C0 1px;
	border-right: solid #C0C0C0 1px;
	border-left: solid #C0C0C0 1px;
	font-size: 11pt;
	letter-spacing: 1px;
	margin-left: 20px;
}

.tabular-l {
	padding-left: 10px;
	background: #ffffe0;
	border-right: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;
}

.tabular-r {
	border-bottom: solid #C0C0C0 1px;
	padding: 5px 10px 5px 10px;

}

.tabular-r img {
	padding: 0px 0px 0px 0px;
}

.tabular-r span {
	font-size: 9pt;
}

#roman ul {
	padding-left: 22px;
	list-style: lower-roman;
}

#square ul {
	padding-left: 22px;
	list-style: square;
}

/*↓サービス内容タイトル・見出し*/
.services {
	letter-spacing: 2px;
	background: #f0fff0;
	font-weight: bold;
	text-align: left;
	border-top: solid #3cb371 1px;
	border-right: solid #3cb371 2px;
	border-bottom: solid #3cb371 3px;
	border-left: solid #3cb371 1px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 20px 10px 20px;
}

/*↓ご利用案内ページ*/
#service span {
	color: #008000;
	font-weight: bold;
	letter-spacing: 1px;
}

/*↓ご利用案内ページ*/
#service img {
	vertical-align: text-top;
	margin-bottom: 10px;
}

/*↓ご利用案内・データ復旧ページ-お問い合わせの流れ*/
.flow-box {	
	width: 315px;
	height: 40px;
	background: url(../image/box.gif);
	padding-top: 20px;
}

/*↓料金表テーブル*/
.price {	
	width: 560px;
	border-top: solid #C0C0C0 1px;
	border-right: solid #C0C0C0 1px;
	border-left: solid #C0C0C0 1px;
	font-size: 10pt;
	letter-spacing: 1px;
	line-height: 125%;
	margin-left: 20px;
}

.price th {
	text-align: center;
	letter-spacing: 2px;
}

/*↓料金表テーブルタイトル背景色*/
.web {
	background: #fef4f4;
}

.year {
	background: #ffffe0;
}

.spot {	
	background: #f0fff0;
}

#price-caption {
	background: #fff1cf;
	letter-spacing: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.price-l {
	border-right: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.price-l2 {
	padding-left: 10px;
	border-right: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;
	text-align: center;
}

.price-m {
	border-right: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;
	text-align: center;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.price-r {
	border-bottom: solid #C0C0C0 1px;
	padding: 5px 10px 5px 10px;
	text-align: left;
}

.price ol {
	list-style: decimal outside;
	margin-left: 25px;
	margin-top: 10px;
}

/*↓アーキシートページ製品名*/
.product {
	letter-spacing: 2px;
	color: #FFFFFF;
	background: #ff7f50;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 20px 10px 20px;
}

/*↓アーキシートページ製品概要*/
.summary {
	line-height: 125%;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

/*↓左寄せ本文設定*/
.detail {
	line-height: 130%;
	text-align: left;
	width: 520px;
}

.detail ol {
	list-style: decimal outside;
	margin-left: 35px;
	margin-top: 10px;
}

.detail ul {
	margin-left: 20px;
	margin-top: 10px;
	list-style: outside url(../image/arrow.gif);
}

.detail p {
	margin-top: 10px;
}

/*↓詳細ページへ*/
.go_detail {
	margin-left: 400px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*↓アーキシートページ支払い方法タイトル*/
.sub-caption {	
	width: 100%;
	background: #ffffe0;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: solid #ffd700 1px;
}


/*↓プライバシーポリシーページフォント指定*/
#privacy-font {
	font-size: 10pt;
	line-height: 125%;
}

/*↓プライバシーポリシーページ冒頭説明文*/
.declared {
	width: 520px;
	text-align: left;
}

.declared span {	
	font-weight: bold;
	color: #404040;
}

/*↓プライバシーポリシーページ署名*/
.signature {
	width: 520px;
	text-align: right;
	letter-spacing: 2px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.declared ol {
	list-style: decimal outside;
	margin-left: 30px;

}

.declared li {
	padding-bottom: 10px;
}

.declared p {
	padding-top: 10px;
	padding-bottom: 10px;
}

#privacy-info {
	margin-top: 10px;
}

/*↓サイトマップページ-サービスタイトル左*/
.sitemap-segment-l {
	background: #87ceeb;
	text-align: left;
	border-left: solid #6EABC4 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 40px;
}

.sitemap-segment-l h2 {	
	color: #FFFFFF;
}

/*↓サイトマップページ-サービスタイトル右*/
.sitemap-segment-r {
	background: #87ceeb;
	border-left: solid #6EABC4 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 40px;
}

.sitemap-segment-r h2 {	
	color: #FFFFFF;
}

/*↓サイトマップページ-リスト左*/
.sitemap-list-l {
	font-size: 11pt;
	text-align: left;
	list-style: url(../image/triangle2.gif);
	margin-left: 65px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*↓サイトマップページ-リスト右*/
.sitemap-list-r {
	font-size: 11pt;
	text-align: left;
	list-style: url(../image/triangle2.gif);
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*↓トップへ戻る*/
.page-top {
	clear: both;
	padding-left: 650px;
	padding-top: 20px;
}

/*↓最下段メニュー*/
.under {
	width: 760px;
	font-size: 10pt;
	text-align: right;
	padding-right: 20px;
	margin-left: auto;
	margin-top: 10px;
	margin-right: auto;
}

/*↓著作権表示*/
address {
	width: 780px;
	font-size: 10pt;
	text-align: center;
	color: #666666;
	font-style: normal;
	padding-bottom: 20px;
	margin-left: auto;
	margin-top: 10px;
	margin-right: auto;
	text-decoration: none;
}

/*↓リンク色*/
a:link { color:#0000FF; }

/*↓訪問済みリンク色*/
a:visited { color:#800080; }

/*↓マウスでポイントしたときのリンク色*/
a:hover {color:#ff0000;  }

/*↓クリックしたときのリンク色*/
a:active {color:#ff0000; }