@charset "UTF-8";

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
common
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body { height: 100%;background: #fcfff2;}
#wrapper {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 100%;
}

a { text-decoration: none; }
a > img {
	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
a:hover > img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
img { vertical-align: top; }

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

header {
	border-top: 4px solid #eeeeee;
	border-bottom: 1px solid #d9d9d9;
}
header > div {
	width: 1000px;
	margin: 0 auto;
	height: 99px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共通スタイル
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a {
	color: #0068b8;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a.link, .link a {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
a.scale, .scale a {
	font-size: 13px;
	float: right;
}
a.link:before, .link a:before {
	margin-right: 6px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	content: url(../images/icon_link.gif);
}
a.scale, .scale a {
	text-align: right;
	padding: 15px 16px 0 0;
	background: url(../images/icon_scaleup.gif) no-repeat 535px center;
}
a.scale.active, .scale a.active {
	background-image: url(../images/icon_scaledown.gif);
}
.center { text-align: center; }

#main {
	width: 880px;
	margin: 45px auto;
	color: #666;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -0.5px;
}
#main h1 {
	position: relative;
	border-bottom: 1px solid #0068b8;
	padding: 6px 0 13px 45px;
	margin-bottom: 11px;
	font-size: 30px;
	color: #000000;
}

#main h1 span {
 position: absolute;
 display: block;
 top: 6px;
 right: 0;
 padding-left: 10px;
 background: url(../images/icon_link.gif) no-repeat 0 12px;
}
#main h1 span a {
 color: #0068b8;
 font-size: 12px;
}

#main #message, #main #innerMessage {
	color: #333;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	border: 1px solid #666;
	padding: 10px;
	margin-bottom: 34px;
}
#main #message_left {
	color: #333;
	font-size: 14px;
	line-height: 26px;
	text-align: left;
	border: 1px solid #666;
	padding: 10px;
	margin-bottom: 34px;
}
#main #message .blue { color: #0068b8; }
#main #message img { vertical-align: middle; }
#main #innerMessage {
	text-align: left;
	padding: 10px 20px;
}

.linkArea {
	text-align: center;
	background: #f7f7f7;
	border: none !important;
	padding: 8px 1px 9px 0 !important;
}
.linkArea a { margin: 0 8px 0 9px; }
.linkArea a:after {
	content: url(../images/icon_pop.gif);
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	margin-left: 5px;
}

#main #texts {
	color: #333;
}
#main #texts dl { position: relative; }
#main #texts dl.open_dl {
	border: 1px solid #c8c8c8;
	margin-bottom: 40px;
	padding: 15px 14px 10px;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#main #texts dt {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
#main #texts dt.dt_border.open {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c8c8c8;
}
#main #texts dt .scale {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 45px;
}
#main #texts dt .scale a:before { content: none; }
#main #texts dt .scale a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#main #texts dd {
	clear: both;
	font-size: 13px;
	line-height: 23px;
	padding: 0 13px;
}
#main #texts dl.open_dl dd.scroll > div {
	height: 160px;
	overflow: hidden;
}

#main .two_block:after {
	content: "";
	display: block;
	clear: both;
}
#main .two_block > .left {
	float: left;
	width: 410px;
	padding-right: 29px;
	border-right: 1px solid #d9d9d9;
}
#main .two_block > .right {
	width: 410px;
	float: right;
}
#main .two_block h2 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}

#main .two_block_rborder:after {
	content: "";
	display: block;
	clear: both;
}
#main .two_block_rborder > .left {
	float: left;
	width: 410px;
}
#main .two_block_rborder > .right {
	width: 410px;
	float: right;
	padding-left: 29px;
	border-left: 1px solid #d9d9d9;
}
#main .two_block_rborder h2 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}

a.edit {
	width: 60px;
	display: block;
	line-height: 17px;
	text-align: center;
	padding: 1px 0 2px;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.edit:hover {
	background: #ffd2c9;
	text-decoration: none;
	border-color: #0068b8;
}

/* フォーム部品 */

input, button, .buttonLink a, a.buttonLink, select, .selectBox {
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana",sans-serif;
}

input[type="text"], input[type="mail"],
input[type="tel"], input[type="password"], .selectBox {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 5px;
	border: 1px solid #ccc;
}
label {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	font-size: 14px;
	line-height: 47px;
	font-weight: bold;
	height: 47px;
	width: 206px;
}
label + .block {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: top;
	padding-top: 8px;
}
label + .block .small { margin-left: 0 !important; }

p.check_kiyaku {
	width: 620px;
	margin: 20px auto;
	text-align: center;
	padding-top:0!important;
}

p.check_pontamail {
	width: 620px;
	margin: 20px 0 0 40px;
	text-align: left;
	_display: inline;
}
p.check_kiyaku_btn {
	width: 620px;
	margin: 20px auto;
	text-align: center;
	padding-top:0!important;
}
.mypage #main #formBox > p.check_pontamail {
	width: auto;
	padding-left: 0;
}

.mypage #main #formBox > p.check_kiyaku {
	width: auto;
	padding-left: 0;
}
.mypage #main #formBox > p.check_kiyaku_btn {
	width: auto;
	padding-left: 0;
}
p.check_kiyaku label { width: auto; }

p.check_pontamail label { width: auto; }

p.check_kiyaku_btn label { width: auto; }

.selectBox {
	width: 241px;
	height: 36px;
	padding: 1px !important;
}
.selectBox select {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 10px;
}
/* 2017/6/16 tsukada del .selectBox select.novalue { color: #818181; } */
.selectBox select option { color: #333; }
/* 2017/6/16 tsukada del .selectBox select option:first-child { color: #818181; }*/
.form_mb { margin-bottom: 10px !important; }
a.zipButton {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	line-height: 20px;
	text-align: center;
	width: 80px;
	padding: 5px;
	margin-left: 10px;
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.zipButton:hover {
	color: #007ebe;
	border-color: #0068b8;
	text-decoration: none;
}
input.short { width: 182px; }
input.minimum { width: 60px; }
input.minimum2 { width: 40px; }
.short, .vshort, .middle, .vshort2 {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
}
.short { width: 182px !important; }
.vshort { width: 80px !important; }
.vshort2 { width: 90px !important; }
.middle { width: 200px !important; }
input + .vshort { margin-left: 15px; }
span.small {
	font-size: 11px;
	line-height: 19px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	margin: 4px 0 0 4px;
	vertical-align: middle;
}

span.small1 {
	font-size: 11px;
	line-height: 19px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	margin-left: 120px ;
	vertical-align: middle;
}

span.smallRed {
 font-size: 11px;
 color:#fb0202;
 line-height: 19px;
 display: inline-block;
 *display: inline;
 _display: inline;
 *zoom: 1;
 _zoom: 1;
 margin: 4px 0 0 4px;
 vertical-align: middle;
}
.short + .short, .short + .middle, .middle + .middle { margin-left: 20px; }
input + span.label { margin-left: 5px; }
span.label + input { margin-left: 15px; }
input.long { width: 400px; }
input.long2 { width: 349px; }
input::-webkit-input-placeholder, input:-moz-placeholder, input:placeholder {
	color: #818181;
}
input[type="text"]:focus, input[type="mail"]:focus,
input[type="tel"]:focus, input[type="password"]:focus, .selectBox.focus {
	border-color: #0068b8;
}
input[type="submit"].button_Next, button[type="submit"].button_Next { 
background: #0068b8;
}
input[type="submit"]:disabled, button[type="submit"]:disabled {
	background-color: #c8c8c8;
}
input[type="submit"]:disabled:hover, button[type="submit"]:disabled:hover {
	opacity: 1.0;
	cursor: default;
}
input[type="submit"], input[type="reset"], button[type="submit"], .buttonLink a, a.buttonLink {
	color: #fff;
	border: none;
	width: 312px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #0068b8;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
}
input[type="submit"]:hover, button[type="submit"]:hover, input[type="reset"]:hover, .buttonLink a:hover, a.buttonLink:hover {
	opacity: 0.8;
	text-decoration: none;
}
input[type="submit"].inactive, button[type="submit"].inactive, input[type="reset"].inactive,
.buttonLink.inactive a, a.buttonLink.inactive, .buttonLink a.inactive {
	background: #c8c8c8;
}

input[type="button"]:disabled {
	background-color: #c8c8c8;
}
input[type="button"]:disabled:hover {
	opacity: 1.0;
	cursor: default;
}
input[type="button"] {
	color: #fff;
	border: none;
	width: 312px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #85c3f2;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
}
input[type="button"]:hover {
	opacity: 0.8;
	text-decoration: none;
}
input[type="button"].inactive {
	background: #c8c8c8;
}
input[type="image"]:disabled {
	background-color: #c8c8c8;
}
input[type="image"]:disabled:hover {
	opacity: 1.0;
	cursor: default;
}
input[type="image"], input[type="reset"], .buttonLink a, a.buttonLink {
	color: #fff;
	border: none;
	width: 290px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #0068b8;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
}
.buttonLink2 a{
	color: #fff;
	border: none;
	width: 290px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #85c3f2;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
	
}
.buttonLink2.ponta a { background: #faac03; }
input[type="image"]:hover, input[type="reset"]:hover, .buttonLink2 a:hover, a.buttonLink2:hover {
	opacity: 0.8;
	text-decoration: none;
}
input[type="image"].inactive, input[type="reset"].inactive,
.buttonLink2.inactive a, a.buttonLink2.inactive, .buttonLink2 a.inactive {
	background: #c8c8c8;
}


a.buttonLink.ponta, .buttonLink.ponta a { 
	background: #faac03; 
	width: 312px;
	margin-top: 0px;
	margin-bottom: 0px;
}
a.buttonLink.ponta, .buttonLink.button_chat_new a { 
	background: #00b050;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width: 640px;
	margin-top: 40px;
	margin-bottom: 0px;
}
a.buttonLink.ponta, .buttonLink.button_chat a { 
	background: #00b050;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dAccountRegist a, .dAccountRegist input[type="button"], .dAccountRegist input[type="submit"]{
	color: #CC0033;
	border: solid 3px;
 	width: 290px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
    border-radius: 0.3em;
}

.pontaRegist a, .pontaRegist input[type="button"], .pontaRegist input[type="submit"]{
	color: #FFFFFF;
	border: solid 3px;
 	width: 290px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #faac03;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
    border-radius: 0.3em;
}

input[type="image"]:hover, input[type="reset"]:hover, .buttonLink a:hover, a.buttonLink:hover {
	opacity: 0.8;
	text-decoration: none;
}
input[type="image"].inactive, input[type="reset"].inactive,
.buttonLink.inactive a, a.buttonLink.inactive, .buttonLink a.inactive {
	background: #c8c8c8;
}

input[type="radio"], input[type="checkbox"] {
	/*display: none;*/
	vertical-align: middle;
	position: absolute;
	left: -9999px;
}
input[type="radio"] + .icon, input[type="checkbox"] + .icon {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	height: 0;
	overflow: hidden;
}
input[type="radio"] + .icon {
	width: 22px;
	cursor: pointer;
	padding: 22px 0 0;
	margin-right: 4px;
	background: url(../images/icon_radio.gif) no-repeat bottom center;
}
input[type="radio"]:checked + .icon { background-position: top center; }
input[type="checkbox"] + .icon {
	width: 22px;
	cursor: pointer;
	padding: 19px 0 0;
	margin-right: 10px;
	background: url(../images/icon_check.gif) no-repeat bottom center;
}
input[type="checkbox"]:checked + .icon { background-position: top center; }
.radio label.label_text { font-weight: normal;}
.radio label.label_text1 { font-weight: normal;}
.formWrap label.label_text3{ font-weight: normal;}
.formWrap label.label_textpontamail{ 
   font-weight: normal;
   font-size: 14px;
   line-height: 21px;
   display: inline;
   }
.radio_must label.label_text2 { font-weight: normal;}
.radio_must label.icon { font-weight: normal;}
.must {
	background: url(../images/icon_must.gif) no-repeat 0 37px;
}

.must_newcustomer {
	background: url(../images/icon_must.gif) no-repeat 0 3px;
}
.label_newcustomer {
	padding-left: 24px;
	width: 182px;
}

.must_password {
	background: url(../images/icon_must.gif) no-repeat 0 3px;
}
.label_password {
	padding-left: 24px;
	width: 184px;
}

.label_ponta {
	padding-left: 0px;
	width: 125px;
}
.infoText{
	color: #FB0202;
}
.buttonColor input[type="button"]:disabled,input[type="button"].buttonColor:disabled {
	background-color: #c8c8c8;
}
.buttonColor input[type="button"]:disabled:hover,input[type="button"].buttonColor:disabled:hover {
	opacity: 1.0;
	cursor: default;
}

.buttonColor input[type="button"],input[type="button"].buttonColor {
	color: #fff;
	border: none;
	width: 312px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #0068b8;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
}

.buttonColor_Next input[type="button"],input[type="button"].buttonColor_Next {
	color: #fff;
	border: none;
	width: 312px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #0068b8;
	padding: 17px 0 15px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	cursor: pointer;
}

.buttonColor input[type="button"]:hover ,input[type="button"].buttonColor:hover{
	opacity: 0.8;
	text-decoration: none;
}

.buttonColor input[type="button"].inactive,input[type="button"].buttonColor.inactive {
	background: #c8c8c8;
}

.buttonColor_Next input[type="button"].inactive,input[type="button"].buttonColor_Next.inactive {
	background: #c8c8c8;
}

#formBox .error {
	color: #fb0202;
	display: block;
	font-size: 13px;
	line-height: 17px;
	padding: 0 4px;
	margin-top: 5px;
}
#formBox .hasSmall .error { margin-top: 0; }
.last { margin-bottom: 0!important; }

#pankuzu_entry {
	margin-bottom: 10px;
	padding: 7px 0px 3px 20px;
	background-color: #0068b8;
}
#pankuzu_entry ul { padding: 6px 0 10px 124px; }
#pankuzu_entry.no1 ul { background: url(../images/bg_pankuzu01.gif) no-repeat 110px 0; }
#pankuzu_entry.no2 ul { background: url(../images/bg_pankuzu02.gif) no-repeat 110px 0; }
#pankuzu_entry.no3 ul { background: url(../images/bg_pankuzu03.gif) no-repeat 110px 0; }
#pankuzu_entry.no4 ul { background: url(../images/bg_pankuzu04.gif) no-repeat 110px 0; }
#pankuzu_entry.no5 ul { background: url(../images/bg_pankuzu05.gif) no-repeat 110px 0; }
#pankuzu_entry ul li {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
}
#pankuzu_entry ul li.active {
	color: #333333;
	font-weight: bold;
}
#pankuzu_entry ul li.list01 { margin-right: 57px; }
#pankuzu_entry ul li.list02 { margin-right: 56px; margin-top: 1px; }
#pankuzu_entry ul li.list03 { margin-right: 56px; margin-top: 1px; }
#pankuzu_entry ul li.list04 { margin-right: 56px; margin-top: 1px; }
#pankuzu_entry ul li.list05 { margin-top: 1px; }

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
マイページ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mypage #main h1 { margin-bottom: 21px; }

.mypage #main:after {
	content: "";
	display: block;
	clear: both;
}
.mypage #sidebar {
	width: 209px;
	float: left;
	border-bottom: 1px solid #d9d9d9;
}
.mypage #sidebar li { border-top: 1px solid #d9d9d9; }
.mypage #sidebar a {
	color: #333;
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding: 12px 0 7px 35px;
	background: url(../images/icon_link.gif) no-repeat 14px 16px;
}
.mypage #sidebar a:hover, .mypage #sidebar a.active {
	text-decoration: none;
	_background-color: #ffd2c9;
	background-color: #7bbbe7;
    _background-color: rgba(0, 126, 190, 0.65);
    _color: white;
}

.mypage #contents {
	width: 638px;
	float: right;
}

.mypage #menuList li { border-top: 1px solid #d9d9d9; }
.mypage #menuList a {
	color: #666;
	display: block;
	padding: 14px 0 13px 20px;
	background: url(../images/icon_mypage.gif) no-repeat 0 20px;
}
.mypage #menuList a:hover { text-decoration: none; color: #0068b8; }
.mypage #menuList ul li:first() { border-top: none; }
.mypage #menuList a .title {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.mypage #menuList a:hover .title { color: #0068b8; }

.mypage #contents > h2 {
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 1px 0 9px 18px;
	border-bottom: 1px solid #d9d9d9;
	background: url(../images/icon_mypage.gif) no-repeat 0 7px;
}
.mypage #contents > * + h2 { margin-top: 30px; }
.mypage #contents > h2 + #message { margin-top: 20px; }
.mypage #data {
	color: #333;
	width: 598px;
	margin: 20px auto 0;
	padding: 14px 30px 11px;
	font-size: 13px;
	line-height: 17px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #d9d9d9;
}
.mypage #data li {
	padding: 11px 0 11px;
	border-top: 1px solid #d9d9d9;
}
.mypage #data li:after {
	content: "";
	display: block;
	clear: both;
}
.mypage #data ul li:first-child { border-top: none; }
.mypage #data li dl { float: left; padding-top: 4px; }
.mypage #data li dl > * {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: top;
}
.mypage #data li dt {
	width: 145px;
	font-weight: bold;
}
.mypage #data li dd { width: 300px; }
.mypage #data li > a.edit { float: right; }
.mypage #main #message { margin-bottom: 15px; }
.mypage #main #formBox {
	border: 1px solid #d9d9d9;
	padding: 10px 35px 39px 29px;
}
.mypage #main #formBox > p {
	padding: 20px 0 20px 23px;
	border-bottom: 1px solid #d9d9d9;
}
.mypage #main #formBox .linkArea {
	background: none;
	margin: 32px 0 17px;
}
.mypage #main #formBox .button {
	padding: 0;
	text-align: center;
	border-bottom: none;
}
.formWrap {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}

#formWraph2 {
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 1px 0 9px 18px;
	border-bottom: 1px solid #d9d9d9;
	background: url(../images/icon_mypage.gif) no-repeat 0 7px;
}

#formWrapbutton{
	padding: 0;
	text-align: center;
	border-bottom: none;
}

.mypage #main #formWrap.change {
	width: 385px;
	margin: 0 auto;
}
.mypage #main #formWrap.change input + input {
	margin-top: 15px;
}
.mypage #main #formWrap.change .button {
	margin-top: 30px;
	text-align: center;
}

.mypage #ponta_info {
	margin-top: 20px;
	padding: 18px 30px 23px;
	border: 1px solid #d9d9d9;
}
.mypage #ponta_info:after {
	content: "";
	display: block;
	clear: both;
}
.mypage #ponta_info #edit { margin-top: 10px; }
.mypage #ponta_info .edit {
	float: right;
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}
.mypage #ponta_info .small {
	font-size: 11px;
	text-align: right;
}
.mypage #ponta_info #point {
	text-align: right;
	padding: 11px 0px 11px;
}
.mypage #ponta_info #point span {
	float: left;
	font-weight: bold;
}
.mypage #ponta_info .ponta_change_notice {
	color:#fb0202;
	padding: 20px 0 0;
}

.mailmaga #formWrap {
	width: 554px;
	padding: 17px 18px 47px 24px;
	margin: 20px auto 0;
	border: 1px solid #d9d9d9;
}
.mailmaga #formWrap > form > ul, #texts.mailmaga ul { margin-top: 7px; }
.mailmaga #formWrap > form > ul > li:after, #texts.mailmaga > ul > li:after {
	content: "";
	display: block;
	clear: both;
}
.mailmaga #formWrap > form > ul > li, #texts.mailmaga > ul > li {
	position: relative;
	padding: 20px 0 16px 66px;
	border-bottom: 1px solid #d9d9d9;
}
.mailmaga #formWrap .icon, #texts.mailmaga .icon {
	width: 52px;
	height: 52px;
	border: 1px solid #d9d9d9;
	position: absolute;
	top: 20px;
	left: 0;
}
.mailmaga #formWrap h3, #texts.mailmaga h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding-top: 4px;
}
.mailmaga #formWrap .label, #texts.mailmaga .label {
	float: right;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
}
.mailmaga #formWrap .label span, #texts.mailmaga .label span {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	padding: 0 7px;
	margin-left: 5px;
	background: #cee7fa;
	vertical-align: middle;
}
.mailmaga #formWrap .text, #texts.mailmaga .text {
	clear: both;
	padding: 10px 0 0;
}
.mailmaga #formWrap li ul, #texts.mailmaga li ul { padding-bottom: 10px; }
.mailmaga #formWrap li ul:after, #texts.mailmaga li ul:after {
	content: "";
	display: block;
	clear: both;
}
.mailmaga #formWrap li li, #texts.mailmaga li li {
	clear: both;
	padding-top: 15px;
}
.mailmaga #formWrap li li .name,
#texts.mailmaga li li .name {
	color: #333;
	float: left;
	width: 297px;
	margin-top: 4px;
	font-size: 13px;
	line-height: 17px;
}
.mailmaga #formWrap li li .name a,
#texts.mailmaga li li .name a {
	float: right;
	color: #666;
}
.mailmaga #formWrap .magazine_check,
#texts.mailmaga .magazine_check {
	float: right;
	font-size: 9px;
	line-height: 12px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}
.mailmaga #formWrap h3 + .magazine_check,
#texts.mailmaga h3 + .magazine_check { margin-top: 3px; }
.mailmaga #formWrap .magazine_check span,
#texts.mailmaga .magazine_check span {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	overflow: hidden;
	vertical-align: top;
}
.mailmaga #formWrap .magazine_check .magazine_on,
#texts.mailmaga .magazine_check .magazine_on {
	padding: 2px;
	border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
	-ms-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-right: 1px solid #c8c8c8;
}
.mailmaga #formWrap .magazine_check .magazine_off,
#texts.mailmaga .magazine_check .magazine_off {
	padding: 2px;
	border-radius: 0 2px 2px 0;
	-o-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px x 0;
}
.mailmaga #formWrap .magazine_check span label,
#texts.mailmaga .magazine_check span label {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: top;
	width: 40px;
	color: #595959;
	cursor: pointer;
	padding: 3px 0 2px;
	text-align: center;
	background-color: #c8c8c8;
	font-size: 9px;
	font-weight: normal;
	line-height:12px;
	height: 17px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mailmaga #formWrap .magazine_check .magazine_off label,
#texts.mailmaga .magazine_check .magazine_off label {
	background-position: 4px 4px;
	background-repeat: no-repeat;
}
.mailmaga #formWrap .magazine_check span input[type="radio"]:checked + label,
#texts.mailmaga .magazine_check span input[type="radio"]:checked + label {
	color: #fff;
	background-color: #0068b8;
}
.mailmaga #formWrap .magazine_check span input[type="radio"][disabled] + label,
#texts.mailmaga .magazine_check span input[type="radio"][disabled] + label {
	cursor: default;
}
.mailmaga #formWrap .button {
	margin-top: 40px;
	text-align: center;
}

.mypage #cautionBox { padding: 10px 0 20px; }
.mypage #cautionBox dt {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}
.mypage #cautionBox .block {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: top;
}
.serviceList {
	_background-color:#B0E0E6;
	height:24px;
	padding:10px;
	font-weight:900;
}
.discription {
	color: #333;
}

.ponta_sec_img{
	background: url("../images/pontacard_seccode.png");
	width: 240px;
	height: 80px;
	background-size: cover;
	alt:"";
}