/* 全体の設定 */

body {
	background-color: #9CBFEE;
        background-image:url(img/background.gif);
        background-repeat:repeat-x;
	/* font-size: 95%; */
	/* line-height: 150%; */
	/* text-align: center; */
	/* color: #333333; */
	margin: 0px;
}

/* 配置 */

div#page {
	text-align: left;
	/* border:  1px solid #AAAAAA; */
        /* border-radius: 10px; */ /* css3: ブラウザが対応しない */
	width: 810px;
	margin: 5px auto;
}
div#headframe,
div#head {
        /* padding-top: 10px;
        padding-right: 10px;
        padding-left: 10px; */
	margin: 0px;
        height: 80px;
}
/* div#head-left { 
        width: 165px;
        padding-top:  13px;
        padding-left: 7px;
	float: left;
} */
div#head-middle { 
        padding-top: 10px;
        margin-left:85px;
        width: 360px;
	float: left;
}
div#head-middle-e { 
        padding-top: 4px;
        margin-left:85px;
        width: 480px;
	float: left;
}
div#head-right { 
	float: left;
        width: 365px;
        position: relative;
}

div .on-land, 
div .on-landside, 
div .on-ocean, 
div .on-climdyn{ 
        width: 120px;
	float: left;
        height: 80px;
        top: 0px;
        /*  position: absolute; */
        /* position:relative; */
}
div .on-climdyn{ 
        margin-left: 40px;
        text-align: left;
}
div .on-ocean{ 
        margin-left: 50px;
        text-align: center;
}
div .on-landside{ 
        margin-left: 95px;
        text-align: right;
}
div .on-land{ 
        margin-left: 220px;
        text-align: center;
} 
div#topic-selector {
        position: absolute;  
        top: 30px;  
        right: 0px;  
        width: 110px;
}


div#site-search {
        padding-top:  10px;
        padding-bottom:  5px;
        padding-left: 5px;
        /* width: 110px;
	float: left; */
}
div#access-counter { 
        /* width: 70px;
	float: left;
        padding-top:  42px; */
        padding-top:  5px;
        padding-bottom:  5px;
}

div#middle{
        /* border:  1px solid #AAAAAA; */
        height: auto;
        padding-left: 2px; 
}
div#middle-top{
        background-image:url(img/frame_top810.gif);
        height: 10px;
}
div#menu {
        font-size: 92%;
	width: 168px;
	/* margin: 5px 0px 0px 5px; */
        border-top: 1px solid #8CAFEE;
        /* padding-top: 10px; */
 	float: left;
}

div#contents-box{
        border-left: 1px solid #CCCCCC;
        border-right: 3px solid #8CAFDE;
        border-top: 1px solid #8CAFEE;
	width: 636px;
        /* padding-right: 5px;*/
        /* padding-left: 5px; */
	float: left;
}

div#foot { 
        clear: left;
}


/* スタイルの設定   */

/*   ページ全体    */

div#page {
        font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

/*   ヘッダ(head)    */

div#head {
        /* background-image:url(img//top_bg3.gif);
           background-repeat:  repeat-x; */
	/* background: #EEF0FF; */
	background: #FFFFFF;
        margin-bottom: 10px;
}
div#headframe {
       /* background-image:url(img/eoas_banner2_.png);  */
       background-image:url(img/eoas_header.png);
}
div#head img{
        padding: 0px;
        margin: 0px 0px 0px 0px;
}
div#head a img{
        border-style:none;
}
/* div#upperorg {
        font-size: 85%;
}*/
div#site a{
	color: #000000;
	text-decoration: none;
}
div#site img:hover{
        opacity: 0.7;
        alpha(opacity=70);
}
div#site a:hover{
	text-decoration: none;
} 
div#site h4{ 
	margin-top: 15px;
	margin-bottom: 0px;
        font-size: normal;
}
div#site h3{ 
	margin: 0px;
        font-size: 120%;
}

/*
div#head-menu {
        font-size:  80%;
	margin-right: 5px;
} */

div .on-land:hover, 
div .on-landside:hover, 
div .on-ocean:hover{ 
        opacity: 0.7;
        alpha(opacity=70);
        top:1px;
}
div#topic-selector {
        font-size: 85%;
}

span#next-topic{ 
	color: #0000AA;
        font-weight: bolder;
        text-decoration: underline;
}
span#next-topic:hover{ 
        cursor: pointer;
}


/*   メインメニュー    */

div#middle{
/*        background: #BCDFFE; */
        background-image:url(img/middle_bg_BCDFFE.png); 
        background-repeat:  repeat-y;
/* これを使うとページ内リンクで崩れる       overflow: hidden; */       /* 内部のcontents-boxを左のdivに高さを揃えるため */
}

/* 現在 contents-box は存在意義がなくなってる */
div#contents-box{
        background: #FFFFFF;
/* これを使うとページ内リンクで崩れる       padding-bottom: 32768px;*/ /* 左のdivに高さを揃えるため */
/* これを使うとページ内リンクで崩れる       margin-bottom: -32768px;*/ /* 左のdivに高さを揃えるため */
}

div#menu_current-page{   
	color: #CC0000;
        font-weight: bolder;
}
div#parent-page{   
	/* color: #0000AA;*/
	color: #880000;
        font-weight: bolder;
}
div#menu {
	background: #F0F0F0;
}
div#menu a{
	color: #000000;
	text-decoration: none;
}
div#menu .item, 
div#menu .itemA{
        color : #FFFFFF;
        background-image:url(img/menuitem.png); 
	/* background: #005588; */
	padding-left: 20px;
	padding-top: 3px;
        height: 19px;
}
div#menu .itemA:hover{
	background: #2277AA;
}
div#menu .subitem, 
div#menu .subitemA{
	border-top: 1px solid #CCCCCC;
	border-left: 10px solid #EEEEEE;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
}
div#menu .subitem{
        font-style: oblique;
} 
div#menu .subitemA:hover{
	color: #FFFFFF;
	background: #000000;
	text-decoration: none;
}
div#langselect{ 
        padding: 3px;
        background: #004400;
}
div#langselect a{
        color: #FFFFFF;
	text-decoration: none;
}

/*   フッタ    */

div#foot { 
        text-align: center;
	color: #FFFFFF;
	background: #101075;
}