@import url("def300.css"); 

/* Site style common settings for NOT add. NN4 and IE3 */

/* Revised...
03_09_08 : 非タブ用リンク(headsub)追加。
03_07_28 : 互換モードと標準モードの表示差を改善。
　　　　　 DTD は URI ありでないと Opera 7 で意図しない表示になってしまう。
03_07_20 : com300.css と info.css を再統合。

site code common settings 上 右 下 左 */

#pageset  { color:#343434; background:#f0fff0; }
#pagesetb { color:#e6e6e6; background:#404040; }
#pagesetc { color:#343434; background:#ffffaa; }
#pagesetg { color:#343434; background:#aaffaa; }

#head {
	position:absolute; top:0; left:0; width:100%; height:4em;
	color:#ffffff; background:#0000aa; }
#headlh { position:absolute; top:0; left:0;  color:#ffffff; background:#0000aa; }
#headrh { position:absolute; top:0; right:0; color:#ffffff; background:#0000aa; }

#headsub {
	color:#343434; background:#cccccc; margin-left:-2px; 
	width:100%; position:relative; top:3em; left:0; z-index:1;
	border-color:#cccccc; border-style:solid; border-width: 1px 0px 1px 0px;
	height:1em; line-height:100%; }
/* headsub フレームページヘッダ(*hd.htm)専用, tab5は設定ではない */
#headsubframe {
	color:#343434; background:#cccccc; margin-left:-2px; 
	width:100%; position:relative; top:3em; left:0; z-index:1;
	border-color:#cccccc; border-style:solid; border-width: 1px 0px 1px 0px;
	height:1em; line-height:100%; }


#content0 {
	padding:2em 0 0; position:relative; top:5em; left:0; height:100%; margin-left:-1px; padding-left:1px;
	z-index:1; }
#content00j {
	position:absolute; top:5em; left:0; width:100%; height:11em; margin-left:-1px; padding-left:1px;
	color:#343434; background:#f0fff0 url(../images/com/top_bg.png) left no-repeat;
	z-index:3; text-align:right; overflow:hidden; }
#content00e {
	position:absolute; top:5em; left:0; width:100%; height:11em; margin-left:-1px; padding-left:1px;
	color:#343434; background:#f0fff0 url(../images/com/top_bg.png) left no-repeat;
	z-index:3; text-align:right; overflow:hidden; }
#content01 {
	position:relative; top:15em; left:0; width:100%; margin-left:-1px; padding-left:1px; }
/* 0lh と 0rh は調整中，1 は削除予定 */
#content0lh {
	position:absolute; left:0; top:5em; width:25%; height:100%; 
	color:#343434; background:#f0fff0; z-index:1; }
#content0rh {
	position:relative; left:25%; top:5em; width:75%; height:100%;
	border-top:solid 0px #0000aa; 
	color:#343434; background:#f0fff0; z-index:1; }
#content1 {
	position:absolute; top:98px; left:0; width:100%; margin-left:-1px; padding-left:1px;
	color:#343434; background:#f0fff0; z-index:4; }
#bottom {
	padding:5px 0 5px 0; width:100%;
	color:#343434; background:#cccccc; z-index:2; }
#bottom address { font-style:normal; }
#bottom a:link, #bottom a:visited { color:#0000aa; background:#cccccc; }
#bottom a:hover   { text-decoration: none; color:#0000aa; background:#ffffff; }


#subwin {
	position:absolute; visibility:hidden;
	left:10px; top:10px; width:36%;
	padding:5px;
	border: solid 1px #0050ff; z-index:5;
	color:#343434; background:#f0f0f0; }
#subwin2 { visibility:hidden; display:block; z-index:5; }

#tab0, #tab1, #tab2, #tab3, #tab4, #tab0e, #tab1e, #tab2e, #tab3e, #tab4e {
	color:#000000; background:#cccccc;
	width:18%; position:absolute; top:3em; left:0; z-index:1; }
#tab5 {
	color:#ffffff; background:#0000aa;
	width:10%; position:absolute; top:3em; right:0; z-index:1; }

#tab0, #tab1, #tab2, #tab3, #tab4, #tab5, #tab0e, #tab1e, #tab2e, #tab3e, #tab4e, #tab5e {
	border-color:#0000aa; border-style:solid; border-width: 1px 1px 1px 1px;
	height:1em; display:block; text-align:center; line-height:100%; }

#tab0, #tab0e { margin-left:0;   padding:0; }
#tab1, #tab1e { margin-left:18%; padding:0; }
#tab2, #tab2e { margin-left:36%; padding:0; }
#tab3, #tab3e { margin-left:54%; padding:0; }
#tab4, #tab4e { margin-left:72%; padding:0; }
#tab5 { margin-right:0px; padding:0;  }

.tabmenu a { display:block; width:100%; height:100%; }
.tabmenu a:link, .tabmenu a:visited { text-decoration: none; color: #000000; }
.tabmenu a:hover   { text-decoration: none; color: #ffffff; background-color:#0080ff; font-weight:bold; }
.tabmenu a:active  { text-decoration: none; color: #000000; background-color:#ffffff; }

.tablang a { display:block; width:100%; height:100%; }
.tablang a:link, .tablang a:visited { text-decoration: none; color:#e6e6e6; background:#0000aa; }
.tablang a:hover   {
	text-decoration: none; color:#0080ff; background:#ffffff;
	position:relative; left:0px; top:0px; font-weight:bold; }

.tabdummy a { display:block; width:100%; height:100%; color:#0080ff; background:#0000aa; }
.tabdummy a:link, .tabdummy a:visited { text-decoration: none; color:#0080ff; background:#0000aa; }


.pdm    {
	color:#343434; background:#e6e6e6; position:absolute; display:block;
	z-index:4; visibility:hidden; border:solid 1px #0000aa; border-width: 0 1px 1px 0;
	border-left:solid 1px #0000aa; }
.pdmsub {
	color:#343434; background:#d7d7d7; position:absolute; display:block;
	z-index:5; visibility:hidden; border:solid 1px #0000aa; border-width: 0 1px 1px 0; }
.pdm a:link, .pdm a:visited {
	color:#000000; background:#e6e6e6; text-decoration:none;
	display:block; width:100%; line-height:100%; }
.pdmsub a:link, .pdmsub a:visited {
	color:#000000; background:#dcdcdc; text-decoration:none;
	display:block; width:100%; line-height:100%; }
.pdm a:hover, .pdmsub a:hover {
	color:#ffffff; background:#0080ff; text-decoration:none; font-weight:bold; }

#pdm0, #pdm0e   { top:4em; left:0%;  width:27%; height:14px; padding:0; }
#pdm1, #pdm1e   { top:4.1em; margin-left:18%; width:27%; height:1em; padding:0; }
#pdm2, #pdm2e   { top:4.1em; margin-left:36%; width:27%; height:1em; padding:0; }
#pdm3, #pdm3e   { top:4.1em; margin-left:54%; width:27%; height:1em; padding:0; }
#pdm4, #pdm4e   { top:4.1em; margin-left:72%; width:27%; height:1em; padding:0; }

.infobox2	{
	padding:1em 0 1em 0;
	position:relative; left:50%; margin-left:-45%;
	display:block; width:90%; border:solid 1px #c0c0c0;
	}
.infobox3	{ 
	position:relative; left:50%; margin-left:-45%;
	display:block; width:90%; border:solid 1px #c0c0c0;
	color:#f0f0f0; background-color:#000000; }

/* for index */
.menua	{ color:#000000; background-color:#ffffff; }
.menua a:link    {
	text-decoration: none; display:block; width:100%; line-height:14px;
	color:#0000dd; background:#ffffff; }
.menua a:visited {
	text-decoration: none; display:block; width:100%; line-height:14px;
	color:#aa00aa; background:#ffffff; }
.menua a:hover    { color:#ffffff; background:#c0c0c0; }
.menua a:active   { color:#ffffff; background:#a9a9a9; }

/* 予備( 旧 menua ) */
.menuc	{ color:#000000; background-color:#cccccc; }
.menuc a:link    {
	text-decoration: none; display:block; width:100%; line-height:14px;
	color:#0000dd; background:#cccccc; }
.menuc a:visited {
	text-decoration: none; display:block; width:100%; line-height:14px;
	color:#aa00aa; background:#cccccc; }
.menuc a:hover   { color:#ffffff; background:#0000dd; }

/* for why */
.menub	{ color:#000000; background-color:#c0c0c0; }
.menub a { display:block; }
.menub a:link { text-decoration: none; color: #0000aa; }
.menub a:visited { text-decoration: none; color: #aa00aa; }
.menub a:hover { text-decoration: none;  color: #000000; background-color:#f0fff0; }


/* for rcnote RH および search RH ページ用 */
#inforh {
	position:relative; left:50%; margin-left:-45%;
	display:block; width:90%; }