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


/*===========================================*/
/*==フォームのページ==*/
/*===========================================*/

/*============wrap00============*/

#wrap_f00{
	width:100%;
	margin:0px auto;
	padding:0px auto;
	text-align:center;
	height:auto;
}

#wrap_f00 img{
	width:100%;}


/*============wrap01============*/

#wrap_f01{
	width:100%;
	margin:0px auto;
	padding:0px auto;
	height:auto;
	background:#FFFFFF;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif,arial,helvetica,clean;
	font-size:18px;
}

#wrap_f01 strong{
	font-size:18px;
	background-color:transparent;
	line-height:1.5;
}

#wrap_f01 .contents01{
	padding:20px 10px; text-align:left;
}

#wrap_f01 .contents01 p{
	line-height:170%;
	margin-bottom:10px;
}

/*============footer============*/

#wrap_f_footer{
	width:90%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:10px;
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	background:url(../img/form_footerbg.png) 50% 50% no-repeat;
	text-align:left;
}

#wrap_f_footer p{
	font-size:13px;
}

/*============フォーム部分設定============*/

form{
}

#hidden{
	text-indent:-9999px;
	height: 0px;
}

#wrap_f01 input,
#wrap_f01 select{
	border:1px solid #CCC;
	padding: 10px;
	color: #999;
	background: #fff;
	border-radius: 3px;
	color:#333333;
	font-size:17px;
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	-webkit-border-radius: 3px;

	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	-moz-border-radius: 3px;

	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}

#orderbtn{
	width:850px;
	height:165px;
	background:url(../img/btn_order_off.gif) 0% 0% no-repeat;
	cursor:pointer;
	display:block;
	border:none;
}

#orderbtn a{
	display:block;
	cursor:pointer;
}

#orderbtn a:hover{
	width:850px;
	height:165px;
	display:block;
	background:url(../img/btn_order_on.gif) 0% 0% no-repeat;
	cursor:pointer;
}

#sei,
#mei,
#sei_kana,
#mei_kana{
	width: 120px;
	margin-right: 3px;
}

#corp,
#address,
#address2{
	width: 300px;
}
#postcode{
	width: 120px;
	margin: 0 3px;
}

#phone{
	width: 300px;
	margin-right: 3px;
}

#mail{
	width: 400px;
}

#atena{
	width: 350px;
	height: 100px;
	font-size: 12px;
}

#hidden{
	text-indent:-9999px;
	height: 0px;
}

h2#form_checkout_title{
	display:none;
}

.form_box {
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

.form_input_box {
    padding: 8px;
    margin-bottom: 0;
}

.form_input_box input.zip1,
.form_input_box input.zip2 {
	width: 30%;
}

.form_input_box input.input_year {
    width: 16%;
}

select#OrderBirthdayMonth,
select#OrderBirthdayDay {
    width: 23%;
}

.form_input_box input.tel_no,
.form_input_box input.card_date {
    width: 16%;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    height: 35px;
    vertical-align:middle;
}

.form_box_label {
    background: #ffa07a;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    padding: 8px;
    vertical-align: middle;
    text-align: left;
    color: #ffffff;
    margin-bottom: 0;
}

.form_input_box input[type="text"],
.form_input_box input[type="email"] {
    width: 93%;
}

.form_example,
.credit_example {
	padding: 0 8px 8px;
	color: #666666;
    font-size: 13px;
}

.form_input_box label {
    margin: 0 7px;
    vertical-align:middle;
}

.credit_input{
	width:97%;
}

input#OrderCardName,
input#OrderCardNo{
	width:80%;
}

select#form-payment-method {
    width: 100%;
}

#input_payment_method{
	border-bottom: 1px solid #999;
}

#agreement table {
	width: 100%;
	border: 0;
	margin: 0 5px;
}

#agreement table .agreement_check {
	vertical-align: middle;
	width: 38px;
}

#agreement table .agreement_label {
	vertical-align: middle;
}

.ttl{
	color:#FF3F00;
	font-size:18px;
	font-weight:bold;
}

span.form_required,
span.form_notice {
    background-color:#B20000;
    padding:2px 5px;
	color:#FFFFFF;
	font-size:11px;
	border-radius: 3px;
}

#agreement{
	margin:20px auto;
	padding:15px;
	text-align:left;
	background:#EEEEEE;
}

#agreement p{
	font-size:15px;
}

.red11{
	font-size:11px;
	color:#FF0000;
}

.red12{
	font-size:12px;
	color:#FF0000;
}

.fs12{
	font-size:12px;
}

.fs13{
	font-size:13px;
}

.fs14{
	font-size:14px;
}

.fs15{
	font-size:15px;
}

.fs16{
	font-size:16px;
}

#cv_kakunin{
	text-align:center;
	margin:0 auto;
}

#cv_kakunin a img{
	width:85%;
}