@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

/*base 8/21 body修正*/
body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'ＭＳ Ｐゴシック';
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

a:link{ font-size:12px; color:#0099CC;}
a:visited{ font-size:12px; color:#0099CC;}
a:hover{ font-size:12px; color:#FF6600;}

.clear { content : ""; display : block; height : 0; clear : both;}

/*header*/
#header { width:630px; height:45px; text-align:left; margin-bottom:10px; margin-left: auto; margin-right: auto;}


/*main*/
#container { width:600px; height:320px; padding:20px 15px 15px 15px; background-image:url(../images/step_bg.gif); background-repeat:no-repeat;  margin-left: auto; margin-right: auto;}

#leftnavi {
	float: left;
	position: relative; 
	height: 276px;
	margin-right: 20px;
	width: 130px;
}

#leftnavi .verisign_seal {
	left: 8px;
	bottom: 0px;
	position: absolute;
}

#container h2 {
	border-bottom: 1px solid #ffcd7c;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px; 
}

#contents { width:450px; text-align:left; float:left;}
#contents .hdl{ font-size:14px; font-weight:bold; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:450px;}
#contents .mds{ font-size:14px; font-weight:bold; margin-bottom:3px; padding-left:3px; width:99%;}
#contents .line{ width:434px; height:1px; background-image:url(../images/cntnts_line.gif); background-repeat:repeat-x; margin:3px 0 8px 0;}
#contents .txt{ font-size:12px; line-height:16px; color:#333300; padding-left:3px;}
#contents .main{ width:434px; height:234px; text-align:left; padding:8px;background-image:url(../images/bg_main.gif) ; background-repeat:no-repeat;}
#contents .box{ width:99%; padding-left:3px;}
#contents .flashbox{ width:422px;}
#contents P{ margin:0;}
#contents .btn{ width:450px; text-align:center; margin-top:15px;}
#contents .detail{ font-size:12px; color:#663300; font-weight:bold; margin-bottom:0px;}
#contents .btn2{ width:450px; text-align:center; margin-top:4px; line-height: 20px;}


/*clear*/
#clear:after{ content : ""; display : block; height : 0; clear : both; margin-bottom:2px;}


/*agree 8/21修正*/
#containerAg { width:600px;  padding:0 15px 0 15px; text-align:center;}
#contentsAg { width:590px; text-align:left;}
#contentsAg .hdl{ font-size:12px; font-weight:bold; margin-bottom:10px; text-align:center;}
#contentsAg .btn{font-size:12px; text-align:center; margin-top:25px;}
#headerAg { width:630px; text-align:left; margin-bottom:10px; }
#headerAg .line{ width:630px; height:5px; background-color:#FF9900; margin-bottom:5px;}

/*広告バナー*/
#adBanner {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 630px;
}

/*footer*/
#footer {
	color: #999999; 
	font-size: 10px; 
	height: 45px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 390px;
}

#footer img {
	float: left;
}

#footer a {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #ff6600;
	text-decoration:underline; 
}

/* 支払い情報 */
.payment_info {
	border: 0px solid;
}

.payment_info .required {
	color: #FF0000;
	font-size: 10px;
	font-weight: normal;
}

.payment_info dl {
	margin: 8px 0;
	padding: 0;
}

.payment_info dt {
	clear: both;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	width: 120px;
}

.payment_info dd {
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
}

.payment_info caption {
	border-bottom: 1px #CCCCCC solid;
	font-weight: bold;
	padding: 0;
	text-align: left;
}

.payment_info .form-row {
	height: 25px;
}

.payment_info .form-row th {
	padding-left: 5px;
	width: 120px;
}

.payment_info .form-row td {
	padding-left: 5px;
}

.payment_info .form-row0 {
	background-color: #EFEFEF;
}

.payment_info .form-row1 {
	background-color: #E4E4E4;
}

.payment_info input.error {
	background-color: #ffaaaa;
}

.payment_info textarea.error {
	background-color: #ffaaaa;
}

.payment_info a.help {
	color: #0099CC; 
	font-size: 8px;
}

.payment_info a:hover.help {
	color: #FF6600; 
}

.payment_info .button {
	float: right;
	margin-top: 4px;
}

/*チェック用20080208*/
.check-txt01{ font-weight:bold; color:#009933; font-size:100%;}
.check-txt02{ font-weight:bold; color:#FF3333; font-size:100%;}

