/* all reset */

*	{
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-size: 12px;
}

img	{ border: 0; }

.clear	{
	clear: both;
}

br.clear	{
	clear: both;
	line-height: 0px;
	height: 0px;
}

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}

.float_left 	{ float: left; }
.float_right	{ float: right; }
.auto	{ margin: 0px auto; }
.left	{ text-align: left; }
.right	{ text-align: right; }
.center	{ text-align: center; }

span.red	{ color: red; }

.cgreen	{ color: #388235 !important; }
.c939	{ color: #939; }
.cred	{ color: #930 !important; }
.m20	{ margin-bottom: 20px !important; }
.m10	{ margin-bottom: 10px !important; }
.m0		{ margin-bottom: 0 !important; }
.s10	{ margin: 0px 10px; }
.s5		{ margin: 0px 5px; }
.t10	{ margin-top: 10px; }
.t20	{ margin-top: 20px; }
.s14	{ font-size: 14px; }
.s16	{ font-size: 16px !important; }
.l2m	{ margin-left: 2em; }
.ul	{ border-bottom: 1px solid #AAA; }
.w458	{ width: 458px; margin: 10px auto 10px auto; }
.w226	{ width: 226px; margin: 10px auto 10px auto; }
.p10	{ padding-top: 10px !important; }
.p20	{ padding-top: 20px !important; }
.blue	{ color: blue !important; }
.none	{ text-decoration: none; }
.fff	{ background: #FFF; }
.block	{ display: block; }
.tm10	{ margin-top: 10px; margin-bottom: 10px; }
.noborder	{ border: none !important; }
.bold	{ font-weight: bold; }
.yen	{ color: red; font-size: 16px !important; }
.bdb	{ border-bottom: 1px dotted #AAA; padding-bottom: 10px; }
.dnone	{ display: none; }
.nonbg	{ background: none !important; }
.hauto	{ height: auto !important; }
.b1		{ border: 1px solid #CCC; padding-top: 10px; margin-bottom: 10px; }

a.links	{
	color: #039;
}

a.links:hover	{
	color: #930;
	text-decoration: none;
}

/* 高さ100% */

body,html	{
	height: 100%;
	min-height: 100%;
	background: #FFF url(img/body_bg.jpg) repeat-x top
}

/* 相対位置指定,高さ100% */

#wrapper	{
	position: relative;
	height: 100%;
	min-height: 100%;
	background: url(img/container_bg2.jpg) no-repeat top center;
}

/* ウィンドウを縮めた時にフッタをコンテンツ部分で止める　IE以外 */

body > #wrapper	{
	height: auto;
}

/* フッタの高さを確保 不必要なスクロールバーを消す*/

#container	{
	padding-bottom: 160px;
	width: 880px;
	margin: 0px auto;
}

/* 絶対位置指定,bottom: 0; */

#footer	{
	position: absolute;
	bottom: 0;
	height: 160px;
	width: 100%;
}

#footer .sns{
	text-align:left;
	padding-bottom:5px;
}

#footer_container	{
	width: 850px;
	margin: 0px auto;
	height: 160px;
	text-align: right;
	position: relative;	/* 絶対配置の基準点 */
	background: url(img/footer_con_bg.gif) bottom no-repeat;
}

#footer_container p.copyright	{
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 100;
	margin-bottom:15px;
}

#footer_container p.logos	{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* 1 */
ul.menu_f	{
	list-style: none;
	position: absolute;
	top: 35px;
	right: 15px;
	text-align: left;
	width: 110px;
}

ul.menu_f li	{
	height: 28px;
	line-height: 28px;
	background: url(img/li_new.gif) no-repeat left;
}

ul.menu_f li.home	{
	background: url(img/li_home.gif) no-repeat left;
}

ul.menu_f li.phone	{
	background: url(img/li_phone.gif) no-repeat left;
}

ul.menu_f li.comp	{
	background: url(img/li_comp.gif) no-repeat left;
}

ul.menu_f li.map	{
	background: url(img/li_map.gif) no-repeat left;
}

ul.menu_f li span	{
	margin-left: 32px ;
}

ul.menu_f li a	{
	color: #039;
	font-size: 12px;
}

ul.menu_f li a:hover	{
	text-decoration: none;
	color: #930;
}

h4.package_line	{
	color: #039;
	height: 24px;
	line-height: 24px;
	position: absolute;
	top: 35px;
	left: 12px;
	width: 695px;
	text-align: left;
	z-index: 1;
}

/* list_f */
ul.list_f	{
	list-style: none;
	position: absolute;
	top: 60px;
	left: 12px;
	text-align: left;
	width: 695px;
	border: 1px solid #CCC;
}

ul.list_f li	{
	width: 164px;
	line-height: 28px;
	background: #FFF url(img/li_new.gif) no-repeat -4px 2px;
	float: left;
}

ul.list_f li.portal	{
	width: 198px;
}

ul.list_f li p	{
	margin-left: 15px;
	line-height: 150%;
	font-size: 10px;
	color: #555;
	padding-bottom: 1em;
	letter-spacing: 1px;
}

ul.list_f li a	{
	color: #039;
	margin-left: 15px;
}

ul.list_f li a:hover	{
	text-decoration: none;
	color: #930;
}

/* h1 大見出し */

h1	{
	width: 850px;
	margin: 0px auto;
	font-size: 12px;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
	color: #FFF;
}

/* ヘッダー */

div#header	{
	width: 850px;
	margin: 0px auto;
	height: 126px;
	position: relative;	/* 絶対配置の基準点 */
}

div#header_container	{
	height: 126px;
	width: 850px;
}

div#home	{
	width: 290px;
	height: 30px;
	position: absolute;
	top: 50px;
	left: 0px;
}

div#home a	{
	display: block;
	width: 290px;
	height: 30px;
}

div#home a span	{ display: none; }

/* ヘッダーナビ */

ul#header_navi	{
	height: 36px;
	line-height: 36px;
	list-style: none;
	width: 850px;
	position: absolute;
	bottom: 0;
	right: 0;
}

ul#header_navi li	{
	float: left;
}

ul#header_navi li a	{
	display: block;
	height: 36px;
	line-height: 36px;
	width: 121px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	float: left;	/* IE6 */
}

ul#header_navi li a:hover	{
	color: #FFF;
	background: url(img/header_navi_hover.gif) no-repeat center;
}

/* imtop */

div.imtop	{
	width: 850px;
	height: 200px;
	background: url(img/imtop.jpg) no-repeat center top;
	margin: 10px auto 0px auto;
	position: relative;
}

div.imtop span	{ display: none; }

div.imtop p	{
	font-size: 14px;
	position: absolute;
	top: 85px;
	left: 215px;
	line-height: 18px;
	color: #388235;
	color: #555;
	letter-spacing: 1px;
}

div.imtop img.phone	{
	position: absolute;
	right: 10px;
	bottom: 30px;
}

div.imtop ul	{
	position: absolute;
	bottom: 30px;
	left: 215px;
	list-style: none;
}

div.imtop ul li	{
	display: inline;
	margin-right: 10px;
}

div.imtop p a,
div.imtop ul li a	{
	text-decoration: none;
	color: #039;
}

div.imtop p a:hover,
div.imtop ul li a:hover	{
	text-decoration: underline;
}

/* コンテンツ */

div#contents_container	{
	background: #FFF;
}

div#contents	{
	width: 850px;
	margin: 0px auto 0px auto;
}

/* ロゴ */

div#logo	{

	height: 80px;
	position: absolute;
	bottom: 0;
}

/* お問い合わせ */

div#sendmail	{
	width: 250px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	bottom: 40px;
	right: 0;
	background: url(img/sendmail_bg.gif) no-repeat right;
}

div#sendmail span	{ display: none; }

/* メインメニュー　幅・配置 */

div#main_menu_container	{
	float: left;
	width: 200px;
}

div#main_menu2,
div#main_menu	{
	width: 200px;
	float: left;
}

/* サイド */

div#side	{
	width: 170px;
	float: right;
}

/* メイン */

div#main	{
	width: 460px;
	float: right;
	margin-right: 10px;
}

/* 2カラムメイン(double) */
div#double	{
	width: 640px;
	float: right;
}

/* メインメニュー　スタイル */

div#main_menu2 h2,
div#main_menu h2	{
	height: 36px;
	line-height: 41px;
	overflow: hidden;
	background: url(img/main_menu_h2.gif);
	font-size: 14px;
	font-weight: normal;
	text-indent: 14px;
	color: #FFF;
}

div#main_menu ul	{
	list-style: none;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding-bottom: 5px;
}

div#main_menu ul li	{
	border-bottom: 1px dotted #CCC;
	background: url(img/li_new.gif) no-repeat left;
}

div#main_menu ul li a	{
	display: block;
	width: 200px;
	_width: 198px;	/* IE6 横幅がbordeを含まない */
	height: 32px;
	line-height: 32px;
	color: #039;
	text-indent: 24px;
}

div#main_menu ul li a:hover	{
	color: #930;
	text-decoration: none;
}

/* メインメニュー　スタイル */

div#main_menu2 li a	{
	font-size: 14px;
	margin-left: 42px;
	text-decoration: none;
	color: #039;
}

div#main_menu2 li a:hover	{
	color: #930;
}

div#main_menu2 li p	{
	font-size: 12px;
	line-height: 18px;
	margin-left: 42px;
	margin-top: 3px;
}

div#main_menu2 li	{
	padding: 10px 0px;
	border-bottom: 1px dotted #CCC;
}

div#main_menu2 ul	{
	border: 1px solid #CCC;
	width: 198px;
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

div#main_menu2 li.li_fq	{
	background: url(img/li_fq.gif) no-repeat left 10px;
	margin: 5px;
}

div#main_menu2 li.li_run	{
	background: url(img/li_run.gif) no-repeat left 10px;
	margin: 5px;
}

div#main_menu2 li.li_fuc	{
	background: url(img/li_fuc.gif) no-repeat left 10px;
	margin: 5px;
}

div#main_menu2 li.li_ope	{
	background: url(img/li_ope.gif) no-repeat left 10px;
	margin: 5px;
}

div#main_menu2 li.li_out	{
	background: url(img/li_out.gif) no-repeat left 10px;
	margin: 5px;
}

div#main_menu2 li.li_po	{
	background: url(img/li_po.gif) no-repeat left 10px;
	margin: 5px;
}

div#main_menu2 li.li_base	{
	background: url(img/li_base.gif) no-repeat left 10px;
	margin: 5px;
}


/* メイン */

div.mc	{
	background: url(img/cc_foot.gif) no-repeat bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 460px;	/* IE6　幅を指定しない時、スクロールすると画像が消える */
}

div.mc_body p img	{
	_width: 606px;	/* IE6 画像周りが4px大きい？要素をはみ出る */
}

div#double div.mc	{
	background: url(img/cc_foot640.gif) no-repeat bottom;
	width: 640px;
}

div.mc_body	{
	background: url(img/cc_body.gif) repeat-y center;
	padding: 5px 5px 0px 5px;
}

div#double div.mc_body	{
	background: url(img/cc_body640.gif) repeat-y center;
}

div.mc_body p	{
	line-height: 175%;
	letter-spacing: 1px;
	padding: 0px 1em;
	margin-bottom: 1em;
}

div.mc h2,
div.mc h3	{
	font-size: 14px;
	height: 36px;
	line-height: 43px;
	overflow: hidden;
	text-indent: 20px;
	background: url(img/cc_head_cc.gif) no-repeat top;
}

div#double div.mc h2	{
	background: url(img/cc_head640.gif) no-repeat top;
}

div#double div.mc h3	{
	background: none;
	color: #039;
	text-indent: 14px;
	font-size: 12px;
	font-weight: normal;
}

div.mc h3.new	{ background: url(img/cc_head_new.gif) no-repeat top; }
div.mc h2.whats	{ background: url(img/cc_head_whats.gif) no-repeat top; }

div.mc h3 span	{ display: none; }	/* 画像置換 */

div.mc ul	{
	list-style: none;
	border: 1px solid #CCC;
}

div.mc ul li	{
	line-height: 24px;
	background: url(img/li_new.gif) no-repeat left top;
	text-indent: 24px;
}

div.mc ul li span	{
	margin-right: 6px;
}

div.mc ul li a	{
	color: #369;
}

div.mc ul li a:hover	{
	color: #963;
	text-decoration: none;
}

/*price_list*/
.price_list{
	margin:0 10px 10px;
}

.price_list table{
	border-collapse:collapse;
	width:100%;
}

.price_list th{
	padding:8px;
	border-bottom:1px solid #EEE;
}

.price_list td{
	padding:8px;
	color:#333;
	text-align:center;
	border-bottom:1px solid #EEE;
}

.price_list td span{
	font-size:14px;
	letter-spacing:1px;
}

.price_list th.other{
	font-size:14px;
	letter-spacing:1px;
	border:none;
	border-bottom:2px solid #555;
	text-align:center;
}

.price_list th.our{
	font-size:14px;
	letter-spacing:1px;
	background-color:#e24a60;
	color:#FFF;
	text-align:center;
	border:none;
	border-bottom:2px solid #555;
}

.price_list td.our{
	background-color:#ffeded;
	font-weight:bold;
	color:#b60921;
	border-bottom:1px solid #fff9f9;
}


/* whats res */
p.whats_res	{
	background: url(img/what_res.jpg) no-repeat top;
	height: 170px;
	color: #444;
}

p.whats_res span.zisseki{
	background: url(img/index01.gif) no-repeat left 20px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:260px;
	height:115px;
	padding:0;
	margin-left:150px;
}
p.whats_res span	{
	display: block;
	padding-top: 30px;
	padding-left: 140px;
	line-height: 150%;
	letter-spacing: 1px;
}

p.whats_res span a	{
	text-decoration: none;
}

p.whats_res strong	{
	color: #000;
}

a.system_info	{
	display: block;
	width: 135px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: url(img/sys_info.gif) no-repeat 0px 0px;
	float: right;
	color: #039;
}

a.system_info:hover	{
	background: url(img/sys_info.gif) no-repeat 0px -32px;
	color: #FFF;
}

/* サイド */

a.request span	{ display: none; }

a.request	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/sendmail.gif) no-repeat;
}

a.request:hover	{
	background: url(img/sendmail.gif) no-repeat 0px -85px;
}

a.afsys_pro2 span	{ display: none; }

a.afsys_pro2	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/AfiiliatePro2_170x85_a.jpg) no-repeat;
}

a.afsys_pro2:hover	{
	background: url(img/package_bunner/AfiiliatePro2_170x85_b.jpg) no-repeat;
}

a.es_bs span	{ display: none; }

a.es_bs	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/realestateBS_170x85_a.jpg) no-repeat;
}

a.es_bs:hover	{
	background: url(img/package_bunner/realestateBS_170x85_b.jpg) no-repeat;
}

a.es_portal span	{ display: none; }

a.es_portal	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/realestatePortal_170x85_a.jpg) no-repeat;
}

a.es_portal:hover	{
	background: url(img/package_bunner/realestatePortal_170x85_b.jpg) no-repeat;
}

a.jobsys span	{ display: none; }

a.jobsys	{
	display: block;
	background: url(img/package_bunner/jobsys_170x85_a.jpg) no-repeat;
	width: 170px;
	height: 85px;
	margin-bottom: 10px;
}

a.jobsys:hover	{ background: url(img/package_bunner/jobsys_170x85_b.jpg) no-repeat; }

a.shop_mall span	{ display: none; }

a.shop_mall	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/shoppingmall_170x85_a.jpg) no-repeat;
}

a.shop_mall:hover	{
	background: url(img/package_bunner/shoppingmall_170x85_b.jpg) no-repeat;
}

a.m_point span	{ display: none; }

a.m_point	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/mobilepoint_170x85_a.jpg) no-repeat;
}

a.m_point:hover	{
	background: url(img/package_bunner/mobilepoint_170x85_b.jpg) no-repeat;
}


a.download span	{ display: none; }

a.download	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/download_170x85_a.jpg) no-repeat;
}

a.download:hover	{
	background: url(img/package_bunner/download_170x85_b.jpg) no-repeat;
}


a.requestsys span	{ display: none; }

a.requestsys	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/request_170x85_a.jpg) no-repeat;
}

a.requestsys:hover	{
	background: url(img/package_bunner/request_170x85_b.jpg) no-repeat;
}

a.coupon span	{ display: none; }

a.coupon	{
	display: block;
	margin-bottom: 10px;
	width: 170px;
	height: 85px;
	background: url(img/package_bunner/coupon_170x85_a.jpg) no-repeat;
}

a.coupon:hover	{
	background: url(img/package_bunner/coupon_170x85_b.jpg) no-repeat;
}

/* 会社概要 */

table#company	{
	width: 600px;
	margin: 0px auto;
}

table#company th,
table#company td	{
	padding: 6px 0px;
}

table#company th	{
	width: 200px;
	line-height: 150%;
	border-bottom: 1px dotted #AAA;
	vertical-align: top;
}

table#company td	{
	line-height: 150%;
	border-bottom: 1px dotted #AAA;
}

table#company td ul	{
	border: 0;
	margin-left: 0px;
	padding-left: 0px;
	color: #666;
}

table#company td ul li	{
	background: none;
	list-style-type: square;
	padding-left: 0px;
	margin-left: 30px;
	text-align: left;
	text-indent: 0;
}

/* 制作実績・導入事例 */

div.case_parts	{
	width: 630px;
	margin-bottom: 10px;
	height: 195px;
}

div.case_body	{
	float: right;
	width: 460px;
}

div.case_body p	{
	line-height: 150%;
}

div.case_body h4	{
	font-weight: normal;
}

div.case_body h4 a	{
	font-size: 18px;
	font-weight: bold;
	margin-left: 5px;
	line-height: 50px;
	height: 50px;
}

div.case_photo	{
	border: 1px solid #CCC;
	width: 160px;
	height: 190px;
	float: left;
}

div.case_photo img	{
	margin-left: 5px;
	margin-top: 5px;
}

/* sys demo */

ul.demolink li a:hover	{
	color: #039;
	color: #39F;
	color: #930;
}

div.demo	{
	width: 460px;
	height: 80px;
	background: url(img/demo_bg.gif);
	position: relative;
	margin-bottom: 10px;
}

div.demo a.links	{
	display: block;
	width: 224px;
	height: 40px;
	line-height: 40px;
	background: url(img/demo_a.gif) no-repeat 0px 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #FFF;
}

div.demo a.links:hover	{
	background: url(img/demo_a.gif) no-repeat 0px -40px;
	color: #36C;
}

div.demo p.demoinfo	{
	position: absolute;
	bottom: 10px;
	left: 30px;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	color: #666;
}

/* link bg */

a.jump	{
	display: block;
	width: 224px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	font-size: 16px;
	background: url(img/link_bg.gif) no-repeat 0px -40px;
}

a.jump:hover	{
	color: #FFF;
	background: url(img/link_bg.gif) no-repeat 0px 0px;
	text-decoration: none;
}

/* price */

dl.price	{
	margin: 0px 20px;
}

dl.price dt	{
	font-size: 14px;
	font-weight: bold;
	line-height: 200%;
	border-bottom: 1px solid #AAA;
}

dl.price dd	{
	padding: 1em 0px;
}

dl.price dd ul	{
	border: 0px;
	margin-left: 2em;
	margin-bottom: 1em;
}

dl.price dd ul li.sum	{
	background: none;
	font-weight: bold;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* site map */

ul.sitemap	{
	border: 0 !important;
	margin-left: 30px;
	zoom: 1;
}

ul.sitemap li	{
	color: #039 !important;
	height: 30px;
	line-height: 30px !iimportant;
}

ul.sitemap li a	{
	color: #039 !important;
}

/* demo link */

div.demo_link	{
	width: 170px;
	height: 125px;
	margin-bottom: 10px;
	position: relative;
	background: url(img/demo_side_bg.gif) no-repeat;
}

div.demo_link a	{
	display: block;
	width: 156px;
	height: 43px;
	line-height: 43px;
	background: url(img/demo_side_a.gif) no-repeat 0px -43px;
	position: absolute;
	bottom: 7px;
	left: 7px;
	color: green;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

div.demo_link a:hover	{
	background: url(img/demo_side_a.gif) no-repeat 0px 0px;
	color: #FFF;
	text-decoration: none;
}

/* order link */

div.order_link	{
	width: 170px;
	height: 125px;
	margin-bottom: 10px;
	position: relative;
	background: url(img/order_bg.gif) no-repeat;
}

div.order_link a	{
	display: block;
	width: 156px;
	height: 43px;
	line-height: 43px;
	background: url(img/order_a.gif) no-repeat 0px -43px;
	position: absolute;
	bottom: 7px;
	left: 7px;
	color: #C30;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

div.order_link a:hover	{
	background: url(img/order_a.gif) no-repeat 0px 0px;
	color: #FFF;
	text-decoration: none;
}

/* manual link */

div.manual_link	{
	width: 170px;
	height: 125px;
	margin-bottom: 10px;
	position: relative;
	background: url(img/manual_bg.gif) no-repeat;
}

div.manual_link a	{
	display: block;
	width: 156px;
	height: 43px;
	line-height: 43px;
	background: url(img/order_a.gif) no-repeat 0px -43px;
	position: absolute;
	bottom: 7px;
	left: 7px;
	color: #287be7;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

div.manual_link a:hover	{
	background: url(img/manual_a.gif) no-repeat;
	color: #FFF;
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* faq link */
div.faq_link	{
	width: 170px;
	height: 80px;
	margin-bottom: 10px;
}
div.faq_link a	{
	width: 170px;
	height: 80px;
	display:block;
	background: url(img/banner_faq.gif) no-repeat;}
div.faq_link a:hover	{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
div.faq_link a span{
	display:none;}


/* sendmail form */

table.form	{
	width: 100%;
	border-collapse: collapse;
}

table.form th	{
	width: 25%;
	padding: 10px 10px 10px 0px;
	text-align: right;
	line-height: 100%;
	vertical-align: top;
}

span.red,
table.form th span	{
	color: red;
	font-weight: normal;
}

table.form td	{
	padding: 10px 0px 10px 10px;
}

table.form td input	{
	padding: 3px;
}

table.form textarea	{
	width: 96%;
	height: 150px;
	line-height: 120%;
	padding: 4px;
}

table.form label	{
	display: block;
	height: 24px;
}

/* error */

p.error	{
	color: red;
	margin-top: 10px;
	line-height: 120%;
}

/* 機能一覧テーブル */

table.system	{
	width: 100%;
	border-collapse: collapse;
}

table.system,
table.system th,
table.system td	{
	border: 1px solid #CCC;
	padding: 6px 0px;
}

table.system th	{
	background: #EEE;
	color: #000;
}

table.system td.fa	{
	background: #F6F6F6;
}

table.system td.ef	{
	background: #EEEEFF;
}

table.system td p	{
	margin: 0px 0px 0px 6px;
	padding: 0px;
}

/* php_ver */

table.php_ver	{
	width: 95%;
	border-collapse: collapse;
	margin: 0 auto 10px auto;
}

table.php_ver,
table.php_ver th,
table.php_ver td	{
	border: 1px solid #CCC;
	padding: 6px;
}

table.php_ver th	{
	background: #EEE;
	color: #000;
	width:30%;
}

table.php_ver td	{
	line-height: 150%;
}

table.php_ver td p	{
	padding: 0px;
}

p.php_notice	{
	color: #930;
	line-height: 150%;
	margin: 10px 0px 10px 0px;
}

/* hikaku table */

table.hikaku	{
	border-collapse: collapse;
	width: 100%;
}

table.hikaku,
table.hikaku th,
table.hikaku td	{
	border: 1px solid #CCC;
	padding: 10px 0px;
}

table.hikaku th	{
	background: #EEE;
}

table.hikaku th.fa	{
	background: #FAFAFA;
}

table.hikaku th.ef	{
	background: #EEEEFF;
}

table.hikaku th.me,
table.hikaku td.me	{
	color: #039;
}

table.hikaku td p	{
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
}

/* FandQ */

dl.fandq	{
	width: 90%;
	margin: 0px auto 30px auto;
}

dl.fandq a{
	color:#003399;
	text-decoration:none;
	}
	
dl.fandq a:hover{
	text-decoration:underline;
	}



dl.fandq dt	{
	height: 25px;
	line-height: 25px;
	background: url(img/icon_q.gif) no-repeat left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

dl.fandq dt p	{
	margin: 0px 0px 0px 30px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #ff6500;
}

dl.fandq dd	{
	background: #F3F3F3;
	margin-left: 20px;
	padding: 10px;
}

dl.fandq dd p	{
	text-indent: 1em;
	padding: 0px;
	margin: 0px 0px 1em 0px;
	color: #000;
	letter-spacing: 2px;
}

/* demo site */

div.demosite	{
	width: 620px;
	height: 120px;
	background: url(img/demosite.gif) no-repeat;
	margin: 0px auto;
}

table.demoinfo	{
	width: 385px;
	margin-left: 235px;
	margin-right: 0px;
	margin-top: 5px;
	height: 110px;
}

table.demoinfo th	{
	background: #EEE;
}

table.demoinfo th.fa,
table.demoinfo td	{
	background: #FAFAFA;
}

table.demoinfo th,
table.demoinfo td	{
	text-align: center;
}

img.screen	{
	display: block;
}

/* 基本機能 */

dl.base_func	{
	margin: 10px;
}

dl.base_func dt	{
	color: #039;
	font-size: 16px;
	line-height: 32px;
	border-bottom: 1px dotted #039;
}

dl.base_func dt.dt_func	{
	height: 80px;
	line-height: 35px;
	background: url(img/cd_head.gif) no-repeat left;
}

dl.base_func dt.dt_func div	{
	margin-left: 75px;
}

dl.base_func dt.dt_func div span	{
	display: block;
}

dl.base_func dt.dt_func div span.func	{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding-top: 6px;
}

dl.base_func dt.dt_func div span.func_info	{
	font-size: 14px;
	line-height: 125%;
	color: #666;
}

/* 導入事例 */
/*
	dl.base_func
	 dd
	  div.pf_list_wrap
	   img
	   p
*/

div.pf_list_wrap	{
	padding: 15px 0 0 10px;
}

div.pf_list_body	{
	background: #FFF;
	border: 1px solid #DDD;
	padding: 10px;
	text-align: center;
	float: left;
	width: 160px;
	margin: 0 15px 15px 0;
}

div.pf_list_body img	{
	width: 160px;
}

div.pf_list_body p	{
	background: #EEE;
	margin: 0;
}


dl.base_func dd	{
	margin-bottom: 20px;
}

dl.base_func dd ul	{
	padding-top: 10px;
	border: none;
}

dl.base_func dd ul li	{
	text-indent: 0;
	padding: 0;
	background: url(img/li_new.gif) no-repeat 0px -2px;
}

dl.base_func dd ul li p	{
	margin: 0px 0px 10px 10px;
	color: #333;
}

p.attention,
dl.base_func dd ul li p.moblie	{
	background: #F5F5F5;
	color: #333;
	border: 1px dotted #999;
	padding: 0.5em;
}

/* sys_code */

div.sys_code	{
	padding: 10px;
	color: #000;
	font-size: 14px;
}

dl.base_func dd code	{
	display: block;
	color: #000;
	font-size: 12px;
	margin: 10px 10px 10px 10px;
}

span.red	{
	color: red;
}

span.blue	{
	color: blue;
}

span.green	{
	color: green;
}

/* キャンペーン */

a.campaign	{
	display: block;
	width: 460px;
	height: 100px;
	margin-bottom: 10px;
	background: url(img/campaign.jpg) no-repeat;
}

a.campaign:hover	{
	background: url(img/campaign.jpg) no-repeat 0px -100px;
}

a.campaign span	{ display: none; }

p.func_info	{
	background: #F5F5F5;
	color: #333;
	border: 1px dotted #999;
	padding: 0.5em;
}

/* ファイルリスト */
/*
*	--IE6,IE7バグ	リロード・スクロール時に背景が消える対策 --
*	position: relative;
*	
*	--IE6,IE7バグ hasLayout関連の回避 --
*	zoom: 1;
*
*/

ul.file_list	{
	margin-left: 20px;
}

ul.file_list5,
ul.file_list4,
ul.file_list3,
ul.file_list2,
ul.file_list	{
	border: none !important;
	position: relative;
	zoom: 1;
	color: #666;
}

ul.file_list5 li,
ul.file_list4 li,
ul.file_list3 li,
ul.file_list2 li,
ul.file_list li	{
	background: none !important;
	position: relative;
	zoom: 1;
	text-indent: 30px !important;
}

ul.file_list li	{ line-height: 16px !important; }

ul.file_list5 li,
ul.file_list4 li,
ul.file_list3 li,
ul.file_list2 li	{
	line-height: 16px !important;
}

ul.file_list4 li.dir5,
ul.file_list4 li.dir4,
ul.file_list3 li.dir3,
ul.file_list2 li.dir2,
ul.file_list li.dir	{
	position: relative;
	zoom: 1;
	background: #FFF url(img/list_folder.gif) no-repeat left !important;
	color: #000 !important;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	height: 24px !important;
	line-height: 26px !important;
	text-indent: 30px;
	overflow: hidden;
}

ul.file_list2 li.dir2	{
	background: #FFF url(img/list_folder_green.gif) no-repeat left !important;
}

/* 青色フォルダ */
ul.file_list4 li.folder_blue,
ul.file_list4 li.folder_blue,
ul.file_list3 li.folder_blue,
ul.file_list2 li.folder_blue,
ul.file_list li.folder_blue	{
	background: #FFF url(img/list_folder_blue.gif) no-repeat left !important;
}

/* 緑色フォルダ */
ul.file_list4 li.folder_green,
ul.file_list4 li.folder_green,
ul.file_list3 li.folder_green,
ul.file_list2 li.folder_green,
ul.file_list li.folder_green	{
	background: #FFF url(img/list_folder_green.gif) no-repeat left !important;
}

ul.file_list li.box	{
	padding: 0 !important;
	margin: 0 !important;
	zoom: 1;	/* IE hasLayout true */
	position: relative;
}

ul.file_list2	{
	margin: 0px 0px 0px 24px;
	position: relative;
}

ul.file_list3	{
	margin: 0 0 0 24px;
	position: relative;
	zoom: 1;
}

ul.file_list4	{
	margin: 0 0 0 24px;
	position: relative;
	zoom: 1;
}

ul.file_list5	{
	margin: 0 0 0 24px;
	position: relative;
	zoom: 1;
}

/* login info */
div.login_info	{
	background: #EEE;
	padding: 5px;
}

/* table commons */

table.commons	{
	width: 100%;
	background: #FFF;
	border-collapse: collapse;
}

table.commons th,
table.commons td	{
	border: 1px solid #AAA;
	padding: 10px;
	text-align: center;
}

table.commons th.blank	{
	background: #EEE;
	width: 30%;
	color: #000;
}

table.commons th	{
	background: #444;
	color: #FFF;
}

/* material form */

table.material	{
	width: 100%;
	border-collapse: collapse;
}

table.material th	{
	width: 25%;
	padding: 10px 10px 10px 0px;
	text-align: right;
	line-height: 100%;
	vertical-align: middle;
}

span.red,
table.material th span	{
	color: red;
	font-weight: normal;
}

span.red a{
	color:#039;
}

table.material td	{
	padding: 10px 0px 10px 10px;
}

table.material td input	{
	padding: 3px;
}

table.material textarea	{
	width: 96%;
	height: 150px;
	line-height: 120%;
	padding: 4px;
}

table.material label	{
	display: block;
	height: 24px;
}

/**/

iframe.sendmail	{
	width: 100%;
	height: 800px;
}

iframe.kiyaku	{
	width: 100%;
	height: 150px;
	margin-bottom: 10px;
}

iframe.password	{
	width: 590px;
	height: 210px;
	margin: 0 20px 10px 20px;
}


/* mailform */
div#mailform	{
	position: absolute;
	height: 29px;
	width: 130px;
	right: 170px;
	bottom: 53px;
}

div#mailform a	{
	display: block;
	height: 29px;
	width: 130px;
	background: url(img/mailform.gif) no-repeat;
}

div#mailform a:hover	{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

div#mailform a span	{ display: none; }

/* customize */
div#customize	{
	position: absolute;
	height: 53px;
	width: 150px;
	right: 0px;
	bottom: 53px;
}

div#customize a	{
	display: block;
	width: 150px;
	height: 53px;
	background: url(img/customize.gif) no-repeat;
}

div#customize a:hover	{
	background: url(img/customize.gif) no-repeat 0px -53px;
}

div#customize a span	{ display: none; }