/*============================================
 環境省スタイルシート[英語トップページ]
============================================*/

@import "common.css";

body{text-align:center;}

/*--ページ全体
----------------------------------------------------------*/
#all{position:relative;margin:10px auto 0 auto;width:740px;text-align:left;}
.mainright{display:block;float:right;padding:10px 0 10px 10px;margin:0;}
.main{margin:50px 180px 0 0;width:550px;line-height:120%;}
#contents{margin:0;padding:0;background:url('../img/top/bg_head.gif') repeat-x;}

/*--ヘッダー
----------------------------------------------------------*/
#header{background:url('../img/top/bg_head.gif') repeat-x;height:39px;}
h1{position:absolute;margin:0;padding:0;}

.search{position:absolute;right:120px;top:0;height:39px;overflow:hidden;}
.search *{vertical-align:top;}
/*google検索対応追加　2011/06/01 start*/
/*.search input#box{margin:12px 75px 3px 0;}*/
#sitesearch{margin:14px 0px 0px 0;}
* html #sitesearch{height:23px;margin:12px 0px 0px 0;}
/*google検索対応追加　2011/06/01 end*/
.search a.btn{position:absolute;right:0;top:0;height:39px;width:72px;}
.search a.btn:hover{background:url('../img/top/btn_search.gif') no-repeat 0 -39px;}
.search a.btn:hover img{display:none;}

.link-jp{position:absolute;left:380px;top:39px;width:170px;height:45px;background:url('../img/top/btn_jp.gif') no-repeat;}
.link-jp a{display:block;width:72px;height:45px;margin-left:98px;}
.link-jp a:hover{background:url('../img/top/btn_jp.gif') -98px -45px;}

.umenu{position:absolute;right:0;top:0;height:39px;width:120px;background:url('../img/top/btn_umenu.gif');}
.umenu ul{margin:0;padding:0;list-style:none;}
.umenu li{height:39px;float:left;}
.umenu a{display:block;height:39px;}
.umenu #u1{width:50px;}
.umenu #u2{width:70px;}
.umenu a:hover{background:url('../img/top/btn_umenu.gif');}
.umenu #u1 a:hover{background-position:0 -39px;}
.umenu #u2 a:hover{background-position:-50px -39px;}


/*==↓ 07/05/22/OOOKA ↓==*/
/*== ボタン ==*/
.langlist .print-disp{display:none;}
.langlist{position:absolute;left:365px;top:39px;width:185px;height:45px;background:url('../img/top/btn_lang.gif');}
.langlist ul, .langlist li, .langlist a{height:30px;margin:0;padding:0;}
.langlist ul{list-style:none;margin-left:20px;}
.langlist li{display:inline;}
.langlist ul a{display:block;float:left;}
.langlist ul a:hover{background:url('../img/top/btn_lang_on.gif');}
.langlist #jp, .langlist #jp a{width:42px;}
.langlist #fr, .langlist #fr a{width:55px;}
.langlist #kr, .langlist #kr a{width:39px;}
.langlist #cn, .langlist #cn a{width:29px;}
.langlist #jp a:hover{background-position:-20 0;}
.langlist #fr a:hover{background-position:-62px 0;}
.langlist #kr a:hover{background-position:-117px 0;}
.langlist #cn a:hover{background-position:-156px 0;}

/*==↑ 07/05/22/OOOKA ↑==*/

/*--フッター
----------------------------------------------------------*/
.border-dot{width:740px;margin:0 auto;}
#footer{width:740px;margin:0 auto 1em auto;text-align:left;padding:5px 0 30px 0;}


/*--本文
----------------------------------------------------------*/

.focus h2 a, .headline h2 a{display:block;height:25px;width:550px;overflow:hidden;margin-bottom:1em;}
.focus h2 a{background:url('../img/top/btn_focus.gif') no-repeat;}
.focus h2 a:hover, .headline h2 a:hover{background-position:0 -25px;}
.focus h2 a:hover img, .headline h2 a:hover img{display:none;}
.focus h3{padding:0 0 0.5em 1em;}
.focus p{padding:0.5em 0 0.5em 1em;}
.focus .more{display:inline;}
.focus p.photo{float:left;padding:0 1em 1em 0;margin:0;}
.focus, .headline{clear:left;}

.headline{padding:0.5em 0 1em 0;background:url('../img/border_dot.gif') repeat-x bottom;}
.headline h2 a{background:url('../img/top/btn_headline.gif') no-repeat;}
.headline ul{margin:0.5em 0 0.5em 0;padding:0 0 0 22px;list-style:none;}
.headline li{background:url('../img/bg_li.gif') no-repeat 0 7px;margin-bottom:0.2em;padding:0 0 0 10px;}
*html .headline li{height:7px;}
.headline li img{vertical-align:middle;margin:1px 0;}

.update{font-size:80%;}

.category{float:left;padding:1em 0 0 0;width:360px;}
.category ul{margin:0;padding:0;list-style:none;}
.category li{margin:0;padding:0;position:relative;height:35px;width:360px;overflow:hidden;}
.category a{display:block;height:35px;width:360px;}
.category .policy a{background:url('../img/top/btn_bu_pol.gif') no-repeat;}
.category .global a{background:url('../img/top/btn_bu_ear.gif') no-repeat;}
.category .chemi a{background:url('../img/top/btn_bu_che.gif') no-repeat;}
.category .air a{background:url('../img/top/btn_bu_air.gif') no-repeat;}
.category .recycle a{background:url('../img/top/btn_bu_rec.gif') no-repeat;}
.category .nature a{background:url('../img/top/btn_bu_nat.gif') no-repeat;}
.category .water a{background:url('../img/top/btn_bu_wat.gif') no-repeat;}
.category a:hover{background-position:0 -35px;}
.category a:hover img{display:none;}

p.photo-np{margin:0;padding:1em 0 0 0;float:right;width:175px;height:240px;}
p.photo-np a{display:block;}

.pagetop{clear:both;}

/*== 右メニュー
============================================*/
div.menu{text-align:left;}
*html div.menu{width:170px;}

div.menu a.btn{display:block;margin-bottom:5px;padding:0;}

div.menu .kihon{width:170px;background:url('../img/top/menu_bg.gif');padding-bottom:2px;margin:5px 0;}
div.menu .kihon ul, div.menu .kihon li{list-style:none;margin:0;padding:0;}
div.menu .kihon ul{background:#EFEFEF;border-right:1px solid #525252;}
div.menu .kihon li{background:url('../img/top/menu_point.gif');font-size:95%;padding-left:8px;border-top:1px solid #009966;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;}
*html div.menu .kihon li{height:1%;}
div.menu .kihon a{display:block;width:155px;text-decoration:none;background:#FFFFFF;padding:2px 0 0 5px;}
*html div.menu .kihon a{width:160px;}
div.menu .kihon a:hover{background:#FFFFE1;}

div.menu .btn{width:170px;height:30px;overflow:hidden;}
div.menu .btn a{width:170px;height:30px;display:block;}
div.menu .btn a#news:hover{background:url('../img/top/btn_news.gif') 0 -30px;}
div.menu .btn a#webnews:hover{background:url('../img/top/btn_webnews.gif') 0 -30px;}
div.menu a:hover img{display:none;}

div.menu .banner{background:url('../img/border_dot.gif') top repeat-x;text-align:right;margin-top:5px;padding-top:10px;}

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