@charset "utf-8";



/**************************************************************************************************/

/**graphtec main**/

/**clear style**/

html, body , div , p  { margin:0; padding:0;}

img {border:0;}


.sfont{font-size:90%;}
.ssfont{font-size:70%;}



/****/

html			{ font-size:14px; font-family:"メイリオ", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

body 			{ -webkit-text-size-adjust:100%;}

body,#footer 	{ background:#CBCBCB;}


#mainRap {background:#FFFFFF; position:relative;}


#headRap 		{ background:url(../../Temp-common/images/mh-bg.gif) bottom repeat-x;}
#headRap		{ width:100%; margin:0; padding:0;}



#mainHeader 	{ position:relative;}
#mainHeader 	{ width:960px; margin:0 auto; height:56px;}


#MHlogo			{ display:block; position:absolute;}
#MHlogo			{
	top: 3px;
	left: 0;
}


#selectLang		{ display: block;position: absolute;top: 0;right: 0;height: 18px;margin:0;z-index: 100;font-size:75%; list-style:none;}
#selectLang	a	{ text-decoration:none; color: #20A1D7; }




#mainMenu 		{ display:none;}
#mainMenu li a	{ text-decoration:none; color:#000; font-weight:bold;}
#mainMenu				{
	display: block;
	margin: 0;
	padding: 0;
	height: 30px;
	position: absolute;
	top: 26px;
	right: 3px;
}
#mainMenu li			{ display:block; float:left; text-align:center; width:106px;}
#mainMenu li a			{ display:block; width:100%; line-height:30px; background:url(../images/template/mh-bt-bg.gif) bottom left repeat-x;}
#mainMenu li a:hover	{ background: #C7C7C7;}
#mainMenu li .active  { background: #525252; color:#fff;}







#subMenu			{ color:#fff; background:#525252; margin:0;}

#subMenu ul			{ height:30px; margin:0 auto; width:960px; padding:0;}
#subMenu ul li		{ float:left; display:block; line-height:30px; margin:0; padding-right:30px;}
#subMenu a			{ color:#fff; text-decoration:none; display:block;}
#subMenu a:hover	{ color:#32A1C3;}

#subMenu .smTopics 	{float:right;}




#menu {margin:0; padding:0;}

#menu li {}

#menu li div {
  display: none;
  position: absolute;
  top: 80px;
  left: -1px;
  padding: 20px 0;
  width: 100%;
  border-bottom: solid 1px #373737;
  z-index:1000;

 
  background: #fff;
  background: rgba(0,0,0,0.90);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff000000,EndColorStr=#99000000);　/*IE7*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff000000,EndColorStr=#99000000)";　/*IE8*/
}

#menu li div:not(:target){filter: none;-ms-filter: none;}

#menu li div ul li 					{font-wight:bold;}
#menu li div ul li ul 				{margin-left:20px;}
#menu li div ul li ul li			{font-wight: normal; margin:3px 0;}

#menu li div ul li a 				{color:#fff;}
#menu li div ul li a:hover 			{text-decoration:underline;color:#fff;}
#menu li div ul li ul li a 			{color: #69DAEC; padding-right:15px;background:url(../images/template/pdm-icon02.png) no-repeat right center;}
#menu li div ul li ul li a:hover 	{text-decoration:underline;color: #fff;}





.pHeader { position:relative; width:960px; margin:0 auto; padding:0; height:36px;}
.phTitle {line-height:36px;}
.phMenu { position:absolute; right:0; top:0; margin:0; padding:0;}
.phMenu li { display:block; float:left; line-height:36px; margin:0 10px;}
.phMenu li a { text-decoration:none; color:#000;}
.phMenu li a:hover {text-decoration:underline; color:#00BBFF;}






.cBox		{border-bottom:#DFDFDF 2px solid; margin:0; padding:0;}

.cBoxTitle  { position:relative; width:960px; margin:0 auto; padding:0; height:36px;}


.cBoxTitle h1 { font-size:22px; line-height:0px; display:block; margin:auto;line-height:36px;}
.cTitleSubMenu { position:absolute; right:0; top:0; margin:0; padding:0;}
.cTitleSubMenu li { display:block; float:left; line-height:36px; margin:0 10px;}

.cBoxTop	{width:960px; margin:0 auto; padding:0; line-height:0; position:relative;}
.cBoxNormal	{width:960px; margin:0 auto; padding:0 0 40px 0; position:relative;}


.fl-text-Menu {}
.fl-text-Menu li {float:left; list-style:none; padding:5px;}

.ft-list { list-style:none; }
.ft-list li {padding-left:30px; background:url(../../en/imaging/common/ft-list-bg.png) no-repeat center left;}



.f_left  { float:left; padding-right:10px;}
.f_right { float:right; padding-left:10px;}









/**3タブ（仮）計測トップ用仮スタイル*******************************************************************/
.cBoxTopTab {
	position: absolute;
	top: 305px;
	width: 975px;
	height: 80px;
	left: 0px;
}

.cBoxTopTab ul { margin:0; padding:0;}
.cBoxTopTab ul li { width:310px; margin-right:15px; float:left; list-style:none; height:80px; padding:0;}
.cBoxTopTab ul li a { border:4px #0E330A solid; 
border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px; 
display:block;
height:60px; 
text-align:center; 
line-height:2em;
background: #fff;
background: rgba(255,255,255,0.80);
color:#000;
font-weight:bold;
font-size:120%;
text-decoration:none;
}

.cBoxTopTab ul li a:hover { border:4px #fff solid; display:block; height:60px; text-align:center; line-height:2em;}

.cBoxTopTabAC {border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px; 
display:block;
height:80px; 
text-align:center; 
line-height:2em;
background: #fff;
color:#000;
font-weight:bold;
text-decoration:none;
}
.cBoxTopTabAC img {margin-top:4px;}


.cBoxTopSubLink {
	position: absolute;
	top: 205px;
	left: 12px;
	z-index: 400;
}
.cBoxTopSubLink ul {margin:0; padding:0;}
.cBoxTopSubLink ul li { list-style:none; float:left; background: #FFFFFF; height:50px; margin-right:5px;}
.cBoxTopSubLink a {display:block;  border:#fff 3px solid;}
.cBoxTopSubLink a:hover { border: #FFF728 3px solid;}


/**3タブ（仮）計測トップ用仮スタイル end*******************************************************************/



table {border-top:1px solid #726363;border-left:1px solid #726363;}
td,th {border-right:1px solid #726363;border-bottom:1px solid #726363; padding:0.8em;}
th { background:#C0C0C0;}


.notice {font-size:85%;}




#footer { border-top: 2px solid #999;}

#pageNav {background: #777777; height:30px; border-bottom:1px solid #E0E0E0;}
#pageNav ul { width:960px; margin:0 auto;}
#pageNav ul li { display:block; float: left; list-style:none; margin:0; padding-right:30px; line-height:30px;}
#pageNav a {color:#fff; text-decoration:none;}

#footerMenu {width:960px; margin:0 auto;}
#footerMenu a {color:#000; text-decoration:none;}


#copyright { text-align:center; margin:40px;}


















p.notesIndent{ text-indent:-2em; padding:0 0 0 2em; text-align:left; margin:0 auto; display: inline-block;}


.cBoxNormal { width:940px; padding:20px 10px;}

.cBoxNormal p { line-height:2em;}

.cbChild{position: absolute;
	top: 30px;
	left: 10px;}
	
.cbBG{position: absolute;
	top: 30px;
	left: 10px;
	}





.currentPG { font-weight:bold; color:#0A184E; padding:0 3px; background:#f5f5f5;}













/*注釈定義リスト*/
.notesList {
	font-size:12px;
	width:100%;  
	padding-top:5px; 
	padding-bottom:20px;
}

.notesList dt {
	float:left;
	padding:0px 0 5px 5px;
	clear:both; 
}

.notesList dd {
	margin-left:25px;
	padding:0px 0px 5px 15px;
}






/*icon*/

.icon_new { display:inline-block; font-size:90%; background:rgba(255,55,0,1.00); color:#fff; font-weight:bold; padding:0 2px;}









div .d4block { display:block; width:205px; margin:15px; float:left; z-index:100; position:relative;}

div .d3block { display:block; width:280px; margin:15px; float:left; z-index:100; position:relative;}

div .d2block { display:block; width:440px; margin:15px; float:left; z-index:100; position:relative;}

div .d1block { display:block; width:910px; margin:15px; float:left; position:relative;}


.d2block h2 , .d1block h2 { font-size:17px;}