@charset "utf-8";
/* CSS Document */

body {
	line-height: 1.4em;
}

a {	color: #007eff;}
a:hover { color: #61a7ee;}


/* ============================================================
		header
============================================================ */
#header_bg_under {
	width: 100%;
	height: 92px;
	background: url(http://www.homepage-seisaku.jp/img/header_bg_under.png) repeat-x;
}
#header_bg_under .header_bg {
	height: 92px;
	background: url(http://www.homepage-seisaku.jp/img/header_bg.png) no-repeat top center;
	margin: 0 auto;
}

#header_bg_under .header_bg .header {
	width: 960px;
	height: 92px;
	position: relative;
	background: url(http://www.homepage-seisaku.jp/img/header.png) no-repeat top center;
	margin: 0 auto;
}
#header_bg_under .header_bg .header a {
	display: block;
	width: 325px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 20px;
}

#header_bg_under .header_bg .header h1 {
	color: #fff;
	font-size: 10px;
	line-height: 15px;
	position: absolute;
	top: 2px;
	left: 0px;
}
#header_bg_under .header_bg .header p {
	width: 78px;
	color: #ff004e;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 558px;
}

#header_bg_under .header_bg .header_seo {
	width: 960px;
	height: 92px;
	position: relative;
	background: url(http://www.homepage-seisaku.jp/img/header_seo.png) no-repeat top center;
	margin: 0 auto;
}
#header_bg_under .header_bg .header_seo a {
	display: block;
	width: 325px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 20px;
}

#header_bg_under .header_bg .header_seo h1 {
	color: #fff;
	font-size: 10px;
	line-height: 15px;
	position: absolute;
	top: 2px;
	left: 0px;
}
#header_bg_under .header_bg .header_seo p {
	width: 78px;
	color: #ff004e;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 558px;
}

/* ============================================================
		navi
============================================================ */
/* main navi */
#navi_bg {
	width: 100%;
	height: 38px;
	background: url(http://www.homepage-seisaku.jp/img/navi_bg.png) repeat-x;
}
#navi_bg .navi {
	width: 960px;
	margin: 0 auto;
}
#navi_bg .navi ul.main_navi { float: left;}
#navi_bg .navi ul.main_navi li {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin-right: 7px;
}
#navi_bg .navi ul.main_navi li.navi_1,#navi_bg .navi ul.main_navi li.navi_3 { width: 103px; height: 38px;}
#navi_bg ul.main_navi li.navi_2 {	width: 168px; height: 38px;}
#navi_bg ul.main_navi li.navi_4 {	width: 120px; height: 38px;}

#navi_bg .navi ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#navi_bg .navi ul.main_navi li.navi_1 a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat;}
#navi_bg .navi ul.main_navi li.navi_2 a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat -110px 0;}
#navi_bg .navi ul.main_navi li.navi_3 a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat -285px 0;}
#navi_bg .navi ul.main_navi li.navi_4 a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat -395px 0;}
#navi_bg .navi ul.main_navi li.navi_1 a:hover,#navi_bg .navi ul.main_navi li.top a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat 0 -38px;}
#navi_bg .navi ul.main_navi li.navi_2 a:hover,#navi_bg .navi ul.main_navi li.hp-seisaku a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat -111px -38px;}
#navi_bg .navi ul.main_navi li.navi_3 a:hover,#navi_bg .navi ul.main_navi li.guide a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat -285px -38px;}
#navi_bg .navi ul.main_navi li.navi_4 a:hover,#navi_bg .navi ul.main_navi li.flow a { background: url(http://www.homepage-seisaku.jp/img/navi.png) no-repeat -395px -38px;}
/* sub navi */
#navi_bg .navi .sub_navi {
	float: right;
	font-size: 10px;
	line-height: 38px;
}
#navi_bg .navi .sub_navi a {
	background: url(http://www.homepage-seisaku.jp/img/navi_list.png) no-repeat left center;
	padding-left: 10px;
}
/* パンくずリスト */
p#pankuzu {
	width:960px;
	margin:10px auto 0;
	z-index:1;
	position:relative;
}

/* ============================================================
		main top/flash
============================================================ */
.main_top_bg {
	height: 92px;
	background: url(http://www.homepage-seisaku.jp/img/main_top.png) no-repeat top center;
	margin: 0 auto;
}
.main_top_bg .main_top {
	width: 960px;
	text-align: right;
	margin: 0 auto;
}
.flash {
	width: 960px;
	margin: 0 auto;
}

/* ============================================================
		main contents
============================================================ */
#container {
	width: 960px;
	margin: 0 auto;
	margin-top: 15px;
}

#contents {
	width: 650px;
	float: left;
	position:relative;
}
#contents h2 {
	margin: 10px 0;
}
/* メダル */
#contents #medal {
	position:absolute;
	left:-100px;
	top:-330px;
}	
	
/* 新着情報 */
#contents #news {
	width: 550px;
	height: 22px;
	background: url(http://www.homepage-seisaku.jp/img/news.png) no-repeat;
	font-weight: bold;
	padding: 4px 0 4px 110px;
	margin-bottom: 5px;
}
#contents #news a {	text-decoration: none;}

/* ホームページ制作.jpのポイント/top */
#contents .top_point dl {
	width: 193px;
	height: 70px;
	font-size: 10px;
	line-height: 1.4em;
	display: inline-block;
	/display:inline;
	/zoom:1;
	padding: 75px 10px 0 10px;
	margin-bottom: 10px;
}
#contents .top_point dl.point1 { background: url(http://www.homepage-seisaku.jp/img/bg_special_1.png) no-repeat;}
#contents .top_point dl.point2 { background: url(http://www.homepage-seisaku.jp/img/bg_special_2.png) no-repeat; margin-left: 5px; margin-right: 5px;}
#contents .top_point dl.point3 { background: url(http://www.homepage-seisaku.jp/img/bg_special_3.png) no-repeat;}
#contents .top_point dl dt { height: 45px;}
#contents .top_point dl dd { text-align: right;}

/* ホームページ制作特集/top */
#contents .top_special dl {
	font-size: 11px;
	display: inline-block;
	/display:inline;
	/zoom:1;
}
#contents .top_special dl.center { margin: 0 10px;}
#contents .top_special dd {
	background: url(http://www.homepage-seisaku.jp/img/list_1.png) no-repeat left;
	padding-left: 10px;
}

/* 掲載企業一覧 */
#contents .company_list {
	width: 650px;
	height: 316px;
	background: url(http://www.homepage-seisaku.jp/img/company_list.png) no-repeat;
	margin-top: 20px;
	position:relative;
}
#contents .company_list p {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	text-align:right;
	position:absolute;
	right:53px;
	top:70px;
}
#contents p.company_details {
	text-align: right;
	color: #22207f;
	font-size: 10px;
}

/* ============================================================
		side contents
============================================================ */
#side {
	float: right;
}
#side h2 {
	width: 300px;
	height: 58px;
	background: url(http://www.homepage-seisaku.jp/img/side_entry_bg.png) no-repeat;
	text-align: center;
	padding-top: 72px;
	margin-bottom: 7px;
}
#side .side_tel {
	width: 300px;
	height: 54px;
	background: url(http://www.homepage-seisaku.jp/img/bg_inquiry_side.png) no-repeat;
	text-align: center;
	padding-top: 122px;
}
#side .side_tel_seo {
	width: 300px;
	height: 54px;
	background: url(http://www.homepage-seisaku.jp/img/bg_inquiry_side_seo.png) no-repeat;
	text-align: center;
	padding-top: 122px;
}
#side a:hover img.alpha {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#side .service {
	width: 258px;
	height: 125px;
	background: url(http://www.homepage-seisaku.jp/img/side_guide_bg.png) no-repeat;
	line-height: 36px;
	font-weight: bold;
	padding: 38px 0 0 42px;
	margin: 10px 0;
}
#side h4 {
	width: 300px;
	height: 71px;
	padding:0 0 10px 0;
}
#side .insert {
	width: 284px;
	height: 150px;
	background: url(http://www.homepage-seisaku.jp/img/side_insert.png) no-repeat;
	line-height: 1.2em;
	padding: 40px 8px 0 8px;
}
#side .insert table th,
#side .insert table td {
	font-size: 10px;
	color: #727374;
	vertical-align: top;
	padding: 7px 0;
}
#side .insert table th {
	padding-right: 8px;
}
#side .insert table td.link {
	text-align: right;
	font-weight: bold;
}



/* ============================================================
		プチ検索　side contents
============================================================ */
#side .search {
	width: 205px;
	height: 238px;
	background: url(http://www.homepage-seisaku.jp/img/search_bg.png) no-repeat;
	font-size: 12px;
	padding: 88px 0 0 95px;
	margin-bottom: 10px;
}
#side .search table td {
	height: 30px;
}
#side .search table th {
	padding-top: 43px;
}
#side .search select {
	width:100px;
	height: 22px
}
#side .search p {
	text-align: center;
	padding-top: 25px;
	margin-left: -95px;
}


/* ============================================================
		footer
============================================================ */
/* ページトップへ */
p.goto_top {
	width: 960px;
	text-align: right;
	margin: 0 auto;
	margin-top: 20px;
}

#footer_bg {
	width: 100%;
	height: 174px;
	background: #1391F3;
}
#footer_bg #footer {
	width: 960px;
	color: #fff;
	position: relative;
	line-height: 1em;
	margin: 0 auto;
}
#footer_bg #footer a {
	color: #fff;
}
#footer_bg #footer dl {
	width: 150px;
	margin: 0 10px 10px 0;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-top: 10px;
}
#footer_bg #footer dt {
	background: url(http://www.homepage-seisaku.jp/img/list.png) no-repeat left center;
	font-weight: bold;
	font-size: 14px;
	padding-left: 15px;
}
#footer_bg #footer dd {
	font-size: 10px;
	padding: 3px 0;
}
#footer_bg #footer .pr {
	position: absolute;
	top: 90px;
	left: 645px;
}
#footer_bg #footer .pr img {
	margin-bottom:5px;
}

/* グループサイト
========================================*/
#footer_group {
	background:#dcdcdc;
	width:100%;
	margin:0;
}
#footer_group p {
	width:960px;
	font-size:12px;
	margin:0 auto;
	padding:10px 0 3px;
}
#footer_group .osusume {
	width:960px;
	font-size:12px;
	margin:0 auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #f6f6f6;
	background:url(../img/group_osusume.gif) left center no-repeat;
}
#footer_group .osusume ul {
	border-top:1px solid #f6f6f6;
	border-bottom:1px solid #cccccc;
	padding-left:180px;
}
#footer_group .osusume ul li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:34px;
	margin:8px 8px 8px 0;
}
#footer_group .osusume ul li a {
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:28px;
	line-height:28px;
	padding:0 10px 0 28px;
	border:3px solid #cccccc;
	background:url(../img/group_osusume_arrow.png) 5px center no-repeat #ffffff;
	color:#666666;
	text-decoration:none;
}
#footer_group .osusume ul li a:hover {
	border:3px solid #b2d9ef;
	background:url(../img/group_osusume_arrow_on.png) 5px center no-repeat #fffadb;
	color:#229ee4;
}
/* グループサイトここまで
========================================*/

#copy {
	background:#dcdcdc;
}
#copy p {
	width:960px;
	margin:0 auto;
	padding:10px 0;
	color: #555;
	font-size: 10px;
}




/* ============================================================
		検索結果 contents
============================================================ */
#contents.result {
	width:960px;
	margin:-35px auto 0;
}
#contents.result .result_title {
	margin:0 -5px 0 0;
	position:relative;
}
#contents.result .condition {
	position:relative;
	background:url(http://www.homepage-seisaku.jp/img/result_condition_bg.png) no-repeat left top;
	width:100%;
	height:53px;
}
#contents.result .condition p {
	position:absolute;
	color:#ff4800;
	font-weight:bold;
}
#contents.result .condition .company_count {
	top:15px;
	left:80px;
}
#contents.result .condition .search_condition {
	top:15px;
	left:307px;
}
#contents.result .condition .change_condition {
	top:10px;
	left:634px;
}

#contents.result table#result {
	width:100%;
	table-layout:fixed;
}
#contents.result table#result th,
#contents.result table#result td {
	border:1px solid #c9fdfe;
	border-top:none;
}
#contents.result table#result th {
	background:url(http://www.homepage-seisaku.jp/img/result_th_bg.png) repeat-x top left;
	border-top:1px solid #c9fdfe;
	border-bottom:none;
	text-align:center;
	padding:5px 0px;
}
#contents.result table#result th.th_company { width:198px;}
#contents.result table#result th.th_contents { width:89px;}
#contents.result table#result th.th_taiou { width:87px;}
#contents.result table#result th.th_service { width:275px;}
#contents.result table#result th.th_cpoint { width:168px;}
#contents.result table#result th.th_entry { width:135px;}
#contents.result table#result th img { vertical-align:middle;}
#contents.result table#result td {
	padding:10px;
}
#contents.result table#result th .check_all {
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:110px;
	height:25px;
	background:url(http://www.homepage-seisaku.jp/img/result_check_all_bg.png) top left no-repeat;
}
#contents.result table#result th .check_all p {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	text-align: left;
	font-size:10px;
	padding:0px 0px 0px 5px; 
	font-weight:bold;
	color:#2db833;
}
#contents.result table#result td.td_company p { float:left;}
#contents.result table#result td.td_company p img {	margin-right:0px;}
#contents.result table#result td.td_company p.com_name {
	width:105px;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}
#contents.result table#result td.td_company p.com_name img { margin-top:10px;}
#contents.result table#result td.td_contents,
#contents.result table#result td.td_taiou,
#contents.result table#result td.td_service,
#contents.result table#result td.td_entry {
	text-align:center;
}
#contents.result table#result td.td_contents img,
#contents.result table#result td.td_taiou img { margin:5px 0;}
#contents.result table#result td.td_service { padding:5px;}
#contents.result table#result td.td_service ul li {
	float:left;
	margin:5px 3px;
}
#contents.result table#result td.td_point {
	color:#767676;
	font-size:10px;
	line-height:1.4;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#contents.result table#result td.td_entry p {
	background:url(http://www.homepage-seisaku.jp/img/checkbox_bg.gif) no-repeat top center;
	width:97px;
	height:30px;
	margin:0 auto;
	padding:5px 0;
	color:#999999;
	font-weight:bold;
}
#contents.result table#result td.td_entry p.checked {
	background:url(http://www.homepage-seisaku.jp/img/checkbox_bg_on.gif) no-repeat top center;
	color:#2db833;
}
#contents.result table#result td.td_entry p input { vertical-align:text-bottom;}

#contents.result table#result tr.odd td { background:#f5f5f5;}
#contents.result table#result tr.checked td { background:#c9fdcc;}




#contents.result #btn_entry {
	margin:20px 0;
	text-align:center;
}
#contents.result .return { text-align:right;}

#contents.result #change_condition {
	background:url(http://www.homepage-seisaku.jp/img/change_condition_bg.png) no-repeat left top;
	
	height:148px;
	margin:10px auto;
}
#contents.result #change_condition table {
	width:938px;
	margin:42px 11px 11px;
}
#contents.result #change_condition table th {
	border:1px solid #e5e5e4;
	border-bottom:none;
	background:#d1d0cf;
	text-align:center;
	padding:9px;
}
#contents.result #change_condition table td {
	border:1px solid #e5e5e4;
	border-top:none;
	background:#ffffff;
	padding:9px;
	line-height:1.5;
}
#contents.result #change_condition table td.change_cost,
#contents.result #change_condition table td.change_area,
#contents.result #change_condition table td.change_send { text-align:center;}

/* PR */
#contents.result .pr {
	background: #f5f5f5;
	margin: 40px 0 20px 0;
	padding: 5px;
}
#contents.result .pr p.area {
	font-weight: bold;
	color: #22207f;
	margin: 10px 0 0 10px;
}
#contents.result .pr span {
	color: #ff004e;
	font-size: 10px;
	margin-left: 10px
}
#contents.result .pr p.link {
	text-align: right;
	margin: -20px 10px 10px 0;
}
#contents.result .pr p.link a {	color: #8a898a;}
#contents.result .pr li {
	float: left;
	width: 167px;
	height: 40px;
	margin: 10px 10px 0 10px;
}


/* ============================================================
		HP制作.jpとは contents
============================================================ */
#contents #info,
#contents #flow,
#contents #guide,
#contents #necessity,
#contents #insert,
#contents #pr,
#contents #pr_free {
	color: #22207f;
	font-size: 13px;
}
#contents #info .hp-seisaku_main {
	width: 435px;
	height: 95px;
	background: url(http://www.homepage-seisaku.jp/img/main_guide.png) no-repeat;
	line-height: 1.8em;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 150px 0 0 215px;
}
#contents p.img{ margin: 10px 0;}
#contents p.title{
	width: 614px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #22207f;
	padding: 12px 0 0 35px;
	margin: 0 0 10px 0;
	background: url(http://www.homepage-seisaku.jp/img/t_bg.png) no-repeat;
}
#contents #info p.title,
#contents #guide p.title,
#contents #flow p.title,
#contents #necessity p.title,
#contents #insert p.title,
#contents #pr p.title {
	width: 614px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #22207f;
	padding: 12px 0 0 35px;
	margin: 10px 0;
	background: url(http://www.homepage-seisaku.jp/img/t_bg.png) no-repeat;
}

#contents #info h2 {
	font-size: 15px;
	font-weight: bold;
}
#contents #info dl {
	background: url(http://www.homepage-seisaku.jp/img/search_line.png) repeat-x bottom;
	padding-bottom: 20px;
}
#contents #info dl dt {
	width: 390px;
	color: #22207f;
	font-size: 18px;
	font-weight: bold;
	float: left;
	line-height: 30px;
	margin-bottom: 10px;
}
#contents #info dl dt img {
	margin-bottom: 3px;
}
#contents #info dl dd.text {
	width: 390px;
	float: left;
	margin-right: 10px;
}
#contents #info dl dd.img1 {
	width: 238px;
	height: 206px;
	float: right;
	background: url(http://www.homepage-seisaku.jp/img/point.png) no-repeat;
	margin-top: -40px;
}
#contents #info dl dd.img2 {
	width: 238px;
	height: 230px;
	float: right;
	background: url(http://www.homepage-seisaku.jp/img/point.png) no-repeat 0 -206px;
	margin-top: -40px;
}
#contents #info dl dd.img3 {
	width: 238px;
	height: 206px;
	float: right;
	background: url(http://www.homepage-seisaku.jp/img/point.png) no-repeat 0 -436px;
	margin-top: -40px;
}



/* ============================================================
		制作の流れ contents
============================================================ */
#contents #flow .flow_main {
	width: 387px;
	height: 48px;
	background: url(http://www.homepage-seisaku.jp/img/main_flow.png) no-repeat;
	line-height: 1.8em;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 25px 0 0 260px;
	margin-bottom: 15px;
}
#contents #flow h2,
#contents #guide h2,
#contents #necessity h2,
#contents #pr h2,
#contents #pr_free h2 {
	font-size: 16px;
	font-weight: bold;
	margin:0 0 8px 3px;
}
#contents #flow p,
#contents #guide p,
#contents #necessity p,
#contents #pr p {
	margin-left:3px;
}

#contents #flow .t_step1,
#contents #flow .t_step2,
#contents #flow .t_step3,
#contents #flow .t_step4,
#contents #flow .t_step5,
#contents #flow .t_step6{
	width: 548px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #22207f;
	padding: 10px 0 0 100px;
	margin: 10px 0;
}

#contents #flow .t_step1 {background: url(http://www.homepage-seisaku.jp/img/t_flow_step1.png) no-repeat;}
#contents #flow .t_step2 {background: url(http://www.homepage-seisaku.jp/img/t_flow_step2.png) no-repeat;}
#contents #flow .t_step3 {background: url(http://www.homepage-seisaku.jp/img/t_flow_step3.png) no-repeat;}
#contents #flow .t_step4 {background: url(http://www.homepage-seisaku.jp/img/t_flow_step4.png) no-repeat;}
#contents #flow .t_step5 {background: url(http://www.homepage-seisaku.jp/img/t_flow_step5.png) no-repeat;}
#contents #flow .t_step6 {background: url(http://www.homepage-seisaku.jp/img/t_flow_step6.png) no-repeat;}

#contents .inq_up{
	width: 458px;
	height: 45px;
	background: url(http://www.homepage-seisaku.jp/img/imq_up_bg.png) no-repeat;
	line-height: 1.5em;
	font-size: 12px;
	color: #00a73c;
	padding: 35px 0 0 190px;
	margin: 20px 0px 0px 0px;
}
#contents .inq_under{
	width: 238px;
	height: 55px;
	background: url(http://www.homepage-seisaku.jp/img/inq_under_bg.png) no-repeat;
	line-height: 1.8em;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 37px 0 0 410px;
	margin-bottom: 15px;
}
#contents .inq_under_seo{
	width: 238px;
	height: 55px;
	background: url(http://www.homepage-seisaku.jp/img/inq_under_bg_seo.png) no-repeat;
	line-height: 1.8em;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 37px 0 0 410px;
	margin-bottom: 15px;
}


/* ============================================================
		ご利用ガイド contents
============================================================ */
#contents #guide .guide_main {
	width: 417px;
	height: 58px;
	background: url(http://www.homepage-seisaku.jp/img/main_guide_s.png) no-repeat;
	line-height: 1.2em;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 18px 0 0 230px;
	margin-bottom: 15px;
}

#contents #guide .t_step1,
#contents #guide .t_step2,
#contents #guide .t_step3,
#contents #guide .t_step4{
	width: 548px;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	color: #22207f;
	padding: 12px 0 0 100px;
	margin: 10px 0;
}
#contents #guide .t_step1 {background: url(http://www.homepage-seisaku.jp/img/t_guide_step1.png) no-repeat;}
#contents #guide .t_step2 {background: url(http://www.homepage-seisaku.jp/img/t_guide_step2.png) no-repeat;}
#contents #guide .t_step3 {background: url(http://www.homepage-seisaku.jp/img/t_guide_step3.png) no-repeat;}
#contents #guide .t_step4 {background: url(http://www.homepage-seisaku.jp/img/t_guide_step4.png) no-repeat;}

#contents #guide .guide_step2_img2 {
	width: 493px;
	height: 130px;
	background: url(http://www.homepage-seisaku.jp/img/guide_step2_img2.png) no-repeat;
	line-height: 1.2em;
	padding: 15px 0 0 155px;
	margin-bottom: 15px;
}
#contents #guide .guide_step3_img {

}
#contents #guide .step3_img {float:left;}
#contents #guide .step3_text {
	float:left;
	margin-left:10px;
}
.clear {clear:both;}


/* ============================================================
		【特集】ホームページの必要性 contents
============================================================ */
#contents #necessity .necessity_main {
	width: 632px;
	height: 93px;
	background: url(http://www.homepage-seisaku.jp/img/main_necessity.png) no-repeat;
	line-height: 1.2em;
	font-weight: bold;
	color: #fff;
	padding: 85px 0 0 15px;
	margin-bottom: 15px;
}


#contents #necessity .n_point { width:650px;}
#contents #necessity .n_point p.n_point1_text,
#contents #necessity .n_point p.n_point3_text {
	width:465px;
	float:left;
}
#contents #necessity .n_point p.n_point1_img,
#contents #necessity .n_point p.n_point3_img {
	float:right;
	width:175px;
}
#contents #necessity .n_point p.n_point2_text {
	width:415px;
	float:left;
}
#contents #necessity .n_point p.n_point2_img {
	float:right;
	width:225px;
}

/* ============================================================
		【特集】リニューアルの必要性 contents
============================================================ */
#contents #necessity .rn_necessity_main {
	width: 632px;
	height: 93px;
	background: url(http://www.homepage-seisaku.jp/img/main_rn_necessity.png) no-repeat;
	line-height: 1.2em;
	font-weight: bold;
	color: #fff;
	padding: 85px 0 0 15px;
	margin-bottom: 15px;
}

#contents #necessity .n_point p.rn1_text{
	width:400px;
	float:left;
}
#contents #necessity .n_point p.rn1_img {
	float:right;
	width:235px;
}
#contents #necessity .rn_point_img {
	float:left;
	width:85px;
}
#contents #necessity .rn_point_text{
	float:right;
	width:550px;
	padding-top:10px;
}
/* ============================================================
		【特集】サイトPR方法 contents
============================================================ */
#contents #pr .pr_main {
	width: 632px;
	height: 93px;
	background: url(http://www.homepage-seisaku.jp/img/main_pr.png) no-repeat;
	line-height: 1.2em;
	font-weight: bold;
	color: #fff;
	padding: 85px 0 0 15px;
	margin-bottom: 15px;
}


#contents #pr .pr_site {
	width:650px;
}
#contents #pr .pr_site p.space1_text {
	width:425px;
	float:left;
}
#contents #pr .pr_site p.space1_img {
	float:right;
	width:215px;
}
#contents #pr .pr_site p.space2_text {
	width:355px;
	float:left;
}
#contents #pr .pr_site p.space2_img {
	float:right;
	width:285px;
}

#contents #pr .pr_site p.link_pr {
	width:250px;
	float:left;
}
/* ============================================================
		広告出稿について contents　　insert
============================================================ */
#contents #insert .hp-seisaku_main {
	width: 435px;
	height: 95px;
	background: url(http://www.homepage-seisaku.jp/img/main_guide.png) no-repeat;
	line-height: 1.8em;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 150px 0 0 215px;
}


#contents #insert h2 {
	font-size: 15px;
	font-weight: bold;
}
#contents #insert dl {
	background: url(http://www.homepage-seisaku.jp/img/search_line.png) repeat-x bottom;
	padding-bottom: 20px;
}
#contents #insert dl dt {
	color: #22207f;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
}


/* ========================================
		ﾊﾟｿｺﾝ用語集 contents　　dictionary
======================================== */
#contents #dictionary {
	color: #666666;
	font-size: 13px;
}
#contents #dictionary p.title {
	width: 600px;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	color: #1c0b01;
	padding: 12px 0 0 35px;
	margin: 0px 0px 10px 0px;
	background: url(http://www.homepage-seisaku.jp/img/t_bg_br.png) no-repeat;
}

#contents #dictionary dl {
	margin:0 10px;
}
	
#contents #dictionary dl dt {
	margin:10px 0 3px;
	font-weight:bold;
	color:#1c0b01;
	font-size:14px;
}

#contents dictionary dl dd {
	margin:0 0 15px 10px;
}

/* ========================================
		プライバシーポリシー/会社概要
======================================== */
#container #contents .privacy h3 {
	font-weight:bold;
	margin:10px 0 3px 0;
	color:#333333;
}
#container #contents .privacy p {
	margin-left:15px;
}
#contents table.privacy,
#contents table.company {
	width: 100%
}
#contents table.privacy th,
#contents table.company th {
	width: 150px;
	background: #f5f5f5;
	border: #ccc solid 1px;
	padding: 10px;
}
#contents table.privacy td,
#contents table.company td {
	background: #fff;
	border: #ccc solid 1px;
	padding: 10px;
}
#contents .section.gaiyo1 {
	background: url(http://www.homepage-seisaku.jp/img/ac_logo.png) no-repeat left top;
}
#contents .section.gaiyo1 p {
	padding-left:150px;
}
#contents .section.gaiyo1 p img {
	margin:0 10px 10px 0;
}

/* ========================================
■よくある質問
======================================== */
#contents .faq_main {
	width: 417px;
	height: 58px;
	background: url(http://www.homepage-seisaku.jp/img/main_faq.png) no-repeat;
	line-height: 1.2em;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 18px 0 0 230px;
	margin-bottom: 15px;
}
.question_list {
	background:#fafafa;
	border:1px solid #cccccc;
	padding:10px 10px 0;
	margin-bottom:20px;
}
#contents .answer {
	margin-bottom: 15px;
}
.question_list h4 {
	color:#0e3f6c;
	border-bottom:2px solid #0e3f6c;
	font-weight:bold;
	margin:0 0 5px;
}
.question_list ul {
	margin:0 0 10px;
	font-size:12px;
}
.question_list ul li {
	margin-bottom:5px;
	background:url(http://www.homepage-seisaku.jp/img/question_list_arrow.png) no-repeat left center;
	padding-left:15px;
}
dl.faq { margin:-1px 0 0 0;}
dl.faq dt a {
	border:1px solid #cccccc;
	background: url(http://www.homepage-seisaku.jp/img/question_arrow.png) no-repeat 12px center #f6f6f6;
	color:#2f94da;
	display:block;
	height:40px;
	line-height:40px;
	font-weight:bold;
	padding-left:40px;
	cursor:pointer;
	text-decoration:none;
}
dl.faq dt a:hover,
dl.faq dt a.active {
	background: url(http://www.homepage-seisaku.jp/img/question_arrow_on.png) no-repeat 12px center #b3d9ff;
	color:#0e3f6c;
}
dl.faq dd {
	border:1px solid #cccccc;
	background:#fcfcfc;
	padding:10px;
	margin:-1px 0 0 0;
}
dl.faq dd p.close {
	text-align:right;
	line-height:19px;
}
dl.faq dd p.close img { margin:0 5px 0 0;}

/* ============================================================
		無料PR
============================================================ */
#pr_free .pr_space {
	height: 350px;
	background: url(http://www.homepage-seisaku.jp/img/pr_space.png) no-repeat right top;
	padding-right: 268px;
}
#pr_free p.entry { margin: 15px 0 30px 0;}
#pr_free p.entry_seo { margin: 15px 0 30px 0;}
#pr_free dl.step { margin: 15px 0;}
#pr_free dl.step dt {
	line-height: 27px;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 93px;
	margin-bottom: 10px;
}
#pr_free dl.step dt.step1 { background: url(http://www.homepage-seisaku.jp/img/step_1.png) no-repeat left center;}
#pr_free dl.step dt.step2 { background: url(http://www.homepage-seisaku.jp/img/step_2.png) no-repeat left center;}
#pr_free dl.step dt.step3 { background: url(http://www.homepage-seisaku.jp/img/step_3.png) no-repeat left center;}
#pr_free dl.step dt.step4 { background: url(http://www.homepage-seisaku.jp/img/step_4.png) no-repeat left center;}

#pr_free span.detail {
	font-size: 0.8em;
	color: #ff0036;
}
#pr_free dl.link { margin: 15px 0;}
#pr_free dl.link dt {
	font-weight: bold;
	margin-bottom: 10px;
}
#pr_free dl.link pre {
	width: 617px;
	border: #3eae36 solid 3px;
	background: #efeeee;
	margin-bottom: 10px;
	padding: 15px;
}
#pr_free span.fs { font-size: 0.8em;}
#pr_free table th,#pr_free table td {
	vertical-align: top;
	font-size: 0.8em;
	padding: 12px;
}
#pr_free table td { text-align: center;}
#pr_free table td img { margin-bottom: 10px;}
#pr_free p.entry {
	width: 539px;
	height: 54px;
	background: url(http://www.homepage-seisaku.jp/img/bg_entry_pr.png) no-repeat;
	padding: 40px 0 0 108px;
}
#pr_free p.entry a:hover img.alpha {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#pr_free p.entry_seo {
	width: 539px;
	height: 54px;
	background: url(http://www.homepage-seisaku.jp/img/bg_entry_pr_seo.png) no-repeat;
	padding: 40px 0 0 108px;
}
#pr_free p.entry_seo a:hover img.alpha {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* ============================================================
		企業一覧ページ
============================================================ */
#company_list .company_box h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#333333;
}
#company_list .company_box ul {
	margin-bottom:15px;
}
#company_list .company_box ul li {
	float:left;
	width:190px;
	height:60px;
	line-height:20px;
	margin:5px;
	padding:3px 5px;
	background:#f3f3f3;
	font-size:12px;
}