body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%
 }

a {text-decoration: none;color:#0066cc}

	a:hover {text-decoration: underline}

	a:visited {color: #663399}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {margin: 0;padding:0}

h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight:normal}

ul li,ol li {list-style: none}

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%
 }

caption {text-align: left}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {font-size: 100%;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif}

address,cite,dfn,em,strong,var,th,ins,del,samp {font-weight: normal;font-style:normal}

a img {border: 0}

hr.separation {display: none}

fieldset {border: none}

.clearfix {display: inline-block}

	.clearfix:after {
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
		content: "."
	 }

.planArea {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	clear: both
 }

.spriteImg {background-image: url(https://s.yimg.jp/images/box/pc/web/top/form/1.2.0/img/pgSprite.png);background-repeat:no-repeat}

.mainArea {
	width: 950px;
	height: 210px;
	margin: 0;
	position: relative;
	font-size: 80%;
	*text-align: left
 }

	.mainArea h2 {text-indent: -9999px}

	.mainArea a.yjLogin {
		background-position: -963px -3px;
		display: block;
		position: absolute;
		width: 473px;
		height: 46px;
		margin: 0 0 0 254px;
		bottom: 36px;
		text-indent: -9999px
	 }

		.mainArea a.yjLogin:hover {background-position: -963px -50px}

	.mainArea a.start {
		background-position: -964px -97px;
		display: block;
		position: absolute;
		width: 352px;
		height: 46px;
		margin: 0 0 0 312px;
		bottom: 36px;
		text-indent: -9999px
	 }

		.mainArea a.start:hover {background-position: -964px -144px}

	.mainArea.normalMember {background-position: 0 0}

	.mainArea.otherMember {background-position: -970px -447px}

	.mainArea.normalMember div.subttl,.mainArea.otherMember div.subttl {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 5px 0;
		background: url(https://s.yimg.jp/images/box/pc/web/top/form/1.2.0/img/pgMainAreaBlkbg.png);
		color: #FFF;
		text-align: center
	 }

	.mainArea.normalMember div.subttl a,.mainArea.otherMember div.subttl a {text-align: center;color:#93ddff}

.mainArea--premium {background-color: #f1f1f1;border:1px solid #ccc}

.mainArea__title {
	overflow: hidden;
	width: 600px;
	margin: 20px auto 0;
	font-size: 24px
 }

.mainArea__titleText--left {
	display: block;
	float: left;
	text-align: right;
	line-height: 1.4
 }

.mainArea__titleText--center {line-height: 1;font-size:80px}

.mainArea__titleText--lead {font-size: 30px}

.mainArea__link {margin: 20px auto}

.statusArea__header {
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 1.4em;
	text-align: left;
	font-weight: bold
 }

.statusArea__main {border: 4px solid #f2f2f2}

.statusArea__table {margin: 10px auto}

.statusArea__content {width: 160px}

.statusArea__plus {
	width: 40px;
	font-size: 30px;
	text-align: center
 }

	.statusArea__plus.is-off {color: #b2b2b2}

.statusArea__title {padding-bottom: 5px;text-align:left}

.statusArea__boxs {
	clear: both;
	width: 390px;
	margin: 0 auto
 }

.statusArea__box {
	width: 160px;
	height: 55px;
	margin: 0 auto;
	background-color: #ccc;
	border: 2px solid #ccc;
	border-radius: 3px;
	line-height: 55px;
	text-align: center;
	font-size: 23px;
	font-weight: bold
 }

.statusArea__premium {
  width: 280px;
  height: 55px;
  margin: 0 auto;
  background-color: #ccc;
  border: 2px solid #ccc;
  border-radius: 3px;
  line-height: 55px;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
}

.statusArea__box--base {background-color: #cfe8ea;border-color:#cfe8ea}

.statusArea__box--option {background-color: #f3d45f;border-color:#f3d45f}

.statusArea__box--unlimited {background-color: #f3d45f;border-color:#f3d45f}

.statusArea__box.is-off {
	background-color: #fff;
	border: 2px solid #b2b2b2;
	color: #b2b2b2
 }

.statusArea__boxText {
	position: absolute;
	top: 1px;
	right: 10px;
	width: 36px;
	line-height: 1;
	font-size: 12px;
	padding: 5px;
	border: 3px solid #ff694c;
	border-radius: 35px;
	text-indent: 0;
	color: #ff694c
 }

.statusArea__explain {
	padding: 10px;
	text-align: left;
	line-height: 1.4;
	border-top: 1px solid #f2f2f2
 }

.statusArea__text--small {font-size: 12px}

.statusArea__textLabel {font-weight: bold}

.linkButton {
	display: block;
	width: 350px;
	height: 66px;
	line-height: 66px;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
	text-decoration: none;
	background-color: #fd872d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fd872d), to(#ff3c15));
	background: -moz-linear-gradient(top, #fd872d, #ff3c15);
	}

.linkButton--premium {
	width: 506px;
	height: 54px;
	line-height: 54px;
	background-image: url("/images/box/pc/web/top/form/1.3.3/img/link-button--premium.png")
 }

.linkButton--long {
	line-height: 1em;
	display: table-cell;
	vertical-align: middle
 }

.linkButton__text {padding-top: 6px}

.linkButton__smallText {font-size: 14px}

.linkButton__flag {
    padding: 2px;
    margin-top: 7px;
    display: inline-block;
    background-color: #fff200;
    color: #ff3c15;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}

.linkButton:visited {color: #fff}

.linkButton:focus,.linkButton:hover {
	opacity: .8;
	text-decoration: none;
	color: #fff
 }

.linkButton.is-disabled {
	background-color: #bfc4c8;
	background-image: none;
	color: #fff;
	text-shadow: none
 }

	.linkButton.is-disabled:focus,.linkButton.is-disabled:hover {opacity: 1;cursor:default}

.planSelect__header {
	font-size: 200%;
	margin: 80px 0 20px;
	text-align: left;
	color: #333;
	line-height: 1em
 }

.planSelect__subHeader {
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #f1f1f1;
	color: #fff
 }

.planSelect__subHeader--base {background-color: #00afbf}

.planSelect__subHeader--option {background-color: #005b62}

.planSelect__lists {padding-top: 3px}

.planSelect__list {
	clear: both;
	overflow: hidden;
	margin: 4px 0;
	background-color: #f2f2f2;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 10px
 }

.planSelect__list--base {
	clear: both;
	overflow: hidden;
}

.planSelect__list--premium {
	clear: both;
	overflow: hidden;
}
#premium{
	width: 295px;
	background-image: url(https://s.yimg.jp/c/icon/s/bsc/2.0/premium40.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: right;
}

.planSelect__list--add {
	clear: both;
	overflow: hidden;
	}

.planSelect__list--unlimited {
	clear: both;
	overflow: hidden;
}

.planSelect__plan {
	position: relative;
	float: left;
	margin: 24px 0;
 }
.planSelect__plan--option{
	position: relative;
	float: left;
	margin: 30px 0;
 }

.planSelect__plan--short {
	position: relative;
	float: left;
	margin: 27px 0;
}

.planSelect__option {margin-top: 20px}

.planSelect__title {
	text-align: left;
	font-size: 25px;
	line-height: 25px;
 }
.planSelect__title--option {
	text-align: left;
	font-size: 25px;
	line-height: 25px;
 }

.planSelect__attention {color: #ff3232;}

.planSelect__amount {
	float: left;
	width: 190px;
	margin: 34px 0px 34px 20px;
 }

.planSelect__amountValue {
	font-size: 28px;
	line-height: 1.4;
	font-weight: bold
 }

.planSelect__amountValue--left {right: 60px}

.planSelect__limit {
	position: absolute;
	top: 5px;
	right: 0;
	width: 54px;
	line-height: 1;
	font-size: 18px;
	padding: 10px;
	border: 3px solid #ff694c;
	border-radius: 40px;
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	color: #ff694c
 }

.planSelect__link {
	float: right;
	width: 350px;
	margin: 23px;
	margin-right: 15px
 }
.planSelect__link--option {
	float: right;
	margin: 10px 0;
	margin-right: 15px;
	}

.planSelect__link--short {margin-top: 15px}

.planSelect__feature {color: #ff3232}

.planSelect__optionText {margin-top: 5px;font-size:14px}

.planSelect__explain {
	margin-top: 10px;
	text-align: left;
	line-height: 1.4
 }

.planSelect__text {
	margin-top: 5px;
	width: 500px;
	font-size: 14px;
	text-align: left;
	line-height: 1.2
 }
.planSelect__text--premium {
	margin-top: 5px;
	width: 500px;
	font-size: 14px;
	text-align: left;
	line-height: 1.2
 }
.planSelect__text--option {
	margin-top: 5px;
	font-size: 14px;
	text-align: left;
	line-height: 1.2
 }

.planSelect__subHeader--option {
	margin-top: 5px;
	font-size: 14px;
	text-align: center;
}
.planSelect__text--small {font-size: 12px}

.planOther__header {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 14px
 }

.planOther__lists {
	margin-top: 5px;
	clear: both;
	overflow: hidden;
	border: 4px solid #f2f2f2
 }

.planOther__list {
	float: left;
	width: 290px;
	height: 160px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	border-left: 1px solid #f2f2f2;
 }

.planOther__list--long {width: 340px}

.planOther__title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #005b62
 }

.planOther__eachlists {
	margin-top: 10px;
	margin-left: 1em;
}

.planOther__eachlist {
	position: relative;
	margin-bottom: 25px;
	text-align: left;
	font-size: 12px;
	line-height: 1.4em;
 }

/*.planOther__eachlist--high {margin-bottom: 30px}*/

.planOther__plan {width: 160px}

.planOther__amount {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	font-weight: bold
 }

.planOther__amount--long {top: -3px}

.aboutLimitless__header {
	padding-top: 20px;
	text-align: left;
	font-weight: bold
 }

.aboutLimitless__lists {
	margin-top: 10px;
	font-size: 80%;
	text-align: left;
	line-height: 1.4
 }

.premiumIntroArea__header {
	font-size: 200%;
	margin-top: 80px;
	margin-bottom: 20px;
	text-align: left;
	color: #333;
	line-height: 1em
 }

.premiumIntroArea__main {
}

.premiumIntroArea__subHeader {
	margin: 15px 0 25px 15px;
	text-align: left;
	font-size: 26px;
 }

.premiumIntroArea__star {color: #ffbc00}

.premiumIntroArea__box {
	height: 100px;
	width: 830px;
	padding-left: 115px;
	background-image: url("https://s.yimg.jp/images/icon/app/and/ybackup120.png");
	background-size: 90px 90px ;
	background-position: top left 10px;
	background-repeat: no-repeat
 }

.premiumIntroArea__lists {
	text-align: left;
	font-size: 1.1em;

}

.premiumIntroArea__list {
	line-height: 1.4em;
}

.premiumIntroArea__strong {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.6em;
}

.premiumIntroArea__banner {margin-top: 20px}

.premiumIntroArea__redister {margin: 30px auto 60px}

.basicPlan__header {
	font-size: 200%;
	margin: 80px 0 20px;
	text-align: left;
	color: #333;
	line-height: 1
 }

.basicPlan__option {margin-top: 20px}

.basicPlan__subHeader {
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #f1f1f1;
	color: #fff
 }

.basicPlan__subHeader--base {background-color: #00afbf}

.basicPlan__subHeader--option {background-color: #005b62}

.basicPlan__table {
	margin-top: 5px;
	border: 4px solid #e6e6e6;
	color: #333
 }

.basicPlan__tableHeader {background-color: #f2f2f2}

.basicPlan__row {border-top: 1px solid #e6e6e6}

.basicPlan__col {
	width: 135px;
	height: 40px;
	padding: 5px;
	font-size: 13px;
	border-left: 1px solid #e6e6e6
 }

.basicPlan__col--header {width: 260px;border-right:3px solid #e6e6e6}

.stopArea {margin-top: 20px;margin-bottom:25px}

	.stopArea .stop {
		font-size: 100%;
		border: #abbfc9 1px solid;
		padding: 10px;
		text-align: left
	 }

.modal__background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.3
 }

.modal__frame {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	width: 460px;
	height: 260px;
	background-color: #fff
 }

.modal__close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 60px;
	padding-top: 5px;
	cursor: pointer;
	font-size: 12px;
	color: #b3b3b3
 }

	.modal__close:hover {color: #8d8d8d}

.modal__closeIcon {
	display: block;
	line-height: 1;
	font-size: 40px
 }

.modal__text {
	margin-left: 30px;
	margin-right: 30px;
	text-align: left;
	line-height: 1.4
 }

.modal__text--top {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 16px
 }

.modal__text--bottom {margin-top: 20px;font-size:12px}

.modal__link {color: #00afbf;text-decoration:underline}

.modal__button {margin: 0 auto}

.infoArea__header {
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: bold
 }

.infoArea__main {
	margin: 20px 0;
	padding: 10px;
	border-width: 4px;
	border-style: solid;
	border-color: #d3e3f5;
	text-align: left;
	line-height: 1.4
 }

/*.infoArea__main--attention {border-color: #d3e3f5}*/

.infoArea__text {font-size: 13px}

.pogoMigration__header {
	font-size: 200%;
	margin-top: 80px;
	margin-bottom: 20px;
	text-align: left;
	color: #333;
	line-height: 1.4
 }

.pogoMigration__text {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.6;
	text-align: left
 }

.pogoMigration__attention {color: #ff3232}

.pogoMigration__addressBox {margin-top: 20px;border:2px solid #00afbf}

.pogoMigration__addressBoxHeader {
	height: 30px;
	line-height: 1.7;
	text-align: center;
	background-color: #00afbf;
	color: #fff
 }

.pogoMigration__addressBoxMain {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.4em;
	text-align: center
 }

.pogoMigration__start {margin-top: 20px;margin-bottom:40px}

.pogoMigration__checkbox {font-size: 1.4em}

.pogoMigration__button {margin: 20px auto}

.pogoMigration__note {
	margin-top: 20px;
	margin-bottom: 40px;
	background-color: #e6e6e6
 }

.pogoMigration__subHeader {
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	text-align: left
 }

.pogoMigration__lists {
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: left
 }

.pogoMigration__list {
	margin-top: 7px;
	padding-right: 10px;
	padding-left: 20px;
	text-indent: -10px
 }

.pogoMigration__list--dot:before {content: "・"}

.pogoMigration__title {
	font-size: 200%;
	margin-top: 80px;
	margin-bottom: 40px;
	text-align: center;
	color: #333;
	line-height: 1.4
 }

.pogoMigration__link {
	display: block;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center
 }