@charset "utf-8";

.titleArea {
	padding: 50px 0 20px;
	margin:20px 0; 
	width: 100%; 
	background: #1d3f69; /* Old browsers */
	background: -moz-linear-gradient(top, #1d3f69 0%, #4072b0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1d3f69 0%,#4072b0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1d3f69 0%,#4072b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3f69', endColorstr='#4072b0',GradientType=0 ); /* IE6-9 */
}
.titleArea h2 { 
	color: #fff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 32px;
	padding: 50px 0 50px;
	letter-spacing: 2px;
	text-shadow: #333 2px 2px 1px;
}
.titleArea h2 span {font-size:14px; padding-left: 10px; }
.titleArea h2 i {padding-right:10px;}
.titleArea p { 
	color: #fff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 18px;
	padding: 0 0 20px;
	letter-spacing: 1px;
	line-height: 1.3;
}
.lower h3 {
	border-bottom: solid 3px #ccc;
	position: relative;
	font-size: 22px; 
	margin-bottom: 20px; 
	padding: 10px 0;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.3;
}
.lower h3:after {position: absolute; content: " "; display: block; border-bottom: solid 3px #1d3f69;bottom: -3px; width: 30%;}
.lower h4{
	margin:0 0 15px;
	padding: 10px 0 10px 10px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;	
	font-size:1.2em;
	border-bottom:1px #ccc solid;
	border-left:5px #193A62 solid;
}
.lower h5{
	margin:0 0 15px;
	padding: 10px 0 10px 10px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;	
	font-size:1.2em;
	color:#193A62;
}

/* contact recruit */
.contact { padding: 0 0 50px;}
.inq_table{width:100%;letter-spacing:0.05em;font-size:90%;position:relative;}
.inq_table th {width:200px;background:#ddd;color:#1b1b1b;}
.inq_table th span {float:right;color:#e00;font-size:11px;padding:2px 5px;border-radius:5px;}
.inq_table td {padding:10px 15px;vertical-align:middle;}
.inq_table td p {padding-bottom:0;font-size:12px;color: #777;}
.inq_table td span {font-size: 12px;color:#777;margin-left:5px;}
.btn_send {border:none;background:#000;cursor:pointer;padding:12px;font-size:16px;color:#fff;font-weight: bold; width:200px;}
.btn_send:hover {opacity:0.8;}
.btn_reset {background:#aaa;margin-left:20px; }
.btn_reset:hover {background:#ccc;}
.btn_back {background:#888;}
.btn_back:hover {background:#aaa;}
.send {margin:30px auto 10px;width:432px; }
.back {margin:50px auto;width:224px; }
.cont01 {width:96%;}
.cont02 {width:96%;height: 180px;}
.cont03 {width:60%;}
.cont04 {width:40%;}
.cont05 {width:10%;}

/* about */
.about{ padding: 0 0 50px;}
.about_table {width:100%;letter-spacing:0.05em;font-size:90%;position:relative;margin-bottom:40px;line-height:1.5;}
.about_table th { width: 25%; background: #dbeff4; vertical-align: middle; }
.about .aboutFrame { padding: 50px 20px; }
.about h4 { display: block; margin-bottom: 10px; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS P Gothic","Osaka","Hiragino Kaku Gothic Pro", Verdana,Arial, Helvetica, sans-serif; font-size: 16px; border-bottom: none; }
.about .col2 p { display: block; padding: 0 0 50px; line-height: 1.5; font-size: 14px; overflow: hidden;}
.about .col2 img { float: left; clear: left; position: relative; margin: 0 15px 20px 0; }
.about #idea, .about #info { padding-top: 70px;}

/* works */
.works { padding: 0 0 50px; }
.works_table { letter-spacing:0.05em;font-size:13px;line-height:1.5; margin-bottom: 50px; }
.works_table th { background:#ddd;}
.works_table td { margin-bottom: 50px; }
.works_table th,
.works_table td{ width:50%; }
.works_table .bn { border-top: none !important; }

/* sale */
.sale { padding: 0 0 50px; }
table.sale02{margin:0 0 5px;}
table.sale02 th,table.sale02 td {
	width: 100%;
	background-color: #1B3461;
	color: #fff;
	padding:15px;
	vertical-align:middle;
	line-height: 1.5;
	letter-spacing: 1px;
}
table.sale02 th {border-right:#fff 1px solid;width: 25%;text-align: left;font-weight: bold;}
.sale_box { border: 1px solid #ccc; padding: 20px; }
.sale_box h5{
	margin:0 0 15px;
	padding: 10px 0 10px 10px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;	
	font-size:1.2em;
	color:#fff;
	background: #193A62;
}

/* setting */
.setting { padding: 0 0 50px; }
.setting_table { margin-bottom: 30px; border: none;}
.setting_table th,.setting_table td { border: none; vertical-align: middle; text-align: center; }
.setting_table2 { border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; border-left: none;}
.setting_table2 th,.setting_table2 td { width: 50%; border: none; }
#setting-image {
	background-image:url(../images/setting_main.jpg);
	width:640px;
	height:480px;
	margin: 0 auto 50px;
	position:relative;
}
#setting-image div a {
	width:30px;
	height:23px;
	position:absolute;
	display:block;
	text-indent:-99999px;
}
#setting-image div.link01 a { left:81px;	top:143px;}
#setting-image div.link02 a { left:88px;	top:184px;}
#setting-image div.link03 a { left:81px;	top:340px;}
#setting-image div.link04 a { left:103px;	top:388px;}
#setting-image div.link05 a { left:205px;	top:436px;}
#setting-image div.link06 a { left:251px;	top:340px;}
#setting-image div.link07 a { left:326px;	top:40px;}
#setting-image div.link08 a { left:561px;	top:34px;}
#setting-image div.link09 a { left:571px;	top:184px;}
#setting-image div.link10 a { left:420px;	top:135px;}
#setting-image div.link11 a { left:458px;	top:171px;}
#setting-image div.link12 a { left:591px;	top:400px;}
.set_table {
	text-align:center;
	margin-bottom:10px;
	font-size:12px;
	color:#0066CC;
}

/* medical labmove */
.system { padding: 0 0 50px; }
.system h4.simple{ padding: 20px 0; border: none; }
.system h5{ margin:0 0 15px; padding: 10px 0; color: #990000; border-bottom: 2px solid #990000; }
.system h6{ margin:0 0 15px; padding: 10px 0 5px; color: #193A62; border-bottom: 1px dotted #1b1b1b; line-height: 1.3;}
.main_movecont { padding: 15px 20px; background: #ece8dd; border-radius: 4px; }
.main_movecont01 p { font-size: 14px; line-height: 1.8; padding: 0 10px 20px 0; overflow: hidden; }
.main_movecont01 img { display: block; border:2px #ccc solid; border-radius: 4px; float: right; }
div.main_movenext{ width: 100%; height: 42px; background:url(../images/move_nexticon.png) no-repeat center top;}
h4.main_movecap01,
h4.main_movecap02,
h4.main_movecap03,
h4.main_movecap04 { padding:0; margin:0; }

/* energy */
.energy { padding: 0 0 50px; }
.energy_table { margin-bottom: 30px; }
.energy_table th { background: #E4EDF8;}

/* new_office */
.new_office { padding: 0 0 50px; }
.new_office ul { margin-bottom: 50px; }
.new_office .col3 img { margin-bottom: 15px; border: 3px solid #ccc; }

@media screen and (max-width: 667px){

	.titleArea { width: 100%; margin: 60px 0 20px; padding: 0 10px; text-align: center; position: relative;}
	.titleArea h2 { font-size: 25px; }
	.lower h3 { font-size: 18px; }
	
	/* contact */
	.contact{padding:0 10px 50px;}
	.cont03,.cont04 {width:100%;}	
	.inq_table {font-size:13px;}
	.inq_table tr,
	.inq_table th,
	.inq_table td {display:block;width:auto;}
	.inq_table th {padding:10px;}
	.inq_table td {padding:10px;}
	.inq_table th span {float:none; padding: 2px 0;}	
	.btn_send {width:100%;height:50px;}
	.btn_reset {margin:10px 0 0;}
	.send {margin:30px auto 10px;width:80%;}
	
	/* about */
	.about_table {font-size:13px;}
	
	/* works */
	.works_table {font-size:12px;line-height:1.5;}
	
	/* setting */
	#setting-image div a {display:none;}
	#setting-image {
		background:url(../images/setting_main.jpg) no-repeat;
		background-size:100% auto;
		width:100%;
		height:auto;
		padding:0 0 80%;
	}
	
	/* medical labmove */
	.main_movecont01 p { font-size: 13px;}
	.main_movecont01 img { float: none; margin: 10px auto; }
	
	/* new_office */
	.new_office .col3 { float: left; width: 31%; margin-left: 2%; }

}

@media screen and (max-width: 375px){

		

}