@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	list-style: none;
}
body {
	color: #333333;
	background-color: #ffffff;
	font-size: 75%; /* 10px */
	line-height: 1.5em; /* 18px */
}
* html body /* IE 6 */ {
	font-size: 60%; /* 12px */
}
a[name]:link, a[name]:visited, a[name]:hover, a[name]:active {
	text-decoration: none;
}
#LayerHeader, #LayerHeaderTop, #LayerHeaderPopup {
	position: absolute;
	width: 500px;
	height: 55px;
	top: 0;
	left: 0;
	clear: both;
}
#LayerHeaderTop {
	width: 600px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 10px;
}
#IdCorporateName, #LayerHeaderRight, #IdHeaderLink, #IdSearch, #LayerGnavi {
	display: none;
}
/* ***************************************************** */
#LayerFooter, #LayerFooterPopup {
	position: relative;
	clear: both;
	width: 500px;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
	color: #333333;
	background-color: inherit;
}
#LayerFooterTop {
	position: relative;
	clear: both;
	width: 600px;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
	color: #333333;
	background-color: inherit;
}
#LayerFooter:before {
	clear: both;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
}
#IdFooterLinks, #IdFooterPrivacy {
	display: none;
}
#IdFooterCopy {
	font-size: 80%; /* 10px */
}
/* LayerBase
================================================= */
#LayerBase {
	width: 500px;
	height: auto;/* border: 1px solid #D8D8D8; */
}
#LayerTopBody, #LayerBody, #LayerBodyPopup {
	position: relative;
	margin-top: 60px;
	padding-top: 10px;
	height: auto;
}
*+html #LayerTopBody, /* IE 7 */ *+html #LayerBody, *+html #LayerBodyPopup {
	height: 10%;
}
* html #LayerTopBody, /* IE 6 */ * html #LayerBody, * html #LayerBodyPopup {
	height: 10%;
}
/* LayerContents,LayerContentsPopup
================================================ */
#LayerBody #LayerContents {
	width: 500px;
	margin: 0 0 0 10px;
}
#LayerBody #LayerContentsPopup {
	width: 500px;
	margin-bottom: -13px;
}
#LayerContentsTop h2#steeleye a:link, #LayerContentsTop h2#steeleye a:visited {
	margin: 0;
}
#LayerContentsTop h2:after, #LayerContents h2:after {
	clear: both;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
}
* html #LayerContents h2, * html #LayerContentsTop h2 /* IE 6 */ {
	height: 1px;
}
*+html #LayerContents h2, * html #LayerContentsTop h2 /* IE 7 */ {
	height: 1%;
}
/* td, th width, height*/
.w-20px {
	width: 20px;
}
.w-30px {
	width: 30px;
}
.w-40px {
	width: 40px;
}
.w-50px {
	width: 50px;
}
.w-55px {
	width: 55px;
}
.w-60px {
	width: 60px;
}
.w-80px {
	width: 80px;
}
.w-100px {
	width: 100px;
}
.w-110px {
	width: 110px;
}
.w-120px {
	width: 120px;
}
.w-130px {
	width: 130px;
}
.w-140px {
	width: 140px;
}
.w-160px {
	width: 160px;
}
.w-180px {
	width: 180px;
}
.w-200px {
	width: 200px;
}
.w-220px {
	width: 220px;
}
.w-230px {
	width: 230px;
}
.w-240px {
	width: 240px;
}
.w-260px {
	width: 260px;
}
.w-280px {
	width: 280px;
}
/* =====================================================
LayerPromotion
===================================================== */
#LayerPromotionEn {
	position: relative;
	top: 75px;
	left: 0;
	width: 620px;
	height: 190px;
}
#LayerPromotionEn IdTopBanner p {
	margin: 0;
	padding: 0;
}
/* =====================================================
LayerBaseTop
===================================================== */
#LayerBaseTopEn {
	width: 650px;
	height: auto;
}
#LayerBaseTopEn a:hover, #LayerBaseTopEn a:active {
	text-decoration: underline;
}
#LayerBodyTop {
	position: relative;
	margin-top: 80px;
	padding-top: 20px;
	height: auto;
}
*+html #LayerBodyTop /* IE 7 */ {
	height: 10%;
}
* html #LayerBodyTop /* IE 6 */ {
	height: 10%;
}
/* LayerContentsTop
================================================ */
#LayerBodyTop #LayerContentsTop {
	width: 620px;
	margin-bottom: -13px;
}
/* LayerInformation / LayerPress
================================================ */
#LayerContentsTop #LayerInformation, #LayerContentsTop #LayerPress {
	width: 588px;
	height: auto;
	margin: 15px 0 0 18px;
}
#LayerContentsTop #LayerPress {
	margin: 10px 0 0 18px;
}
#LayerInformation h2, #LayerPress h2 {
	display: block;
	width: 588px;
	padding: 5px 5px 5px 15px;
	color: #12739E;
	font-weight: bold;
	border-left: 8px solid #12739E;
	clear: both;
}
#LayerInformation table, #LayerPress table {
	width: 560px;
	margin: 9px 0 0 12px;
	border-collapse: collapse;
}
* html #LayerInformation table, /* IE 6 */ * html #LayerPress table {
	margin: 9px 0 3px 12px; /* IE 6 */
}
*+html #LayerInformation table, /* IE 7 */ *+html #LayerPress table /* IE 7 */ {
	margin: 9px 0 3px 12px;
}
#LayerInformation th, #LayerInformation td, #LayerPress th, #LayerPress td {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}
#LayerInformation th, #LayerPress th {
	padding: 8px 0 6px 7px;
	width: 107px;
}
#LayerInformation td, #LayerPress td {
	padding: 8px 0 6px 8px;
}
#LayerInformation td a, #LayerPress td a {
	color: #333333;
	display: block;
	width: 438px;
}
#AreaInformation, #AreaPress, #AreaTraining {
	padding-bottom: 8px;
	clear:both;
	width: 588px;
}
*+html #AreaInformation, /* IE 7 */ *+html #AreaPress, #AreaTraining {
	margin-bottom: -3px;
}
* html #AreaInformation, /* IE 6 */ * html #AreaPress, #AreaTraining {
	margin-bottom: -3px;
}
#AreaInformation .h2_title, #AreaPress .h2_title {
	width: 360px;
	display: block;
	float: left;
	position: relative;
	font-weight: bold;
	font-size: large;
}
#AreaInformation .h2_rss, #AreaPress .h2_rss, #AreaInformation .h2_list, #AreaPress .h2_list {
	display: none;
}
#AreaInformation th {
	color: #2F4FA1;
}
#AreaPress th {
	color: #13739F;
}
/* LayerCase
================================================ */
#LayerContentsTop #LayerCase {
	width: 588px;
	height: auto;
	margin: 10px 0 0 18px;
}
#LayerCase h2 {
	display: block;
	width: 588px;
	color: #1D8235;
	font-weight: bold;
	border-left:8px solid #1D8235;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#AreaCase {
	min-height: 50px;
}
* html #AreaCase /* IE 6 */ {
	height: 161px;
}
#AreaCase:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#AreaCase .h2_title {
	width: 360px;
	display: block;
	float: left;
}
#AreaCase .h2_list {
	display: none;
}
#LayerBaseTopEn #LayerPromotionEn {
	height:160px;
	left:0;
	position:relative;
	top:70px;
	width:590px;
	margin-left: 15px;
}
#LayerContentsTop #AreaTSE {
	margin: 10px 0 0 0;
	clear: both;
	width: 650px;
}
#LayerContentsTop #AreaTSE p {
	float: right;
	font-size: 90%; /* 11px */
	line-height: 110%; /* 13px */
	margin: 0 0 0 10px;
}
#LayerContentsTop #AreaTSE p.tse-code {
	margin: 15px 0 0 7px;
}
#LayerContentsTop #AreaTSE:after {
	clear: both;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
}
#LayerBodyTop #LayerContentsTop #AreaLink {
	clear:both;
	height:65px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 25px;
}
#LayerBodyTop #LayerContentsTop h2 {
	float:left;
}
#LayerBodyTop #LayerContentsTop h2 a {
	background-color:inherit;
	border:10px solid #3A6DAF;
	color:#188389;
	display:block;
	float:left;
	font-weight:normal;
	height:15px;
	margin:0 10px 0 0;
	overflow:hidden;
	padding:15px;
	text-align:center;
	width:128px;
	line-height: 100%;
}
#LayerBodyTop #LayerContentsTop #AreaInformation h2 {
	float:none;
}
.clear {
	clear:both;
}
#addnavi {
	margin-left: 25px;
}
#addnavi strong {
	width: 150px;
	display: block;
	float: left;
}

