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

body {
	line-height: 1.4em;
	position:relative;
	z-index:1;
}

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


/* ============================================================
		header
============================================================ */
#header_bg_under {
	width: 100%;
	height: 92px;
	background: url(../img/header_bg_under.png) repeat-x;
}
#header_bg_under .header_bg {
	height: 92px;
	background: url(../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(../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(../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(../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(../img/navi.png) no-repeat;}
#navi_bg .navi ul.main_navi li.navi_2 a { background: url(../img/navi.png) no-repeat -110px 0;}
#navi_bg .navi ul.main_navi li.navi_3 a { background: url(../img/navi.png) no-repeat -285px 0;}
#navi_bg .navi ul.main_navi li.navi_4 a { background: url(../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(../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(../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(../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(../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(../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(../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;
}

#mainv {
	width:960px;
	height:320px;
	background:url(../img/mainv_bg.png) no-repeat left top;
	margin:0 auto;
	position:relative;
}

#mainv #mainv_type {
	position:absolute;
	top:80px;
	left:22px;
}
#mainv #mainv_type #type1 a { background-position:0 0;}
#mainv #mainv_type #type2 a { background-position:0 -22px;}
#mainv #mainv_type #type3 a { background-position:0 -44px;}
#mainv #mainv_type #type1 a:hover { background-position:-164px 0;}
#mainv #mainv_type #type2 a:hover { background-position:-164px -22px;}
#mainv #mainv_type #type3 a:hover { background-position:-164px -44px;}
#mainv #mainv_type #type1.active a { background-position:-328px 0;}
#mainv #mainv_type #type2.active a { background-position:-328px -22px;}
#mainv #mainv_type #type3.active a { background-position:-328px -44px;}

#mainv #mainv_budget {
	position:absolute;
	top:190px;
	left:22px;
}
#mainv #mainv_budget #budget2 a { background-position:0 -66px;}
#mainv #mainv_budget #budget3 a { background-position:0 -88px;}
#mainv #mainv_budget #budget4 a { background-position:0 -110px;}
#mainv #mainv_budget #budget5 a { background-position:0 -132px;}
#mainv #mainv_budget #budget6 a { background-position:0 -154px;}
#mainv #mainv_budget #budget2 a:hover { background-position:-164px -66px;}
#mainv #mainv_budget #budget3 a:hover { background-position:-164px -88px;}
#mainv #mainv_budget #budget4 a:hover { background-position:-164px -110px;}
#mainv #mainv_budget #budget5 a:hover { background-position:-164px -132px;}
#mainv #mainv_budget #budget6 a:hover { background-position:-164px -154px;}
#mainv #mainv_budget #budget2.active a { background-position:-328px -66px;}
#mainv #mainv_budget #budget3.active a { background-position:-328px -88px;}
#mainv #mainv_budget #budget4.active a { background-position:-328px -110px;}
#mainv #mainv_budget #budget5.active a { background-position:-328px -132px;}
#mainv #mainv_budget #budget6.active a { background-position:-328px -154px;}

#mainv ul li a {
	display:block;
	text-decoration:none;
	width:164px;
	height:22px;
	background:url(../img/mainv_radio.png) left top no-repeat;
	cursor:pointer;
	outline:none;
}
#mainv ul li span {
	position:relative;
	z-index:-1;
}

#mainv .step {
	position:absolute;
	top:64px;
	left:344px;
}
#mainv .arrow {
	position:absolute;
	top:151px;
	left:206px;
}
#mainv #search_map {
	position:absolute;
	top:49px;
	left:344px;
}
#mainv #search_map area { cursor:pointer;}


/* ============================================================
		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(../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(../img/bg_special_1.png) no-repeat;}
#contents .top_point dl.point2 { background: url(../img/bg_special_2.png) no-repeat; margin-left: 5px; margin-right: 5px;}
#contents .top_point dl.point3 { background: url(../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(../img/list_1.png) no-repeat left;
	padding-left: 10px;
}

/* 掲載企業一覧 */
/* 掲載企業一覧 */
#contents .company_list {
	width: 650px;
	height: 316px;
	background: url(../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 .company_list .company_list_btn {
	display:none;
	position:absolute;
	right:8px;
	bottom:8px;
}
#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(../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(../img/bg_inquiry_side.png) no-repeat;
	text-align: center;
	padding-top: 122px;
}
#side .side_tel_seo {
	width: 300px;
	height: 54px;
	background: url(../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(../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(../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(../img/search_bg.png) no-repeat;
	font-size: 12px;
	padding: 88px 0 0 95px;
	margin-bottom: 10px;
}
#side.test .search {
	/*background: url(../img/search_bg_test.png) no-repeat;*/
}
#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(../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(../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(../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(../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 {
	display:inline-block;
	/display:inline;
	/zoom:1;
	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(../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(../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(../img/change_condition_bg.png) no-repeat left top #F5F5F5;
	border:1px solid #E5E5E4;
	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(../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(../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(../img/t_bg.png) no-repeat;
}

#contents #info h2 {
	font-size: 15px;
	font-weight: bold;
}
#contents #info dl {
	background: url(../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(../img/point.png) no-repeat;
	margin-top: -40px;
}
#contents #info dl dd.img2 {
	width: 238px;
	height: 230px;
	float: right;
	background: url(../img/point.png) no-repeat 0 -206px;
	margin-top: -40px;
}
#contents #info dl dd.img3 {
	width: 238px;
	height: 206px;
	float: right;
	background: url(../img/point.png) no-repeat 0 -436px;
	margin-top: -40px;
}



/* ============================================================
		制作の流れ contents
============================================================ */
#contents #flow .flow_main {
	width: 387px;
	height: 48px;
	background: url(../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(../img/t_flow_step1.png) no-repeat;}
#contents #flow .t_step2 {background: url(../img/t_flow_step2.png) no-repeat;}
#contents #flow .t_step3 {background: url(../img/t_flow_step3.png) no-repeat;}
#contents #flow .t_step4 {background: url(../img/t_flow_step4.png) no-repeat;}
#contents #flow .t_step5 {background: url(../img/t_flow_step5.png) no-repeat;}
#contents #flow .t_step6 {background: url(../img/t_flow_step6.png) no-repeat;}

#contents .inq_up{
	width: 458px;
	height: 45px;
	background: url(../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(../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(../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(../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(../img/t_guide_step1.png) no-repeat;}
#contents #guide .t_step2 {background: url(../img/t_guide_step2.png) no-repeat;}
#contents #guide .t_step3 {background: url(../img/t_guide_step3.png) no-repeat;}
#contents #guide .t_step4 {background: url(../img/t_guide_step4.png) no-repeat;}

#contents #guide .guide_step2_img2 {
	width: 493px;
	height: 130px;
	background: url(../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(../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(../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(../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(../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(../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(../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 h2 {
	font-weight:bold;
	margin:10px 0;
	color:#1c0b01;
}
#container #contents #privacy .company-inquiry {
	margin: 10px 0;
	padding: 10px;
	background: #eee;
	border: solid 1px #ccc;
}
#contents table.company {
	width: 100%
}
#contents table.company th {
	width: 150px;
	background: #f5f5f5;
	border: #ccc solid 1px;
	padding: 10px;
}
#contents table.company td {
	background: #fff;
	border: #ccc solid 1px;
	padding: 10px;
}
#contents .section.gaiyo1 .center {
	text-align:center;
}
#contents .section.gaiyo1 .banner {
	background: #f5f5f5;
	padding: 10px;
}

/* ========================================
■よくある質問
======================================== */
#contents .faq_main {
	width: 417px;
	height: 58px;
	background: url(../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(../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(../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(../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(../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(../img/step_1.png) no-repeat left center;}
#pr_free dl.step dt.step2 { background: url(../img/step_2.png) no-repeat left center;}
#pr_free dl.step dt.step3 { background: url(../img/step_3.png) no-repeat left center;}
#pr_free dl.step dt.step4 { background: url(../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(../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(../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);
}

/* ============================================================
		企業一覧ページ
============================================================ */

#com_list_select {
	background:url(../img/com_list_select_bg.png) left top no-repeat;
	height:152px;
	position:relative;
	z-index:0;
}
#com_list_select dl {
	position:absolute;
	top:74px;
}
#com_list_select dl#com_prace {
	left:5px;
	width:125px;
}
#com_list_select dl#com_area {
	left:130px;
	width:520px;
}
#com_list_select dl dt {
	border-bottom:2px solid #555555;
	color:#555555;
	margin-right:5px;
	padding:3px;
	font-weight:bold;
}
#com_list_select dl dd {
	margin:5px 0 0 0;
}
#com_list_select dl#com_prace dd a { width:122px;}
#com_list_select dl#com_area dd a { width:62px;}
#com_list_select dl dd a {
	display:inline-block;
	margin-right:3px;
	height:38px;
	background:url(../img/com_list_select_btn.png) left top no-repeat;
	overflow:hidden;
	vertical-align:top;
	cursor:pointer;
}
#com_list_select dl dd a span {
	position:relative;
	z-index:-100;
}
#com_list_select dl dd a:hover,
#com_list_select dl dd a.active { height:45px;}

#com_list_select dl dd a#select1 { background-position:0 0;}
#com_list_select dl dd a#select2 { background-position:-122px 0;}
#com_list_select dl dd a#select3 { background-position:-184px 0;}
#com_list_select dl dd a#select4 { background-position:-246px 0;}
#com_list_select dl dd a#select5 { background-position:-308px 0;}
#com_list_select dl dd a#select6 { background-position:-370px 0;}
#com_list_select dl dd a#select7 { background-position:-432px 0;}
#com_list_select dl dd a#select8 { background-position:-494px 0;}
#com_list_select dl dd a#select9 { background-position:-556px 0;}
#com_list_select dl dd a:hover#select1,
#com_list_select dl dd a#select1.active { background-position:0 -38px;}
#com_list_select dl dd a:hover#select2,
#com_list_select dl dd a#select2.active { background-position:-122px -38px;}
#com_list_select dl dd a:hover#select3,
#com_list_select dl dd a#select3.active { background-position:-184px -38px;}
#com_list_select dl dd a:hover#select4,
#com_list_select dl dd a#select4.active { background-position:-246px -38px;}
#com_list_select dl dd a:hover#select5,
#com_list_select dl dd a#select5.active { background-position:-308px -38px;}
#com_list_select dl dd a:hover#select6,
#com_list_select dl dd a#select6.active { background-position:-370px -38px;}
#com_list_select dl dd a:hover#select7,
#com_list_select dl dd a#select7.active { background-position:-432px -38px;}
#com_list_select dl dd a:hover#select8,
#com_list_select dl dd a#select8.active { background-position:-494px -38px;}
#com_list_select dl dd a:hover#select9,
#com_list_select dl dd a#select9.active { background-position:-556px -38px;}

#company_list .company_box { color:#555555;}

#company_list .company_box h3 {
	font-size:16px;
	font-weight:bold;
	margin:5px;
	margin-bottom:10px;
	border-bottom:2px solid #555555;
}
#company_list .company_box .company_box_inner {
	background:#f3f3f3;
	padding:5px;
}
#company_list .company_box ul {
	margin-bottom:15px;
}
#company_list .company_box ul li {
	float:left;
	width:300px;
	margin:5px;
	padding:5px;
	background:#ffffff;
	font-size:12px;
	/display:inline;
}
#company_list .company_box.com_list_area ul li {
}
#company_list .company_box ul li p {
	margin:0;
}
#company_list .company_box ul li p.img {
	float:left;
	margin-right:10px;
	height: 130px;
}

#company_list .company_box ul li p.info { margin-left:70px;}
#company_list .company_box ul li p.info img {
	margin:2px 1px;
}
#company_list .company_box ul li p.info span {
	font-weight:bold;
	line-height:20px;
}

/*プライバシー*/
.company_name {
  margin-right:10px;
  font-size:14px;
  text-align: right;
}
#container h2 {
  border-bottom:1px solid #ccc;
  margin: 0 0 5px;
  color:#0e3f6c;
  font-size: 16px;
  font-weight: bold;
}
#container .personal_detail{
  margin: 10px auto 20px;
}
#container ol {
  list-style: decimal;
  margin: 0 0 20px 25px;
  font-size:14px;
}
#container .privacy dt{
	font-weight: bold;
	margin: 10px 0 0 0;
}
#container .personal_detail{
  margin: 10px auto 20px;
}
#container .method {
  margin: 20px 0 3px 0px;
}
#container .caution {
  margin: 25px 0 5px 0px;
}
#container .opinion {
  margin: 10px 0 10px 0px;
}
#container .privacy_contact {
  margin:0 0 20px;
  background: #f5f5f5;
  line-height:1.4;
  font-size: 14px;
  font-weight:normal;
  padding:3px 0 10px 15px;
  border:1px solid #ccc;
}
#container .privacy_contact dd {
  margin-left:10px;
}
#container .cookie h3 {
  color:#333;
  margin: 5px 0 0 0px;
  font-weight: bold;
}
#container .cookie .caution {
	margin:15px 0;
}
#container .about_cookie {
  margin: 20px 0 0 0px;
}
#container .cookie ul {
  list-style:disc;
  margin: 5px 0 15px 10px;
  font-size: 14px;
}
#container .cookie li {
  margin:0 0 0 15px;
}
#container .cookie p {
  margin: 10px 0 10px 0px; 
  font-size: 14px;
}
#container .cookie_save {
  margin-bottom:20px;
}
#container .privacy_links li {
	margin-bottom:5px;
}