﻿#container{ max-width:1000px; margin:0 auto; padding-bottom:40px}
#container .dl-table{overflow:hidden; margin-top:0; margin-bottom:20px;}#container .dl-table>dt,#container .dl-table>dd{padding:20px 0}#container .dl-table>dt{float:left;clear:left}#container .dl-table>dd .dl-table{margin-top:-20px;margin-bottom:-20px}#container .dl-table.dl-table-bordered>dt,#container .dl-table.dl-table-bordered>dd{margin-top:-1px;border-top:1px solid #a1a1a1}
#container .hd-table{overflow:hidden; margin:0; padding:10px 20px; background-color:#00a0e2; color:#fff; font-size:11pt;}#container .hd-table>dt,#container .hd-table>dd{padding:4px 0}#container .hd-table>dt{float:left;clear:left}#container .hd-table>dd .hd-table{margin-top:-20px;margin-bottom:-20px}
.red{color:#F00}
h1 {
    box-sizing:border-box;
	margin-top: 0; margin-bottom: 0;
	BACKGROUND-COLOR: rgb(238, 238, 238);
    width: 100%;
    text-align: left;
	line-height:47px;
    padding: 10px 20px;
	color:#00a0e2;
}
h1 img{float:left; margin-right:18px;width:47px; height:auto;}
.overview p {margin-top: 0; margin-bottom: 0;background-color:#00a0e2; color:#ffffff; box-sizing:border-box; border:solid 1px #CCCCCC;padding: 10px 20px;font-size:11pt;line-height:1.6em}
.overview img, .int_box img{width:100%;height:auto}
.entry {text-align:center;clear:both;margin:0 auto;margin-top:40px;}
.entry img{width:200px; height:auto; margin:0 auto;}

div.globalNav {clear:both;}
div.globalNav.top {
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
border-bottom: 3px solid #00a0e2;
clear:both;
margin:0 !important;
float:none !important;
margin-top:20px;
width:100% !important;
height:36px;
background-color:#ffffff;
}
div.globalNav ul {
margin: 0;
padding: 0px 1px;
overflow: hidden;
}
div.globalNav ul li {
float: left;
list-style: none;
margin: 0 1px 0 0;
padding: 0;
}
div.globalNav.top li span, div.globalNav.top li a {
border-bottom: 0px;
border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radious: 4px 4px 0px 0px;
background-color:#ffffff;
}
div.globalNav li span, div.globalNav li a {
display: block;
width: 76px;
height: 35px;
font-size: 12px;
text-align: center;
line-height: 35px;
text-shadow: 1px 1px 1px #FFFFFF;
border: 1px solid #c3c3c3;
font-weight: bold;
color: #333333 !important;
}
div.globalNav.top li.now a, div.globalNav.top li.now span, div.globalNav.top li a:hover {
text-shadow: 1px 1px 1px #666666;
text-decoration: none;
color: #FFFFFF !important;
border-color: #00a0e2;
background-color:#00a0e2;
}
div.globalNav.bottom li span, div.globalNav.bottom li a {
border-top: 0px;
border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radious: 0px 0px 4px 4px;
}
div.globalNav.bottom li.now a, div.globalNav.bottom li.now span, div.globalNav.bottom li a:hover {
text-shadow: 1px 1px 1px #666666;
text-decoration: none;
color: #FFFFFF !important;
border-color: #00a0e2;
background-color:#00a0e2;
}
table.schedule{overflow:hidden; margin:0; }table.schedule tr th,#container  table.schedule tr td{font-weight:normal;padding:4px 0; text-align:left}
table.schedule tr th{padding-right:6px;}
.adoption-intern .dl-table.dl-table-bordered{border-left:1px solid #a1a1a1;border-right:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;background:#ececec}.adoption-intern .dl-table.dl-table-bordered>dt{width:120px;text-align:center;font-weight:bold}.adoption-intern .dl-table.dl-table-bordered>dd{margin-left:120px;padding:20px !important;background:#ffffff;border-left:1px solid #a1a1a1}.adoption-intern .dl-table.dl-table-bordered>dt,.adoption-intern .dl-table.dl-table-bordered>dd{margin-top:0 !important;border-top:1px solid #a1a1a1}
.adoption-intern h2 {color: #00a0e2; font-size:16pt; margin-bottom:6px;clear:both}
.adoption-intern h3 {
margin: 0;
padding: .9em .7em .7em .7em;
font-size: 117%;
line-height: 1em;
color: #ffffff;
background: #00a0e2;
border: 2px solid #00a0e2;
clear: both;
overflow: hidden;
}
.int_box{box-sizing:border-box; padding:4%; border:1px solid #a1a1a1;clear:both; overflow:hidden}
.msg_pic{width:30%;margin-left:4%; float:right}
ul.companyDetail {
overflow: hidden;
text-align: center;
margin: 0px;
padding: 1em 1em;
background-color: #cfdee9;
height:60px;
}
ul.companyDetail { 
margin-bottom:20px !important;
}
ul.companyDetail li {
list-style: none;
height:40px;
display: inline-block;
text-align: center;
margin: 0px 0px 0px 0px;

}

.btnEntry {
width:200px;height:50px; 
background-color:#cccccc;
line-height:73px;
}
div.globalNav.bottom {
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
border-top: 3px solid #00a0e2;
}
h2.companyLead {
line-height: 1.5em;
color: #0099cc;
font-size: 133%;
padding: 0px;
margin: 0px 0px 0.7em;
font-family: "メイリオ", monospace;
_font-family: monospace;
}
div.companyMessage {
margin-bottom: 1.5em;
padding: 8px;
border: 2px solid #cfdee9;
background: #e5f5ff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radious: 5px;
overflow:hidden;
}
div.companyMessage p.date {
margin: 0;
padding: 0;
color: #5cbbe5;
font-weight: bold;
line-height: 1.35;
text-align: right;
}
div.companyMessage h3 {
margin: -1.16em 10em 0.5em 0;
padding: 0;
font-size: 117%;
line-height: 1.35;
color: #333333;
background:none;
border:none;
}
div.messageArea p {
width: 98%;
height: 130px;
font-size: 100%;
overflow-y: scroll;
background: #ffffff;
border: 1px solid #cccccc;
padding: 5px;
line-height: 1.4em;
}
table.dataTable {
width: 100%;
margin-bottom: 0.5em;
line-height: 1.35;
border-collapse: separate;
border-spacing: 0;
border-top: 2px solid #cfdee9;
border-left: 2px solid #cfdee9;
}
table.dataTable th, table.dataTable td {
padding: 2%;
border-right: 2px solid #cfdee9;
border-bottom: 2px solid #cfdee9;
line-height: 1.8em;
vertical-align: top;
text-align: left;
}
table.dataTable.last {
margin-bottom: 0;
}
table.dataTable div.pct2c {
margin: 0 auto;
overflow: hidden;
text-align: center;
}
table.dataTable div.pct2c dl {
width: 44%;
padding: 0 3%;
display: inline-block;
float: left;
}
table.dataTable div.pct2c dt {
margin: 0 0 .5em 0;
text-align: center;
}
table.dataTable div.pct2c dd {
margin: 0;
padding: 0;
line-height: 1.6em;
text-align: left;
}
table.dataTable div.pct2c img {
display: block;
border: 1px solid #CCCCCC;
padding: 5px;
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
max-width:240px;
width:100%;
height:auto;
}
h4.dtHead {
margin: 0;
padding: 0.35em 8px;
font-size: 117%;
line-height: 1.35;
background: #cfdee9;
clear: both;
font-family: "メイリオ", monospace;
_font-family: monospace;
letter-spacing: -1px;
color: #333333;
}
table.dataTable td.heading img {
padding: 1%;
background: #ffffff;
border: 1px solid #cccccc;
display: block;
margin-left: auto;
margin-right: auto;
max-width:160px;
max-height:160px;
width:98%;
height:auto;
}

.btn {
	display: block;
	width: 164px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background: #00a0e2;
	color:#ffffff;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	border: 2px solid #0099cc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radious: 4px;
	margin:0 auto
}
.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn:hover {
	background-color: #59b1eb;
}

.navLink {
	overflow: hidden;
	text-align: center;
	background-color: #cfdee9;
	height: 56px;
	padding-top:14px;
	line-height:42px;
	margin:20px 0px;
}
div.companyData {
clear: both;
margin-bottom: 20px;
border: 2px solid #cfdee9;
border-radius: 5px;
overflow:hidden;
-webkit-border-radius: 5px;
-moz-border-radious: 5px;
}
div.companyData h3 {
margin: 0 0 7px;
padding: 1em 0 1em 26px;
background: #cfdee9 ;
color: #589acb;
font-size: 100%;
line-height: 1em;
border:none;
}
div.companyData div.txt {
padding: 0 7px 7px;
line-height: 1.5;
}
div.companyData p {
margin: 0;
padding: 0;
}
#seminer_heading {
margin: 0px 0px 15px 0px;
border: 1px solid #CCCCCC;
border-left: 0px;
padding: 1px 0px 1px 0px;
overflow: hidden;
clear: both;
}
#seminer_heading .inner {
padding: 14px 5px 10px 5px;
background: #fff9ed;
border-left: 4px solid #28aaea;
overflow: hidden;
}
#seminer_heading h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 1.5em;
}
#seminer_heading h3 {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 1em;
color: #777;
background: none;
border: none;
}
.seminer_date{
width: 100%;
border-collapse: collapse;
}
.seminer_date th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.seminer_date td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.boxSeminarText1 {
margin: 20px 0px 0px 0px;
padding: 0px;
font-size: 12px;
line-height: 12px;
clear: both;
margin-bottom: 18px;
overflow: hidden;
}
.boxSeminarText1 p {
margin: 0px;
padding: 0px;
font-size: 100%;
line-height: 1.6em;
}
.boxSeminarText2 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 12px;
border: 2px solid #cccccc;
clear: both;
word-break: break-all;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radious: 5px;
background: #F3F3F3;
clear: both;
margin-bottom: 18px;
overflow: hidden;
}
.boxSeminarText2 p {
margin: 0px;
padding: 10px 10px 10px 10px;
font-size: 100%;
line-height: 1.8em;
border-top: 2px solid #cccccc;
}
@media (max-width:767px){
table.schedule tr th,#container  table.schedule tr td{ display:block; width: 100%;}
table.schedule tr th{padding-bottom:0; font-weight:bold}
.msg_pic{width:50%; margin-top:10px}
}
@media (max-width:480px){
h1 {font-size:19pt; }h1 img{width:44px; height:auto;  margin-right:10px;}
.msg_txt,.msg_pic{width:100%;margin:0 auto; float:none;}
.msg_pic{margin-top:10px;margin-bottom:10px;}
}
@media (max-width:460px){
#container .hd-table>dt {height:44px}
}