/* body */

* {
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	-o-box-sizing: border-box ;
	-ms-box-sizing: border-box ;
	box-sizing: border-box ;
}

body {
	background: #fdeef6 ;
	width: 100% ;
	min-width: 320px ;
	margin: 0 auto ;
	font-size: 14px ;
	line-height: 1.7 ;
	color: #333333 ;
	-webkit-text-size-adjust: 100% ;
}
body#agreement {
	background: #ffffff ;
}

a:link,
a:visited {
	color: #0033cc ;
	text-decoration: underline ;
}
a:hover,
a:active {
	color: #ff6600 ;
	text-decoration: none ;
}

img {
	max-width: 100% ;
	height: auto ;
	vertical-align: bottom ;
}




/* page */

#wrapper {
	background: #ffffff ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5) ;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5) ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5) ;
}

#container {
	background: #ffffff ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	padding: 0 40px ;
}

header h1 {
	background: #ffffff ;
	width: 100% ;
	margin: 0 0 20px 0 ;
	border-bottom: 8px solid #02306a ;
	text-align: center ;
}
header.agreement h1 {
	margin: 0 ;
	border-bottom: 4px solid #02306a ;
}

footer {
	background: #ccedfc ;
	width: 100% ;
}
footer .add {
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	padding: 30px 0 ;
	line-height: 2.4 ;
	text-align: center ;
	color: #000000 ;
}
footer .copy {
	background: #02306a ;
	width: 100% ;
	padding: 20px 0 ;
	font-size: 12px ;
	line-height: 1.1 ;
	color: #ffffff ;
	text-align: center ;
}




/* contents */

.box1 {
	background: #ffffff ;
	width: 100% ;
	margin: 0 0 40px 0 ;
	padding: 20px ;
	border: 20px solid #99d9f6 ;
	-webkit-border-radius: 20px ;
	-moz-border-radius: 20px ;
	border-radius: 20px ;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5) ;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5) ;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5) ;
}
.box2 {
	background: #ffffff ;
	width: 100% ;
	margin: 0 0 40px 0 ;
	padding: 20px ;
	border: 20px solid #eeeeee ;
	-webkit-border-radius: 20px ;
	-moz-border-radius: 20px ;
	border-radius: 20px ;
}

.addd{
	text-align: center;
}

.btn-cap {
	width: 100% ;
	margin: 0 0 15px 0 ;
	font-size: 16px ;
	font-weight: bold ;
	line-height: 1.1 ;
	color: #02306a ;
	text-align: center ;
}
.btn {
	width: 100% ;
	margin: 0 0 40px 0 ;
	text-align: center ;
}
.btn a:hover,
.btn a:active,
.btn input:hover,
.btn input:active {
	filter: alpha(opacity=50) ;
	-moz-opacity: 0.5 ;
	opacity: 0.5 ;
}
.btn .cb1 {
	margin: 0 10px ;
}
.btn .cb2 {
	margin: 0 10px ;
}
.btn input {
	vertical-align: bottom ;
}

.about h2 {
	padding: 10px 0 20px 0 ;
	text-align: center ;
}
.about p {
	font-size: 16px ;
	text-align: center ;
}

.contents {
	margin: 0 0 40px 0 ;
	-webkit-border-radius: 20px ;
	-moz-border-radius: 20px ;
	border-radius: 20px ;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5) ;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5) ;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5) ;
}
.contents h2 {
	background: #0088cc ;
	width: 100% ;
	text-align: center ;
	border-bottom: 3px solid #02306a ;
	-webkit-border-radius: 20px 20px 0 0 ;
	-moz-border-radius: 20px 20px 0 0 ;
	border-radius: 20px 20px 0 0 ;
	overflow: hidden ;
}
.contents-box {
	background: #ccedfc ;
	width: 100% ;
	padding: 20px 30px ;
	-webkit-border-radius: 0 0 20px 20px ;
	-moz-border-radius: 0 0 20px 20px ;
	border-radius: 0 0 20px 20px ;
}

.special dt {
	margin: 0 0 10px 0 ;
}
.special dd {
	margin: 0 0 15px 0 ;
	text-align: right ;
	line-height: 1.3 ;
}
.other {
	background: #ffffff ;
	padding: 15px ;
	border: 5px solid #ffaa00 ;
	font-weight: bold ;
	line-height: 1.1 ;
	text-align: center ;
	font-size: 16px ;
	color: #000000 ;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px ;
	border-radius: 10px ;
}
.special-now {
	margin: -30px 0 25px 0 ;
	font-size: 12px ;
}

.faq {
	background: #ffffff ;
	width: 100% ;
	margin: 0 0 10px 0 ;
	padding: 18px ;
	border: 2px solid #cccccc ;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px ;
	border-radius: 10px ;
}
.faq dt {
	margin: 0 0 10px 0 ;
	padding: 0 0 8px 2em ;
	text-indent: -2em ;
	font-size: 24px ;
	line-height: 1.3 ;
	color: #02306a ;
	border-bottom: 1px solid #999999 ;
}
.faq dd {
	padding: 0 0 0 2.8em ;
	text-indent: -2.8em ;
	font-size: 16px ;
}
.faq dd span {
	font-size: 24px ;
	line-height: 1.3 ;
}
.contents-box .faq:last-child {
	margin: 0 ;
}

.terms h3 {
	margin: 0 0 10px 0 ;
	padding: 0 0 7px 0 ;
	font-size: 18px ;
	font-weight: bold ;
	line-height: 1.2 ;
	border-bottom: 1px solid #cccccc ;
}
.terms dl {
	margin: 0 0 10px 0 ;
	width: 100% ;
}
.terms dt {
	float: left ;
	width: 5em ;
	white-space: nowrap ;
}
.terms dd {
	margin: 0 0 0 5em ;
}
.terms .caution {
	margin: 0 0 10px 0 ;
	font-size: 16px ;
	font-weight: bold ;
	line-height: 1.2 ;
	color: #cc0000 ;
}
.terms li {
	padding: 0 0 0 1em ;
	text-indent: -1em ;
}

.code-title {
	background-image: -moz-linear-gradient(top, #0088cc, #009fe8);
	background-image: -ms-linear-gradient(top, #0088cc, #009fe8);
	background-image: -o-linear-gradient(top, #0088cc, #009fe8);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#0088cc), to(#009fe8));
	background-image: -webkit-linear-gradient(top, #0088cc, #009fe8);
	background-image: linear-gradient(top, #0088cc, #009fe8);
	margin: 0 0 40px 0 ;
}
.code-title h2 {
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	padding: 12px 40px ;
}

.agreement-txt {
	width: 100% ;
	height: 450px ;
	padding: 10px ;
	font-size: 14px ;
	overflow-y: scroll ;
}
.agreement-txt .col {
	margin: 0 0 30px 0 ;
	padding: 0 0 30px 0 ;
	border-bottom: 1px solid #cccccc ;
}
.agreement-txt .col .col {
	margin: 0 ;
	padding: 0 ;
	border-bottom: none ;
}
.agreement-txt h3 {
	margin: 0 0 15px 0 ;
	font-size: 18px ;
	font-weight: bold ;
	color: #02306a ;
	line-height: 1.4 ;
}
.agreement-txt h4,
.agreement-txt h5 {
	margin: 15px 0 10px 0 ;
	font-size: 16px ;
	font-weight: bold ;
	line-height: 1.4 ;
}
.agreement-txt p {
	margin: 0 0 10px 0 ;
}
.agreement-txt ul,
.agreement-txt ol {
}
.agreement-txt li {
	margin: 5px 0 ;
}
.agreement-txt li ul,
.agreement-txt li ol {
	padding: 0 0 0 1em ;
}
.agreement-txt table {
	width: 100% ;
	margin: 10px 0 ;
	border: 1px solid #dddddd ;
}
.agreement-txt table th {
	background: #eeeeee ;
	padding: 5px ;
	border: 1px solid #dddddd ;
}
.agreement-txt table td {
	padding: 5px ;
	border: 1px solid #dddddd ;
}










@media screen and (max-width:640px) {

body {
	background: #ffffff ;
	font-size: 12px ;
	line-height: 1.6 ;
}

#wrapper {
	background: #ffffff ;
	width: 100% ;
}

#container {
	width: 100% ;
	padding: 0 10px ;
}

header h1 {
	width: 100% ;
	margin: 0 0 10px 0 ;
	border-bottom: 4px solid #02306a ;
}
header.agreement h1 {
	border-bottom: 2px solid #02306a ;
}

footer {
	padding: 0 ;
}
footer .add {
	padding: 20px 10px ;
	line-height: 1.7 ;
	font-size: 12px ;
}
footer .copy {
	padding: 12px 10px ;
	font-size: 10px ;
}

.box1 {
	margin: 0 0 20px 0 ;
	padding: 10px ;
	border: 10px solid #99d9f6 ;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px ;
	border-radius: 10px ;
}
.box2 {
	margin: 0 0 20px 0 ;
	padding: 10px ;
	border: 10px solid #eeeeee ;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px ;
	border-radius: 10px ;
}

.btn-cap {
	margin: 0 0 10px 0 ;
	font-size: 12px ;
}
.btn {
	margin: 0 0 15px 0 ;
}
.btn .cb1 {
	width: 30% ;
	margin: 0 5px ;
}
.btn .cb2 {
	width: 45% ;
	margin: 0 5px ;
}

.about h2 {
	padding: 0 0 6px 0 ;
	text-align: center ;
	font-size: 1px ;
}
.about p {
	font-size: 12px ;
	text-align: center ;
}

.contents {
	margin: 0 0 20px 0 ;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px ;
	border-radius: 10px ;
}
.contents h2 {
	border-bottom: 2px solid #02306a ;
	-webkit-border-radius: 10px 10px 0 0 ;
	-moz-border-radius: 10px 10px 0 0 ;
	border-radius: 10px 10px 0 0 ;
}
.contents-box {
	background: #ccedfc ;
	width: 100% ;
	padding: 10px ;
	-webkit-border-radius: 0 0 10px 10px ;
	-moz-border-radius: 0 0 10px 10px ;
	border-radius: 0 0 10px 10px ;
}

.special dt {
	margin: 0 0 8px 0 ;
}
.special dd {
	margin: 0 0 12px 0 ;
	line-height: 1.1 ;
}
.other {
	padding: 10px ;
	border: 3px solid #ffaa00 ;
	line-height: 1.4 ;
	font-size: 14px ;
	-webkit-border-radius: 6px ;
	-moz-border-radius: 6px ;
	border-radius: 6px ;
}
.special-now {
	margin: -15px 0 10px 0 ;
	font-size: 10px ;
}

.faq {
	margin: 0 0 5px 0 ;
	padding: 8px ;
	border: 1px solid #cccccc ;
	-webkit-border-radius: 6px ;
	-moz-border-radius: 6px ;
	border-radius: 6px ;
}
.faq dt {
	margin: 0 0 8px 0 ;
	padding: 0 0 8px 2.1em ;
	text-indent: -2.1em ;
	font-size: 14px ;
	line-height: 1.4 ;
	color: #02306a ;
	border-bottom: 1px solid #999999 ;
}
.faq dd {
	padding: 0 0 0 2em ;
	text-indent: -2em ;
	font-size: 14px ;
}
.faq dd span {
	font-size: 14px ;
	line-height: 1.3 ;
}

.terms h3 {
	margin: 0 0 8px 0 ;
	padding: 0 0 5px 0 ;
	font-size: 14px ;
	border-bottom: 1px solid #cccccc ;
}
.terms dl {
	margin: 0 0 8px 0 ;
	width: 100% ;
}
.terms dt {
	float: left ;
	width: 5em ;
	white-space: nowrap ;
}
.terms dd {
	margin: 0 0 0 5em ;
}
.terms .caution {
	margin: 0 0 8px 0 ;
	font-size: 14px ;
	font-weight: bold ;
	line-height: 1.4 ;
	color: #cc0000 ;
}
.terms li {
	padding: 0 0 0 1em ;
	text-indent: -1em ;
}

.code-title {
	margin: 0 0 20px 0 ;
}
.code-title h2 {
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	padding: 10px ;
	font-size: 1px ;
}
.code-title h2 img {
	width: 20% ;
	height: auto ;
}

.agreement-txt {
	width: 100% ;
	height: 320px ;
	padding: 0 10px 0 0 ;
	font-size: 12px ;
	overflow-y: scroll ;
}
.agreement-txt .col {
	margin: 0 0 15px 0 ;
	padding: 0 0 10px 0 ;
}
.agreement-txt .col .col {
	margin: 0 ;
	padding: 0 ;
	border-bottom: none ;
}
.agreement-txt h3 {
	margin: 0 0 10px 0 ;
	font-size: 14px ;
	font-weight: bold ;
	color: #02306a ;
	line-height: 1.4 ;
}
.agreement-txt h4,
.agreement-txt h5 {
	margin: 15px 0 10px 0 ;
	font-size: 12px ;
	font-weight: bold ;
	line-height: 1.4 ;
}
.agreement-txt p {
	margin: 0 0 10px 0 ;
}
.agreement-txt li {
	margin: 0 0 5px 0 ;
}
.agreement-txt table th {
	padding: 4px ;
}
.agreement-txt table td {
	padding: 4px ;
}



}








/* modules */

.fl { float: left ; }
.fr { float: right ; }
.cb { clear: both ; }

.fcb {
	display: inline-block ;
}
.fcb:after {
	content: "." ;
	font-size: 0.1em ;
	line-height: 0 ;
	display: block ;
	height: 0 ;
	visibility: hidden ;
	clear: both ;
}
/* \*/
* html .fcb {
    height: 1% ;
}
.fcb {
    display: block ;
}

.tl,
.tl th,
.tl td { text-align: left !important ; } /*蟾趣ｿｽ*/
.tr,
.tr th,
.tr td { text-align: right !important ; } /*�ｽ�ｳ*/
.tc,
.tc th,
.tc td { text-align: center !important ; } /*�ｽ?�ｽ�ｽ*/

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.tp25 { margin-top: 25px !important ; }
.tp30 { margin-top: 30px !important ; }
.tp35 { margin-top: 35px !important ; }
.tp40 { margin-top: 40px !important ; }
.tp45 { margin-top: 45px !important ; }
.tp50 { margin-top: 50px !important ; }
.tp60 { margin-top: 60px !important ; }
.tp70 { margin-top: 70px !important ; }
.tp80 { margin-top: 80px !important ; }
.tp90 { margin-top: 90px !important ; }
.tp100 { margin-top: 100px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.bp25 { margin-bottom: 25px !important ; }
.bp30 { margin-bottom: 30px !important ; }
.bp35 { margin-bottom: 35px !important ; }
.bp40 { margin-bottom: 40px !important ; }
.bp45 { margin-bottom: 45px !important ; }
.bp50 { margin-bottom: 50px !important ; }
.bp60 { margin-bottom: 60px !important ; }
.bp70 { margin-bottom: 70px !important ; }
.bp80 { margin-bottom: 80px !important ; }
.bp90 { margin-bottom: 90px !important ; }
.bp100 { margin-bottom: 100px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.lp25 { margin-left: 25px !important ; }
.lp30 { margin-left: 30px !important ; }
.lp35 { margin-left: 35px !important ; }
.lp40 { margin-left: 40px !important ; }
.lp45 { margin-left: 45px !important ; }
.lp50 { margin-left: 50px !important ; }
.lp60 { margin-left: 60px !important ; }
.lp70 { margin-left: 70px !important ; }
.lp80 { margin-left: 80px !important ; }
.lp90 { margin-left: 90px !important ; }
.lp100 { margin-left: 100px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp12 { margin-right: 12px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }
.rp25 { margin-right: 25px !important ; }
.rp30 { margin-right: 30px !important ; }
.rp35 { margin-right: 35px !important ; }
.rp40 { margin-right: 40px !important ; }
.rp45 { margin-right: 45px !important ; }
.rp50 { margin-right: 50px !important ; }
.rp60 { margin-right: 60px !important ; }
.rp70 { margin-right: 70px !important ; }
.rp80 { margin-right: 80px !important ; }
.rp90 { margin-right: 90px !important ; }
.rp100 { margin-right: 100px !important ; }