@charset "UTF-8";

body {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/back.png);
}
body.agreementStyle {
	background: #F7F4F2 url("../img/banner_right_agreement.png?v=20160725") center center no-repeat fixed;
}
body.carStyle {
	background: #F7F4F2 url("../img/banner_right_1.png") center 80px no-repeat fixed;
}
body.bikeStyle {
	background: #F7F4F2 url("../img/banner_right_2.png") center center no-repeat fixed;
}
.clfx:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	clear: both;
}
a {
	color: #1d54a7;
	text-decoration: none;
}
a:hover {
	color: #bf0000;
	text-decoration: underline;
}

a img:hover {
	opacity: 0.7 ;
}

.header {
	height: 45px;
	margin: 0 auto 25px;
	border-bottom:1px solid #ccc;
}
.rakutenLogo {
	width: 740px;
	margin:0 auto;
	text-align:left;
}
div#header.carStyle {
	height: 250px;
	background: #BACBDB url("../img/booboo-subheader.png") no-repeat center;
}

.step {
	width: 740px;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
.step li {
	display: inline-block;
	line-height: 26px;
	margin: 0 6px 0 0;
	font-weight: bold;
	color: #999999;
}
.step li .number {
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 0 6px 0 8px;
	color: #ffffff;
	border-radius: 20px;
	background-color: #999999;
	text-align: center;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
}
.step li .arrow {
	float: right;
	position: relative;
	display: block;
	top: 5px;
	left: 8px;
	padding: 0 2px 0 1px;
	border-top: 7px solid transparent;
	border-left: 7px solid #999999;
	border-bottom: 7px solid transparent;
}
.step li .arrow:after {
	content: "";
	position: absolute;
	display: block;
	top: -7px;
	left: -10px;
	border-top: 7px solid transparent;
	border-left: 7px solid #ffffff;
	border-bottom: 7px solid transparent;
}
.step li.on {
	color: #bf0000;
}
.step li.on .number {
	background-color: #bf0000;
}
.step li.on .arrow {
	border-left: 7px solid #bf0000;
}
.errorPanel {
	display: none;
	width: 700px;
	height: 78px;
	line-height: 80px;
	margin: 0 auto 20px;
	border: 3px double #ed0000;
	background-color: #ffdddd;
	color: #ed0000;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}
.errorPanel.on {
	display: block;
}
.errorPanel .message {
	padding: 5px 0 5px 38px;
	background: url("../img/icon_error.png") left top no-repeat;
}
.article {
	position: relative;
	width: 800px;
	padding: 70px 20px 20px;
	margin: 70px auto 50px;
	background-color:#fff;
	border:10px solid #01409F;
	background-image:url("../images/kousi.jpg");
}
.article h2 {
	height: 40px;
	margin: 0 10px 30px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left:10px;
	background-color:#C9FBFF;
}
.article2 {
	width: 740px;
	padding:0 0 20px;
	margin: 0 auto 20px;
	border:1px solid #ccc;
	background-color:#fff;
}
.article2 h2{
	font-size:16px;
	line-height:150%;
	padding:5px 0 5px 15px;
	text-align:left;
	background:#FFF2BE;
	border-bottom:3px solid #FFCC02;
}

.article_left{
	width:50%;
	float:left;
}
.article_right{
	width:50%;
	float:right;
}
.floatingBanner {
	position: fixed;
	top: 50%;
	margin: -260px 0 0 770px;
	width: 172px;
	height: 520px;
	text-align: right;
}

.article .section {
	margin: 0 0 10px 10px;
	zoom: 1;
}
.article .section:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	clear: both;
}
.login {
	display: none;
	height: 36px;
	margin: -30px 0 20px 0;
	padding: 18px 0;
	background-color: #eeeeee;
	text-align: center;
}
.login.on {
	display: block;
}
.login a {
	display: block;
	width: 360px;
	height: 36px;
	line-height: 37px;
	margin: 0 auto;
	background-color: #bf0000;
	font-size: 14px;
	color: #ffffff;
	border-radius: 36px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.login a:hover {
	background-color: #dd0000;
	text-decoration: none;
}
.login .icon {
	display: inline-block;
	width: 17px;
	height: 20px;
	margin: 8px 8px 0 0;
	background: transparent url("../img/icon_login.png") center center no-repeat;
	vertical-align: top;
}
.section .errorMessage {
	clear: both;
	/*width: 100%;*/
	margin: 0px 10px -4px 0;
	padding: 4px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #ed0000;
}
.section .icon {
	position: relative;
	float: left;
	display: block;
	width: 50px;
	height: 1px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #ffffff;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}
.section .icon > .front {
	position: absolute;
	width: 26px;
	height: 20px;
	margin: 3px 0 0 0;
	padding: 0px 4px;
	background-color: #999999;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.section .icon > .front:after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	top: 0;
	right: -7px;
	border-top: 10px solid transparent;
	border-left: 7px solid #999999;
	border-bottom: 10px solid transparent;
}
.section.required .icon > .front {
	background-color: #bf0000;
	-webkit-transition: -webkit-transform 0.3s ease;
	-webkit-transform: rotateX(0deg);
	transition: transform 0.3s ease;
	transform: rotateX(0deg);
}
.section.required .icon > .front:after {
	border-left: 7px solid #bf0000;
}
.section.error select {
	background-color: #ffdddd;
}
.section.error input {
	background-color: #ffdddd;
}
.section.error textarea {
	background-color: #ffdddd;
}
.section.error textarea.required {
	background-color: #ffdddd;
}
.section.error .errorMessage {
	display: block;
}
.section .icon > .back {
	position: absolute;
	width: 26px;
	height: 20px;
	margin: 3px 0 0 0;
	padding: 0px 4px;
	background: #999999 url("../img/icon_checked.gif") center center no-repeat;
	background-color: #999999;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.section .icon > .back:after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	right: -7px;
	border-top: 10px solid transparent;
	border-left: 7px solid #999999;
	border-bottom: 10px solid transparent;
}
.section .icon > .back img {
	margin: 5px 0 0 7px;
}
.section.required .icon > .back {
	background-color: #3fc380;
	-webkit-transition: -webkit-transform 0.3s ease;
	-webkit-transform: rotateX(180deg);
	transition: transform 0.3s ease;
	transform: rotateX(180deg);
}
.section.required .icon > .back:after {
	border-left: 7px solid #3fc380;
}
.section.required .icon.checked > .front {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.section.required .icon.checked > .back {
	-webkit-transform: rotateX(360deg);
	transform: rotateX(360deg);
}
.section .label {
	line-height: 25px;
	font-size: 14px;
}
.section .radioWrap {
	margin-left: 60px;
}
.section .radioWrap label {
	padding: 0 1em 0 0;
}
.section .radioWrap input {
	margin: 0 0.25em 0 0;
}
.section .selectCover {
	display: none;
	position: absolute;
	width: 275px;
	height: 30px;
	left: 60px;
	background: transparent url("../img/transparent.gif") 0 0 no-repeat;
}
.section .selectWrap {
	position: relative;
}
.section .customModal {
	display: none;
	position: absolute;
	top: 27px;
	left: 60px;
	width:630px;
	margin: 0 10px 0 0;
	background-color: #eeeeee;
	border: 1px solid #666666;
	z-index: 1;
}
.section .customModal.on {
	display: block;
}
.section .customModal ul {
	overflow-x: auto;
	max-height: 400px;
	margin: 12px 12px 12px;
}
.section .customModal dl {
	overflow-x: auto;
	max-height: 400px;
	margin: 0px 12px 12px;
}
.section .customModal dt {
	cursor: default;
	clear: both;
	padding: 18px 0 6px 0;
	font-size: 14px;
	font-weight: bold;
	text-indent: 6px;
}
.section .customModal li,
.section .customModal dd {
	cursor: pointer;
	float: left;
	width: 145px;
	line-height: 2;
	font-size: 12px;
	text-indent: 6px;
}
.section .customModal li:hover,
.section .customModal dd:hover {
	background-color: #ffffff;
}
.section select {
	float: left;
	display: block;
	height: 25px;
	margin: 0 10px 0 0;
	padding: 5px 3px;
	box-sizing: content-box;
	border: 1px solid #999999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
}
.section.checked select {
	background-color: #ffffdd;
}
.section select.large {
	width: 255px;
}
.section select.middle {
	width: 120px;
}
.section .text {
	float: left;
	display: block;
	height: 25px;
	margin: 0 10px 0 0;
	padding: 5px 3px;
	box-sizing: content-box;
	border: 1px solid #999999;
	border-radius: 3px;
	text-indent: 0.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.section input.small {
	width: 80px;
}
.section input.middle {
	width: 140px;
}
.section input.large {
	width: 268px;
}
.section input.largeRight {
	width: 305px;
}
.section input.xxLarge {
	width: 604px;
}
.section .indent {
	margin-left: 50px;
}
.section .note {
	float: left;
	line-height: 15px;
	margin: 7px 0 0 1em;
	font-size: 12px;
	text-indent: -1em;
}
.section .noteAgreement {
	float: left;
	line-height: 27px;
	font-size: 12px;
	margin-right: 10px;
}
.section .noteLink {
	line-height: 27px;
	margin: 0 0 0 12px;
	font-size: 12px;
}
.section label {
	line-height: 36px;
	font-size: 15px;
	margin:0;
	padding:0;
}
.section textarea {
	width: 600px;
	height: 6em;
	border-radius: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.section .breakWrap {
	margin-bottom: 40px;
	clear: both;
}
.section .commentNote {
	float: left;
	line-height: 16px;
	font-size: 12px;
	margin-right: 10px;
}
.section .reviewWrap {
	font-size: 14px;
	width: 560px;
}
.section .reviewWrap li {
	float: left;
	width: 168px;
	height: 78px;
	margin: 10px 10px 0 0;
	border: 1px solid #cccccc;
	text-align: center;
}
.section .reviewWrap li .star {
	cursor: pointer;
	width: 136px;
	height: 23px;
	margin: 14px auto 12px;
	background: #ffffff url("../img/review_stars.png") 0px -150px no-repeat;
}
.section .reviewWrap li.rate1 .star {
	background-position: 0px -120px;
}
.section .reviewWrap li.rate2 .star {
	background-position: 0px -90px;
}
.section .reviewWrap li.rate3 .star {
	background-position: 0px -60px;
}
.section .reviewWrap li.rate4 .star {
	background-position: 0px -30px;
}
.section .reviewWrap li.rate5 .star {
	background-position: 0px 0px;
}
.section .hyphen {
	float: left;
	display: block;
	width: 20px;
	height: 25px;
	line-height: 27px;
	margin: 0 0 0 -10px;
	color: #888888;
	text-align: center;
	font-weight: bold;
}
.section .postalCodeButton {
	cursor: pointer;
	float: left;
	width: 90px;
	height: 30px;
	margin: 3px 0 0 10px;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	background-color: #cccccc;
	border: 2px solid #cccccc;
	border-radius: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.section .postalCodeAddress {
	display: none;
	width: 507px;
	height: 25px;
	line-height: 25px;
	margin: 10px 0 10px 60px;
	font-size: 14px;
}
.section .postalCodeAddress.on {
	display: block;
}
.section .postalCodeButton.on {
	color: #3fc380;
	background-color: #ffffff;
	border: 2px solid #3fc380;
}
.section .addressCover {
	display: none;
	width: 358px;
	height: 25px;
	line-height: 25px;
	margin: 10px 0 10px 50px;
	color: #999999;
	background-color: #eeeeee;
	font-size: 12px;
	text-indent: 12px;
}
.section .addressCover.on {
	display: block;
}
.section .street {
	width: 305px;
}
.section .phoneNumber {
	height: 16px;
	line-height: 18px;
	padding-left: 16px;
	font-size: 12px;
	background: url("../img/icon_phone.gif") center left no-repeat;
}
.section .setumei {
	clear:both;
	height: 20px;
	line-height: 24px;
	font-size: 12px;
	color:#666;
}

.companySelect .section {
	margin: 0;
}
.companySelect .section ul{
	margin-top: 30px;
}
.companySelect li {
	float: left;
	width: 88px;
	height: 120px;
	margin: 0 0 0 49px;
	text-align: center;
}
.companySelect input {
	display: block;
	margin: 0px 0px 8px 40px;
}
.companySelect input + a img {
	opacity: 0.6;
}
.companySelect input:checked + a img {
	opacity: 1;
}
.companySelect a {
	font-size: 12px;
}
.companySelect img {
	display: block;
	margin: 0 0 8px 0;
}
.companySelectAgreement ul {
	margin: 20px 0 0 41px;
}
.companySelectAgreement li {
	float: left;
	width: 88px;
	height: 120px;
	margin: 0 0 0 49px;
	text-align: center;
}
.companySelectAgreement input {
	display: block;
	margin: 0 0 8px 36px;
}
.companySelectAgreement input + a img {
	opacity: 0.6;
}
.companySelectAgreement input:checked + a img {
	opacity: 1;
}
.companySelectAgreement a {
	font-size: 12px;
}
.companySelectAgreement img {
	display: block;
	margin: 0 0 8px 0;
}
.companySelectAgreement .priceSection {
	border-top: 1px solid #333333;
	margin: 0 0 0 0;
	padding: 30px 0 30px 30px;
}
.confirmation {
	width: 742px;
}
.confirmation h2 {
	margin: 0;
	color: #333333;
}
.confirmation .section {
	margin: 0;
	font-size: 14px;
}
.confirmation .section .reviewWrap li .star {
	cursor: default;
}
.confirmation .section .compliantWrap {
	line-height: 1.5;
	margin: 0 0 10px 0;
	list-style-type: disc;
	list-style-position: inside;
}
.confirmation dl {
	margin: 15px 0 0 15px;
	word-break: break-all;
}
.confirmation dt {
	float: left;
	width: 150px;
	background: #ffffff url("../img/icon_checked_green.gif") left 1px no-repeat;
	text-indent: 20px;
}
.confirmationAgreement dt {
	float: left;
	width: 110px;
	margin: 0 20px 25px 0;
	padding: 0 0 0 20px;
	background: #ffffff url("../img/icon_checked_green.gif") left 1px no-repeat;
	text-indent: 0px;
}
.confirmation dd {
	float: left;
	width: 530px;
	margin: 0 0 10px 0;
}
.confirmation dd.height3em {
	height: 3em;
}
.confirmation dd .companyLogo {
	width: 88px;
	margin: -10px 0 0 0;
}
.confirmation dd .companyLogo img {
	display: block;
	margin: 0 0 15px 0;
}
.confirmation dd .companyLogo a {
	display: block;
	text-align: center;
	font-size: 12px;
}
.confirmation dd .companyLogoCancel ul {
	width: 600px;
}
.confirmation dd .companyLogoCancel li {
	margin: 0 0 20px 20px;
	width: 88px;
	float: left;
}
.confirmation dd .companyLogoCancel {
	width: 88px;
	margin: -10px 0 0 0;
}
.confirmation dd .companyLogoCancel img {
	display: block;
	margin: 0 0 15px 0;
}
.confirmation dd .companyLogoCancel a {
	display: block;
	text-align: center;
	font-size: 12px;
}
.confirmation hr {
	clear: both;
	display: block;
	width: 100%;
	margin: 0;
	border-top: 1px solid #cccccc;
	border-bottom: none;
}
.questionnaire {
	border: 1px solid #cccccc;
}
.questionnaire h2 {
	height: 26px;
	line-height: 26px;
	background-color: #cccccc;
	color: #333333;
	text-align: center;
	font-size: 12px;
}
.questionnaire dl {
	word-break: break-all;
}
.questionnaire dt {
	float: left;
	width: 150px;
	height: 50px;
	line-height: 27px;
	font-size: 14px;
}
.questionnaire dd {
	float: left;
	width: 550px;
	height: 50px;
}
.questionnaire label {
	margin: 0 15px 0 0;
}
.questionnaire dd input {
	width: 15px;
	height: 15px;
	margin: 0 8px 0 0;
}
.questionnaireNote {
	width: 740px;
	margin: -10px auto 20px;
	text-align: right;
	line-height: 15px;
	font-size: 12px;
}
.questionnaireNoteAgreement {
	width: 740px;
	margin: -10px auto 20px;
	text-align: left;
	line-height: 1.5;
	font-size: 12px;
}
.contract {
	border: 1px solid #cccccc;
}
.contract h2 {
	margin-bottom: 0px;
	background-color: #cccccc;
	color: #333333;
	text-align: left;
	font-size: 16px;
	padding-left:15px;
	border:none;
}
.contract div {
	overflow-y: scroll;
	height: 8em;
	padding: 14px 0 0 14px;
}
.contract p {
	line-height: 1.5;
	margin-bottom: 1.5em;
	font-size: 14px;
}
.contract p:last-child {
	margin-bottom: 14px;
}
.contractNote {
	width: 740px;
	margin: 0 auto 0;
	font-size: 14px;
	text-align: center;
}
.contractNote em {
	font-weight: bold;
}
.buttonArea {
	clear:both;
	position: relative;
	width: 740px;
	margin: 30px auto 10px;
	text-align: center;
}
.buttonArea a {
	position: absolute;
	left: 0px;
	line-height: 50px;
	font-size: 14px;
}
.buttonArea .greenButton {
	position: relative;
	cursor: pointer;
	width: 360px;
	height: 51px;
	top: 0;
	line-height: 52px;
	background-color: #3fc380;
	border: none;
	border-radius: 32px;
	box-shadow: 0px 3px 0px #36a66d;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.buttonArea .greenButton:hover {
	background-color: #50d290;
}
.buttonArea .greenButton:active {
	top: 4px;
	box-shadow: none;
}

.buttonArea .imgbtn {
	background:url(../images/form_btn.png) no-repeat;
	width:581px;
	height:111px;
	box-shadow: none;
	border:none;
	font-size:1px;
	text-align:left;
	color:#74E874;
}
.buttonArea .imgbtn:hover {
	opacity: 0.7 ;
}
.buttonArea .imgbtn2 {
	background:url(../images/btn2.png) no-repeat;
	width:657px;
	height:125px;
	box-shadow: none;
	border:none;
	font-size:1px;
	text-align:left;
	color:#74E874;
}
.buttonArea .imgbtn2:hover {
	opacity: 0.7 ;
}

.buttonArea .whiteButton {
	position: static;
	display: block;
	width: 198px;
	height: 30px;
	line-height: 32px;
	margin: 0 auto 70px;
	border: 1px solid #515151;
	border-radius: 3px;
	color: #333333;
}
.buttonArea .backButton {
	cursor: pointer;
	position: relative;
	display: block;
	width: 200px;
	height: 32px;
	line-height: 32px;
	margin: 0 auto 70px;
	padding: 0;
	border: none;
	border-radius: 3px;
	background-color: #515151;
	color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.buttonArea .whiteButton:hover {
	text-decoration: none;
}
.buttonArea .rightArrow {
	position: absolute;
	display: block;
	width: 10px;
	height: 16px;
	top: 19px;
	right: 17px;
	background: transparent url("../img/icon_arrow.png");
}
.buttonArea .leftArrow {
	position: absolute;
	display: block;
	width: 10px;
	height: 16px;
	top: 7px;
	left: 12px;
	background: transparent url("../img/icon_arrow_left.png");
}
.middleNote {
	position: relative;
	width: 740px;
	height: 10px;
	margin: 10px auto 30px;
	text-align: center;
}
.middleNote a {
	position: absolute;
	left: 0px;
	font-size: 14px;
}
.bottomNote {
	position: relative;
	width: 740px;
	margin: 40px auto 80px;
	text-align: center;
}
.bottomNote a {
	position: absolute;
	left: 0px;
	font-size: 14px;
}
.bottomNote .note {
	text-align: right;
	font-size: 12px;
	line-height: 1.5;
}
.completed {
	text-align: center;
	border: 1px solid #cccccc;
}
.completed .approvedIcon {
	float: none;
	width: 56px;
	height: 56px;
	margin: 20px auto 10px;
	background: #ffffff url("../img/icon_checked_big.png") center center no-repeat;
}
.completed .pointIcon {
	float: none;
	width: 56px;
	height: 56px;
	margin: 20px auto 10px;
	background: #ffffff url("../img/icon_point_big.png") center center no-repeat;
}
.completed .message {
	margin: 0 0 20px 0;
	font-size: 20px;
}
.completed .subMessage {
	font-size: 15px;
}
.completed .subMessage strong {
	margin: 0 0.5em;
	color: #ff0000;
	font-weight: bold;
}
.completed .subMessage.small {
	line-height: 18px;
	font-size: 12px;
}
.completed .application a {
	position: relative;
	display: block;
	width: 280px;
	height: 40px;
	line-height: 40px;
	margin: 40px auto 15px;
	background-color: #bf0000;
	border-radius: 40px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.completed .application a:hover {
	background-color: #dd0000;
	text-decoration: none;
}
.completed .application .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 8px -24px 0px 8px;
	background: transparent url("../img/icon_point.png") center center no-repeat;
	vertical-align: top;

}
.completed .application .arrow {
	position: absolute;
	display: block;
	width: 10px;
	height: 16px;
	top: 12px;
	right: 17px;
	background: transparent url("../img/icon_arrow.png");

}
.completedNote {
	width: 740px;
	margin: -10px auto 20px;
	line-height: 1.5;
	font-size: 12px
}
.notification {
	border: 1px solid #cccccc;
}

.notification dl {
	margin: 20px;
	word-break: break-all;
}
.notification dt {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.notification dd {
	margin: 0 0 30px 0;
	line-height: 18px;
	font-size: 12px;
}
.footer {
	width: 740px;
	line-height: 30px;
	margin: 20px auto 10px;
	text-align: center;
}
.notificationNote {
	width: 700px;
	margin: -10px auto 60px;
	line-height: 18px;
	font-size: 12px;
}
.bannerArea {
	width: 740px;
	margin: 0 auto 46px;
	text-align: center;
	font-size: 0;
}
.bannerArea li {
	display: inline-block;
	margin: 0 12px 24px;
}
.certificateArea {
	width: 740px;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 0;
}
.certificateArea li {
	display: inline-block;
	margin: 0 17px;
}
.agreement {
	font-size: 12px;
	line-height: 2;
	border: 1px solid #ff0000;
}
.agreement .agreementIcon {
	float: none;
	width: 56px;
	height: 56px;
	margin: 20px auto 0px;
	background: #ffffff url("../img/icon_alert.png") center center no-repeat;
}
.agreement .message {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 20px;
}
.agreement .subMessage {
	margin: 0 20px 0 0;
}
.agreement .subMessage em {
	color: #ff0000;
}
.agreement .subMessage ul {
	padding: 0 0 0 20px;
	list-style-type: disc;
}
.carSelect {
	background-color: #f6f6f6;
}
.carSelect h2 {
	margin: 0px;
}
.carSelect .section {
	margin: 40px;
}
.carSelect li {
	position: relative;
	margin: 0 0 10px 0;
	padding: 30px 40px 30px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
.carSelect h3 {
	margin: 0 0 10px 0;
	font-size: 13px;
	font-weight: bold;
}
.carSelect dl {
	float: left;
	width: 210px;
	line-height: 1.5;
	font-size: 12px;
}
.carSelect dt {
	display: inline-block;
}
.carSelect dd {
	display: inline-block;
	margin: 0 0 0 0;
}
.carSelect button,
.carSelect .disabled {
	cursor: pointer;
	position: absolute;
	width: 172px;
	height: 36px;
	line-height: 36px;
	top: 42px;
	right: 30px;
	border: none;
	border-radius: 36px;
	background-color: #3fc380;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.carSelect .disabled {
	cursor: text;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #999999;
}
.carSelect button:hover {
	background-color: #50d290;
}
.carSelect button .rightArrow {
	position: absolute;
	display: block;
	width: 10px;
	height: 16px;
	top: 10px;
	right: 10px;
	background: transparent url("../img/icon_arrow_small.png") center center no-repeat;
}
.serviceError {
	border: 1px solid #ed0000;
	text-align: center;
}
.serviceError .errorIcon {
	float: none;
	width: 56px;
	height: 56px;
	margin: 20px auto 10px;
	background: #ffffff url("../img/icon_error_big.png") center center no-repeat;
}
.serviceError .message {
	margin: 0 0 20px 0;
	font-size: 20px;
}
.serviceError .subMessage {
	font-size: 15px;
}
.serviceError .subMessageAlignLeft {
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 13px;
}
.serviceError ul {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.5;
	margin: 0 0 20px 0;
	text-align: left;
	font-size: 13px;
}

.shopMessage {
	display: table;
	margin: 0 auto 70px;
}
.shopMessage > h2 {
	margin: 0 0 20px 0;
	background-color: #f6f6f6;
	color: #333333;
}
.shopMessage .section {
	margin: 0 30px 25px;
}
.shopMessage .section > img {
	display: block;
	width: 88px;
	height: 31px;
	margin: 0 auto 30px;
}

#shopContentsTable img {
	border: none;
	display: block;
}

#shopContentsTable tbody td {
	vertical-align: top;
	font-size: 82%;
	line-height: 1.2;
}

#shopContents p {
	font-size: 115%;
	font-weight: bold;
}

.shopMessage .shopInformation {
	width: 700px;
	margin: 0 auto;
	background-color: #f6f6f6;
}
.shopMessage dl {
	line-height: 2;
	margin: 30px 0 40PX;
	padding: 20px 30px;
	font-size: 14px;
}
.shopMessage dt {
	float: left;
	width: 125px;
}
.shopMessage dd {
	float: left;
	width: 500px;
}

.shopMessage .whiteButton {
	position: static;
	display: block;
	width: 158px;
	height: 30px;
	line-height: 32px;
	margin: 0 auto 40px;
	border: 1px solid #515151;
	border-radius: 3px;
	font-size: 14px;
	color: #333333;
	text-align: center;
}
.shopMessage .whiteButton:hover {
	text-decoration: none;
}
.footer a {
	font-size: 14px;
}
.footer .copyright {
	font-size: 12px;
}



/*フォーム*/
.buttonAnime {
    margin: 0 auto 40px;
    width: 730px;
    position: relative;
    background: none;
}

.buttonAnime .button-chance {
    margin: 15px auto 5px;
    display: block;
}
.buttonAnime input {
    width: 730px;
    height: 112px;
    display: block;
    box-sizing: border-box;
    position: absolute;

    left: 0;
    cursor: pointer;
    z-index: 10;
	padding: 0 0 0 1px;
    line-height: 1.5em;
    font-size: 100%;
    font-family: "MS PGothic";
}
.buttonAnime-free {
    width: 80px;
    height: 44px;
    display: block;
    position: absolute;
    top: 31px;
    left: 34px;
    z-index: 2;
}
.buttonAnime-free {
    -moz-animation-name: free;
    -moz-animation-duration: 4.0s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-name: free;
    -webkit-animation-duration: 4.0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -o-animation-name: free;
    -o-animation-duration: 4.0s;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: infinite;
    -ms-animation-name: free;
    -ms-animation-duration: 4.0s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count: infinite;
}
.buttonAnimeIndent {
    width: 730px;
    height: 108px;
    background: url(../images/button_anime.png) no-repeat left top;
}
.buttonAnimeIndent {
    animation-name: buttonindent;
    animation-duration: 4.0s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    transform: scale(1.0);
    transform-origin: center bottom;
    -moz-animation-name: buttonindent;
    -moz-animation-duration: 4.0s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    -moz-transform: scale(1.0);
    -moz-transform-origin: center bottom;
    -webkit-animation-name: buttonindent;
    -webkit-animation-duration: 4.0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform: scale(1.0);
    -webkit-transform-origin: center bottom;
    -o-animation-name: buttonindent;
    -o-animation-duration: 4.0s;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: infinite;
    -o-transform: scale(1.0);
    vtransform-origin: center bottom;
    -ms-animation-name: buttonindent;
    -ms-animation-duration: 4.0s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count: infinite;
    -ms-transform: scale(1.0);
    -ms-transform-origin: center bottom;
}
.buttonAnime-carInfoGet {
    width: 520px;
    height: 64px;
    display: block;
    position: absolute;
    background: none;
    top: 23px;
    left: 122px;
    z-index: 3;
}
.buttonAnime-carInfoGet {
    -moz-animation-name: confirmgo;
    -moz-animation-duration: 4.0s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-name: confirmgo;
    -webkit-animation-duration: 4.0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -o-animation-name: confirmgo;
    -o-animation-duration: 4.0s;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: infinite;
    -ms-animation-name: confirmgo;
    -ms-animation-duration: 4.0s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count: infinite;
}
@keyframes free{
0% {
    transform: scale(1.0);
    opacity: 1;
}

14% {
    transform: scale(1.0);
    opacity: 1;
}
18% {
    transform: scale(1.2);
    opacity: 1;
}
22% {
    transform: scale(0.9);
    opacity: 1;
}
26% {
    transform: scale(1.0);
    opacity: 1;
}
100% {
    transform: scale(1.0);
    opacity: 1;
}
}


@keyframes confirmgo{
0% {
    transform: scale(1.0);
    opacity: 1;
}

30% {
    transform: scale(1.0);
    opacity: 1;
}
34% {
    transform: scale(1.2);
    opacity: 1;
}
38% {
    transform: scale(0.9);
    opacity: 1;
}
42% {
    transform: scale(1.0);
    opacity: 1;
}
100% {
    transform: scale(1.0);
    opacity: 1;
}
}
@keyframes buttonindent{
48% {
    transform: skew(0deg);
}
51% {
    transform: skew(10deg);
}
54% {
    transform: skew(-10deg);
}

57% {
    transform: skew(5deg);
}
60% {
    transform: skew(-5deg);
}
63% {
    transform: skew(0deg);
}

}