/* 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
*/

div.sbm:after,
div.carousels2:after,
div.mc_body:after,
div.case_parts:after,
.clearfix:after	{
	content: url(img/fixed.gif);
	display: block;
	clear: both;
	height: 0;
}

/* clearfix for IE7 over */

div.sbm,
div.mc_body,
div.case_parts,
.clearfix_for_ie7	{
	zoom: 1;
}

.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; }
span.blue	{ color: blue;}
span.green	{ color: green;}
.m10	{ margin-bottom: 10px; }
.m20	{ margin-bottom: 20px !important; }
.t10	{ margin-top: 10px; }
.t20	{ margin-top: 20px; }
.s14	{ font-size: 14px; }
.l2m	{ margin-left: 2em; }
.ul	{ border-bottom: 1px solid #AAA; }
.w458	{ width: 458px; margin: 10px auto 10px auto; }
.normal	{ font-weight: normal; }
.bold	{ font-weight: bold; }
.side10	{ margin-left: 10px!important; margin-right: 10px!important; }
.none	{ text-decoration: none; }
.ti0	{ text-indent: 0px !important; }
.ti10	{ text-indent: 10px !important; }
.mall20	{ margin: 20px !important; }
.bnone	{ border: none !important; }
.auto	{ margin: 0 auto !important; }
.b1		{ border: 1px solid #CCC; padding-top: 10px; margin-bottom: 10px; }
.white	{ background: white !important; }
.mr10	{ margin-right: 10px; }
.w390_bnone	{ width: 390px; border: 0 none !important; }

a.links	{
	color: #039;
}

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

/* 高さ100% */

body,html	{
	height: 100%;
	min-height: 100%;
	background: #FFF;
}

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

#wrapper	{
	position: relative;
	height: 100%;
	min-height: 100%;
/*	background: url(img/header_navi_bg.gif) repeat-x;	*/
	background: #EEE url(img/container_bg_new.gif) repeat-y center;
}

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

body > #wrapper	{
	height: auto;
}

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

#container	{
	padding-bottom: 150px;
	width: 900px;
	margin: 0px auto;
/*	background: url(img/container_bg.gif) no-repeat top;	*/
}

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

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

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

#footer_container p.copyright	{
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 100;
	color: #777;
	font-size: 10px;
	font-family: Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
}

#footer_container p.copyright a	{
	font-size: 10px;
}

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

/* link_lineup */

#footer_container ul.link_lineup	{
	position: absolute;
	bottom: 30px;
	left: 10px;
	list-style: none;
}

#footer_container ul.link_map	{
	position: absolute;
	top: 20px;
	left: 10px;
	list-style: none;
}

#footer_container ul.link_map2	{
	position: absolute;
	top: 45px;
	left: 10px;
	list-style: none;
}

#footer_container ul.link_map2 li,
#footer_container ul.link_map li,
#footer_container ul.link_lineup li	{
	float: left;
	padding: 0 10px 5px 0;
	line-height: 1.1;
	white-space: nowrap;
}

#footer_container ul.link_map2 li a,
#footer_container ul.link_map li a,
#footer_container ul.link_lineup li a	{
	color: #555;
	font-size: 10px;
	text-decoration: none;
}

#footer_container ul.link_map2 li a:hover,
#footer_container ul.link_map li a:hover,
#footer_container ul.link_lineup li a:hover	{
	text-decoration: underline;
}


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

ul.menu_f li	{
	height: 28px;
	line-height: 28px;
	background: url(img/li_new28.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: 28px;
	left: 12px;
	width: 695px;
	text-align: left;
	z-index: 1;
}

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

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

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: #777;
}

/* ヘッダー */

div#header	{
	width: 850px;
	margin: 0px auto;
	height: 80px;
	position: relative;	/* 絶対配置の基準点 */
	background: url(img/header_bg.gif) no-repeat;
}

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

/* ヘッダーナビ */

ul#header_navi	{
	height: 24px;
	line-height: 24px;
	list-style: none;
	width: 400px;
	position: absolute;
	bottom: 3px;
	right: 0;
	background: #000;
}

ul#header_navi li	{
	float: left;
}

ul#header_navi li a	{
	display: block;
	height: 24px;
	line-height: 24px;
	width: 100px;
	color: #000;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	float: left;	/* IE6 */
	background: url(img/header_navi_li.gif) no-repeat center;
}

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

/* コンテンツ */

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

/* ロゴ */

div#logo	{
	height: 70px;
	position: absolute;
	bottom: 10px;
}

/* お問い合わせ */

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

div#sendmail span	{ display: none; }

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

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_menu h2	{
	height: 36px;
	line-height: 41px;
	overflow: hidden;
	background: url(img/main_menu_h2.gif);
	font-size: 14px;
	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.mc	{
	background: url(img/cc_foot.gif) no-repeat bottom;
	padding: 0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 460px;	/* IE6　幅を指定しない時、スクロールすると画像が消える */
	zoom: 1;
}

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: 150%;
	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: #36C;
}

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;
}

/* mc h3 f_list */

div#double div.mc div.mc_body h3.f_list	{
	background: #F5F5F5;
	text-indent: 10px;
	margin: 20px 10px 10px;
	border-bottom: 1px solid #CCC;
	color: #363;
}

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

p.whats_res span	{
	display: block;
	padding-top: 28px;
	padding-left: 140px;
	line-height: 150%;
	letter-spacing: 1px;
	font-size: 14px;
}

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

p.whats_res strong	{
	font-size: 14px;
	color: #36C;
}

/* サイド */

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_pro2 span	{ display: none; }

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

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

a.esmall_pro2 span	{ display: none; }

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

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

a.af_asp span	{ display: none; }

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

a.af_asp:hover	{
	background: url(img/package_bunner/AfiiliateASP_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;
}

/* 会社概要 */

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	{
	margin: 10px;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #E5E5E5;
}

div.case_parts a	{
	color: #039;
}

div.case_body	{
	float: left;
	width: 425px;
}

div.case_body p	{
	line-height: 150%;
	padding: 0 20px;
}

div.case_body h4	{
	font-weight: normal;
	border-bottom: 1px solid #CCC;
	border-left: 5px solid #BBB;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: #F5F5F5;
}

div.case_body h4 a	{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

div.case_body h4 a:hover	{
	text-decoration: underline;
}

div.case_photo	{
	border: 1px solid #CCC;
	float: left;
	padding: 5px;
	background: #EEE;
}

div.case_photo a:hover img	{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* pager	固定幅＆可変幅対応のページャー(背景に画像を使用可、センタリング対応 FireFox2×)
--------------------------------------------------------*/
div.pager_wrap	{
}

div.pager_wrap p	{
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 5px;
	font-size: 10px;
	float: left;
}

div.pager_wrap p span	{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 0 5px;
}

ol.pager	{
	/* リセットCSSの挙動に注意する事 */
	text-align: center;		/* 包括要素の寄せ */
	font-size: 10px;
	font-weight: bold;
	height: 24px;			/* 包括要素の高さに上下のボーダーの高さをプラスする */
	overflow: hidden;		/* わざとはみ出させてデザインする場合などは隠す設定に */
	color: #FFF;
}

ol.pager li	{
	line-height: 22px;		/* FireFox2で枠線が欠けるバグ回避する */
	display: inline;		/* floatさせずにインラインブロックにする */
	margin-left: 5px;
	color: #999;
}

ol.pager li a	{
	display: inline-block;	/* インラインブロックを指定 */
/*	width: 24px;	*/		/* 固定幅のページャーならパディングとボーダーを消して幅を有効に */
	padding: 0 7px;			/* 左右に同じ値を設定し、クリックしやすいボックスの幅を作る */
	border: 1px solid #DDD;
	height: 22px;
	line-height: 22px;
/*	text-align: center;	*/	/* 可変幅の場合は指定不要 */
	background: #FFF;	/* 背景画像を使用する場合はx軸方向にリピートする画像を指定する */
}

ol.pager li a:hover	{
	background: #333;
	color: #FFF;
	border: 1px solid #DDD;
}

ol.pager li span	{
	display: inline-block;	/* インラインブロックを指定 */
/*	width: 24px;	*/		/* 固定幅のページャーならパディングとボーダーを消して幅を有効に */
	padding: 0 7px;
	border: 1px solid #DDD;
	height: 22px;
	line-height: 22px;
/*	text-align: center;	*/	/* 可変幅の場合は指定不要 */
	background: #333;
	color: #EEE;
}

/* 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 10px 10px;
	padding: 10px;
	border: 1px solid #CCC;
}

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

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

dl.price dd ul	{
	border: 0px;
	background: #eee;
	margin: 0 1em;
}

dl.price dd ul li.sum	{ background: #FFF; }

/* site map */

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

ul.sitemap li	{
	color: #039 !important;
	height: 30px !important;
	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;
}


/* 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;}


/* 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;
}

/* 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;
}

/* 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;
}

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;
}


/* error */

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

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;
}

/* tdb table */

div.tdb	{
	padding: 10px;
	color: #666;
	background: #EEE;
	margin-bottom: 10px;
}

table.tdb	{
	width: 610px;
	background: #FFF;
}

table.tdb,
table.tdb th,
table.tdb td	{
	border-collapse: collapse;
	border: 1px solid #CCC;
}

table.tdb th,
table.tdb td	{
	padding: 5px 5px;
}

table.tdb th	{
	background: #999;
	color: #FFF;
}

table.tdb td	{
}

/* php_ver */

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

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

table.php_ver th	{
	background: #F5F5F5;
	color: #000;
}

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

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

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

/* base_list */

div.base_list	{
	padding: 10px 5px;
	border: 1px solid #CCC;
	background: #F9F9F9;
}

ul.base_list	{
	border: none !important;
}

ul.base_list li	{
	text-indent: 0 !important;
	list-style: none;
}

ul.base_list li span	{
	margin-left: 10px;
	border-bottom: 1px solid;
	font-size: 14px;
}

ul.base_list li span.price	{
	color: red;
	font-size: 14px;
	border: 0px;
}

ul.base_list li p	{
	color: #333;
	margin: 10px 20px;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #BBB;
	line-height: 150%;
}

/* package price */

p.package_price	{
	font-size: 16px;
	text-align: right;
}

p.package_price span	{
	font-size: 18px;
	font-weight: bold;
	color: red;
}

/* sendmail */

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;
	background: #EEE;
}

/* s3slider bottom menu (sbm)
----------------------------------------------------------------------*/

div.sbm	{
	position: relative;
	width: 850px;
	background: #000;
}

div.sbm ul	{
	background: url(img/sbm_a.gif) repeat-x bottom;
	position: absolute;
	bottom: 0;
	width: 850px;
	height: 40px;
	list-style: none;
}

div.sbm ul li	{
	float: left;
	height: 40px;
	line-height: 40px;
	width: 115px;
	text-align: center;
}

div.sbm ul li a	{
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 115px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #FFF;
}

div.sbm ul li a.sbm01	{ background: url(img/sbm_menu.gif) 0 -80px; }
div.sbm ul li a.sbm02	{ background: url(img/sbm_menu.gif) -115px -80px; }
div.sbm ul li a.sbm03	{ background: url(img/sbm_menu.gif) -230px -80px; }
div.sbm ul li a.sbm04	{ background: url(img/sbm_menu.gif) -345px -80px; }
div.sbm ul li a.sbm05	{ background: url(img/sbm_menu.gif) -460px -80px; }
div.sbm ul li a.sbm06	{ background: url(img/sbm_menu.gif) -575px -80px; }
div.sbm ul li a.sbm07	{ background: url(img/sbm_menu.gif) -690px -80px; }

div.sbm ul li a.sbm01:hover	{ background-position: 0 0; }
div.sbm ul li a.sbm02:hover	{ background-position: -115px 0; }
div.sbm ul li a.sbm03:hover	{ background-position: -230px 0; }
div.sbm ul li a.sbm04:hover	{ background-position: -345px 0; }
div.sbm ul li a.sbm05:hover	{ background-position: -460px 0; }
div.sbm ul li a.sbm06:hover	{ background-position: -575px 0; }
div.sbm ul li a.sbm07:hover	{ background-position: -690px 0; }

div.sbm ul li.now a.sbm01	{ background-position: 0 -40px; }
div.sbm ul li.now a.sbm02	{ background-position: -115px -40px; }
div.sbm ul li.now a.sbm03	{ background-position: -230px -40px; }
div.sbm ul li.now a.sbm04	{ background-position: -345px -40px; }
div.sbm ul li.now a.sbm05	{ background-position: -460px -40px; }
div.sbm ul li.now a.sbm06	{ background-position: -575px -40px; }
div.sbm ul li.now a.sbm07	{ background-position: -690px -40px; }

div.sbm ul li a span	{ display: none; }

div.sbm ul li.sbm_home	{
	width: 45px;
}

div.sbm ul li.sbm_home a	{
	width: 45px;
	background: url(img/sbm_home.gif) no-repeat bottom;
}

div.sbm ul li.sbm_home a.now,
div.sbm ul li.sbm_home a:hover	{
	width: 45px;
	background: url(img/sbm_home.gif) no-repeat top;
}



/* s3slider
----------------------------------------------------------------------*/
#slider_wrap	{
	background: url(img/slider01.jpg);
	margin-bottom: 10px;
	position: relative;
}

#slider {
    width: 850px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1 {
    width: 850px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content {
    width: 850px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	font: 12px/15px Arial, Helvetica, sans-serif;
	padding: 10px;
	width: 384px;
	display: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	background-color: #000;
}

.sliderImage a:hover	{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.slider1Image span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 694px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	background-color: #000;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.txt_top {
	top: 0;
	left: 0;
	width: 850px !important;
}
.txt_bottom {
	bottom: 0;
    left: 0;
    width: 850px !important;
}
.txt_left {
	top: 0;
    left: 0;
	width: 200px !important;
	height: 160px;
}
.txt_left01 {
	top: 0;
    left: 0;
	width: 300px !important;
	height: 280px;
}
.txt_right {
	right: 0;
	top: 205px;
	width: 290px !important;
	height: 100px;
}
ul { list-style-type: none;}