@charset "utf-8";

	/* -----------------------------------------------
	  基本設定
	----------------------------------------------- */
	/* 基本フォント */
	body {
	    color: #646464;
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	    font-size: 12px;
	    line-height: 1.5;
	    background-color: #FFF;
	}
	h1,h2,h3,h4,h5,h6,th {
	    font-weight: normal;
	}
	input, select, label {
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	    font-size: 110%;
	}
	body * {
	    box-sizing: border-box;
	}

	/* 基本テキストリンク */
	a:link, a:visited {
	    color: #555;
	    text-decoration: none;
	}
	a.link:link, a.link:visited {
	    color: #006478;
	    text-decoration: underline;
	}
	a:hover, a:active, a.link:hover, a.link:active {
	    color: #00A8B8;
	    text-decoration: none;
	}

	/* 画像 */
	img { vertical-align: bottom; }

	/* フォーム */
	button {
	    font-size: 0;
	    line-height: 0;
	    padding: 0;
	    margin: 0;
	    overflow: visible;
	    border: none;
	    outline: none;
	    background: none;
	    cursor: pointer;
	    vertical-align: bottom;
	}
	button span {
	    cursor: pointer;
	}
	button:disabled {
	    cursor: default;
	}
	button[disabled='disabled'] {
	    cursor: default\9;
	}
	button:disabled span {
	    cursor: default;
	}
	button[disabled='disabled'] span {
	    cursor: default\9;
	}
	select {
	    margin: 0;
	    padding: 3px;
	    border: solid 1px #ffd666;
	}
	input[type='text'], input[type='email'], input[type='password'] {
	    margin: 0;
	    padding: 4px;
	    border: solid 1px #ffd666;
	}
	input.ime-off{
	    ime-mode: disabled;
	}

	/* -----------------------------------------------
	  clearfix
	----------------------------------------------- */
	.clearfix:after, header:after, hgroup:after, .apply-nav:after, .ap-nav:after, .mypage:after, .tab:after, .month-tab:after,
	.important-info:after, .agreement dl:after, .s-tel:after, .s-form:after, .forgot-cs:after, .monthly:after,
	footer:after, .fl-nav:after, .signup-nav:after, .apn-info:after, .apn-img:after {
	    content: "";
	    display: block;
	    height: 0;
	    clear: both;
	}
	.clearfix, header, hgroup, .apply-nav, .ap-nav, .mypage, .important-info, .agreement dl, .s-tel, .s-form,
	.tab, .month-tab, .monthly, .forgot-cs, footer, .fl-nav, .signup-nav, .apn-info, .apn-img {
	    *overflow: hidden;
	}

	/* -----------------------------------------------
	  コンテンツ
	----------------------------------------------- */

	.intro {
	    width: 950px;
	    margin: 0 auto 15px;
	    *margin: 30px auto 15px;
	}
	.mypage {
	    *padding: 15px 0 30px;
	}
	.apply, .mypage{
	    width: 950px;
	    margin: 0 auto 30px;
	}
	.new-pass, .id {
	    margin-bottom: 30px;
	}
	    .apply h3, h3.step, .new-pass h4, .id h4 {
		height: 0;
		padding-top: 43px;
		overflow: hidden;
		border-top: solid 1px #ffd666;
		border-left: solid 1px #ffd666;
		border-right: solid 1px #ffd666;
	    }
	    h3.step {
		margin-top: 15px;
	    }
	    .apply h3.tit-step1 {
		background: url(../img/title/tit-step1.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.tit-step2 {
		background: url(../img/title/tit-step2.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.tit-step3 {
		background: url(../img/title/tit-step3.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.tit-step4 {
		background: url(../img/title/tit-step4.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.step1 {
		background: url(../img/title/apply-step1.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.step2 {
		background: url(../img/title/apply-step2.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.step3 {
		background: url(../img/title/apply-step3.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.step4 {
		background: url(../img/title/apply-step4.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.step5 {
		background: url(../img/title/apply-step5.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.error, h3.step.error {
		background: url(../img/title/error.png) no-repeat 15px 11px #fff8e5;
	    }
	    .apply h3.error2 {
		background: url(../img/title/error2.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.step1 {
		background: url(../img/title/fl-step1.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.step2 {
		background: url(../img/title/fl-step2.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.step3 {
		background: url(../img/title/fl-step3.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.step4 {
		background: url(../img/title/fl-step4.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.step5 {
		background: url(../img/title/fl-step5.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.login-step1 {
		background: url(../img/title/login-step1.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.login-step2 {
		background: url(../img/title/login-step2.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.login-step3 {
		background: url(../img/title/login-step3.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.login-step4 {
		background: url(../img/title/login-step4.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.login-step5 {
		background: url(../img/title/login-step5.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.signup-step2 {
		background: url(../img/title/signup-step2.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.signup-step3 {
		background: url(../img/title/signup-step3.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.signup-step4 {
		background: url(../img/title/signup-step4.png) no-repeat 15px 11px #fff8e5;
	    }
	    h3.step.signup-step5 {
		background: url(../img/title/signup-step5.png) no-repeat 15px 11px #fff8e5;
	    }
	    .new-pass h4 {
		background: url(../img/title/new-pass.png) no-repeat 15px 13px #fff8e5;
	    }
	    .id h4 {
		background: url(../img/title/notice.png) no-repeat 15px 13px #fff8e5;
	    }
	    .apply .frame, .fl-form .frame, .new-pass .frame, .id .frame, .signup-form .frame {
		margin-bottom: 20px;
		padding: 15px;
		border: solid 1px #ffd666;
	    }
	    .apply h4, .mypage h4.tit {
		font-size: 120%;
		margin-bottom: 10px;
		padding: 2px 0 2px 10px;
		border-left: solid 6px #ffba00;
	    }
	.mypage h4.change {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    width: 12em;
	}
	.mypage h4.month {
	    margin: 0;
	    display: block;
	    width: 500px;
	    float: left;
	}
	.monthly {
	    display: none;
	    margin-bottom: 10px;
	}
	table {
	    width: 100%;
	    margin-bottom: 25px;
	    border: solid 1px #DBDBDB;
	}
	.charge, .traffic-monthly {
	    border: solid 1px #ffcb40;
	}
	table.no-btm {
	    margin-bottom: 0;
	}
	table tr {
	    border-top: solid 1px #DBDBDB;
	}
	table tr th, table tr td {
	    *border-top: solid 1px #DBDBDB;
	}
	.charge tr, .traffic-monthly tr {
	    border-top: solid 1px #ffcb40;
	}

	.p_monthly tr th{
	    border-top: solid 1px #ffcb40;
	    border-left: solid 1px #ffcb40;
	    border-right: solid 1px #ffcb40;
	}
	.p_monthly tr td{
	    border-top: solid 1px #ffcb40;
	    border-left: solid 1px #ffcb40;
	    border-right-style: hidden;
	}

	.p_monthly1 tr th{
	    border-top: solid 1px #DBDBDB;
	    border-left: solid 1px #DBDBDB;
	    border-right: solid 1px #DBDBDB;
	}
	.p_monthly1 tr td{
	    border-top: solid 1px #DBDBDB;
	    border-left: solid 1px #DBDBDB;
	    border-right-style: hidden;
	}

	.bl{
		color:#000000
	}


	.p_monthly_2{
	    border-bottom-style: hidden;
	}

	.p_data{
	    border-buttom: solid 1px #FFCB40;
	    text-align: right;
	    padding-right: 16px;
	}

	.p_day{
	    border-buttom: solid 1px #FFCB40;
	    text-align: center;
	}

	.p_day_hidden{
	    border-bottom-style: hidden;
	    text-align: center;
	}

	.charge tr th, .charge tr td , .traffic-monthly tr th, .traffic-monthly tr td {
	    *border-top: solid 1px #a8e0ea;
	}
	th, td {
	    text-align: left;
	    vertical-align: middle;
	    padding: 14px 0 14px 16px;
	}
	tr.id-setup-note td {
	    padding: 14px 0 0 16px;
	}
	tr.id-setup td {
	    padding: 0 0 14px 16px;
	}
	th {
	    color: #000;
	    border-right: solid 1px #DBDBDB;
	    /*background-color: #F2F2F2;*/
	    background-color: #fff8e5;
	}
	.traffic-monthly th {
	    text-align: right;
	    padding-right: 16px;
	    border-right: none;
	    background-color: #fff8e5;
	}
	.traffic-monthly th:first-child {
	    text-align: left;
	    font-size: 130%;
	}
	.traffic-monthly td.mb {
	    text-align: right;
	    font-size: 200%;
	    padding-right: 16px;
	}
	.traffic-days th {
	    text-align: right;
	    padding: 10px 16px;
	    border-right: none;
	    background-color: #fff8e5;
	}
	.traffic-days th:first-child {
	    text-align: left;
	}
	.traffic-days td.mb {
	    text-align: right;
	    font-size: 160%;
	    padding-right: 16px;
	}
	.charge th {
	    font-size: 120%;
	    text-align: center;
	    padding: 0;
	    border-right: solid 1px #ffcb40;
	    background-color: #fff8e5;
	}
	.charge td {
	    font-size: 150%;
	    font-weight: bold;
	    text-align: right;
	    padding: 14px 16px;
	}
	.detail {
	    color: #000;
	}
	.detail td {
	    padding: 14px 8px;
	    border-left: solid 1px #DBDBDB;
	}
	.detail tr:nth-child(odd) td {
	    background-color: #f4fbfc;
	}
	.detail td.center {
	    font-size: 100%;
	}
	.detail td.centermini {
	    font-size: 90%;
	    width: 60px;
	    text-align: center;
	}
	table tr:first-child, tr.id-setup, tr.sim, .details td:first-child, .detail td:first-child {
	    border: none;
	}
	.detail td:first-child {
	    *border-top: solid 1px #DBDBDB;
	}
	table tr:first-child th, table tr:first-child td, .charge tr:first-child th, .charge tr:first-child td,
	tr.id-setup th, tr.sim th, tr.id-setup td, tr.sim td {
	    *border-top: none;
	}
	.amount {
	    text-align: right;
	    width: 65px;
	}
	    .fl-form th, .customer-info th {
		width: 160px;
	    }
	    .apply th, .signup-form th {
		width: 180px;
	    }
	    .customer-info .detail th {
		color: #fff;
		font-size: 110%;
		text-align: center;
		padding: 10px 0;
		width: auto;
		background-color: #51c1d5;
	    }
	    .customer-info .detail th.amount {
		text-align: center;
	    }
		.customer-info th.c-info {
		    width: 215px;
		}
	th.top {
	    padding: 0;
	    line-height: 0;
	    height: 0:
	    overflow: hidden;
	    width: 176px;
	}
	tr.top td {
	    padding: 0;
	    line-height: 0;
	    height: 0:
	    overflow: hidden;
	}
	tr.top td.td1 {
	    width: 160px;
	}
	tr.top td.td2 {
	    width: 177px;
	}
	tr.top td.td3 {
	    width: 401px;
	}
	tr.top td.td4 {
	    width: 116px;
	}
	tr.top td.td5 {
	    width: 131px;
	}
	tr.top td.td6 {
	    width: 264px;
	}
	td.sim-back {
	    border-left: solid 1px #DBDBDB;
	}
	th.sim-input {
	    height: 56px;
	}
	td.id-setup-input {
	    width: 230px;
	}
	.security-input {
	    width: 100px;
	}
	    table p {
		margin-bottom: 10px;
	    }
	    table p.form-link-area {
		text-align: right;
		margin: 0 14px 0 0;
	    }
	    table p.plan-change {
		color: #CC0606;
		font-size: 90%;
		margin: 0;
	    }
	    table .mb {
		margin-bottom: 14px;
	    }
	.required {
	    background: url(../img/common/required.png) no-repeat right #fff8e5;
	}
	h3.plus {
	    margin-bottom: 8px;
	    padding-left: 22px;
	    background: url(../img/title/plus.png) no-repeat 2px 5px;
	}
	    h3.plus span {
		font-size: 150%;
		padding-right: 10px;
		background-color: #FFF;
	    }
	.input-error {
	    color: #CC0606;
	    font-size: 110%;
	    line-height: 22px;
	    margin-bottom: 15px;
	    padding: 5px 0 4px 32px;
	    border: solid 1px #F4E1E1;
	    background: url(../img/common/deficiency.png) no-repeat 8px 6px #FDF9F9;
	}
	.input-error.id-setup-error {
	    font-size: 90%;
	    margin: 0 14px 0 0;
	    padding: 5px 0 4px 28px;
	    border: none;
	    background: url(../img/common/deficiency.png) no-repeat 8px 6px;
	}
	.stock-status {
	    color: #FFF;
	    font-size: 120%;
	    line-height: 40px;
	    margin-bottom: 16px;
	    padding-left: 8px;
	    background-color: #ffba00;
	}
	.w-90 {
	    width: 82px;
	}
	.w-100 {
	    width: 90px;
	}
	.w-150 {
	    width: 140px;
	}
	.w-230 {
	    width: 220px;
	}
	.w-300 {
	    width: 290px;
	}
	.w-400 {
	    width: 390px;
	}
	select.w-200 {
	    width: 200px;
	}
	select.w-300 {
	    width: 300px;
	}
	select.mw-400 {
	    min-width: 400px;
	    max-width: 594px;
	}
	select.select-year {
	    width: 100px;
	    margin-right: 5px;
	}
	select.select-card-year {
	    width: 100px;
	    margin: 0 5px 0 15px;
	}
	select.select-month {
	    width: 80px;
	    margin: 0 5px 0 15px;
	}
	select.select-card-month {
	    width: 80px;
	    margin-right: 5px;
	}
	select.select-day {
	    width: 80px;
	    margin: 0 5px 0 15px;
	}
	input.mr {
	    margin-right: 30px;
	}
	.ml {
	    margin-left: 15px;
	}
	.mt {
	    margin-top: 15px;
	}
	.m-btm {
	    margin-bottom: 15px;
	}
	.p-btm {
	    padding-bottom: 5px;
	}
	.center {
	    text-align: center;
	}
	.right {
	    text-align: right;
	}
	.left {
	    text-align: left;
	}
	.form-note {
	    color: #00A0AC;
	    font-size: 100%;
	}
	.form-memo {
	    font-size: 90%;
	}
	.form-memo-mini {
	    font-size: 80%;
	}
	.radio-label {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    margin-right: 30px;
	}
	.radio-label input {
	    vertical-align: top;
	    margin: 2px 5px 0 0;
	}
	.td-plan, .signup-td-plan {
	    width: 310px;
	}
	.form-name {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    width: 2em;
	    margin-right: 5px;
	}
	.form-code {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    width: 1em;
	}
	.form-address {
	    display: inline-block;
	    width: 9em;
	    margin-right: 5px;
	}
	.form-number {
	    display: inline-block;
	    width: 10em;
	    margin-right: 5px;
	}
	.form-kana {
	    display: inline-block;
	    width: 1.5em;
	    margin-right: 5px;
	}
	textarea.kiyaku-txt {
	    width: 900px;
	    margin: 10px auto;
	    padding: 8px;
	    border: solid 1px #DBDBDB;
	}
	.agreement {
	    color: #000;
	    padding: 10px 0 10px 14px;
	    border: solid 1px #DBDBDB;
	    background-color: #f0ffff;
	}
	.agreement2 {
	    color: #000;
	    padding: 10px 0 10px 14px;
	    margin-bottom: 25px;
	    border: solid 1px #DBDBDB;
	    background-color: #F2F2F2;
	}
	.agreement2.no-btm {
	    margin-bottom: 0;
	    padding: 10px 8px 10px 14px;
	}
	    .agreement span {
		color: #FF0000;
		font-size: 130%;
		font-weight: bold;
		display: inline-block;
		margin-bottom: 10px;
	    }
	    .agreement2 span {
		font-size: 130%;
		font-weight: bold;
		display: inline-block;
		margin-bottom: 5px;
	    }
	    .agreement p, .agreement dl, .agreement2 p {
		margin: 0 5px 10px 0;
	    }
		.agreement dl dt {
		    width: 1em;
		    float: left;
		}
		.agreement dl dd {
		    overflow: hidden;
		}
	     .agreement p.top {
		margin: 5px 5px 10px 0;
	     }
	     .agreement p.no-btm {
		margin: 0 5px 3px 0;
	     }
	.undisplay {
	    font-size: 90%;
	    margin-left: 15px;
	}
	.confirm-next {
	    color: #000;
	    font-size: 110%;
	    text-align: center;
	    margin-bottom: 18px;
	}
	.not-cancel {
	    color: #CC0606;
	}
	.submit-message {
	    color: #000;
	    font-size: 120%;
	    padding: 18px 20px;
	    background-color: #fffbf2;
	    border: solid 3px #fff8e5;
	}
	.complete-message {
	    color: #00A8B8;
	    text-align: center;
	    font-weight: bold;
	    font-size: 160%;
	    padding: 18px 20px;
	    background-color: #fffbf2;
	    border: solid 3px #00A8B8;
	}
	.cancel-message {
	    color: #CC0606;
	    font-size: 130%;
	    font-weight: bold;
	    text-align: center;
	    padding: 18px 20px;
	    border: solid 3px #F4E1E1;
	    background-color: #FDF9F9;
	}
	.first-login {
	    width: 302px;
	    float: right;
	}
	    .first-login h4 {
		text-align: center;
		height: 43px;
		border-top: solid 1px #F4E1E1;
		border-left: solid 1px #F4E1E1;
		border-right: solid 1px #F4E1E1;
		background-color: #FDF9F9;
	    }
		.first-login h4 span {
		    display: inline-block;
		    width: 205px;
		    height: 0;
		    overflow: hidden;
		    margin-top: 12px;
		    padding-top: 18px;
		    background: url(../img/title/tit-start.png) no-repeat;
		}
	.fl-frame {
	    padding: 15px;
	    border: solid 1px #F4E1E1;
	}
	.login {
	    width: 618px;
	    float: left;
	}
	    .login h4 {
		text-align: center;
		height: 43px;
		border-top: solid 1px #ffd666;
		border-left: solid 1px #ffd666;
		border-right: solid 1px #ffd666;
		background-color: #fff8e5;
	    }
		.login h4 span {
		    display: inline-block;
		    width: 92px;
		    height: 0;
		    overflow: hidden;
		    margin-top: 11px;
		    padding-top: 20px;
		    background: url(../img/title/tit-login.png) no-repeat;
		}
	    .login dl {
		text-align: center;
		margin-bottom: 10px;
	    }
	    .login dl.check {
		margin-top: -5px;
	    }
		.login dl dt, .login dl dd {
		    display: inline-block;
		    *display: inline;
		    *zoom: 1;
		}
		.login dl dt {
		    font-size: 120%;
		    text-align: right;
		    margin-right: 10px;
		    width: 5.5em;
		}
		.login dl dd.check {
		    font-size: 90%;
		    width: 300px;
		}
	    .login .frame {
		padding: 15px;
		border: solid 1px #ffd666;
	    }
	.login-area {
	    width: 200px;
	    margin: 0 auto;
	}
	.forgot {
	    font-size: 80%;
	    text-align: center;
	    padding: 10px 0 2px;
	}
	.forgot li {
	    display: inline;
	    margin: 0 4px;
	}

	.signup-message {
	    color: #000;
	    font-size: 120%;
	    text-align: center;
	    padding: 10px 0 5px;
	    margin-bottom: 15px;
	    border: solid 1px #DBDBDB;
	    background-color: #FFFDDD;
	}
	.signup-message p {
	    margin-bottom: 5px;
	}
	.signup-message p.title {
	    font-size: 130%;
	    font-weight: bold;
	    display: inline-block;
	    margin-bottom: 10px;
	}

	/* マイページ 情報表示 */
	.contents {
	    width: 690px;
	    float: right ;
	}
	.important-info {
	    border: solid 1px #F4E1E1;
	    background-color: #FDF9F9;
	    margin-bottom: 25px;
	}
	    .important-info dt {
		font-size: 110%;
		text-align: center;
		margin: 15px 15px 0 12px;
		float: left;
	    }
		.important-info dt span {
		    color: #CC0606;
		    line-height: 16px;
		    display: inline-block;
		    *display: inline;
		    *display: zoom: 1;
		    padding: 1px 0 0 22px;
		    background: url(../img/common/deficiency.png) no-repeat left;
		}
	    .important-info dd {
		line-height: 16px;
		border-left: solid 1px #F4E1E1;
		background-color: #FFF;
		padding: 16px 5px 15px 15px;
		overflow: hidden;
	    }
		.important-info dd .dat {
		    font-size: 120%;
		    font-weight: bold;
		    line-height: 1.6;
		    display: inline-block;
		    margin-top: 15px;
		}
	.tab, .month-tab {
	    height: 35px;
	    border-bottom: solid 1px #ffd666;
	    z-index: 1;
	    *border: none;
	    *position: absolute;
	}
	    .tab li, .month-tab li {
		font-size: 130%;
		line-height: 38px;
		text-align: center;
		display: block;
		*display: inline;
		*zoom: 1;
		height: 35px;
		border-top: solid 1px #ffd666;
		border-left: solid 1px #ffd666;
		border-right: solid 1px #ffd666;
		float: left;
		z-index: 2;
	    }
	    .tab li, .tab li a {
		width: 150px;
	    }
	    .tab li {
		margin-right: 12px;
	    }
	    .month-tab li, .month-tab li a {
		width: 218px;
	    }
	    .month-tab li {
		margin-left: 15px;
	    }
	    .month-tab li:first-child {
		margin: 0;
	    }
	    .tab li.active, .month-tab li.active {
		background-color: #FFF;
	    }
		.tab li a, .month-tab li a {
		    color: #C5C5C5;
		    display: block;
		    height: 34px;
		    *height: 33px;
		    background-color: #fff8e5;
		    border-bottom: solid 1px #ffd666;
		}
		.tab li a:hover, .month-tab li a:hover {
		    color: #FFF;
		    background-color: #ffba00;
		}

	/* 複数デバイス表示用

		.tab, .device-tab {
	    height: 35px;
	    border-bottom: solid 1px #ffd666;
	    z-index: 1;
	    *border: none;
	    *position: absolute;
	}
	    .tab li, .device-tab li {
		font-size: 130%;
		line-height: 38px;
		text-align: center;
		display: block;
		*display: inline;
		*zoom: 1;
		height: 35px;
		border-top: solid 1px #ffd666;
		border-left: solid 1px #ffd666;
		border-right: solid 1px #ffd666;
		float: left;
		z-index: 2;
	    }
	    .tab li, .tab li a {
		width: 150px;
	    }
	    .tab li {
		margin-right: 12px;
	    }
	    .device-tab li, .device-tab li a {
		width: 218px;
	    }
	    .device-tab li {
		margin-left: 12px;
	    }
	    .device-tab li:first-child {
		margin: 0;
	    }
	    .tab li.active, .device-tab li.active {
		    color: #555;
		    display: block;
		    height: 34px;
		    background-color: #ffba00;
		    border-top: solid 1px #ffd666;
			border-left: solid 1px #ffd666;
			border-right: solid 1px #ffd666;
			border-bottom: solid 1px #ffd666;
		}*/

	    .customer-info .tab-frame-device {
	    padding: 11px;
	    border-left: solid 1px #ffd666;
	    border-right: solid 1px #ffd666;
	    border-bottom: solid 1px #ffd666;
	    margin-bottom:20px;
	    *border-top: solid 1px #ffd666;
	    *position: relative;
	    *top: 34px;
	}

	.customer-info .tab-frame {
	    padding: 15px;
	    border-left: solid 1px #ffd666;
	    border-right: solid 1px #ffd666;
	    border-bottom: solid 1px #ffd666;
	    *border-top: solid 1px #ffd666;
	    *position: relative;
	    *top: 34px;
	}

	.tab, .device-tab {
	    height: 35px;
	    border-bottom: solid 1px #ffd666;
	    z-index: 1;
	    *border: none;
	    *position: absolute;
	}
	    .tab li, .device-tab li {
			font-size: 130%;
			line-height: 38px;
			text-align: center;
			display: block;
			*display: inline;
			*zoom: 1;
			height: 34px;
			border-top: solid 1px #ffd666;
			border-left: solid 1px #ffd666;
			border-right: solid 1px #ffd666;
			float: left;
			z-index: 2;
	    }
	    .tab li, .tab li a {
			width: 150px;
	    }
	    .tab li {
			margin-right: 12px;
	    }
	    .device-tab li, .device-tab li a {
			width: 213px;
	    }
	    .device-tab li {
			margin-left: 12px;
	    }
	    .device-tab li:first-child {
			margin: 0;
	    }
	    .tab li.active, .device-tab li.active {
			background-color: #FFF;
			height: 34px;
	    }
		.tab li a, .device-tab li a {
		    color: #C5C5C5;
		    display: block;
		    height: 34px;
		    background-color: rgba(255, 228, 228, 0.5);
		    border-bottom: solid 1px #ffd666;
		}
		.tab li a:hover, .device-tab li a:hover {
		    color: #FFF;
		    background-color: #ffba00;
		}










	.s-tel, .s-form, .forgot-cs {
	    background-color: #00A8B8;
	    border: solid 1px #00A8B8;
	}
	.s-tel {
	    margin: 15px auto;
	}
	.s-form {
	    margin: 0 auto;
	}
	.forgot-cs {
	    width: 700px;
	    margin: 0 auto;
	}
	    .s-tel dt, .s-tel dd, .s-form dt, .s-form dd, .forgot-cs dt, .forgot-cs dd {
		text-align: center;
		float: left;
	    }
	    .s-tel dt, .s-form dt {
		color: #FFF;
		font-size: 130%;
		font-weight: bold;
		width: 180px;
	    }
	    .s-tel dt {
		padding-top: 38px;
	    }
	    .s-form dt {
		padding-top: 54px;
	    }
	    .forgot-cs dt {
		color: #FFF;
		font-size: 130%;
		font-weight: bold;
		width: 320px;
		padding-top: 30px;
	    }
	    .s-tel dd, .s-form dd {
		line-height: 1.3;
		width: 476px;
		padding: 15px 0;
		background-color: #FFF;
	    }
	    .forgot-cs dd {
		line-height: 1.2;
		width: 380px;
		padding: 15px 0;
		background-color: #FFF;
	    }
		.s-tel dd span {
		    font-size: 230%;
		    font-weight: bold;
		    display: inline-block;
		    margin-bottom: 3px;
		}
		.forgot-cs dd span {
		    font-size: 250%;
		    font-weight: bold;
		    display: inline-block;
		}
	.fl-memo {
	    color: #CC0606;
	    font-size: 90%;
	}
	.use-status {
	    color: #000;
	    font-size: 130%;
	    font-weight: bold;
	    text-align: center;
	    padding: 18px 0;
	    margin-bottom: 20px;
	    background-color: #fffbf2;
	    border: solid 3px #fff8e5;
	}
	.billing {
	    display: none;
	}

	/* サイドメニュー */
	.side-menu {
	    width: 230px;
	    float: left;
	}
	.customer {
	    text-align: center;
	    padding: 18px 5px 17px 5px;
	    margin-bottom: 15px;
	    border: solid 1px #DBDBDB;
	    background-color: #fff8e5;
	}
	    .customer span.customer-id {
		font-size: 115%;
		display: inline;
	    }
	    .customer span.logout {
		font-size: 90%;
		display: inline-block;
		margin-top: 8px;
	    }
	.page-menu {
	    border: solid 1px #DBDBDB;
	}
	    .page-menu li {
		border-top: solid 1px #DBDBDB;
	    }
	    .page-menu li:first-child {
		border: none;
	    }
	    .page-menu li a {
		font-size: 120%;
		color: #FFF;
		padding: 12px 5px 12px 24px;
		display: block;
		background: url(../img/common/side-nav-arrow1.png) no-repeat left #ffa800;
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, -o-linear-gradient(top, #ffa800, #ffc74f);
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, -moz-linear-gradient(top, #ffa800, #ffc74f);
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, -webkit-gradient(linear, left top, left bottom, from(#ffa800), to(#ffc74f));
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, linear-gradient(to bottom,  #ffa800 0%,#ffc74f 100%);
	    }
	    .page-menu li a:hover {
		background: url(../img/common/side-nav-arrow1.png) no-repeat left #ffba00;
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, -o-linear-gradient(top, #ffba00, #ffda7c);
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, -moz-linear-gradient(top, #ffba00, #ffda7c);
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, -webkit-gradient(linear, left top, left bottom, from(#ffba00), to(#ffda7c));
		background: url(../img/common/side-nav-arrow1.png) no-repeat left, linear-gradient(to bottom,  #ffba00 0%,#ffda7c 100%);
	    }
		    .page-menu .tab-menu li {
			margin: 0 4px 4px 4px;
			padding-top: 5px;
			border: none;
			background: url(../img/common/line-dot.png) repeat-x top;
		    }
		    .page-menu .tab-menu li:first-child {
			padding-top: 4px;
			background: none;
		    }
		    .page-menu .tab-menu li a {
			color: #646464;
			padding: 4px 0 4px 24px;
			background: url(../img/common/side-nav-arrow2.png) no-repeat left #FFF;
		    }
		    .page-menu .tab-menu li a:hover {
			background: url(../img/common/side-nav-arrow2.png) no-repeat left #fff8e5;
		    }

	.btn-apply-area {
	    margin-top: 15px;
	    padding: 15px 0;
	    background-color: #fff8e5;
	}

	.side-nav p {
		border-bottom: 1px dotted #ccc;
		background-color: #f8f8f8;
	}
	.side-nav p a {
		display: block;
		color: #25b2ca;
		padding: 6px 13px;
	}
	.side-nav p a:hover {
		text-decoration: underline;
	}
	.side-nav p img {
		vertical-align: middle;
		margin-right: 6px;
		width: 6px;
	}

	/* ボタン */
	.btn-area {
	    text-align: center;
	}
	    .btn-area li {
		vertical-align: top;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		height: 55px;
		margin: 0 10px;
	    }
	    .btn-area a, .btn-area span {
		display: block;
		*display: inline;
		*zoom: 1;
		width: 250px;
		height: 0;
		padding-top: 55px;
		overflow: hidden;
	    }
	    .btn-area .cancel      { background: url(../img/btn/btn-cancel.png) no-repeat; }
	    .btn-area .confirm     { background: url(../img/btn/btn-confirm.png) no-repeat; }
	    .btn-area .apply       { background: url(../img/btn/btn-apply.png) no-repeat; }
	    .btn-area .submit      { background: url(../img/btn/btn-submit.png) no-repeat; }
	    .btn-area .next        { background: url(../img/btn/btn-tonext.png) no-repeat; }
	    .btn-area .back        { background: url(../img/btn/btn-back.png) no-repeat; }
	    .btn-area .setup       { background: url(../img/btn/btn-setup-submit.png) no-repeat; }
	    .btn-area .change      { background: url(../img/btn/btn-change-submit.png) no-repeat; }
	    .btn-area .to-customer { background: url(../img/btn/btn-customerinfo.png) no-repeat; }
	    .btn-area .to-status   { background: url(../img/btn/btn-c-status.png) no-repeat; }
	    .btn-area .to-login    { background: url(../img/btn/btn-to-login.png) no-repeat; }
	    .btn-area .firstlogin  { background: url(../img/btn/btn-first.png) no-repeat; }
	    .btn-area .apn         { background: url(../img/btn/btn-apn.png) no-repeat; }
	    .btn-area .stop        { background: url(../img/btn/btn-stop.png) no-repeat; }
	    .btn-area .resumption  { background: url(../img/btn/btn-resumption.png) no-repeat; }
	    .btn-area .cancellation{ background: url(../img/btn/btn-cancellation.png) no-repeat; }
	    .btn-area a:hover, .btn-area button:hover span {
		background-position: 0 -55px;
	    }
	    .btn-area button:disabled span {
		background-position: 0 -110px;
	    }
	    .btn-area button[disabled='disabled'] span {
		background-position: 0 -110px\9;
	    }
	.btn-note {
	    font-size: 90%;
	    text-align: center;
	    line-height: 2;
	}
	    .btn-note li {
		color: #000;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 250px;
		margin: 0 10px;
	    }
	    .btn-note li.none {
		height: 0;
		overflow: hidden;
	    }
	.btn-address {
	    vertical-align: middle;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    width: 80px;
	    height: 0;
	    margin-left: 5px;
	    padding-top: 30px;
	    overflow: hidden;
	    background: url(../img/btn/btn-address.png) no-repeat;
	    cursor: pointer;
	}
	.btn-address:hover {
	    background-position: 0 -30px;
	}
	.btn-top-l {
	    display: block;
	    width: 400px;
	    height: 0;
	    padding-top: 55px;
	    margin: 0 auto;
	    overflow: hidden;
	    background: url(../img/btn/btn-d-top.png) no-repeat;
	}
	.btn-top-l:hover {
	    background-position: 0 -55px;
	}
	.login-area button .btn-login {
	    display: block;
	    width: 200px;
	    height: 0;
	    padding-top: 35px;
	    overflow: hidden;
	    background: url(../img/btn/btn-login.png) no-repeat;
	}
	.btn-login-apply {
	    display: block;
	    width: 270px;
	    height: 0;
	    margin: 0 auto;
	    padding-top: 35px;
	    overflow: hidden;
	    background: url(../img/btn/btn-login-apply.png) no-repeat;
	}
	.login-area button:hover .btn-login, .btn-login-apply:hover {
	    background-position: 0 -35px;
	}
	.btn-first-login {
	    display: block;
	    width: 270px;
	    height: 0;
	    margin-top: 15px;
	    padding-top: 70px;
	    overflow: hidden;
	    background: url(../img/btn/btn-firstlogin.png) no-repeat;
	}
	.btn-first-login:hover {
	    background-position: 0 -70px;
	}
	.btn-form {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    width: 310px;
	    height: 0;
	    padding-top: 55px;
	    margin-top: 12px;
	    overflow: hidden;
	    background: url(../img/btn/btn-toForm.png) no-repeat;
	}
	.btn-form:hover {
	    background-position: 0 -55px;
	}
	.btn-change {
	    vertical-align: middle;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    width: 65px;
	    height: 0;
	    padding-top: 22px;
	    margin: -3px 0 0 10px;
	    overflow: hidden;
	    background: url(../img/btn/btn-change.png) no-repeat;
	}
	.btn-th {
	    vertical-align: middle;
	    margin: -2px 10px -2px 0;
	    float: right;
	}
	.btn-change:hover {
	    background-position: 0 -22px;
	}
	.btn-change.disabled {
	    background-position: 0 -44px;
	    cursor: default;
	}
	button.btn-charge span {
	    vertical-align: middle;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    width: 70px;
	    height: 0;
	    padding-top: 30px;
	    overflow: hidden;
	}
	button.btn-charge .btn-display { background: url(../img/btn/btn-display.png) no-repeat; }
	button.btn-charge .btn-print   { background: url(../img/btn/btn-print.png) no-repeat; }
	button.btn-charge:hover span {
	    background-position: 0 -30px;
	}
	.print {
	    float: right;
	}

	/* リンク */
	.link-arrow {
	    font-size: 110%;
	    line-height: 15px;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    padding: 1px 0 0 18px;
	    background: url(../img/common/link-arrow.png) no-repeat;
	}

	/* STEP */
	.apply-nav, .ap-nav, .fl-nav, .signup-nav {
	    margin-bottom: 15px;
	}
	    .apply-nav li, .ap-nav li, .fl-nav li, .signup-nav li {
		display: block;
		padding-top: 52px;
	    }
	    .apply-nav li.step1 {
		width: 268px;
		background: url(../img/hd/hd-step1.png) no-repeat;
	    }
	    .apply-nav li.step2 {
		width: 230px;
		background: url(../img/hd/hd-step2.png) no-repeat;
	    }
	    .apply-nav li.step3 {
		width: 230px;
		background: url(../img/hd/hd-step3.png) no-repeat;
	    }
	    .apply-nav li.step4 {
		width: 222px;
		background: url(../img/hd/hd-step4.png) no-repeat;
	    }
	    .ap-nav li.step1 {
		width: 166px;
		background: url(../img/hd/hd-apply-step1.png) no-repeat;
	    }
	    .ap-nav li.step2 {
		width: 205px;
		background: url(../img/hd/hd-apply-step2.png) no-repeat;
	    }
	    .ap-nav li.step3 {
		width: 206px;
		background: url(../img/hd/hd-apply-step3.png) no-repeat;
	    }
	    .ap-nav li.step4 {
		width: 206px;
		background: url(../img/hd/hd-apply-step4.png) no-repeat;
	    }
	    .ap-nav li.step5 {
		width: 167px;
		background: url(../img/hd/hd-apply-step5.png) no-repeat;
	    }
	    .fl-nav li.step1 {
		width: 226px;
		background: url(../img/hd/hd-fl-step1.png) no-repeat;
	    }
	    .fl-nav li.step2 {
		width: 182px;
		background: url(../img/hd/hd-fl-step2.png) no-repeat;
	    }
	    .fl-nav li.step3 {
		width: 194px;
		background: url(../img/hd/hd-fl-step3.png) no-repeat;
	    }
	    .fl-nav li.step4 {
		width: 194px;
		background: url(../img/hd/hd-fl-step4.png) no-repeat;
	    }
	    .fl-nav li.step5 {
		width: 154px;
		background: url(../img/hd/hd-fl-step5.png) no-repeat;
	    }
	    .signup-nav li.step1 {
		width: 186px;
		background: url(../img/hd/hd-signup-step1.png) no-repeat;
	    }
	    .signup-nav li.step2 {
		width: 196px;
		background: url(../img/hd/hd-signup-step2.png) no-repeat;
	    }
	    .signup-nav li.step3 {
		width: 198px;
		background: url(../img/hd/hd-signup-step3.png) no-repeat;
	    }
	    .signup-nav li.step4 {
		width: 198px;
		background: url(../img/hd/hd-signup-step4.png) no-repeat;
	    }
	    .signup-nav li.step5 {
		width: 172px;
		background: url(../img/hd/hd-signup-step5.png) no-repeat;
	    }
	    .apply-nav li.active, .ap-nav li.active, .fl-nav li.active, .signup-nav li.active {
		background-position: 0 -52px;
	    }

	.signup-form table.plan {
	  width: 370px;
	  margin: 0 14px 10px 0;
	  border: solid 1px #ffd666;
	}
	.signup-form table.plan th,
	.signup-form table.plan td {
	  width: auto;
	  text-align: center;
	  padding: 5px 10px;
	}
	.signup-form table.plan thead th {
	  color: #fff;
	  background-color: #ffba00;
	}
	.signup-form table.plan tbody th {
	  background-color: #eff7f7;
	}
	.signup-form table.plan strong {
	  font-size: 130%;
	  font-weight: normal;
	  padding: 0 1px 0 0.5em;
	}

	/* APN */
	.mypage .apn h4 {
	    font-size: 160%;
	    margin-bottom: 10px;
	    padding: 2px 0 2px 10px;
	    border-left: solid 6px #ffba00;
	}
	.apn img {
	    margin: 0 18px 30px 0;
	    float: left;
	}
	.apn p {
	    font-size: 120%;
	    margin-bottom: 15px;
	}
	.apn-info {
	    margin-top: 15px;
	}
	.apn-tbl {
	    width: 460px;
	    float: left;
	}
	.apn-tbl2 {
	    width: 472px;
	    float: left;
	}
	.apn-tbl2 table {
	    margin-bottom: 15px;
	}
	.apn-os {
	    width: 460px;
	    float: right;
	}
	.apn-os p {
	    margin-bottom: 15px;
	}
	.apn-os p a.link-arrow {
	    margin-left: 10px;
	}
	.apn-os p.android {
	    padding-top: 15px;
	}
	.apn-step li a {
	    color: #01A8B8;
	    font-size: 125%;
	    padding: 10px 0 9px 13px;
	    display: block;
	    border: solid 1px #01A8B8;
	}
	.apn-step li {
	    padding-top: 18px;
	    background: url(../img/common/apn-arrow.png) no-repeat 105px 5px;
	}
	.apn-step li:first-child {
	    padding-top: 0;
	    background: none;
	}
	li.backToTop {
	    position: fixed;
	    right: 15px;
	    bottom: 0;
	}
	li.backToTop a {
	    display: block;
	    width: 80px;
	    height: 0;
	    overflow: hidden;
	    padding-top: 40px;
	    background: url(../img/common/back.png) no-repeat;
	    opacity: 0.8;
	}
	li.backToTop a.hover {
	    opacity: 1;
	}

	/* -----------------------------------------------
	  ヘッダー
	----------------------------------------------- */
	header {
	    width: 950px;
	    margin: 0 auto;
	    padding: 15px 0;
  position: relative;
	}

	hgroup.mypage-hd {
	    width: 540px;
	    float: left;
	}
	h2.apply-tit, .mypage-hd a, .apply-nav li, .ap-nav li, .fl-nav li, .signup-nav li {
	    height: 0;
	    overflow: hidden;
	    float: left;
	}

	h1.d {
	    width: 165px;
	    background: url(../img/hd/logo-d.png) no-repeat;
	}
	h1.logo {
	    float: left;
	}
	h1.logo a {
	    display: block;
	    height: 0;
	    width: 220px;
	    padding-top: 64px;
	    margin: 0 5px;
	    overflow: hidden;
	    background: url(../img/hd/logo_new.png) no-repeat;
	    background-size: contain;
	}
	h2.apply-tit {
	    margin: 1px 0 0 28px;
	    padding-top: 25px;
	    width: 456px;
	    background: url(../img/hd/hd-d-apply.png) no-repeat;
	}
	h2.mypage-tit {
	    margin: 12px 0 0 30px;
	    width: 140px;
	    height: 26px;
	    float: left;
	}
	h2.mypage-tit a {
	    display: block;
	    padding-top: 25px;
	    width: 134px;
	    background: url(../img/hd/hd-mypage.png) no-repeat;
	}
	h2.mypage-tit a.signup {
	    display: block;
	    padding-top: 25px;
	    width: 300px;
	    background: url(../img/hd/hd-signup.png) no-repeat;
	}
	h2.mypage-tit a.apn {
	    display: block;
	    padding-top: 25px;
	    width: 268px;
	    background: url(../img/hd/hd-apn.png) no-repeat;
	}
	header dl {
	  float: right;
	  line-height: 24px;
	  margin-top: 10px;
	}
	header dl > * {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
header dl dd strong {
  display: block;
  font-size: 200%;
  font-weight: bold;
  color: #25b2ca;
}

nav.mypage-hd-nav {
    text-align: right;
    padding-top: 32px;
    width: 410px;
    float: right;
}
    nav.mypage-hd-nav li {
        margin-left: 8px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
    nav.mypage-hd-nav li:first-child {
        margin-left: 0;
    }
        nav.mypage-hd-nav li a {
            line-height: 15px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            padding: 1px 0 0 18px;
            background: url(../img/common/link-arrow.png) no-repeat;
        }
/* -----------------------------------------------
  フッター
----------------------------------------------- */
footer {
    width: 950px;
    margin: 0 auto 15px;
    padding-top: 12px;
    border-top: solid 1px #CCCCCC;
}
    footer small {
        text-align: center;
        font-size: 80%;
        display: block;
    }
    footer.ft-mypage small {
        text-align: right;
        width: 320px;
        padding-top: 2px;
        float: right;
    }
.mypage-ft-nav {
    width: 630px;
    padding-top: 2px;
    float: left;
}
    .mypage-ft-nav li {
        font-size: 90%;
        display: inline;
        padding-left: 14px;
        margin-left: 10px;
        border-left: #999 solid 1px;
    }
    .mypage-ft-nav li:first-child {
        margin: 0;
        padding: 0;
        border: none;
    }

/* -----------------------------------------------
  お客様情報の確認
----------------------------------------------- */
#customer .name {
	width: 210px;
	display: inline-block;
	vertical-align: top;
}

#customer .data {
	width: 250px;
	text-indent: -1.3em;
	display: inline-block;
    word-break: break-all;
    margin-left: 1.3em;
}
#customer .data:before {
    content: ':';
    margin-right: 1em;
}

/* -----------------------------------------------
  フォームボタン
----------------------------------------------- */
form input[type="submit"] {
    color: #fff;
    border-radius: 4px;
    padding: 10px 18px;
    margin: 0 3px;
    font-size: 14px;
    line-height: 24px;
    min-width: 260px;
    cursor: pointer;

    border: 1px solid #25b2ca;
    background: #25b2ca;
    background: -o-linear-gradient(top, #25b2ca, #7bd0df);
    background: -moz-linear-gradient(top, #25b2ca, #7bd0df);
    background: -webkit-gradient(linear, left top, left bottom, from(#25b2ca), to(#7bd0df));
    background: linear-gradient(to bottom,  #25b2ca 0%,#7bd0df 100%);
}
.typeBt form input[type="submit"] {
    margin: 10px 0 0;
    min-width: inherit;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
}
form input[type="submit"]:hover {
    opacity: 0.7;
}

form input[type="button"] {
    color: #fff;
    border-radius: 4px;
    padding: 10px 18px;
    margin: 0 3px;
    font-size: 14px;
    line-height: 24px;
    min-width: 260px;
    cursor: pointer;

    border: 1px solid #25b2ca;
    background: #25b2ca;
    background: -o-linear-gradient(top, #25b2ca, #7bd0df);
    background: -moz-linear-gradient(top, #25b2ca, #7bd0df);
    background: -webkit-gradient(linear, left top, left bottom, from(#25b2ca), to(#7bd0df));
    background: linear-gradient(to bottom,  #25b2ca 0%,#7bd0df 100%);
}
.typeBt form input[type="button"] {
    margin: 10px 0 0;
    min-width: inherit;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
}
form input[type="button"]:hover {
    opacity: 0.7;
}

/* -----------------------------------------------
  pagetop
----------------------------------------------- */
body > section {
    position: relative;
}
.pagetop {
    position: absolute;
    bottom: -30px;
    display: none;
}
.pagetop.fixed {
    position: fixed;
    bottom: 0;
}
.pagetop a {
    display: inline-block;
    background: #ffa800;
    width: 210px;
    text-align: center;
    padding: 8px 0;

    box-sizing: border-box;
    border-radius: 6px 6px 0 0;
    color: #fff;
    text-decoration: none;
}
.pagetop a:hover {
    opacity: 0.7;
}

/* -----------------------------------------------
  パンくず
----------------------------------------------- */
.breadcrumb {
    margin-bottom: 20px;
    font-size: 0;
    background: #efefef;
    border-radius: 4px;
    padding: 3px;
}
.breadcrumb li {
    display: inline-block;

    padding: 0 5px;
    font-size: 12px;
    line-height: 24px;
}
.breadcrumb li:before {
    content: '\00BB';
    margin-right: 5px;
}
.breadcrumb li:first-child:before {
    content: none;
}
.breadcrumb li a {
    color: #25b2ca;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
/* -----------------------------------------------
  お客様情報の確認 追加
----------------------------------------------- */
#customer h5 {
    font-size: 110%;
    margin: 10px 0 5px;
    font-weight: bold;
}
#customer h5:first-letter {
    color: #ffba00;
}
.kiyakuView a{
  font-size: 12px;
  line-height: 1em;
  background-color: #09C;
  padding: 10px;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  display: block;
  text-decoration: none;
}
.download a{
  font-size: 12px;
  line-height: 1em;
  background-color: #5FAD01;
  padding: 10px;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  display: block;
  text-decoration: none;
}
.webView a{
  font-size: 12px;
  line-height: 1em;
  background-color: #F93;
  padding: 10px;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  display: block;
  text-decoration: none;
}
#option_list h2{
  background-color: #336699;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 12px;
  line-height: 2em;
  color: #FFF;
}
#option_list h3{
  background-color: #F3F3F3;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #CCC;
  line-height: 1em;
  font-weight: normal;
}
#option_list_toggle a{
  font-size: 12px;
  line-height: 0.6em;
  background-color: LightGrey;
  padding: 10px;
  width: 120px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  display: block;
  text-decoration: none;
}
#option_list button[id*="option_list_button_"] {
  font-size: 12px;
  line-height: 0.6em;
  background-color: LightGrey;
  padding: 10px;
  width: 120px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  display: block;
  text-decoration: none;
}
.xsize{
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bold{
  font-weight: bold;
}
#iyaku_table {
  margin-left: 1em;
  font-size: 11px;
}
#iyaku_table .table {
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  width: 76px;
  float: left;
  background-color: #DBDBDB;
  margin: 0 -1px -1px 0;
}
#iyaku_table .th{
  margin: 1px;
  background-color: #74cddd;
  color: #fff;
}
#iyaku_table .td{
  margin: 1px;
  background-color: #f4fbfc;
}
#option_list_8 th {
  background-color: #74cddd;
  color: #fff;
}
#option_list_8 td {
  border-right: 1px solid #DBDBDB;
  background-color: #f4fbfc;
}

/* -----------------------------------------------
  オプション文字サイズ
----------------------------------------------- */
#anshin .size{
  font-size: 11px;
}

/* -----------------------------------------------
  reminder
----------------------------------------------- */
#reminder .confirmtable {
	width:auto;
}

#reminder .confirmname {
	width:100px;
}

#reminder .confirdata {
	padding-right: 14px;
}

/* -----------------------------------------------
  update_print
----------------------------------------------- */
#uprint_contents{
  /*font-family: "ＭＳ Ｐ明朝","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  width:700px;
  margin-right: auto;
  margin-left: auto;
  font-size: 130%;
}
#uprint_contents table.border_grey{
  border: 1px solid #808080;
}
#uprint_contents table.no_border{
  border: 1px solid #FFF;
  margin-bottom: 0px;
}
#uprint_contents table td.border_grey{
  border: 0px solid #FFF;
}
#uprint_contents h3.name{
  font-size: 130%;
}
#uprint_contents h2{
  font-size: 140%;
}

.title-logo {
  display: inline-block;
  width: 220px;
  height: 0;
  padding-top: 64px;
  margin: 0 10px 0 -5px;
  overflow: hidden;
  background: url() no-repeat left center;
  background-size: contain;
  vertical-align: middle;
}
.title-logo + h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #888;
}