@charset "utf-8";

/* =========================================================
 ホームページ制作ページ　スタイルシート
========================================================= */
#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;
	margin: 0px;
}
.main_left p{
	padding-bottom: 28px;
}

/* 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/homepage/hmp_ttl_01.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_02 {
	background-image:url(../images/homepage/hmp_ttl_02.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_03 {
	background-image:url(../images/homepage/hmp_ttl_03.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_04 {
	background-image:url(../images/homepage/hmp_ttl_04.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_05 {
	background-image:url(../images/homepage/hmp_ttl_05.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_06 {
	background-image:url(../images/homepage/hmp_ttl_06.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_07 {
	background-image:url(../images/homepage/hmp_ttl_07.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_08 {
	background-image:url(../images/homepage/hmp_ttl_08.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_09 {
	background-image:url(../images/homepage/hmp_ttl_09.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_10 {
	background-image:url(../images/homepage/hmp_ttl_10.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_11 {
	background-image:url(../images/homepage/hmp_ttl_11.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_12 {
	background-image:url(../images/homepage/hmp_ttl_12.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#title_13 {
	background-image:url(../images/homepage/hmp_ttl_13.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_02 {
	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: 28px;
	margin: 0px;
	list-style-type: decimal;
	list-style-position: inside;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 28px;
	padding-left: 21px;
}
.hmp_mainbox {
	width: 608px;
	padding-top: 21px;
	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/homepage/work_homepage.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 250px;
	width: 896px;
}


/* 制作の流れ ------------------------------------------------*/
.stepbar {
	height: 28px;
	width: 608px;
}
#stepbar_01 {
	background-image:url(../images/homepage/hmp_flw_step01.gif);
	background-repeat:no-repeat;
}
#stepbar_02 {
	background-image:url(../images/homepage/hmp_flw_step02.gif);
	background-repeat:no-repeat;
}
#stepbar_03 {
	background-image:url(../images/homepage/hmp_flw_step03.gif);
	background-repeat:no-repeat;
}
#stepbar_04 {
	background-image:url(../images/homepage/hmp_flw_step04.gif);
	background-repeat:no-repeat;
}
#stepbar_05 {
	background-image:url(../images/homepage/hmp_flw_step05.gif);
	background-repeat:no-repeat;
}
#stepbar_06 {
	background-image:url(../images/homepage/hmp_flw_step06.gif);
	background-repeat:no-repeat;
}
#stepbar_07 {
	background-image:url(../images/homepage/hmp_flw_step07.gif);
	background-repeat:no-repeat;
}
#stepbar_08 {
	background-image:url(../images/homepage/hmp_flw_step08.gif);
	background-repeat:no-repeat;
}
#stepbar_09 {
	background-image:url(../images/homepage/hmp_flw_step09.gif);
	background-repeat:no-repeat;
}
.step_detail {
	width: 430px;
	margin-left: 150px;
	line-height: 18px;
	margin-bottom: 42px;
	padding: 14px;
	margin-top: 0px;
}
.service_m_img {
	height: 67px;
	width: 184px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
#service_m_01 {
	width: 184px;
	margin-right: 28px;
	float: left;
}
#service_m_02 {
	width: 184px;
	margin-right: 28px;
	float: left;
}
#service_m_03 {
	width: 184px;
	margin-right: 0px;
	float: right;
}
.service_m {
	width: 608px;
	margin-top: 21px;
	text-align: justify;
}
.service_m p {
	padding-bottom:28px;
	padding-left:7px;
	padding-right:7px;
	text-align: justify;
	margin: 0px;
	padding-top: 0px;
}
.txt_cost{
	font-weight:bold;
	color:#007879;
}
.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;
	letter-spacing: 0.1em;
}
h3.ttl_qanda {
	font-size:16px;
	font-weight:bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h3.ttl_qanda a:link, h3.ttl_qanda a:visited {
	color:#007879;
	text-decoration:underline;
}
h3.ttl_qanda a:hover, h3.ttl_qanda a:active {
	color:#F00;
	text-decoration:none;
}
.box_01_qanda {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.box_01_qanda li {
	line-height:200%;
	list-style-type: none;
}
.box_01_qanda li.li02 {
	text-indent:20px;
	padding-top:5px;
}
.box_01_qanda li.li03 {
	text-indent:30px;
}