* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
* { line-height:15px;}

.nav {
	width:750px; 		/* ナビバー全体の幅 */
	position:absolute;	/* 絶対位置指定 */
	top:50px; 			/* 上からのピクセル数 */
	left:10px;
	z-index:4;
}
.nav h2{
	margin:0px;
}

.nav h2 a{
	display:block; 	
	width:104px;
	/*background-color:#eeffcc;*/
	border:1px solid;
	border-color:#efffdd #00aa00 #00aa00 #efffdd;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#115533;
	font-weight:900;

}
.nav h2 a:hover{
	/*background-color:#ffffd8; *//* マウスオンの背景色 */
}
.nav h2 a:active{
	background-color:#ffcc77; /* マウスクリックの背景色 */
}


.menu { 				/* プルダウンメニュー */
	width:104px; 		/* メニューバーの幅 */
	padding:0px;
	float:left;			/*メニューを右に続ける */
	z-index:4;
	background-color:#eeffcc;
}
.menuNow { 				/* プルダウンメニュー */
	width:104px; 		/* メニューバーの幅 */
	padding:0px;
	float:left;
	z-index:4;
	background-color:#009999;
}


.box2 {
	position:absolute;
	width:104px;
	display:none;
	z-index:3;
}

/*--------------------------*/
.navbar {
	width:750px; 		/* ナビバー全体の幅 */
	position:relative;	/* 絶対位置指定 */
	top:0px; 		/* 上からのピクセル数 */
	left:10px;
	z-index:4;
}
.navbar h2{
	margin:0px;
	display:block; 	
	width:104px;
	background-color:#eeffcc;
	border:1px solid;
	border-color:#efffdd #00aa00 #00aa00 #efffdd;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#115533;
	font-weight:900;
}


.navbar h2 a:hover{
	/*background-color:#ffffd8; *//* マウスオンの背景色 */
}
.navbar h2 a:active{
	background-color:#ffcc77; /* マウスクリックの背景色 */
}

.navbar .title{
	margin:0px;
	display:block; 	
	width:104px;
	background-color:#eeffcc;
	border:1px solid;
	border-color:#efffdd #00aa00 #00aa00 #efffdd;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#115533;
	font-weight:900;
	/*float:left;*/

}
.navbar .titleNow{
	margin:0px;
	display:block; 	
	width:104px;
	background-color:#CC9999;
	border:1px solid;
	border-color:#efffdd #00aa00 #00aa00 #efffdd;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#115533;
	font-weight:900;
	/*float:left;*/

}

.navbar .menubar{
	width:104px; 		/* メニューバーの幅 */
	padding:0px;
	float:left;		/*メニューを右に続ける */
	z-index:4;
	/*background-color:#eeffcc;*/
	cursor: pointer;

}
.navbar .tree { 
	position:absolute;
	width:104px;
	display:none;
	z-index:3;
	background-color:#eeffcc;
}


/*[画面位置]-------------------------------------------------->*/
.Panel{
	position:relative;
	top:0px; 
	left:50%;
	width:1px;
	height:1px;
}

.Panel .innerBox{
	position:absolute; 
	top:0px; 
	left:-350px;
	z-index:3;
}

.Panel .innerBox2{
	position:absolute; 
	top:0px; 
	left:-370px;
	z-index:0;
}

.Panel .innerBoxBack{
	position:absolute; 
	top:0px; 
	left:-370px;
	width:740px;
	z-index:0;
	background-color:#eeffcc;
}

.Panel .innerBoxBack .innerBoxParts{
	position:absolute; 
	top:0px; 
	left:20px;
	z-index:0;
}

/*[表題]-------------------------------------------------->*/
.hyoudai{
	border:1px #000000 solid;
	padding:5px 5px 0px 5px;
	height:100%;
	text-decoration:none;
	font-size:11pt;
	font-weight:bold;
}

/*[メニューバー部分]-------------------------------------------------->*/
.bar{
	position:absolute;
	top:135px;
	left:0px;
	width:700px;
	z-index:999;
	/*border:1px black solid;*/
}

/* 大項目 */
.bar .title{
	width:100px;
	padding:3px 0px 3px 0px;
	font-size:14px;
	color:#ffffff;
	border:1px solid;
	border-color:#000000 #000000 #c0c0c0 #c0c0c0;
	text-align:center;
	font-weight:900;
	background-color:#1000f0;
}

/* 選択大項目 */
.bar .titleNow{
	width:100px;
	padding:3px 0px 3px 0px;
	font-size:14px;
	color:#115533;
	border:1px solid;
	border-color:#000000 #000000 #c0c0c0 #c0c0c0;
	text-align:center;
	font-weight:900;
	background-color:#CC9999;
}

/* メニュバー */
.bar .menubar{
	width:100px;
	float:left;
	z-index:999;
	cursor: pointer;
}

/* ツリー表示 */
.bar .tree { 
	position:absolute;
	display:none;
	z-index:998;
}


/*[サブメニューバー部分]---------------------------------------------->*/
/* サブメニューバー */
.submenu{
	position:relative;
	height:25px;
	width:200px;
}

/* サブメニューバー(項目単位) */
.submenu .menuparts{
	position:absolute;
	height:25px;
	width:100%;
	font-size:14px;
	line-height:1;
	font-weight:bold;
	padding:0px;
	margin:0px;
	background-color:#1000f0;
	z-index:999;
}

/* サブメニューバー(a リンク) */
.menuparts a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	background-color:#1000f0;
	height:100%;
	width:100%;
	padding:5px 0px 0px 0px;
	border:1px solid;
	border-color:#000000 #000000 #c0c0c0 #c0c0c0;
}
.menuparts a:hover{
	display:block;
	height:100%;
	width:100%;
	color:#1000f0;
	background-color:#ffffff;
	font-size:17px;
}

.menuparts a:active{
	display:block;
	height:100%;
	width:100%;
	background-color:#ffffff;
}

/* サブメニューバー(選択 a リンク) */
.submenu .Now a {
	color:#115533;
	background-color:#cc9999;
}

.submenu .Now a:hover{
	color:#1000f0;
	background-color:#ffffff;
}

.submenu .Now a:active{
	display:block;
	color:#1000f0;
	background-color:#ffffff;
}

/* サブメニューバー(iframe)IEバグ対策 */
.submenu iframe{
	position:absolute;
	top:0px;
	left:0px;
	height:25px;
	width:100%;
	z-index:900;
}

/*[画面別サブメニューバー]-------------------------------------------------->*/
/* サブメニューバー(簡易ダウンロード) */
.menuparts .quick:hover    {	background-color:#ff9933;	color:#000000	}
.menuparts .quick:active   {	background-color:#ff9933;	color:#000000	}
.submenu .Now .quick:hover {	background-color:#ff9933;	color:#000000	}
.submenu .Now .quick:active{	background-color:#ff9933;	color:#000000	}

/* サブメニューバー(即時公開) */
.menuparts .instant:hover    {	background-color:#ff99cc;	color:#000000	}
.menuparts .instant:active   {	background-color:#ff99cc;	color:#000000	}
.submenu .Now .instant:hover {	background-color:#ff99cc;	color:#000000	}
.submenu .Now .instant:active{	background-color:#ff99cc;	color:#000000	}

/* サブメニューバー(地震選択＆ダウンロード) */
.menuparts .quake:hover    {	background-color:#8cf7ff;	color:#000000	}
.menuparts .quake:active   {	background-color:#8cf7ff;	color:#000000	}
.submenu .Now .quake:hover {	background-color:#8cf7ff;	color:#000000	}
.submenu .Now .quake:active{	background-color:#8cf7ff;	color:#000000	}

/* サブメニューバー(地震検索＆ダウンロード) */
.menuparts .search:hover    {	background-color:#21ffad;	color:#000000	}
.menuparts .search:active   {	background-color:#21ffad;	color:#000000	}
.submenu .Now .search:hover {	background-color:#21ffad;	color:#000000	}
.submenu .Now .search:active{	background-color:#21ffad;	color:#000000	}

/* サブメニューバー(データ検索＆ダウンロード) */
.menuparts .data:hover     {	background-color:#ffff84;	color:#000000	}
.menuparts .data:active    {	background-color:#ffff84;	color:#000000	}
.submenu .Now .data:hover  {	background-color:#ffff84;	color:#000000	}
.submenu .Now .data:active {	background-color:#ffff84;	color:#000000	}

/* サブメニューバー(切り出しデータダウンロード) */
.menuparts .trimm:hover    {	background-color:#000000;	color:#ffffff	}
.menuparts .trimm:active   {	background-color:#000000;	color:#ffffff	}
.submenu .Now .trimm:hover {	background-color:#000000;	color:#ffffff	}
.submenu .Now .trimm:active{	background-color:#000000;	color:#ffffff	}

/* サブメニューバー(速度応答スペクトルダウンロード) */
.menuparts .response:hover    {	background-color:#cc99ff;	color:#000000	}
.menuparts .response:active   {	background-color:#cc99ff;	color:#000000	}
.submenu .Now .response:hover {	background-color:#cc99ff;	color:#000000	}
.submenu .Now .response:active{	background-color:#cc99ff;	color:#000000	}

/*[画面パーツ]-------------------------------------------------->*/
.PartsTtl{
	/*background-color:#1000f0;*/
	color:#ffffff;
	width:100%;
	padding:2px 0px 2px 1em;
	font-weight:bold;
	background:#1000f0 url("../images/parts.gif") no-repeat left top;
}

.PrtsBody{
	position:absolute;
	border:1px #0066ff solid;
	background-color:#e0ffe0;
	z-index:0;
}