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


/* Side Menu ------------------------------------------------*/
.side_title {
	background-image:url(../images/homepage/hmp_lnk_title.gif);
	background-repeat:no-repeat;
	height: 35px;
	width: 246px;
	margin-top: 21px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
	padding-bottom: 0px;
	text-indent:-9999px;
	line-height: 0px;
}

.side_menu {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 21px;
	padding-left: 21px;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #666666;
	margin: 0px;
}

.side_menu_box {
	display:block;
	height: 134px;
	width: 165px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 19px;
}
.side_menu_box a{
	display:block;
	width:165px;
	height:132px;
	text-indent:-9999px;
}

/* OFF */
#side_01 {
	background-image:url(../images/homepage/hmp_lnk_01.jpg);
	background-repeat:no-repeat;
	background-position:19px 0px;
	text-indent:-9999px;
}
#side_02 {
	background-image:url(../images/homepage/hmp_lnk_02.jpg);
	background-repeat:no-repeat;
	background-position:19px 0px;
	text-indent:-9999px;
}
#side_03 {
	background-image:url(../images/homepage/hmp_lnk_03.jpg);
	background-repeat:no-repeat;
	background-position:19px 0px;
	text-indent:-9999px;
}
#side_04 {
	background-image:url(../images/homepage/hmp_lnk_04.jpg);
	background-repeat:no-repeat;
	background-position:19px 0px;
	text-indent:-9999px;
}
#side_05 {
	background-image:url(../images/homepage/hmp_lnk_05.jpg);
	background-repeat:no-repeat;
	background-position:19px 0px;
	text-indent:-9999px;
}
#side_06 {
	background-image:url(../images/homepage/hmp_lnk_06.jpg);
	background-repeat:no-repeat;
	background-position:19px 0px;
	text-indent:-9999px;
}
#side_07 {
	background-image:url(../images/homepage/hmp_lnk_07.jpg);
	background-repeat:no-repeat;
	background-position:19px 0px;
	text-indent:-9999px;
}

/* ON */
#side_01_on{
	background-image:url(../images/homepage/hmp_lnk_01.jpg);
	background-repeat:no-repeat;
	background-position:19px -132px;
	text-indent:-9999px;
}
#side_02_on{
	background-image:url(../images/homepage/hmp_lnk_02.jpg);
	background-repeat:no-repeat;
	background-position:19px -132px;
	text-indent:-9999px;
}
#side_03_on{
	background-image:url(../images/homepage/hmp_lnk_03.jpg);
	background-repeat:no-repeat;
	background-position:19px -132px;
	text-indent:-9999px;
}
#side_04_on{
	background-image:url(../images/homepage/hmp_lnk_04.jpg);
	background-repeat:no-repeat;
	background-position:19px -132px;
	text-indent:-9999px;
}
#side_05_on{
	background-image:url(../images/homepage/hmp_lnk_05.jpg);
	background-repeat:no-repeat;
	background-position:19px -132px;
	text-indent:-9999px;
}
#side_06_on{
	background-image:url(../images/homepage/hmp_lnk_06.jpg);
	background-repeat:no-repeat;
	background-position:19px -132px;
	text-indent:-9999px;
}
#side_07_on{
	background-image:url(../images/homepage/hmp_lnk_07.jpg);
	background-repeat:no-repeat;
	background-position:19px -132px;
	text-indent:-9999px;
}

/* Hover */
#side_01 a:hover {
	background-image:url(../images/homepage/hmp_lnk_01.jpg);
	background-repeat:no-repeat;
	background-position:0px -132px;
	text-indent:-9999px;
}
#side_02 a:hover {
	background-image:url(../images/homepage/hmp_lnk_02.jpg);
	background-repeat:no-repeat;
	background-position:0px -132px;
	text-indent:-9999px;
}
#side_03 a:hover {
	background-image:url(../images/homepage/hmp_lnk_03.jpg);
	background-repeat:no-repeat;
	background-position:0px -132px;
	text-indent:-9999px;
}
#side_04 a:hover {
	background-image:url(../images/homepage/hmp_lnk_04.jpg);
	background-repeat:no-repeat;
	background-position:0px -132px;
	text-indent:-9999px;
}
#side_05 a:hover {
	background-image:url(../images/homepage/hmp_lnk_05.jpg);
	background-repeat:no-repeat;
	background-position:0px -132px;
	text-indent:-9999px;
}
#side_06 a:hover {
	background-image:url(../images/homepage/hmp_lnk_06.jpg);
	background-repeat:no-repeat;
	background-position:0px -132px;
	text-indent:-9999px;
}
#side_07 a:hover {
	background-image:url(../images/homepage/hmp_lnk_07.jpg);
	background-repeat:no-repeat;
	background-position:0px -132px;
	text-indent:-9999px;
}
/*------------------------------------------------*/

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