/*全体*/
body {
	margin: 0px;
	font-size: 13px;
}
.wrapper {
    width:1000px;
    margin: 0 auto;
    background-color: #fff;
}

.hide {
    display: none;
}

/* header */
.header {
    border-bottom: solid 5px #699ad3;
}
.header_logo{
    width: 290px;
    height: auto;
}

/* footer */
.footer {
    background-color: #2a2c5a;
    width: 100%;
    text-align: center;
}
.footer_logo {
    margin:25px auto;
    width:380px;
    height: auto;
}

/* main */
.main {
    background-color: #fafbfb;
}

.main .wrapper{
    background-color: #fff;
    min-height: 500px;
}

/*ボタン*/
div.form_btn {
    text-align: center;
    padding: 15px 0px;
}
div.form_btn a{
    display: inline-block;
    padding : 10px 50px 10px 50px;
    text-align: center;
    min-width: 160px;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
	cursor: pointer;
	border-radius: 5px;
	background: url('../img/btn_arrow.png') no-repeat;
	background-position: top 15px right 15px;
}
div.form_btn a.color01{
    background-color: #81BD8D;
}
div.form_btn a.color02{
    background-color: #699AD3;
}
div.form_btn a.color03{
    background-color: #CA886B;
}

/* エラー表示 */
.AOFerrmsg {
    color : #ff0000;
}

/* メールアドレス登録画面 */
div.scroll {
    overflow: scroll;   /* スクロール表示 */
	height: 140px;
	font-size: small;
}



/* table */

.table {
	border-style: none;
	border-collapse: collapse;
}

.table th {
	border-collapse: collapse;
	background-color: #D1D1D1;
    border-bottom: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	width: 200px;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
	/* padding-top: 20px; */
}

.table td {
	border-collapse: collapse;
	border-top: solid 1px #699ad3;
	border-bottom: solid 1px #d1d1d1;
	border-left: none;
	border-right: none;
}

.table p {
	padding: 0 5px 0 5px;
}

.tbl_form select {
	max-width: 660px;
    padding-right: 18px;
}

/****
* previewボタン
*****/
div.preview_button a{
	position: fixed;
    bottom: 5px;
    right: 50px;
    opacity: 1;
    text-decoration: none;
}
div.preview_button a img{
	width: 200px;
}
div.preview_button a:hover img{
	opacity: 0.8;
}

/****
* 一時保存ボタン
*****/
div.tempsave_button a{
	position: fixed;
    bottom: 85px;
    right: 50px;
    opacity: 1;
    text-decoration: none;
}
div.tempsave_button a img{
	width: 200px;
}
div.tempsave_button a:hover img{
	opacity: 0.8;
}

/**
*  完了していませんのメッセージ
*/
div.caution_save {
    position: fixed;
    bottom: 185px;
    right: 50px;
    opacity: 1;
    height: 70px;
    width: 200px;
    background-color: red;
    border-radius: 5px;
    color: white;
    font-size: 20px;
    padding: 5px;
    box-sizing: border-box;
    font-weight: bold;
    text-align: center;
}

/*****
* ファイルアップロードボタン
****/
.query div.file_upload_area{
    position: relative;
}
/* .query div.file_upload_area table {
    width: 700px;
} */
.query div.upload_button {
	margin-top: 80px;
}
.query div.upload_button a{
	position: absolute;
	top: -74px;
	right: 20px;
}
.query div.upload_button a img{
	width: 200px;
}
.query div.upload_button a:hover img{
	opacity: 0.8;
}
a#dl_suisen {
    cursor: pointer;
}

.confirm .queryonly { display: none;}



.container {
	padding: 20px 20px 0px 20px;
	color: #707070;
}

div #title_box {
	border-bottom: solid 3px black;
}

.title_txt {
	font-size: 22px;
	font-weight: bold;
}

.txt_blue_b {
	color: #699ad3;
	font-size: 20px;
	font-weight: bold;
}

.txt_blue {
	color: #699ad3;
}

.txt_brown {
	color: #603813;
	font-weight: bold;
}

.main_box {
	padding: 0 20px 20px 20px;
}

.hspace20 {
	height: 20px;
}

input.s {
    width: 50px;
}

input.m {
    width: 150px;
}

input.l {
    width: 70%;
}

input.xl {
    width: 98%;
}

textarea.l {
	width: 98%;
    height: 200px;
}

.msgbox {
	height: auto;
	width: 920px;
    padding-top: 100px;
    padding-bottom: 100px;
	border: 1px solid #CCC;
	text-align: center
}

.red {
    color: #CF0318;
}

.right {
    float: right;
    display: inline;
}

.font_s {
	font-size: 0.9em;
}

.font_ss {
	font-size: 11px;
}


font.symbol {
    font-family: symbol;
}

.update .privacy_tbl , .update .privacy_check { display: none !important; }


/****
* エラー　背景色
*****/
.AOFerrbg {
    background: #FFD1D8;
}

/****
* 次のエラー、前のエラー　ボタン
*****/
div.move_error_button {
	position: fixed;
	bottom: 380px;
	right: 50px;
	opacity: 1;
	width: 200px;
	text-align: center;
}
div.move_error_button a{
    display: block;
    padding: 10px 0;
    width: 100%;
    border: solid 1px #4b95cb;;
    border-radius: 5px;
    color:#4b95cb;
    text-decoration: none;
    margin: 15px 0;
    background-color: #fff;
}
div.move_error_button a:hover{
    background: #4b95cb;
    color: #ffffff;
}

@media screen and (min-width: 961px){
	/* .side_buttons {
		position: fixed;
		bottom: 85px;
		right: 50px;
	} */
}