*{padding:0; margin:0;}

html{
	background:#FFF;
	height:100%; 
	width:100%
}

body{
	line-height: 1.6em;
	font-family: 'Open Sans', sans-serif; 
	font-size:15px;
	height:100%;
	width:100%;
	display:table;
}

a{text-decoration:none; color:#3D8CDC}
img{border:none}

.maincontainer{
	width:95%;
	margin:0px auto;
}

.main-content{
	display:block;
	width:94%;
	padding:15px 3%;
	background-color:#FFF;
	margin:0px auto;
}

.sub-highlight{
	display:block;
	width:92%;
	height:100px;
	padding:20px 4%;
	background-color:#478CCA;
	margin-top:5px;
}

.sub-highlight-left{}
.sub-highlight-center{}
.sub-highlight-right{}

.sub-highlight-title{
	color:#FFF;
	font-size:20px;
	display:block;
	padding:0;
	margin-bottom:10px;
}

.sub-highlight-link{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
}

.sub-highlight-input{
	width:90%;
	margin-top:10px;
}

.sub-highlight-judge-input{
	width:60%;
	margin-top:10px;
	float:left;
}

.sub-highlight-judge-submit{
	margin-top:10px;
	float:left;
	padding:8px 8px;
	font-size:15px;
	background:#666;
	color:#fff;
	border:none;
	-webkit-appearance:none;
	border-radius:0;
}

.main-highlight{
	display:none;
}

.main-highlight-mobile{
	display:block;
	width:92%;
	padding:15px 4%;
}

.welcome-frame{
	display:block;
	width:100%;
}

h1{
	color:#4F5758;
	font-size:34px;
	font-weight:300;
	padding:0;
	margin:10px 10px 25px 0px;
	line-height:40px;
}

h2{
	color:#478CCA;
	font-size:20px;
	font-weight:400;
	padding:0;
	margin:10px 10px 15px 0px;
}

.content-left{}
.content-right{}

.action-button{
	display:block;
	padding:7px 15px; 
	border:none; 
	color:#fff; 
	font-size:17px; 
	background-color:#09F; 
	font-weight:700;
	max-width:150px;
	text-align:center;
}

.WebFormHome input[type='text']{-webkit-appearance:none; border-radius:0; padding:6px 5px; border:none; font-size:17px; color:#666; background-color:#FFF}
.WebFormHome select{border-radius:0; padding:6px 5px; border:none; font-size:17px; color:#666; background-color:#FFF}

.WebForm input[type='text']{-webkit-appearance: none; border-radius: 0;}
.WebForm input[type='tel']{-webkit-appearance: none; border-radius: 0;}
.WebForm input[type='datefield']{-webkit-appearance: none; border-radius: 0;}
.WebForm input[type='password']{-webkit-appearance: none; border-radius: 0;}
.WebForm input[type='file']{-webkit-appearance: none; border-radius: 0;}
.WebForm input[type='submit']{-webkit-appearance: none; border-radius: 0;}
.WebForm input[type='button']{-webkit-appearance: none; border-radius: 0;}
.WebForm select {border-radius: 0;}
.WebForm textarea {-webkit-appearance: none; border-radius: 0;}
.WebForm input[type='text']{padding:6px 5px; width:98%; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='tel']{padding:6px 5px; width:98%; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='datefield']{padding:6px 5px; width:98%; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='password']{padding:6px 5px; width:98%; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='file']{padding:6px 5px; width:90%; font-size:17px;}
.WebForm textarea{padding:6px 5px; width:90%; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='submit']{padding:10px 15px; border:none; color:#fff; font-size:17px; background-color:#09F; font-weight:bold;}
.WebForm input[type='button']{padding:10px 15px; border:none; color:#fff; font-size:17px; background-color:#666; font-weight:bold;}
.WebForm select{padding:6px 5px; width:250px; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm label{font-weight:bold;}

.FAQAnswer{
	display:none;
	padding-left:20px;
}

.imgborder{padding:3px; border:1px solid #999;}
.question{color:#333; font-weight:bold}
.questionBox{border-bottom:1px #CCCCCC solid; display:block; padding:12px 8px; cursor:pointer}
.questionBox:hover .question{color:#000}
.questionBox a{color:#000}

.select-year{
	float:left;
	width:20%;
}

.eval-list{
	float:right;
	width:70%;
}

a.eval-year{
	display:block;
	padding:10px 4%;
	width:92%;
	margin:3px 0px;
	border:1px solid #CCC;
	color:#666;
	text-decoration:none;
}

a.eval-year:hover{
	background-color:#666;
	color:#fff;
	border:1px solid #666
}

a.eval-year-small{
	display:block;
	padding:10px 4%;
	width:92%;
	color:#666;
	text-align:center;
	text-decoration:none;
}

a.eval-year-small:hover{
	background-color:#666;
	color:#fff;
}

a.eval-year-selected{
	display:block;
	padding:10px 4%;
	width:92%;
	background-color:#666;
	color:#fff;
	text-decoration:none;
}


a.list-link{
	display:block;
	margin-top:5px;
	margin-bottom:3px;
	min-height:20px;
	width:90%;
	padding:15px;
	overflow:auto;
	color:#666;
	background-color:#fff;
	border:1px solid #CCC;
	text-decoration:none;
}
a.list-link:hover{
	background-color:#4AA1FF;
	border:1px solid #4AA1FF;
	color:#fff;
	cursor:pointer;
}

.judge-list{
	display:block;
	width:92%;
	padding:12px 4%;
	text-decoration:none;
	color:#666;
	font-size:17px;
	font-weight:700;
}
.judge-list:hover{
	background-color:#CFECFC;
}

.judge-list-status{
	display:block
}
.dark{
	background-color:#F3F3F3
}

.narrative p{
	margin-top:20px;
}

.narrative-report{
	display:block;
	padding:10px;
	background-color:#4AA1FF;
	color:#FFF;
	text-decoration:none;
	margin-top:3px;
}

#listBox{
	min-height:20px;
	width:92%;
	padding:7px 4%;
	overflow:auto;
	color:#000;
	text-decoration:none;
	margin-bottom:5px;
}
#listBox:hover{
	background-color:#F5F5F5;
	color:#000;
	cursor:pointer;
}
#listBox .details{
	font-size:11px;
}

.listLeft{
	display:block;
	width:100%;
}
.listRight{
	display:block;
	width:100%;
}

.listLeftDirectory{
	float:left;
	width:300px;
}
.listRightDirectory{
	width:225px;
	float:right;
	text-align:right;
}
#listBox img{
	display:block;
	float:left;
}

h5{
	font-size: 14px;
	font-weight:600;
	color: #333;
	display:block;
	margin:0px 0px 10px 0px;
}

.subtext{
	font-size:12px;
	color:#666;
}

a.subtext{
	color:#666;
}