@charset "utf-8";

/*-------------------------------
reset
--------------------------------*/
/* Universal selector */
* {
margin:0;
padding:0;
position:static;
}

/* Text(Heading) */
h1, h2, h3, h4, h5, h6 {position:static;}

/* Text(Block) */
address, blockquote, div, p, pre {
font-style:normal;
font-weight:normal;
position:static;
}

/* Text(Inline) */
abbr, acronym, br, cite, code, dfn, em, kbd, q, samp, span, var {
position:static;
border:none;
font-style:normal;
font-weight:normal;
}
strong {
position:static;
border:none;
font-style:normal;
font-weight:bold;
}

/* Hypertext */
a {text-decoration: none;}

/* List */
ul, dl, dt, dd {
list-style-type:none;
font-style:normal;
font-weight:normal;
position:static;
}
ol {list-style-type:none;}

/* Image */
img {
border:0;
vertical-align:top;
}

/* Scripting */
noscript, script {
font-style:normal;
font-weight:normal;
position:static;
}

/* Etc. */
hr, table, form, fieldset, del {
font-style:normal;
font-weight:normal;
position:static;
}

/*-------------------------------
layout
--------------------------------*/

body {
		background: #ffffff;
		font:normal 12px/1.3 "MS UI Gothic", "Osaka", sans-serif;
		color: #000000;
		text-align: center;
}

#wrapper {
		width: 600px;
		margin: 0 auto;
		text-align: left;
		padding: 0;
}

.pkz { padding: 10px 0; }
.sub-link {
    text-align: right;
}
.sub-link li {
    display: inline;
    margin-right: 10px;
    padding-left: 10px;
    background: url(/ap-inc/img/icon_allow.gif) no-repeat left center;
}

#main {
		width: 578px;
		margin-top: 20px;
		padding: 10px;
		background: #fcfcfc;
		border: 1px solid #eeeeee;
}

#footer {
		padding: 10px;
		text-align: center;
}

/*
error
------------------------*/
.errmsg,
.fielderr {
		padding: 5px 0;
		color: #ff0000;
}
.errmsg {
		width: 550px;
		margin: 10px auto;
}

/*
main
------------------------*/

.txt-attention { color: #ff0000; }

.header .logo {
		float: left;
		width: 94px;
}
.guide {
		width: 528px;
		margin: 10px auto;
		padding: 10px;
		background: #efefef;
		border: 1px solid #666666;
		font-size: 14px;
		line-height: 1.4;
}

.guide-right {
		float: right;
		width: 452px;
		margin-top: 5px;
		padding: 8px;
		background: #ffffff;
		border: 1px solid #666666;
		font-weight: bold;
		font-size: 10px;
}
.guide-right table {
		width: 100%;
		color: #cccccc;
}
.guide-right td {
		text-align: center;
		font-size: 10px;
}
.guide-right .active { color: #000000; font-weight: bold; }
.guide-right .arrow { color: #000000; }

.title {
		width: 550px;
		margin: 10px auto;
		font-size: 14px;
}


/* 製品関係 */
.product-info,
.present {
		width: 520px;
		margin: 10px auto;
		padding: 10px 14px;
		background: #ffffff;
		border: 1px solid #666666;
}

.product-info h1,
.present h2 { font-size: 16px; }

.select-plan {
		margin-top: 10px;
		padding-top: 10px;
		background: url(/ap-inc/img/dot_hr.gif) no-repeat center top;
}
.select-plan-ug-discount {
		background: url(/ap-inc/img/dot_hr.gif) no-repeat center bottom;
}

.select-plan table,
.plan table {
		border-collapse: collapse;
		font-size: 14px;
		width: 100%;
}
.present table {
		border-collapse: collapse;
		font-size: 14px;
}
.select-plan th { text-align: left; }
.select-plan td {
		padding: 5px 3px;
		vertical-align: bottom;
}

.select-plan .name { width: 340px; }
.select-plan .base-price {
		text-align: right;
		font-size: 16px;
}
.select-plan .customer .base-price { width: 240px; }
.select-plan .base-price span,
.select-plan .input-price { font-size: 12px; }
.select-plan .user-price { font-size: 18px; }
.select-plan .plan .user-price {
		font-size: 18px;
		text-align: right;
}

.product-confirm {
		width: 550px;
		margin: 10px auto;
		background: #ffe8ba;
		font-size: 14px;
}
.product-confirm td { padding: 5px; }
.product-confirm .input-title { width: 7.5em; }

.now-plan {
		font-size: 14px;
		line-height: 18px	
}
.now-plan .u-plan {
		color: #060980
}
.now-plan table {
		width: 100%;
		border-collapse: collapse;
}
.now-plan .td-comment {
		padding: 5px 0px 5px 0px;
}
.now-plan .td-left {
		width: 17%;
}
.now-plan .td-center {
		width: 3%;	
}
.now-plan .td-right {
		width: 80%;	
}
/* 無料プレゼント関係 */
.present h2 a {
		margin-left: 8px;
		font-size: 12px;
		font-weight: normal;
}

.product-info p.name {
		font-weight: bold;
		font-size: 14px;
}

.present p {
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: url(/ap-inc/img/dot_hr.gif) no-repeat center bottom;
}
.present td { padding: 5px 3px; }
.present input { margin-right: 3px; }

.present-select {
		margin: 10px 0;
		font-size: 14px;
}

/* フォームテーブル */
.input {
		width: 550px;
		margin: 10px auto;
		border-collapse: collapse;
}

.input td {
		padding: 3px;
		background: #ffffff;
		border: 2px solid #dddddd;
		font-size: 14px;
}
.input-force { color: #d5000c; }

.input-regist,
.dl-list {
		width: 550px;
		margin: 10px auto;
		border-collapse: collapse;
}

.input-regist td,
.dl-list td {
		padding: 4px;
		background: #ffffcc;
		border: 2px solid #cfdfff;
		font-size: 14px;
}
.input-regist .input-title,
.dl-list .dl-list-title {
		width: 140px;
		background: #f0f8ff;
		font-weight: bold;
}
.confirm-regist .input-title { font-weight: normal; }
.input-regist .input-any,
.confirm-regist td { background: #ffffff; }
.input-regist .form-title,
.dl-list .dl-list-header {
		background: #cfdfff;
		font-weight: bold;
}

.input-regist .form-title span {
		margin-left: 5px;
		font-size: 12px;
		font-weight: normal;
}
.mode { color: #996600; }
.example {
		margin-top: 5px;
		color: #666666;
}

.question input { margin-right: 3px; }
.question p { margin-top: 10px; }

.form-support {
		width: 550px;
		margin: 0 auto 10px;
		font-size: 14px;
}

.form-attention {
		margin: 0 20px 10px 30px;
		list-style: disc;
		font-size: 14px;
		line-height: 1.4;
}

/* 完了関係 */
.mail-complete {
		width: 520px;
		margin: 10px auto;
		padding: 20px 14px;
		background: #ffffff;
		border: 1px solid #666666;
		text-align: left;
		font-size: 14px;
		line-height: 1.6;
}

.comp .dl-list-title { width: 150px; }
.comp p {
    width: 540px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4;
}

.wait-message {
		width: 530px;
		margin: 10px auto;
		padding: 10px;
		background: #eeeeee;
		font-size: 14px;
		line-height: 1.4;
}

.download {
		width: 530px;
		margin: 0 auto 10px;
		padding: 10px;
		background: #ecf9ff;
		font-size: 14px;
		line-height: 1.4;
}

/* セキュアシール */
.secure {
		width: 530px;
		margin: 10px auto;
		padding: 10px;
		background: #eeeeee;
}

.verisign {
		float: left;
		width: 115px;
}

.secure p {
		margin-left: 130px;
		padding: 30px 0;
		font-size] 12px;
}
/* 規約 */
.rules-info {
		width: 530px;
		margin: 10px auto;
		padding: 10px;
		background: #ecf9ff;
		line-height: 1.4;
}
.support-info,
.mypage-info {
		width: 538px;
		height: 140px;
		margin: 10px auto;
		padding: 5px;
		overflow: auto;
		background: #ffffff;
		border: 1px solid #666666;
}

.privacy {
		width: 530px;
		margin: 10px auto;
		padding: 10px;
		background: #ecf9ff;
		line-height: 1.4;
}
.privacy h2 {
		margin-bottom: 10px;
		font-size: 14px;
}
.privacy p {
		padding-left: 48px;
		background: url(/ap-inc/img/privacy.gif) no-repeat left top;
}

/* カスタマーセンター */
.customer-center {
		width: 500px;
		margin: 10px auto;
		background: #eeeeee;
}
.customer-center h2 {
		padding: 4px;
		background: #666666;
		color: #ffffff;
		text-align: center;
		font-size: 12px;
}
.customer-center table {
		margin: 10px auto;
}
.customer-center td { padding: 4px; }


/* ボタン領域 */
.box-button {
		padding: 10px;
		text-align: center;
}
.box-button input { margin: 0 5px; }

.box-link {
		width: 530px;
		margin: 10px auto;
		padding: 10px;
		background: #eeeeee;
		font-size: 14px;
		text-align: center;
}

/* 管理、カスタマー */

.cc-header-title {
		clear:left;
		font-size: 24px;
		color: #0A5AA5;
}

.cc-header-line {
		border-top:solid 1px #0A5AA5;
}

.cc-input-title {
		background: #f0f8ff;
		font-weight: bold;
}

.page-bar {
		width: 550px;
		margin: 3px auto;
}
.count { float: left; }
.paginate {
		float: right;
}

.list {
		width: 550px;
		margin: 0 auto;
		border-collapse: collapse;
}
.list th {
		padding: 3px;
		background: #eeeeee;
		border: 2px solid #cccccc;
}
.list td {
		padding: 5px 3px;
		background: #ffffff;
		border: 2px solid #cccccc;
}
.list .product-code { width: 200px; }
.list .list-command {
		width: 60px;
		text-align: center;
}

.list .list-command a {
		padding: 1px 8px;
		background: #cccccc;
		border: 2px outset #cccccc;
		color: #000000;
}

/* お申込みに関する確認事項 */
.confirm_table {
	margin-left : auto;
	margin-right : auto;
	margin-top: 15px;
	margin-bottom: 30px;
}

.comfirm {
	background: #fdbf2d;
	padding: 2px;
	line-height: 1.6;
}
.comfirm_title {
	font-weight: bold;
	padding-bottom: 2px;
}


.comfirm_body {
	line-height: 1.6;	
}

.comfirm_block_sub {
	width: 480px;
	margin: 0 auto;
	margin-top: 25px;
}
.comfirm_block_sub span {
	color: #dd0000;
}

.confirm_check {
	width: 480px;
	text-align: center;
	margin: 0 auto;
	background-color: #b2d8ff;
}
.confirm_check p {
	padding: 7px 0;
}


/* エラー */
.error-msg {
		width: 550px;
		margin: 0 auto 10px;
		font-size: 14px;
}
.error-msg h2 {
		color: #d5000c;
		font-size: 14px
}
.error-msg .customer-center {
		width: 548px;
		background: #fff;
		border: 1px solid #333;
}
.error-msg .customer-center h2 { color: #fff; }


/* clearfix */
.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		font-size: 0;
		visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

/* モック作成作業で追加 */

#select_mailAddress,
#select_confirmMailAddress {
	height: 19px;
}