@charset "utf-8";

@import "common.css";

#cHead h2 a {
	background: url(../img/title_webcreate.jpg) no-repeat;
}
.section p {
	line-height: 1.8;
}

/* top */
.index#pweb-create {
}
.index#pweb-create .web-create1,
.index#pweb-create .web-create2 {
	padding-bottom: 30px;
}
.index#pweb-create .web-create1 {
	background: url(../img/web-create/hed_web-create1.gif) no-repeat center top;
}
.index#pweb-create .web-create1 h3 {
	margin: 0;
	width: 640px;
	height: 100px;
	background: url(../img/web-create/hed_web-create1.gif) no-repeat;
	text-indent: -1000em;
}
.index#pweb-create .web-create1 .wrap,
.index#pweb-create .web-create2 .wrap {
	padding: 0 15px;
}
.index#pweb-create .web-create1 p.leadTxt {
	margin-top: 1em;
	padding: 0 15px 0 10px;
	border-left: 5px solid #EEF4D9;
}
.index#pweb-create .web-create2 h3 {
	margin: 0;
	width: 640px;
	height: 34px;
	background: url(../img/web-create/hed_web-create2.gif) no-repeat;
	text-indent: -1000em;
}
.index#pweb-create .web-create2 ol {
	margin: 0;
	padding: 0;
	width: 640px;
	list-style: none;
}
.index#pweb-create .web-create2 ol li {
	margin: 0;
	padding: 0 15px 14px 0;
	list-style: none;
	width: 625px;
	background: url(../img/web-create/flow_arrow.gif) no-repeat center bottom;
}
.index#pweb-create .web-create2 ol li strong.hedding {
	display: block;
	width: 91px;
	height: 154px;
	text-indent: -1000em;
	float: left;
}
.index#pweb-create .web-create2 ol li.flow1 strong.hedding {
	background: url(../img/web-create/flow_shuukyaku.gif) no-repeat;
}
.index#pweb-create .web-create2 ol li.flow2 strong.hedding {
	background: url(../img/web-create/flow_sekkyaku.gif) no-repeat;
}
.index#pweb-create .web-create2 ol li.flow3 strong.hedding {
	background: url(../img/web-create/flow_juchuu.gif) no-repeat;
}
.index#pweb-create .web-create2 ol li.flow3 {
	background: none;
	padding-bottom: 0;
}
.index#pweb-create .web-create2 ol li p {
	margin: 0;
	padding: 1em 0 10px 0;
	width: 519px;
	float: right;
	line-height: 1.8;
}
.index#pweb-create .web-create2 ol li p em {
	font-weight: bold;
	color: #FF6600;
	font-size: 130%;
	line-height: 2;
}
.index#pweb-create .web-create2 ol li p strong {
	color: #996600;
}



/* create-pack-common */
.ccreate-pack#pweb-create #cMain .lNavi {
	width: 640px;
	height: 30px;
	margin: 0;
	padding: 30px 0 25px;
	list-style: none;
}
.ccreate-pack#pweb-create #cMain .topNavi {
	background: url(../img/web-create/bg_ceatepack.jpg) no-repeat center bottom;
}
.ccreate-pack#pweb-create #cMain .lNavi li {
	width: 128px;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.ccreate-pack#pweb-create #cMain .lNavi li a {
	display: block;
	width: 128px;
	height: 30px;
	text-indent: -1000em;
	text-decoration: none;
	background-position: center top;
}
.ccreate-pack#pweb-create #cMain .lNavi li.about a {
	background-image: url(../img/web-create/ln_cpABOUT.gif);
}
.ccreate-pack#pweb-create #cMain .lNavi li.flow a {
	background-image: url(../img/web-create/ln_cpFLOW.gif);
}
.ccreate-pack#pweb-create #cMain .lNavi li.plan a {
	background-image: url(../img/web-create/ln_cpPLAN.gif);
}
.ccreate-pack#pweb-create #cMain .lNavi li.option a {
	background-image: url(../img/web-create/ln_cpOPTION.gif);
}
.ccreate-pack#pweb-create #cMain .lNavi li.inquiry a {
	background-image: url(../img/web-create/ln_cpINQUIRY.gif);
}
.ccreate-pack#pweb-create #cMain .lNavi li strong {
	display: block;
	width: 128px;
	height: 30px;
}
.ccreate-pack#pweb-create #cMain .lNavi li strong a,
.ccreate-pack#pweb-create #cMain .lNavi li a:hover {
	background-position: center bottom;
}
.ccreate-pack#pweb-create #cMain p.conductor {
	text-align: center;
}
.ccreate-pack#pweb-create #cMain p.conductor a {
	display: block;
	width: 230px;
	height: 31px;
	margin: 0 auto;
	text-align: left;
	text-indent: -1000em;
	text-decoration: none;
}
.ccreate-pack#pweb-create .create-pack0 h3 {
	margin: 0 0 20px;
	width: 640px;
	height: 175px;
	background: url(../img/web-create/hed_createpack.gif) no-repeat;
	text-indent: -1000em;
}
/* create-pack-about */
.index#pweb-create #page-180 {
}
.index#pweb-create #page-180 .wrap strong {
	color: #FF3300;
}
.index#pweb-create #page-180 .diviTxt {
	width: 610px;
	margin: auto 15px 2em;
	height: 44px;
	background: url(../img/web-create/lead_createpack4.gif) no-repeat;
	text-indent: -1000em;
}
.index#pweb-create #page-180 .create-pack0 p.imgContain {
/*
	margin: 20px 0 30px;
*/
	margin: 0;
}
.index#pweb-create #page-180 .create-pack1,
.index#pweb-create #page-180 .create-pack2,
.index#pweb-create #page-180 .create-pack3,
.index#pweb-create #page-180 .create-pack4,
.index#pweb-create #page-180 .create-pack5 {
	padding: 1em 15px 2em;
	width: 610px;
}
.index#pweb-create #page-180 .create-pack1 .wrap,
.index#pweb-create #page-180 .create-pack2 .wrap,
.index#pweb-create #page-180 .create-pack3 .wrap,
.index#pweb-create #page-180 .create-pack4 .wrap,
.index#pweb-create #page-180 .create-pack5 .wrap {
	border-left: 3px solid #A0D0E4;
	padding-left: 12px;
}
.index#pweb-create #page-180 .create-pack1 .hedding,
.index#pweb-create #page-180 .create-pack2 .hedding,
.index#pweb-create #page-180 .create-pack3 .hedding,
.index#pweb-create #page-180 .create-pack4 .hedding,
.index#pweb-create #page-180 .create-pack5 .hedding {
	margin: 0 0 3em;
	text-indent: -1000em;
}
.index#pweb-create #page-180 .create-pack1 h4 {
	width: 524px;
	height: 24px;
	background: url(../img/web-create/hed_createpack1.gif) no-repeat;
}
.index#pweb-create #page-180 .create-pack2 h4 {
	width: 421px;
	height: 58px;
	background: url(../img/web-create/hed_createpack2.gif) no-repeat;
}
.index#pweb-create #page-180 .create-pack3 h4 {
	width: 542px;
	height: 24px;
	background: url(../img/web-create/hed_createpack3.gif) no-repeat;
}
.index#pweb-create #page-180 .create-pack4 h4 {
	width: 167px;
	height: 23px;
	background: url(../img/web-create/hed_createpack4.gif) no-repeat;
}
.index#pweb-create #page-180 .create-pack5 h4 {
	width: 313px;
	height: 24px;
	background: url(../img/web-create/hed_createpack5.gif) no-repeat;
}

.index#pweb-create #page-180 .create-pack1 .wrap p.icon img {
	vertical-align: middle;
	margin-right: 20px;
}
.index#pweb-create #page-180 .create-pack2 .wrap h5 {
	margin-top: 0;
	font-size: 125%;
}
.index#pweb-create #page-180  .create-pack3 .conductor a {
	background: url(../img/web-create/btn_createpackPLAN.gif) no-repeat;
}
.index#pweb-create #page-180  .create-pack5 .conductor a {
	background: url(../img/web-create/btn_createpackFLOW.gif) no-repeat;
}

/* create-pack-flow */
.flow#pweb-create #page-181 {
}
.flow#pweb-create #page-181 .flow1,
.flow#pweb-create #page-181 .flow2 {
	padding: 1em 15px 2em;
	width: 610px;
}
.flow#pweb-create #page-181 .flow1 h4,
.flow#pweb-create #page-181 .flow2 h4 {
	margin: 0 0 3em;
	text-indent: -1000em;
}

.flow#pweb-create #page-181 .flow1 h4 {
	width: 169px;
	height: 24px;
	background: url(../img/web-create/hed_createpckFLOW1.gif) no-repeat;
}
.flow#pweb-create #page-181 .flow2 h4 {
	width: 438px;
	height: 24px;
	background: url(../img/web-create/hed_createpckFLOW2.gif) no-repeat;
	text-indent: -1000em;
}

/* create-pack-plan */
.plan#pweb-create #page-182 {
}
.plan#pweb-create #page-182 dl.attention {
	border-left: 3px solid #FFCC99;
	margin: 1em 0;
	padding: 0 0 0 12px;
}
.plan#pweb-create #page-182 dl.attention dt {
	color: #f30;
	margin: 0;
	padding: 0;
}
.plan#pweb-create #page-182 dl.attention dd {
	margin: 0;
	padding: 0 0 0 1em;
}

.plan#pweb-create #page-182 .plan1,
.plan#pweb-create #page-182 .plan2,
.plan#pweb-create #page-182 .plan3 {
	padding: 1em 15px 2em;
	width: 610px;
}
.plan#pweb-create #page-182 .plan1 .leadTxt {
	margin: 0 0 40px;
	width: 610px;
	height: 70px;
	background: url(../img/web-create/hed_createpackPLAN.gif) no-repeat;
	text-indent: -1000em;
}
.plan#pweb-create #page-182 .plan1 h4.hedding,
.plan#pweb-create #page-182 .plan2 h4.hedding,
.plan#pweb-create #page-182 .plan3 h4.hedding {
	margin: 0 0 3em;
	text-indent: -1000em;
}

.plan#pweb-create #page-182 .plan1 h4.hedding {
	width: 241px;
	height: 24px;
	background: url(../img/web-create/hed_createpackPLAN1.gif) no-repeat;
}
.plan#pweb-create #page-182 .plan2 h4.hedding {
	width: 289px;
	height: 24px;
	background: url(../img/web-create/hed_createpackPLAN2.gif) no-repeat;
	text-indent: -1000em;
}
.plan#pweb-create #page-182 .plan3 h4.hedding {
	width: 266px;
	height: 24px;
	background: url(../img/web-create/hed_createpackPLAN3.gif) no-repeat;
	text-indent: -1000em;
}
.plan#pweb-create #page-182 table {
	width: 610px;
	background-color: #ddd;
}
.plan#pweb-create #page-182 table thead th {
	text-align: center;
	vertical-align: middle;
	background-color: #F8EFEF;
	padding: 2px 5px;
	border: 1px solid #fff;
}
.plan#pweb-create #page-182 table tbody th {
	border: 1px solid #fff;
}
.plan#pweb-create #page-182 table td {
	text-align: left;
	background-color: #fff;
	vertical-align: middle;
	text-align: left;
	padding: 2px 5px;
	border: 1px solid #fff;
}

.plan#pweb-create #page-182 table .price {
	width: 85px;
}
.plan#pweb-create #page-182 table td.price {
	text-align: right;
}
.plan#pweb-create #page-182 table td.kikan {
	text-align: right;
}
.plan#pweb-create #page-182 .plan1 table .plan {
	width: 95px;
}
.plan#pweb-create #page-182 .plan1 table .kikan {
	width: 105px;
}
.plan#pweb-create #page-182 .plan1 table .shousai {
}
.plan#pweb-create #page-182 .plan1 table td.shousai {
	font-size: 87.5%;
}
.plan#pweb-create #page-182 .plan1 table td.shousai strong {
	font-size: 110%;
	color: #f60;
}

.plan#pweb-create #page-182 .plan2 table .shurui {
	width: 130px;
}
.plan#pweb-create #page-182 .plan2 table .others {
	width: 170px;
}
.plan#pweb-create #page-182  .plan1 .conductor a {
	background: url(../img/web-create/btn_createpackOPTION.gif) no-repeat;
}
.plan#pweb-create #page-182 .plan3 table .plan {
	width: 65px;
}
.plan#pweb-create #page-182 .plan3 table .spec {
	width: 90px;
}

/* create-pack-option */
.option#pweb-create #page-184 {
}
.option#pweb-create #page-184 .option1 {
	padding: 1em 15px 2em;
	width: 610px;
}
.option#pweb-create #page-184 .option1 h4.hedding {
	margin: 0 0 3em;
	text-indent: -1000em;
}
.option#pweb-create #page-184 .option1 h4 {
	font-size: 150%;
	color: #0099FF;
	font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin-top: 0;
}
.option#pweb-create #page-184 table {
	width: 610px;
	background-color: #ddd;
	margin-bottom: 3em;
}
.option#pweb-create #page-184 table thead th {
	text-align: center;
	vertical-align: middle;
	background-color: #F8EFEF;
	padding: 2px 5px;
	border: 1px solid #fff;
}
.option#pweb-create #page-184 table tbody th {
	border: 1px solid #fff;
}
.option#pweb-create #page-184 table td {
	text-align: left;
	background-color: #fff;
	vertical-align: middle;
	text-align: left;
	padding: 2px 5px;
	border: 1px solid #fff;
}
.option#pweb-create #page-184 .name {
	width: 180px;
}
.option#pweb-create #page-184 .price {
	width: 90px;
}
.option#pweb-create #page-184 .shousai {
}
.option#pweb-create #page-184 td.price {
	text-align: right;
}

.option#pweb-create #page-184 table td em {
	color: #f60;
}
.option#pweb-create #page-184 .option1 .conductor a {
	background: url(../img/web-create/btn_createpackPLAN.gif) no-repeat;
}


/* common */

#cMain .serviceList p.textContain {
	width: 640px;
	height: 70px;
	background: url(../img/web-create/text_web-create3.gif) no-repeat center top;
	text-indent: -1000em;
	margin-bottom: 40px;
}
#cMain .serviceList  p.textContain br {
	display: none;
}
#cMain table.serviceList {
	width: 630px;
	padding: 0 -10px;
	margin: 0 5px;
}
#cMain .serviceList h3 {
	margin: 0;
	width: 640px;
	height: 34px;
	background: url(../img/web-create/hed_servicelist.gif) no-repeat;
	text-indent: -1000em;
}
#cMain table.serviceList td {
	width: 284px;
	text-align: left;
	vertical-align: top;
	background: url(/common/img/hed_slist.jpg) repeat-x left top;
	padding: 5px 8px;
}
#cMain table.serviceList td strong {
	display: block;
	background: url(/common/img/arrow_textlink.gif) no-repeat left top;
	line-height: 1.6;
	padding-left: 15px;
}
#cMain table.serviceList td p {
	margin: 0;
	padding-top: 5px;
	line-height: 1.2;
	font-size: 87.5%;
	color: #999900;
}
#cMain table.serviceList td ul {
	margin: .5em 0;
	padding: 0 0 0 1.2em;
}
#cMain table.serviceList td ul li {
	margin: 0 0 .5em;
	padding: 0;
	font-size: 95%;
	line-height: 1.2;
}

#cMain p.toForm {
	width: 100%;
	text-align: cener;
	margin-bottom: 3em;
}
#cMain p.toForm a {
	display: block;
	width: 396px;
	height: 63px;
	background: url(/common/img/btn_gosoudan.gif) no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	margin: 0 auto;
	text-align: left;
}