@charset "utf-8";
/* 下層ページ レイアウト設定 */

p.txt {
    font-size: 12px;
	line-height: 190%;
	margin: 10px 12px 7px 7px;
}
p.txt-right {
    font-size: 12px;
	line-height: 190%;
	text-align: right;
}
p.txt02 {
    font-size: 12px;
	line-height: 190%;
	margin: 0 12px 7px 58px;
}
p.txt-flo-l {
    font-size: 12px;
	line-height: 190%;
	margin: 12px 0 -15px 102px;
	width: 520px;
}
div.img-margin {
    margin: 10px 0 5px 5px;
	width: 620px;
}
div.img-flo-l {
    float: left;
}
hr {
    border: 1px dotted #666666;
	width: 620px;
	margin: 10px 0 5px 5px;
}

/* 機能紹介 */
div.d-tokutyou01 {
	width: 280px;
	height: 90px;
	margin: 0;
	padding: 0;
	float: left;
}
p.p-tokutyou01 {
    font-size: 13px;
	line-height: 160%;
	position: relative;
	top: 15px;
	left: 118px;
	width: 155px;
}

div.d-tokutyou02 {
	width: 340px;
	height: 90px;
	margin: 0;
	padding: 0;
	float: left;
}
p.p-tokutyou02 {
    font-size: 13px;
	line-height: 160%;
	position: relative;
	top: 3px;
	left: 105px;
	width: 208px;
}

div.d-tokutyou03 {
	width: 280px;
	height: 90px;
	margin: 0;
	padding: 0;
	float: left;
}
p.p-tokutyou03 {
    font-size: 13px;
	line-height: 160%;
	position: relative;
	top: 5px;
	left: 118px;
	width: 155px;
}

div.d-tokutyou04 {
	width: 340px;
	height: 90px;
	margin: 0;
	padding: 0;
	float: left;
}
p.p-tokutyou04 {
    font-size: 13px;
	line-height: 160%;
	position: relative;
	top: 4px;
	left: 105px;
	width: 208px;
}
div.kinou-waku {
	width: 620px;
	margin: 10px 0;
}
div.kinou-aicon {
	float: left;
	width: 78px;
	height: 64px;
	display: block;
	margin: 5px 0 0 5px;
}
p.txt-kinou {
    font-size: 12px;
	line-height: 190%;
	margin: 10px 0 0 88px;
	padding: 10px 0 0 0;
	width: 530px;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* 料金表 */

div.price-waku-l {
    width: 302px;
	float: left;
	margin: 10px 0 0 5px;
	padding: 0;
}
div.price-waku-r {
    width: 302px;
	float: left;
	margin: 10px 0 0 17px;
	padding: 0;
}
div.price-waku-r {/*IE6以下*/
    _width: 302px;
	_float: left;
	_margin: 10px 0 0 5px;
	_padding: 0;
}
div.price-waku {
    width: 620px;
	margin: 10px 0 0 5px;
	padding: 0;
}

table.ta-price {
    width: 300px;
	border: 1px solid #BCBCBC;
	border-collapse: collapse;
}
td.td-price-t {
    border: 1px solid #BCBCBC;
	border-collapse: collapse;
}
td.td-price {
    border: 1px solid #BCBCBC;
	border-collapse: collapse;
	background-color: #ECECEC;
	width: 150px;
}
td.td-price02 {
    border: 1px solid #BCBCBC;
	border-collapse: collapse;
	width: 150px;
}

p.p-price-title {
    font-size: 14px;
	font-weight: bold;
	margin: 5px 0 2px 3px;
	padding: 0;
}
p.p-price {
    font-size: 12px;
	margin: 5px 0 2px 3px;
	padding: 0;
}

/* 集客 */

div.img-market {
    margin: 10px 10px 0 10px;
	float: left;
	display: block;
}
div.img-market {/*IE6以下*/
    _margin: 10px 5px 0 10px;
	_float: left;
	_display: block;
}
div.img-market02 {
    margin: 0 10px 0 10px;
	float: left;
	display: block;
}

li.li-market {
    list-style-type: none;
	background: url(../img-layout/li_aicon01.png) no-repeat 0 3px;
	margin: 5px 0 0 0;
	padding: 0 0 0 17px;
	font-size: 12px;
	line-height: 160%;
	float: left;
	width: 143px;
	display: inline;
}
p.p-market {
    font-size: 12px;
	line-height: 190%;
	margin: 0 12px 7px 7px;
}

div.ue {
    margin: 0;
	padding: 0;
	position: relative;
	top: -17px;
	left: 569px;
	width: 48px;
}
div.ue02 {
    margin: 0;
	padding: 0;
	position: relative;
	top: -17px;
	left: 564px;
	width: 48px;
}

/* 実例紹介 */

div.img-case {
    margin: 10px 10px 0 10px;
	float: left;
}
div.p-waku {
    margin: 10px 10px 0 10px;
	float: left;
}
div.p-line {
    margin: 10px 10px 0 0;
	float: left;
}
div.qr-url {
    text-align: center;
	margin: 33px 10px 0 10px;
	float: left;
	width: 150px;
}
div.case-ue {
    margin: -8px 0 -12px 576px;
	padding: 0;
	width: 48px;
}

p.p-case {
    font-size: 14px;
	font-weight: bold;
	color: #000033;
	background: url(../img-layout/case/li_title.png) no-repeat;
	margin: 15px 0 0 0;
	padding: 4px 0 6px 20px;
}
p.p-case02 {
    font-size: 12px;
	line-height: 190%;
	margin: 5px 12px 7px 2px;
	width: 265px;
	text-align: justify;
	text-justify: distribute;
}
p.p-caseurl {
    font-size: 12px;
	margin: 0;
}


/* プラン */
div.img-plan {
    margin: 10px 10px 0 10px;
	float: left;
}

div.plan01 {
    background: url(../img-layout/plan/plan_01.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 5px;
	padding: 0;
	float: left;
}
div.plan02 {
    background: url(../img-layout/plan/plan_07.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 18px;
	padding: 0;
	float: left;
}
div.plan03 {
    background: url(../img-layout/plan/plan_13.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
div.plan04 {
    background: url(../img-layout/plan/plan_02.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 5px;
	padding: 0;
	float: left;
}
div.plan05 {
    background: url(../img-layout/plan/plan_08.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 18px;
	padding: 0;
	float: left;
}
div.plan06 {
    background: url(../img-layout/plan/plan_14.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
div.plan07 {
    background: url(../img-layout/plan/plan_03.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 5px;
	padding: 0;
	float: left;
}
div.plan08 {
    background: url(../img-layout/plan/plan_09.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 18px;
	padding: 0;
	float: left;
}
div.plan09 {
    background: url(../img-layout/plan/plan_15.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
div.plan09-2 {
    background: url(../img-layout/plan/plan_15.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 5px;
	padding: 0;
	float: left;
}
div.plan10 {
    background: url(../img-layout/plan/plan_04.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 5px;
	padding: 0;
	float: left;
}
div.plan11 {
    background: url(../img-layout/plan/plan_10.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 18px;
	padding: 0;
	float: left;
}
div.plan12 {
    background: url(../img-layout/plan/plan_16.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
div.plan13 {
    background: url(../img-layout/plan/plan_05.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 5px;
	padding: 0;
	float: left;
}
div.plan14 {
    background: url(../img-layout/plan/plan_11.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 18px;
	padding: 0;
	float: left;
}
div.plan15 {
    background: url(../img-layout/plan/plan_17.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
div.plan16 {
    background: url(../img-layout/plan/plan_06.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 3px 5px;
	padding: 0;
	float: left;
}
div.plan17 {
    background: url(../img-layout/plan/plan_12.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 3px 18px;
	padding: 0;
	float: left;
}
div.plan18 {
    background: url(../img-layout/plan/plan_18.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 18px;
	padding: 0;
	float: left;
}
div.plan19 {
    background: url(../img-layout/plan/plan_19.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
div.plan20 {
    background: url(../img-layout/plan/plan_20.png) no-repeat;
	width: 194px;
	height: 66px;
	margin: 10px 0 3px 5px;
	padding: 0;
	float: left;
}

div.bt-plan-price {
    margin: 0 0 0 463px;
	width: 165px;
}

p.txt-plan {
    font-size: 12px;
	line-height: 190%;
	margin: 30px 12px 7px 7px;
}

p.p-plan01 {
    font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 8px;
	left: 90px;
}

p.p-plan02 {
    font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 15px;
	left: 90px;
}

a:link.plan-link {
	color: #333333;
	text-decoration: none;
}
a:visited.plan-link {
	color: #333333;
	text-decoration: none;
}
a:hover.plan-link,
a:active.plan-link, 
a:focus.plan-link {
	color: #666666;
	text-decoration: underline;
}

/* モバイルプロ開発秘話 */

div.img-hiwa {
    margin: 10px 10px 0 10px;
	float: left;
}

p.hiwa-title {
    font-size: 14px;
	font-weight: bold;
	color: #000033;
	border-bottom: 2px solid #000033;
	margin: 15px 0 0 210px;
	padding: 0;
	width: 400px;
}
p.hiwa-title02 {
    font-size: 14px;
	font-weight: bold;
	color: #000033;
	border-bottom: 2px solid #000033;
	margin: 10px 0 0 5px;
	padding: 0;
	width: 620px;
}
p.hiwa-txt {
    font-size: 12px;
	line-height: 190%;
	margin: 10px 30px 0 210px;
	padding: 0;
}
p.hiwa-txt02 {
    font-size: 12px;
	line-height: 190%;
	margin: 10px 10px 0 5px;
	padding: 0;
}

/* 決済代行一覧表 */

div.waku-settlement {
    float: left;
	margin: 0;
	padding: 0;
}
p.p-settlement {
    text-align: center;
	font-size: 13px;
}

.waku-kinou {
	margin: 0;
	width: 620px;
}
.img-kinou01 {
	float: left;
	margin: 0 0 0 5px;
}
.txt-kinou01 {
	font-size: 12px;
	float: right;
	margin: 0;
	width: 40%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

div.box-l {
	width: 300px;
	margin: 7px 0 0 5px;
	padding: 0;
	float: left;
}
div.box-r {
	width: 300px;
	margin: 7px 15px 0 0;
	padding: 0;
	float: right;
}

div.settlement-title {
	background: url(../img-layout/kari/tab_settlement01.png) no-repeat;
	text-align: center;
	font-size: 14px;
	margin: 0;
	padding: 9px 0 4px 0;
	color: #FFFFFF;
	width: 300px;
}

.title-midashi01 {
	background: url(../img-layout/kari/title_midashi01.png) no-repeat;
	width: 620px;
	height: 30px;
	margin: 0 0 10px 5px;
}

.title-midashi01 {
	/background: url(../img-layout/kari/title_midashi01.png) no-repeat;
	/width: 620px;
	/height: 30px;
	/margin: 13px 0 10px 5px;
}

.title-midashi-txt01 {
	font-size: 12px;
	color: #333333;
	position: relative;
	top: 10px;
	left: 343px;
	width: 295px;
}

.title-midashi02 {
	background: url(../img-layout/kari/title_midashi02.png) no-repeat;
	width: 620px;
	height: 30px;
	margin: 0 0 10px 5px;
}

.title-midashi02 {
	/background: url(../img-layout/kari/title_midashi02.png) no-repeat;
	/width: 620px;
	/height: 30px;
	/margin: 20px 0 10px 5px;
}

.title-midashi-txt02 {
	font-size: 12px;
	color: #333333;
	position: relative;
	top: 10px;
	left: 337px;
	width: 295px;
}

table.ta-settlement {
	width: 620px;
	border-collapse: collapse;
	border: 1px solid #a9a9a9;
	margin: 5px 0 5px 5px
}

td.td-settlement-title {
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 8px 0 6px 0;
	border-collapse: collapse;
	border: 1px solid #a9a9a9;
	background: url(../img-layout/settlement/td_bg.png) repeat-x;
	width: 77px;
	font-weight: bold;
	color: #FFFFFF;
}

td.td-settlement {
	font-size: 12px;
	text-align: center;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #a9a9a9;
}

td.td-settlement-logo {
	width: 150px;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #a9a9a9;
}

img.settlement-logo {
	vertical-align: bottom;
}

/* アフィリエイト一覧表 */

div.waku-afiliate {
    width: 300px;
	margin: 5px 0 5px 0;
	padding: 0;
	float: left;
}

div.img-afiliate {
    float: left;
	margin: 0 12px 0 0;
}

p.p-afiliate {
    font-size: 12px;
	margin: 12px 0 0 0;
}

/* 操作マニュアル */

div.img-manual {
    margin: 5px 0 0 5px;
}

div.img-manual02 {
    margin: 5px 0 0 5px;
	float: left;
}
div.img-manual03 {
    margin: 5px 0 0 70px;
	float: left;
}

div.step {
    margin: 5px 0 0 320px;
}
p.txt-manual {
    font-size: 12px;
	line-height: 190%;
	margin: 0 0 0 320px;
	padding: 0;
}
p.list-manual {
    background: url(../img-layout/li_aicon01.png) no-repeat 0 2px;
	font-size: 12px;
	margin: 8px 0 0 320px;
	padding: 0 0 0 16px;
}

/* FAQ */

div.faq-waku {
    width: 600px;
	background-color: #FFEFEF;
	margin: 10px 0 0 5px;
	padding: 1px 10px 1px 10px;
}
p.txt-faq {
    font-size: 12px;
	line-height: 190%;
}
div.faq-ue {
    margin: 0 0 -13px 576px;
	padding: 0;
	width: 48px;
}

*:first-child+html .faq-ue {
    margin: 0 0 -8px 576px;
	padding: 0;
	width: 48px;
}

/* 会社概要 */

table.ta-company {
    width: 620px;
	margin: 10px 0 10px 5px;
	padding: 0;
	border: 1px solid #BCBCBC;
	border-collapse: collapse;
}

td.td-company01 {
    width: 200px;
	margin: 0;
	padding: 0;
	border: 1px solid #BCBCBC;
	background-color: #ECECEC;
	border-collapse: collapse;
}
td.td-company02 {
    width: 420px;
	margin: 0;
	padding: 0;
	border: 1px solid #BCBCBC;
	border-collapse: collapse;
}

p.txt-company {
    font-size: 12px;
	margin: 8px 0 5px 10px;
	padding: 0;
}

/* 個人情報保護方針 */

li.li-privacy {
    list-style-type: decimal;
	font-size: 12px;
	line-height: 190%;
	margin: 0 0 0 24px;
	padding: 0;
}

/* イプシロン */

table.ta-epsilon {
    width: 620px;
	margin: 10px 0 10px 5px;
	padding: 0;
	border: 1px solid #AEBAC2;
	border-collapse: collapse;
}

td.td-epsilon01 {
	margin: 0;
	padding: 0;
	border: 1px solid #AEBAC2;
	background: url(../img-layout/epsilon/i-img07.png) repeat-x;
	border-collapse: collapse;
	width: 240px;
}
td.td-epsilon02 {
	margin: 0;
	padding: 0;
	border: 1px solid #AEBAC2;
	background-color: #DFE4EE;
	border-collapse: collapse;
}
td.td-epsilon03 {
	margin: 0;
	padding: 0;
	border: 1px solid #AEBAC2;
	border-collapse: collapse;
}

p.txt-epsilon {
    font-size: 14px;
	margin: 8px 0 5px 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
p.txt-epsilon02 {
    font-size: 12px;
	margin: 8px 0 5px 10px;
	padding: 0;
}
p.txt-epsilon03 {
    font-size: 12px;
	margin: 8px 0 5px 0;
	padding: 0;
	text-align: center;
}

/* サイトマップ */

li.sitemap {
    background: url(../img-layout/li_aicon01.png) no-repeat 0 5px;
	list-style-type: none;
	font-size: 12px;
	line-height: 190%;
	margin: 10px 0 0 6px;
	padding: 0 0 0 20px;
}