@charset "utf-8";

/* =========================================================
 SEO対策ページ　スタイルシート
========================================================= */
#body {
	background-image:url(../images/common/kobetu_img_headbg.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
}

.main {
	width: 896px;
	margin: 0px;
	padding: 0px;
}
.main_left {
	width: 608px;
	padding-right: 42px;
	float: left;
	padding-bottom: 14px;
}
.main_right {
	width: 246px;
	padding: 0px;
	float: right;
}
.main_left p{
	padding-bottom: 21px;
}

/* Title ------------------------------------------------*/
.title {
	display:block;
	width: 608px;
	height: 25px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
}
#title_01 {
	background-image:url(../images/seo/seo_ttl_01.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_02 {
	background-image:url(../images/seo/seo_ttl_02.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_03 {
	background-image:url(../images/seo/seo_ttl_03.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_04 {
	background-image:url(../images/seo/seo_ttl_04.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_05 {
	background-image:url(../images/seo/seo_ttl_05.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_06 {
	background-image:url(../images/seo/seo_ttl_06.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_07 {
	background-image:url(../images/seo/seo_ttl_07.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_08 {
	background-image:url(../images/seo/seo_ttl_08.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_09 {
	background-image:url(../images/seo/seo_ttl_09.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/* Sub Title ------------------------------------------------*/
.subtitle_01 {
	font-weight:bold;
	font-size: 12px;
	margin: 0px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.subtitle_03 {
	font-weight:bold;
	font-size: 14px;
	margin: 0px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-image: url(../images/common/icon02.gif);
	background-repeat: no-repeat;
	line-height: 20px;
	background-position: 0px 8px;
	height: 20px;
}

.meritlist {
	font-weight:bold;
	line-height: 20px;
	margin: 0px;
	list-style-type: decimal;
	list-style-position: inside;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 21px;
	padding-left: 7px;
}
.hmp_mainbox {
	width: 608px;
	padding-top: 14px;
	padding-bottom: 0px;
}
.hmp_mainbox_left {
	height: 160px;
	width: 290px;
	padding-right: 28px;
	float: left;
	text-align: right;
}
.hmp_mainbox_right {
	float: right;
	height: 140px;
	width: 290px;
	text-align: right;
}
.head_flash {
	margin: 0px;
	height: 50px;
	width: 896px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.header {
	background-image: url(../images/seo/work_seo.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 250px;
	width: 896px;
}
.works_right {
	float: right;
	width: 202px;
}
.works_center {
	float: left;
	width: 202px;
}
.works_left {
	float: left;
	width: 202px;
}
.works_box {
	width: 608px;
	line-height: 18px;
}
.cost_right {
	float: right;
	width: 184px;
	margin: 0px;
	padding: 0px;
}
.cost_center {
	float: left;
	width: 184px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 28px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cost_left {
	float: left;
	width: 184px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 28px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cost_box {
	width: 608px;
	line-height: 18px;
}
.qanda_q {
	background-image: url(../images/seo/seo_bar_q.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 573px;
	font-size: 14px;
	padding-left: 35px;
	line-height: 28px;
	font-weight: bold;
	color: #007879;
}
.qanda_a {
	width: 566px;
	padding-left: 42px;
	padding-top: 14px;
	padding-bottom: 35px;
}

/* お申し込みはこちら ----------------------------*/
.toapply_box {
	display:block;
	height: 44px;
	width: 317px;
	margin: 0px;
	float: right;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.toapply_box a{
	display:block;
	width:317px;
	height:44px;
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
}
.toapply_box ol{
	list-style:none;
	padding:0px;
	margin:0px;
}
.toapply_box ol li a{
	list-style:none;
	background-image:url(../images/seo/seo_btn.gif);
	background-repeat:no-repeat;
}
.toapply_box ol li a:hover{
	list-style:none;
	background-image:url(../images/seo/seo_btn_on.gif);
	background-repeat:no-repeat;
}

/* 料金はこちら ----------------------------*/
.tocost_box {
	display:block;
	height: 44px;
	width: 317px;
	margin: 0px;
	float: right;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tocost_box a{
	display:block;
	width:317px;
	height:44px;
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
}
.tocost_box ol{
	list-style:none;
	padding:0px;
	margin:0px;
}
.tocost_box ol li a{
	list-style:none;
	background-image:url(../images/seo/seo_btn02.gif);
	background-repeat:no-repeat;
}
.tocost_box ol li a:hover{
	list-style:none;
	background-image:url(../images/seo/seo_btn02_on.gif);
	background-repeat:no-repeat;
}
/* 実績一覧はこちら ----------------------------*/
.toworks_box {
	display:block;
	height: 44px;
	width: 317px;
	margin: 0px;
	float: right;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.toworks_box a{
	display:block;
	width:317px;
	height:44px;
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
}
.toworks_box ol{
	list-style:none;
	padding:0px;
	margin:0px;
}
.toworks_box ol li a{
	list-style:none;
	background-image:url(../images/seo/seo_btn01.gif);
	background-repeat:no-repeat;
}
.toworks_box ol li a:hover{
	list-style:none;
	background-image:url(../images/seo/seo_btn01_on.gif);
	background-repeat:no-repeat;
}

/* 制作の流れ ------------------------------------------------*/
.stepbar {
	height: 28px;
	width: 608px;
}
#stepbar_01 {
	background-image:url(../images/seo/seo_flw_step01.gif);
	background-repeat:no-repeat;
}
#stepbar_02 {
	background-image:url(../images/seo/seo_flw_step02.gif);
	background-repeat:no-repeat;
}
#stepbar_03 {
	background-image:url(../images/seo/seo_flw_step03.gif);
	background-repeat:no-repeat;
}
#stepbar_04 {
	background-image:url(../images/seo/seo_flw_step04.gif);
	background-repeat:no-repeat;
}
.step_detail {
	width: 430px;
	margin-left: 150px;
	line-height: 18px;
	margin-bottom: 42px;
	padding: 14px;
	margin-top: 0px;
}
/* ------------------------------------------------*/

