@charset "utf-8";	

/*==============================	
	((CSS INDEX))

	Common Style
	headerSec
	globalNaviSec
	bodyArea
	breadCrumbSec
	localNaviBlock
	maincontentsBlockArea
	footerArea
	popup

==============================*/	


/*==============================	
Common Style	
==============================*/	

/*Reset*/	
p, th, td, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, caption, form {
	padding: 0;
	margin: 0;
	border: 0;
}



body {	
	padding: 0;
	margin: 0;
	font-family:Verdana;
	font-size:80%;
	color: #000000;
	text-align:center;
}

hr{	
	display:none;
}	

/*forReader*/		
.forReader {	
	position:absolute;
	top:-100000px;
}

/*Link*/	
a{
	color:#3399FF;
	text-decoration:1px solid #3399FF;
}	
a:visited{
	color:#666666;
	text-decoration:1px solid #666666;
}	
a:hover{	
	color:#CC1144;
	text-decoration:1px solid #CC1144;
}

/*img border*/
img {
	border:none;
}


a img.borderImg {
	border:1px solid #CCCCCC;
}
a:hover img.borderImg {
	border:1px solid #CC1144;
}


/*List*/	
ul, dl{	
	list-style-type:none;
}	
ul.list{	
	list-style-type:disc;
	padding-left:18px;
}	
ul.list li{	
	margin:2px 0;
}	
ul.list li li{	
	list-style-type:circle;
	margin-left:34px;
}
.numberIndent, 
.numberIndent2 {
	list-style-type:none;
	margin:0;
}	
.numberIndent li {
	margin:0 0 0 1em;
}
.numberIndent span {
	margin:0 0 0 -1em;
}
.numberIndent2 li {
	margin:0 0 0 1.8em;
}
.numberIndent2 span {
	margin:0 0 0 -1.6em;
}

/*float*/	
.floatLeft{	
	float:left;
}	
.floatRight{	
	float:right;
}	
.clear{	
	clear:both;
}	
.clearLeft{	
	clear:left;
}	
.clearRight{	
	clear:right;
}	
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	/* For Mac IE5 \*//*/
	width: 100%;
	/* End for Mac IE5 */ 
	display:inline-block;
	/* Hide for Mac IE5 \*/
	clear:both;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
.clearfix{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}


/*text-align*/	
.center {	
	margin-right:auto;
	margin-left:auto;
	text-align: center; 
}	
.left {	
	text-align: left; 
}	
.right {	
	text-align: right; 
}
.top {
	vertical-align:top !important;
}
.middle {
	vertical-align:middle;
}

/*marginTop*/ 
.firstItem {
	margin-top:0 !important;
}
.marginTop60{	
	margin-top:60px !important;
}	
.marginTop50{	
	margin-top:50px !important;
}	
.marginTop40{	
	margin-top:40px !important;
}	
.marginTop30{	
	margin-top:30px !important;
}	
.marginTop22{	
	margin-top:22px !important;
}	
.marginTop12{	
	margin-top:12px !important;
}
.marginTop05{	
	margin-top:5px !important;
}
.marginRight22{	
	margin-right:22px !important;
}
.marginRight12{	
	margin-right:12px !important;
}
.marginRight05{	
	margin-right:5px !important;
}
.marginBottom10 {
	margin-bottom:10px !important;
}
.marginLeft10 {
	margin-left:10px !important;
}
.paddingTop12{	
	padding-top:12px !important;
}
.paddingLeft10{	
	padding-left:10px !important;
}
.paddingLeft20{	
	padding-left:20px !important;
}
.paddingRight20{	
	padding-right:20px !important;
}
.num16 {
	text-indent:-1.6em !important;
	margin-left:1.6em !important;
}
.padding10 {
	padding:10px;
}


/*Hx*/
h1, h2, h3, h4, h5, h6 {	
	font-size:100%;
}
/*sup sub*/
sup{
	font-family:Verdana;
	vertical-align:2px;
}
sub {
	vertical-align:-1px;
}

/*==============================
all
==============================*/
#all{
	width:901px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/*==============================	
headerSec	
==============================*/	
#headerSec{
	border-top:4px solid #999999;
}
/*Logo*/
#headerSec #headerLogoBlock {
	float:left;
	width:192px;
	padding-top:6px;
}
#headerSec #mechatroLogo {
	float:right;
	width:258px;
	padding-top:9px;
}



/*==============================	
bodyArea	
==============================*/	
#bodyArea{
	text-align:center;
	width:901px;
	margin:0 auto;
	padding-top:38px;
}
#bodyArea ul {
	margin:36px 0 0 110px;
	padding-bottom:90px
}
#bodyArea li{
	float:left;
	margin-right:11px;
}	




/*==============================	
footerArea	
==============================*/	
#footerArea{
	padding-top:10px;
	margin:0 0 28px;
}	
#footerArea #copyright{
	color:#666666;
	font-style:normal;
	font-size:86%;
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 0;
}	

#footerArea #footerLinkSec {
width:450px;
float:right;
text-align:right;
}
#footerArea #footerLinkSec ul {
text-align:right;
} 
#footerArea #footerLinkSec li {
	display:inline;
	background:url(/nism/common/arw.gif) no-repeat 0 40%;
	padding-left:10px;
	margin-left:10px;
	line-height:150%;
}
#footerArea a{
	color:#666666;
	text-decoration:1px solid #666666;
}	
#footerArea a:visited{
	color:#999999;
	text-decoration:1px solid #999999;
}	
#footerArea a:hover{	
	color:#CC1144;
	text-decoration:1px solid #CC1144;
}

@media print{
#headerSec{
	border-top:none;
}
#headerSec #headerLogoBlock {
	padding-top:0;
}
#headerSec ul#headerLink, 
#headeToolBlock, 
#globalNaviSec, 
#localNaviBlock, 
.toPagetop, 
#footerLinkSec {	
		display:none;
	}
#contentsBlock {
		float:none;
	}
.headline1 {
background:none;
border-bottom:2px solid #999999;
}
}