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

body,
p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,table,th,td,input,textarea,select,button{
	font-family: "Segoe UI","メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4",”Arial”,"Hiragino Maru Gothic Pro","osaka","ＭＳ Ｐゴシック","MS PGothic",'Helvetica Neue', Helvetica, Arial, sans-serif;
}

input,
select{
	font-size:100%;
}

textarea{
	resize: none;
	font-size: 100%;
	margin:0 0 12px 0;
	padding:6px;
	width:100%;
}

.con_box{
height:160px;
margin-bottom:15px;
overflow-y: scroll;   /* スクロール表示 */ 
	}

.con_box p{	font-size:80%;}

/* =========================== ボタン ======================================== */

.button_area{
	text-align: center;
}

.submit_button{
    background-color: #0068b7;
    border: none;
	border-radius: 3px;
	font-size: 110%;
	font-weight: bold;
    color: #FFF;
    width: 50%;
    padding: 6px 0;
	margin: 2px;
	cursor: pointer !important;
	}

.submit_button:hover{
	color:#fff;
	background-color:#eee;
	border:none;
}

.submit_button_right{
	float: right;
    background-color: #0068b7;
    border: none;
	border-radius: 3px;
	font-size: 110%;
	font-weight: bold;
    color: #FFF;
    width: 35%;
    max-width: 220px;
    padding: 8px;
	margin: 0px;
	cursor: pointer !important;
	}
.submit_button_right::before{
	content: '';
	display: inline-block;
	width: 15px;
}
.submit_button_right::after{
	content: '';
	display: inline-block;
	background: url(../../common/img/next.png) center top/cover no-repeat;
	height: 24px;
	width: 24px;
	margin-left: 10px;
	vertical-align: middle;
}

@media only screen and (max-width: 768px){
	.submit_button_right{
		margin-right:25px;
	}
}

.reset_button{
    background-color: #cccccc;
    border: none;
	border-radius: 3px;
	font-size: 100%;
    color:#231916;
    width: 70%;
    padding: 6px 0;
	margin: 2px;
	cursor:pointer !important;
	}
.reset_button:hover{
	color:#fff;
	background-color:#777;
	border:none;
}

.reset_button_left{
	float:left;
    background: linear-gradient(#eee,#d8d8d8);
    background: -moz-linear-gradient(top,#eee 0%,#d8d8d8);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d8d8d8));
    border: none;
	border-radius: 3px;
	font-size: 110%;
	font-weight: bold;
	color: #000;
    width: 35%;
    max-width: 240px;
    padding: 8px;
	margin: 0px;
	cursor:pointer !important;
	}
.reset_button_left::before{
	content: '';
	display: inline-block;
	background-image: url(../../common/img/back.png);
	height:24px;
	width:24px;
	margin-right:10px;
	background-size: contain;
	vertical-align: middle;
}
.reset_button_left::after{
	content: '';
	display: inline-block;
	width: 15px;
}
.reset_button_left:hover{
	color:#222;
}
@media only screen and (max-width: 768px){
	.reset_button_left{
		margin-left:25px;
	}
}

.admin_button{
    background: linear-gradient(#eee,#ccc);
    background: -moz-linear-gradient(top,#eee 0%,#ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    border: thin #aaa solid;
	border-radius: 3px;
	font-size: 100%;
	font-weight: normal;
    color: #000;
    padding: 2px 6px;
	margin: 2px;
	cursor: pointer !important;
	}
.admin_button:hover{
	color: #555;
	background: #fff;
}

/* =========================== サブページ共通 ======================================== */

.sub_title {
	background-color: #e0e0e0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size:130%;
	margin: 10px 0px;
	padding: 7px 4px 4px 0px;
}

.sub_title img{
	width: 28px;
	margin-right: 6px;
}

/* =========================== 回答リストスタイル ======================================== */

.qtxt{
	background: #F0F0F0;
	padding: 5px;
	margin-bottom: 5px;
	line-height: 125%;
	clear: both;}
	
.mandatory {
	display: inline-block;
	width: auto;
	vertical-align: top;
	font-size: 70%;
	padding: 1px 2px;
	margin: 0px 1px 1px 1px;
}
	
.ans_item{
	margin: 0px 8px;
}

.ans_item ul{
	margin-bottom: 5px;
}

.ans_item select{
	margin-bottom: 15px;
}

.ans_item ul li{
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

/* =========================== 確認ページ ======================================== */

.confirm_table{
	border: none;
	width: 100%;
	table-layout: fixed;
}

.confirm_table th{
	border-bottom:1px solid #aaa;
}

.confirm_table td{
	word-break: break-all;
	border-bottom:1px solid #e0e0e0;
}

/* =========================== 管理システム ======================================== */

.admin_title{
	margin: 10px auto;
	font-size: 150%;
	color:#373737;
	border-bottom:#eee solid 3px;
}

.admin_subtitle{
	margin: 20px 0px 5px 0px;
	font-size: 120%;
}

.admin_search_result{
	width: 100%;
	table-layout: fixed;
	margin-bottom: 0px;
	border: none;
	font-size: 90%;
}

.admin_search_result th{
	padding: 4px;
	text-align: center;
	word-wrap: break-word;
	border-bottom:1px solid #aaa;
	background-color: #eee;
}

.admin_search_result td{
	text-align: center;
	word-wrap: break-word;
	border-bottom:1px solid #e0e0e0;
	background-color: #fff;
	padding: 3px;
}

.admin_search_result td.title{
	width: 12%;
	background-color: #eee;
	font-weight: bold;
}

.admin_search_result button{
	margin: 2px;
	width: 50px;
	height: 22px;
	padding: 2px 3px 0px 3px;
	background-color: #e0e0e0;
	color: #000;
	font-size: 95%;
}
.admin_search_result button:hover{
	background-color: #c8c8c8;
	border: none;
	color: #000;
}

.admin_menu_status_report {
	width: 100%;
	table-layout: fixed;
}

.admin_menu_status_report th{
	text-align: center;
	word-wrap: break-word;
	border-bottom:1px solid #aaa;
}

.admin_menu_status_report td{
	text-align: center;
	word-wrap: break-word;
	border-bottom:1px solid #e0e0e0;
}

.admin_update{
	text-align: center;
}

.admin_update_cell input,select,textarea{
	margin-bottom:0px;
}

.admin_update_cell label{
	display: inline;
	margin: 5px;
}