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


body{
	color:#212121;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
	font-size: 14px;
	background:#FFFFFF;
}


#main{
	width:900px;
	height:auto;
	background:#eff9ff;
	margin:0 auto;
}
/* ------------
  トップ
--------------- */

/* --- メイン --- */
/* ///お支払い情報入力/// */
#form_headline{
	width:800px;
	height:63px;
	margin:0 auto;
	padding-top:10px;
	z-index:8;
}
	#form_headline .left{
		width:42px;
		height:63px;
		background:url(../img/form_midashi_01.png) 0 0 no-repeat;
		float:left;
	}
	#form_headline .center{
		width:740px;
		height:63px;
	  	text-indent: -30px;
	  	white-space: nowrap;
	  	overflow: hidden;
		background:url(../img/form_midashi_02.png) repeat-x;
		float:left;
	}
	#form_headline .center h3{
		color:#FFFFFF;
		padding:10px 0 0 30px;
		font-size:18px;
		font-weight:bold;
	}
	#form_headline .right{
		width:18px;
		height:63px;
		background:url(../img/form_midashi_03.png) -1px 0 no-repeat;
		float:left;
	}

/* ///流れ/// */
#nagare{
	width:800px;
	height:67px;
	margin:-8px auto 0;
	z-index:7;
}
	#nagare .bar_01{width:800px; height:67px; background:url(../img/nagare_01.png) 2px 0 no-repeat;}
	#nagare .bar_02{width:800px; height:67px; background:url(../img/nagare_02.png) 2px 0 no-repeat;}
	#nagare .bar_03{width:800px; height:67px; background:url(../img/nagare_03.png) 2px 0 no-repeat;}
	#nagare .bar_04{width:800px; height:67px; background:url(../img/nagare_04.png) 2px 0 no-repeat;}
	#nagare .bar_05{width:800px; height:67px; background:url(../img/nagare_05.png) 2px 0 no-repeat;}
	#nagare .bar_06{width:800px; height:67px; background:url(../img/nagare_06.png) 2px 0 no-repeat;}
	#nagare .bar_07{width:800px; height:67px; background:url(../img/nagare_07.png) 2px 0 no-repeat;}
	
	#nagare .bar_01 img, 
	#nagare .bar_02 img, 
	#nagare .bar_03 img, 
	#nagare .bar_04 img, 
	#nagare .bar_05 img, 
	#nagare .bar_06 img, 
	#nagare .bar_07 img{
		display:none;
	}
	

/* ///見出し/// */

/* 水色の吹き出し */
#h1.form{
	width:809px;
	height:65px;
	margin:10px auto 0;
	display:block;
}
	#h1.form .left{
		width:42px;
		height:65px;
		background:url(../img/h3/h3_10.png) no-repeat;
		float:left;
	}
	#h1.form .center{
		width:749px;
		height:65px;
		background:url(../img/h3/h3_11.png) repeat-x;
		float:left;
	}
	#h1.form .right{
		width:18px;
		height:65px;
		background:url(../img/h3/h3_12.png) no-repeat;
		float:left;
	}
	
#h1 p{
	color:#2c40a7;
	font-size:16px;
	font-weight:bold;
	margin:14px 0 0 8px;
}

/* 上部 */
#headline.form{
	width:809px;
	height:54px;
	margin:0 auto 0;
}
	#headline.form .left{
		width:18px;
		height:54px;
		background:url(../img/h4_top_01.png) 0 0 no-repeat;
		float:left;
	}
	#headline.form .center{
		width:776px;
		height:54px;
		background:url(../img/h4_top_02.png) repeat-x;
		float:left;
	}
	#headline.form .right{
		width:15px;
		height:54px;
		background:url(../img/h4_top_03.png) 0 0 no-repeat;
		float:left;
	}

#headline.form h3{
	height:54px;
	background:url(../img/circle_orange_L.png) 0 16px no-repeat;
	margin-left:5px;
	padding:13px 0 0 25px;
	font-size:16px;
	font-weight:bold;
}
/* 中部 */
#inner.form{
	width:759px;
	height:auto;
	background:url(../img/h3/h3_form_inner.png) 0 0 repeat-y;
	margin:0 auto;
	padding:20px 20px 20px 30px;
}

/* 下部 */
#bottom.form{
	width:809px;
	height:14px;
	margin:0 auto 10px;
}
	#bottom.form .left{
		width:43px;
		height:14px;
		background:url(../img/h3/h3_07.png) -1px 0 no-repeat;
		float:left;
	}
	#bottom.form .center{
		width:749px;
		height:14px;
		background:url(../img/h3/h3_08.png) repeat-x;
		float:left;
	}
	#bottom.form .right{
		width:17px;
		height:14px;
		background:url(../img/h3/h3_09.png) 0 0 no-repeat;
		float:left;
	}

/* 中上部　 */
#headline_middle.form{
	width:809px;
	height:54px;
	margin:0 auto 0;
}
	#headline_middle.form .left{
		width:18px;
		height:54px;
		background:url(../img/h4_top_04.png) 0 0 no-repeat;
		float:left;
	}
	#headline_middle.form .center{
		width:777px;
		height:54px;
		background:url(../img/h4_top_02.png) repeat-x;
		float:left;
	}
	#headline_middle.form .right{
		width:14px;
		height:54px;
		background:url(../img/h4_top_05.png) -1px 0 no-repeat;
		float:left;
	}

#headline.form h3, #headline_middle.form h3{
	height:54px;
	background:url(../img/circle_orange_L.png) 0 16px no-repeat;
	margin-left:20px;
	padding:13px 0 0 25px;
	font-size:16px;
	font-weight:bold;
}


/* ///小見出し/// */
/* オレンジ */
#h4_orange{
	width:660px;
	height:34px;
	margin:0 auto;
	padding:10px 0 20px;
	background:url(../img/bar_orange.png) 0 6px repeat-x;
}
#h4_orange p{
	background:url(../img/circle_orange.png) 0 4px no-repeat;
	margin-left:20px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
}

/* 黄緑 */
#h4_ygreen{
	width:660px;
	height:34px;
	margin:0 auto;
	padding:10px 0 20px;
	background:url(../img/bar_ygreen.png) 0 6px repeat-x;
}
#h4_ygreen p{
	background:url(../img/circle_ygreen.png) 0 4px no-repeat;
	margin-left:20px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
}


/* ///テキスト/// */
#textarea{
	width:600px;
	margin:0 auto 20px;
}

#form_textarea{
	width:680px;
	margin:0 auto 10px;
}

#form_textarea h3{
	height:30px;
	background:url(../img/circle_orange_L.png) 0 16px no-repeat;
	padding:13px 0 0 25px;
	font-size:16px;
	font-weight:bold;
}
#form_textarea h3 img{
	display:none;
}

dl.text_list{
	width:auto;
	padding:0;
}
dl.text_list dt{
	width:20px;
	margin:0;
	float:left;
}
dl.text_list dd{
	width:auto;
	margin-left:40px;
}

.red{
	color:#ff2f36;
}

/* ///ボタン/// */
#btnarea{
	width:400px;
	margin:0 auto 20px;
}
.btn_left{
	float:left;
}
.btn_right{
	float:right;
}
.btn_center{
	float:none;
	text-align:center;
}

/* ///フォーム/// */
/*テーブル*/
#table_design{
	display:table;
	width:680px;
	margin:0 auto 30px;
	border-top:1px solid #959595;
	border-collapse:collapse;
}
	#table_design .tr{
		display:table-row;
		border-bottom:1px solid #959595;
	}
	#table_design .tr, 
	#table_design .th, 
	#table_design .td{
			font-weight:bold;
		}
	#table_design .th{
		width:160px;
		padding:20px 15px;
		display:table-cell;
		background:#f4f4f4;
		text-align:right;
		vertical-align:top;
		}
	#table_design .td{
		width:490px;
		padding:15px;
		display:table-cell;
		background:#ffffff;
		vertical-align:middle;
		}
	#table_design .td p{ padding-left:10px;}
	
	#table_design input{
		padding:5px; 
		background:#f6f6f6;
		border:1px #959595 solid;
		}
		
	.line_hight{ line-height:3.0 !important;}
	.td_long input{ width:280px;}
	
	/* 住所入力欄 */
	#table_design dl{
		width:100%;
		display:inline-block;
		margin-bottom:10px;
	}
	#table_design dl dt{
		width:80px;
		float:left;
		display:inline-block;
		padding-top:4px;
	}
	#table_design dl dd{
		width:280px;
		display:inline-block;
		float:left;
	}
	#table_design dl dd input{
		width:100% !important;
	}
	
#form_select{
	width:640px;
	margin:20px auto;
}
#form_select select{
	width:350px;
	margin:0 330px 20px 0;
}
#form_select input{
	width:270px;
}

#sp_goriyo{
	display:none;
}

#goriyo{
	display:block;
}