body { background: #fff; font-size: 14px;}
body.login { background: #b7ba5c;}
a { color: #000; }

h1 { font-size: 140%; }
.f10 {font-size: 100%;}
.f11 {font-size: 110%;}
.f12 {font-size: 120%;}
.f13 {font-size: 100%;}
.font12 {font-size: 12px;}

.aligncenter { text-align: center; }
.loginwindow { background: #dcdeb1; border-radius: 5px; margin: 20px auto; padding: 30px 45px; text-align: left; width: 445px;}

#login { color: #fff; text-align: center;}
#login h1 { color: #fff;}
#login button { background-color: #b7ba5c; font-size: 130%; width: 100%; padding: 10px 0px;}
#login .plink { float: right; display: inline-block; margin-top: -30px;}
.mt30 { margin-top: 30px; }
.mb50 { margin-bottom: 50px; }
section {min-width: 1000px; max-width: 1000px; width: 100%; margin: auto;}
header { background: #b7ba5c; } 
header table.header { background: #b7ba5c; width: 100%; table-layout: fixed; margin-bottom: 0px;}
header table.header td {padding: 0px; line-height: 64px !important; }
header table.header td:first-child {  width: 330px;}
header table.header td.last { background: #838821; width: 135px; text-align: center;}
header table.header a { color: #fff; }
.top-bar-section ul.right li a { font-size: 12px; !important; background: url(/img/yaji.png) no-repeat left center !important; padding-left: 10px;}

#sidebar {margin-top: 30px; border: 1px solid #b7ba5c; border-top-width: 3px;}
#sidebar li { list-style: none;}
#sidebar ol { list-style: none !important;}
#sidebar li a {text-decoration: none; border-bottom: 0px; color: #b7ba5c;}
#sidebar li a:before {content: "▶"; padding-right: 10px;}
#sidebar li a:after {content: "";}
#sidebar ol li a {text-decoration: none; border-bottom: 0px; color: #000;}
#sidebar ol li a:before { content: "∟"; padding-rigt: 5px; }
.content .ttl01 {color: #555; background: url(/img/bn_01.png) no-repeat left center; line-height: 40px; height: 40px; font-size: 20px; padding: 0px 0px 0px 50px; }
.content .ttl02 {color: #555; background: url(/img/bn_02.png) no-repeat left top; line-height: 40px; height: 40px; font-size: 20px; padding: 0px 0px 0px 50px; }

footer {background: #f5f5f5; margin: 30px 0px 0px 0px; padding: 10px 0px 20px;}
footer ul.left { display: table;  width: 620px;}
footer ul.left li { display: table-cell; border-left: 1px solid #999;}
footer ul.left li:last-child { border-right: 1px solid #999; line-height: 1em; padding: 0px; text-align: center;}
footer ul.left li a { color: #000; font-size: 14px; display: block; text-align: center;}
footer .copyright {text-align: center; font-size: 12px; padding: 20px 0px;}
video { border: 1px solid #555; }
.thumnail {border: 1px solid #555;}
table.list td { padding-bottom: 30px; }
table.list td { vertical-align: top;}
table.list td:nth-child(2) { width: 400px;}
.newTopics {padding: 0px 0px 20px; margin-bottom: 30px;}
.newTopics li { border-bottom: 1px dotted #ddd; list-style: none; padding: 5px 20px;}
.newTopics li span { color: #fff; font-size: 14px; background: #4f8e00; width: 4em; text-align: center; display: inline-block; padding: 2px; line-height: 1.1em; margin: 0px 15px;}
.newTopics li span.label01 {background: #ee8800;}
.newTopics li span.label02 {background: #008CBA;}
.newInfo { background: #eee; padding: 0px 0px 20px; margin-bottom: 30px;}
.newInfo li { list-style: none; padding: 5px 20px;}
.newTopics a,
.newInfo a {
	color: #000;
}

.newTopics a:hover,
.newInfo a:hover {
	color: #4f8e00;
}

.newInfo .ttl02 span {float: right; font-size: 14px; border-bottom: 1px solid #4f8e00; padding: 5px 10px; margin: 10px 10px 0px; line-height:1.0em;}

.gaiyou {
margin:10px 0px 20px 0px;
border: solid 0px #c99269;
border-collapse:collapse;
text-align: left;
line-height: 1.5em;
width: 100%;
}

.gaiyou table.tab1 { table-layout:auto; background:#f6f6f6; }
.gaiyou th { border: solid 1px #dddddd; background:#f6f6f6; text-align: left; padding:10px 10px; font-weight: normal; width: 12em;}
.gaiyou td { border: solid 1px #dddddd; padding:10px 10px;}

#login .error { color: #ee0000; margin-bottom: 20px;}

button { display: block; margin: auto; background: #4f8e00; }

a.textline {
	text-decoration: underline !important;
}

.box  {
	border: 2px solid #b7ba5c;
	padding: 20px 20px;
	margin-bottom: 50px;
}

.faqs {

}

.faqs dl {
	border: 1px solid #ccc;
}

.faqs dt {
	font-weight: bold;
	color: #4f8e00;
	background: #f4f4f4; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.faqs dt a {
	color: #4f8e00;
}

.faqs dt:first-child {
	border-top: none;
}
.faqs dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}

.faqs dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
}
.faqs dd:first-line {
	font-weight: bold;
	color: #bf0000;
}
.faqs dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}

.resumesList li {
	list-style-type: decimal;
	padding: 10px 10px;
	font-weight: bold;
}

#spmenu {
	display: none;
}

.path {
	margin-bottom: 20px;
	font-size: 13px;
}

.path a:after {
	content: "＞";
}

.path a:last-child:after {
	content: "";
}

.content {
	float: right;
}