@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	width: 100%;
}
body {
	font-size:12px;
	position:relative;
	line-height:1.4;
	letter-spacing:1px;
	height:100%;
	color:#666666;
	background:url(../img/bg.gif);
}

a{color:#666666; cursor:pointer; text-decoration:underline;}
a:hover{color:#000000; cursor:pointer; text-decoration:underline;}
a img{border:none;}

#wrapper{
	width:700px;
	margin:0px auto;

}

#header{
	width:100%;
	height: 62px;
	background:url(../img/header_bg.gif);
}

#area_01{
	width:700px;
	margin:0px auto;
	position:relative;
}

#back_btn{
	width:77px;
	height:16px;
	position:absolute;
	left: 575px;
	top: 21px;
}

#area_02{
	width:600px;
	padding:15px 50px;
	margin:0px auto;

}

h1{
	width: 227px;
	height: 51px;
	background: url(../img/logo.gif) no-repeat;
	text-indent:-9999px;
	margin-left:50px;

}

h2{
	margin:0px 0px 20px;
}

#contents{
	width:600px;
	margin:40px auto 30px;

}

.section{
	clear:both;
	float:none;
	padding-bottom:30px;
}

table{
	margin:0px 0px 30px;

}

table,td,th{ color:#343434;padding:0;border:none;border-collapse:collapse; }

td,th{
	border:solid 1px #ccc;
	padding:15px;
	vertical-align:top;
	text-align:left;
	empty-cells:show;
}

th{
	width:30%;
	background-color:#f7f7f7;

}

td{
	background-color:#FFFFFF;

}

.fs{
	font-size:10px;
	/*font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
	color:#999;
	margin-top:5px;
	margin-bottom:20px;
}

#copy{
	display:block;
	margin:0px auto;
	width:520px;
	height:92px;

}

ul.dotList{
	margin:5px 0px 5px 10px;

}

ul.dotList li{
	list-style-type:disc;
	margin-left:5px;
}


span.exit_icon {
background:url(../img/exit_.gif) no-repeat scroll left center transparent;
display:inline;
margin-left:5px;
padding:0;
}


#footer{
	width:100%;
	height: 122px;
	background:#000;
}

.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}


/*8.11更新*/

.column4{
	clear:both;
	display:block;
	padding:0;
	width:600px;
	margin-top: 10px;
}

.column4 .img_l{
	display:block;
	float:left;
	margin:0 12px 0 0;
	padding:0;
	width:141px;
}

.column4 .img_r{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:141px;
}

.column4 .img_l p,
.column4 .img_r p{
	margin-top:5px;

}

.column3{
	clear:both;
	display:block;
	padding:0;
	width:600px;
	margin-top: 10px;
}

.column3 .img_l{
	display:block;
	float:left;
	margin:0 12px 0 0;
	padding:0;
	width:192px;
}

.column3 .img_r{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:192px;
}

.advance{
	width:310px;
	height: 87px;
	position:absolute;
	left: 247px;
	top: 291px;

}

.img_left{
	float:left;
	margin-right:12px;
}

.txt{
	width: 396px;
	float:left;
}

.clr{
  clear: both;
}

/*受け取りに関してボタン*/

.act_button{
	width:580px;
	margin:0 auto 1.5em;
	padding:20px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
.cont_btn_howto{
	width:211px;
	margin:0 auto;
	background:url(../img/btn_howto_over.jpg) no-repeat;
	}
.cont_btn_howto a {
	display:block;
	width:211px;
	}
.cont_btn_howto a:hover{
	background:transparent;	
	}
.cont_btn_howto a:hover img{
	visibility:hidden;
	}


.cont_btn_info{
	width:312px;
	margin:0 auto;
	background:url(../img/btn_info_over.gif) no-repeat;
	}
.cont_btn_info a {
	display:block;
	width:312px;
	}
.cont_btn_info a:hover{
	background:transparent;	
	}
.cont_btn_info a:hover img{
	visibility:hidden;
	}
	


.copy_cap {
    font-size: 11px;
    text-align: right;
}