@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: Meiryo, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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%;}

.section{
	margin: 12px 5px 6px;
	font-size: 110%;
	line-height: 1.2;
}

#browserback{
	display: none;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	background: rgba(0,0,0,0.5);
	z-index:1;
}

#browserback_inner{
	position: absolute;
	width: 60%;
	max-width: 350px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	top: 20%;
	padding: 15px 8px 10px;
	background:#fff;
	z-index:2;
	text-align:center;
}

#browserback_close{
	margin: 20px 20px 10px;
	padding: 8px;
	background: #d8d8d8;
	z-index: 3;
	color:#000;
}

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

.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:#333;
	background-color:#c8c8c8;
	border:none;
}

.submit_button_right{
	float: right;
	background-color: #0068b7;
	border: none;
	border-radius: 3px;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	width: 38%;
	max-width: 220px;
	padding: 8px;
	margin: 15px 0px;
	cursor: pointer !important;
	position: relative;
}

.submit_button_right:hover {
	background-color: #0068b7;
	color: #FFF;
}

.submit_button_right:after{
	content: '';
	position: absolute;
	top: 12px;
	right: 5px;
	height: 20px;
	width: 20px;
	background: url(../../common/img/arrow-right-white.png) center top/cover no-repeat;
}

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

.reset_button{
	background-color: #ccc;
	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-color: #eee;
    border: none;
	border-radius: 3px;
	font-size: 110%;
	font-weight: bold;
	color: #000;
    width: 38%;
    max-width: 240px;
    padding: 8px;
	margin: 15px 0px;
	cursor:pointer !important;
}
.reset_button_left:hover {
    background-color: #ccc;
    color:#000;
}

.reset_button_left:before {
	content: '';
	display: inline-block;
	width: 8px;
}

.reset_button_left:before{
	content: '';
	position: absolute;
	top: 12px;
	left: 5px;
	height: 20px;
	width: 20px;
	background: url(../../common/img/arrow-left-black.png) center top/cover no-repeat;
}

@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 5px;
}

.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_menu_status_report {
	width: 100%;
	table-layout: fixed;
	font-size: 90%;
	border: none;
}

.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;
}