/* ------------------------------------------------------------------
	up to company ホームページ
	style.css
	スタイルシート
------------------------------------------------------------------ */

body
{
	margin: 0px;
	padding: 0px;
	font-family: 'ＭＳ Ｐゴシック,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,sans-serif';
	text-align: center;
}

/* タイトル */
h1.title
{
	margin: 0px;
	padding: 0px;
}

/* ヘッダータイトル文言 */
div.header_title h1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	text-align:right;
	font-size:8pt;
	font-weight: normal;
	color:#656565;
}

div.header_title a
{
	color:#4c4c4c;
	text-decoration:none;
}

/* ヘッダー */
div.header
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	text-align:right;
}

div.header a
{
	font-size: 13px;
	text-decoration:none;
	color:white;
}

/* ヘッダー */
table.header_table
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	color:white;
}

/* ヘッダー 左 */
td.header_left
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
}


/* ヘッダー 右 */
td.header_right
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 3px 0px;
	width: 570px;
	text-align:right;
	background-image: url(./image/header2.jpg);
	background-repeat: no-repeat;
}

td.header_right a
{
	font-weight: bold;
}

/* フッター */
div.footer
{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 3px 0px;
	width: 750px;
	text-align:center;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}

div.footer a
{
	color:#5165FF;
}

table.footer_table
{
	margin: 0px auto;
}

/* パンくず */
div.pankuzu
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 25px;
	width: 500px;
	color:#656565;
	text-align:left;
	font-size:8pt;

}

div.pankuzu a
{
	width: 750px;
	text-align:center;
	color:#5165FF;
	font-size:8pt;
}

/* コンテナ : 全体枠 */
div.continer
{
	width: 750px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}

/* ブロック : メニュー */
td.left_menu
{
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
}

/* ブロック : 左 */
div.left_block
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ブロック ： 左メニュータイトル */
div.menu_title h2
{
	width: 180px;
	text-align: center;
	background-color: #5ba618;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	color:white;
	font-weight: bold;
}

/* ブロック ： 左メニュー１ 通常メニュー */
td.menu
{
	text-align: left;
	width: 180px;
	padding: 12px 0px 11px 28px;
	font-size: 8pt;
	color:#656565;
	background-color: #DEEEAD;
	background-image: url(./image/menu1.gif);
}

td.menu a
{
	font-size: 8pt;
	color:#656565;
	font-weight: bold;
}

td.menu a:hover
{
	font-size: 8pt;
	color:#FF9D3C;
	font-weight: bold;

}

div.menu_t
{
	text-align: left;
	width: 152px;
	padding: 12px 0px 11px 28px;
	font-size: 8pt;
	color:#656565;
	background-color: #DEEEAD;
	background-image: url(./image/menu1.gif);
}

div.menu_t a
{
	font-size: 8pt;
	color:#656565;
	font-weight: bold;
}

div.menu_t a:hover
{
	font-size: 8pt;
	color:#FF9D3C;
	font-weight: bold;

}


/* ブロック ： 左メニュー２ 一番下 */
td.menu_end
{
	text-align: left;
	width: 180px;
	padding: 12px 0px 11px 28px;
	font-size: 8pt;
	color:#656565;
	background-color: #DEEEAD;
	background-image: url(./image/menu2.gif);
}

td.menu_end a
{
	font-size: 8pt;
	color:#656565;
	font-weight: bold;
}

td.menu_end a:hover
{
	font-size: 8pt;
	color:#FF9D3C;
	font-weight: bold;

}

div.menu_end
{
	text-align: left;
	width: 152px;
	padding: 12px 0px 11px 28px;
	font-size: 8pt;
	color:#656565;
	background-color: #DEEEAD;
	background-image: url(./image/menu2.gif);
}

div.menu_end a
{
	font-size: 8pt;
	color:#656565;
	font-weight: bold;
}

div.menu_end a:hover
{
	font-size: 8pt;
	color:#FF9D3C;
	font-weight: bold;

}



/* ブロック : メイン */
td.main
{
	width: 570px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
	text-align:left;
}

/* ブロック : メイン */
div.main_block
{
	width: 570px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ブロック : メイン内容*/
div.main_content
{
	width: 545px;
	margin: 20px 0px 30px 25px;
	padding: 0px 0px 0px 0px;
	line-height:150%;
	font-size: 10pt;
	color:#6b6b6b;
}

/* 各ページのスタイルシート開始 */

/* ページ下 各ページへのリンク */
div.page_link a
{
	line-height:150%;
	font-size: 12pt;
	color:#5165FF;
	font-weight: bold;
	text-decoration:none;
}

div.page_link2 a
{
	line-height:130%;
	font-size: 10pt;
	color:#5165FF;
}

div.page_link3 a
{
	line-height:130%;
	font-size: 11pt;
	color:#FE9A38;
}


/* TOPページ メインテーブル */

div.top_title h3
{
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	line-height:120%;
	font-size: 13pt;
	color:#7FB947;
	font-weight: bold;
}

td.top_td1
{
	width: 260px;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	border-right:		1px solid #d4d4d4;
	border-bottom:		1px solid #d4d4d4;
}

td.top_td1 a
{
	color:#5165FF;
}

td.top_td2
{
	width: 240px;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50px 20px;
	border-bottom:		1px solid #d4d4d4;
}

td.top_td2 a
{
	color:#5165FF;
}

td.top_td3
{
	width: 250px;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	border-right:		1px solid #d4d4d4;
}

td.top_td3 a
{
	color:#5165FF;
}

td.top_td4
{
	width: 240px;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 10px 20px;
}

td.top_td4 a
{
	color:#5165FF;
}

td.top_link
{
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 0px;

}

td.top_link a
{
	color:#5165FF;
	font-size:10pt;
}

td.footer_link
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

td.footer_link a
{
	color:#5165FF;
	font-size:10pt;
}

td.footer_link2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;

}

td.footer_link2 a
{
	color:#5165FF;
	font-size:10pt;
}

td.top_link3
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

/* 各ページのタイトル */
div.page_title
{
	text-align: left;
	line-height:120%;
	padding: 2px 10px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 15pt;
	color:#7FB947;
	font-weight: bold;
}

/* 各ページのタイトル 小 */

div.page_title_m
{
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-size: 13pt;
	color:#7FB947;
	font-weight: bold;
}

/* コンサルティング 内容の行間と背景 */

div.consulting_content
{
	line-height:200%;
	background-repeat: no-repeat;
}


/* アクセスアップ 内容の行間と背景 1 */

div.access_content1
{
	line-height:200%;
	padding: 0px 0px 30px 0px;
	background-repeat: no-repeat;
	border-bottom:		1px solid #d4d4d4;
}

/* アクセスアップ 内容の行間と背景 2 */

div.access_content2
{
	line-height:200%;
	padding: 0px 0px 30px 0px;
	background-repeat: no-repeat;
	border-bottom:		1px solid #d4d4d4;
}

/* アクセスアップ 内容の行間と背景 3 */

div.access_content3
{
	line-height:200%;
	padding: 0px 0px 30px 0px;
	background-repeat: no-repeat;
	border-bottom:		1px solid #d4d4d4;
}

/* Waiting */
div.waiting_content
{
	line-height:150%;
	padding: 0px 0px 30px 0px;
	background-repeat: no-repeat;
}

/* 運営サポート 内容の行間と背景 */

div.support_content
{
	line-height:200%;
	padding: 0px 0px 30px 0px;
	background-repeat: no-repeat;
	border-bottom:		1px solid #d4d4d4;
}

/* ブログ型ホームページ 内容の行間と背景 */

div.blog_content
{
	line-height:200%;
	padding: 0px 0px 20px 0px;
	border-bottom:		1px solid #d4d4d4;
}

div.blog_content2
{
	line-height:200%;
	padding: 10px 0px 20px 0px;
}

table.blog_img
{
	margin: 0px 0px 23px 20px;
	padding: 0px 0px 0px 0px;

}

/* ブログ型ホームページ オレンジ文字 小 */

div.blog_orange
{
	font-size: 11pt;
	color:#FF4F01;
	padding: 10px 0px 0px 0px;
	line-height:140%;
	font-weight: bold;
}

div.blog_orange2
{
	font-size: 11pt;
	color:#FF4F01;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
}

/* ブログ型ホームページ オレンジ文字 大 */

div.blog_orange_b
{
	font-size: 22pt;
	color:#FF4F01;
	font-weight: bold;
}

/* ブログ型ホームページ 費用 青文字 */

div.blog_blue_b
{
	font-size: 12pt;
	color:#000080;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

div.blog_blue_orange
{
	font-size: 12pt;
	color:#FF4F01;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

div.blog_price
{
	color:#4c4c4c;
	line-height:130%;
}

/* ブログ型ホームページ 費用テーブル */
td.blog_td1
{
	width: 250px;
	text-align:center;
	color:white;
	font-weight: bold;
	background-color:#7FB947;
	border-right:		1px solid white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td.blog_td2
{
	width: 250px;
	text-align:center;
	color:white;
	font-weight: bold;
	background-color:#7FB947;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td.blog_td3
{
	width: 250px;
	color:black;
	font-size: 9pt;
	line-height:120%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 20px;
	border-right:		1px solid #7FB947;
	border-left:		1px solid #7FB947;
	border-bottom:		1px solid #7FB947;
}

td.blog_td4
{
	width: 250px;
	color:black;
	font-size: 9pt;
	line-height:100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
	border-right:		1px solid #7FB947;
	border-bottom:		1px solid #7FB947;
}

/* ブログ型ホームページ 費用テーブル 小文字 */
div.blog_content3
{
	line-height:140%;
	padding: 0px 0px 20px 0px;
	font-size: 9pt;
}

/* ブログ型ホームページ ドメインテーブル２ */
table.blog_table_domain
{
	border-collapse: collapse;
}

td.blog_table_domain1
{
	width: 30%;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #7FB947;
}

td.blog_table_domain2
{
	width: 30%;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: #7FB947;
}

td.blog_table_domain3
{
	width: 30%;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: #7FB947;
}

td.blog_table_domain4
{
	padding: 10px 10px;
	border: 1px solid #7FB947;
}


/* 「コーナンeshop」について */
div.bg_kohnan_eshop
{
	background-image: url(./image/bg_kohnan_eshop.jpg);
	background-repeat: no-repeat;
	background-position: right 160px;
}

/* ECソリューション事業 */
div.ec_solution_point
{
	text-align: left;
	padding: 10px 0px 10px 0px;
	line-height: 160%;
	font-size: 12pt;
	color:#7FB947;
	font-weight: bold;
}

/* ECソリューションサービス */
div.bg_ec_solution_service
{
	background-image: url(./image/bg_ec_solution_service.jpg);
	background-repeat: no-repeat;
	background-position: right 90px;
}

/* ECサイト構築パッケージ */
div.bg_ec_site_package
{
	background-image: url(./image/bg_ec_site_package.jpg);
	background-repeat: no-repeat;
	background-position: 360px 40px;
}

/* ECサイト構築パッケージ 詳細 */
div.ec_create_front
{
	width: 250px;
	padding: 0px 10px 0px 0px;
	border-right: 1px dashed #000000;
	float: left;
}

div.ec_create_admin
{
	width: 250px;
	margin: 0px 0px 0px 260px;
	padding: 0px 0px 0px 10px;
}

div.ec_create_clear
{
	clear: both;
}

div.ec_create_function_head
{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12pt;
	color:#7FB947;
	font-weight: bold;
}

div.ec_create_caption
{
	background-color: #6b6b6b;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
	line-height: 100%;
	padding: 5px 10px;
}

dl.ec_create_function
{
	margin: 0px 0px 18px 6px;
}

dt.ec_create_function
{
	margin: 7px 0px 0px 0px;
	padding: 0px;
	line-height: 100%;
}

dd.ec_create_function
{
	font-size: 8pt;
	line-height: 200%;
	margin: 7px 0px 15px 10px;
	padding: 0px 0px 0px 0px;
}

/* 成功するホームページとは 内容の行間と背景 */

div.homepage_content
{
	line-height:200%;
	background-repeat: no-repeat;
}

div.homepage_content2
{
	font-size: 11pt;
	font-weight: bold;
	line-height: 200%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: top;
}


/* システム開発 利用例・機能 */
div.system_function_title
{
	padding: 0px 0px 0px 15px;
	margin: 30px 0px 5px 0px;
	font-size: 11pt;
	font-weight: bold;
	color:#ECB24C;
}

div.system_function_content
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 10pt;
	line-height: 200%;
}

/* SNS */
div.bg_sns
{
	background-image: url(./image/bg_sns.jpg);
	background-repeat: no-repeat;
	background-position: right 180px;
}

/* 携帯システム */
div.bg_mobile_system
{
	background-image: url(./image/bg_mobile_system.jpg);
	background-repeat: no-repeat;
	background-position: right 130px;
}

/* ポータルサイトシステム */
div.bg_portal_site_system
{
	background-image: url(./image/bg_portal_site_system.jpg);
	background-repeat: no-repeat;
	background-position: right 230px;
}

/* メールマガジン配信システム */
div.bg_mail_magazine
{
	background-image: url(./image/bg_mail_magazine.jpg);
	background-repeat: no-repeat;
	background-position: 250px 60px;
}

/* クロスメディア 内容の行間と背景 */

div.crossmedia_content
{
	line-height:200%;
	padding: 5px 0px 360px 0px;
	background-repeat: no-repeat;
}

div.crossmedia_content2
{
	line-height:200%;
	padding: 5px 0px 30px 0px;
	background-repeat: no-repeat;
}

/* サイトマップ */
div.sitemap_head
{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15pt;
	color:#7FB947;
	font-weight: bold;
}

div.sitemap_caption
{
	background-color: #6b6b6b;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
	line-height: 100%;
	padding: 5px 10px;
}

ul.sitemap_list
{
	margin: 12px 0px 25px 0px;
}

ul.sitemap_list2
{
	margin: 5px 0px 5px 30px;
}

a.sitemap_link
{
	color: #656565;
}

div.sitemap_link_title
{
	color: #FF4F01;
	text-decoration: none;
}

/* プライバシーポリシー 各項目 */
div.privacy_title
{
	line-height:120%;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 10pt;
	color:#7FB947;
	font-weight: bold;
	border-bottom: 1px solid #7FB947;
}


/* ポータルサイトシステム 実績例 */
table.portal_example_box
{
	width: 100%;
}

td.portal_example_box_left
{
	width: 60%;
	vertical-align: top;
}

td.portal_example_box_right
{
	vertical-align: top;
}

img.portal_example_image
{
	margin: 0px 0px 0px 5px;
}

/* SNS 実績例 */
table.sns_example_box
{
	width: 100%;
}

td.sns_example_box_left
{
	width: 50%;
	vertical-align: top;
}

td.sns_example_box_right
{
	vertical-align: top;
}

img.sns_example_image
{
	margin: 0px 0px 0px 5px;
}


/* トップページ */
td.index_back1
{
	background-image: url(./image/top_bg1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

td.index_back2
{
	background-image: url(./image/top_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

td.index_back3
{
	background-image: url(./image/top_bg3.jpg);
	background-repeat: no-repeat;
	background-position: right 110px;
}

td.index_back4
{
	background-image: url(./image/top_bg4.jpg);
	background-repeat: no-repeat;
	background-position: right 95px;
}

/* 成功するホームページ */
div.bg_homepage
{
	background-image: url('./image/bg_homepage.jpg');
	background-repeat: no-repeat;
	background-position: right 310px;
}

/* フッター 著作文 */
div.footer_m
{
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:9pt;
	color:#7d7d7d;
}

div.bg_consulting
{
	background-image: url(./image/bg_consulting.jpg);
	background-repeat: no-repeat;
	background-position: right 160px;
}

div.bg_access1
{
	background-image: url(./image/bg_access1.jpg);
	background-repeat: no-repeat;
	background-position: right 80px;
}

div.bg_access2
{
	background-image: url('./image/bg_access2.jpg');
	background-repeat: no-repeat;
	background-position: right 20px;
}

div.bg_access3
{
	background-image: url('./image/bg_access3.jpg');
	background-repeat: no-repeat;
	background-position: right 0px;
}

div.bg_support
{
	background-image: url('./image/bg_support.jpg');
	background-repeat: no-repeat;
	background-position: 230px 160px;
}