@charset "utf-8";

/**********************************************/
/*資源循環・廃棄物研究センター 2011年
/*2013.9.24改修
/**********************************************/

/*臨時メッセージ*/
.message2021 {
    width: 800px;
    margin: 15px auto 10px;
    padding: 5px 25px;
    border-radius: 5px;
    /*background-color: #ffffcc;*/
    background-color: #fff;
    border: 2px red solid;
    color:red;
}




/*印刷用*/
@media print {
  body {_zoom:88%; color:#000000; }
}/*END印刷用*/


/*表示用*/
@media screen {

body {
    background:url("../img/back.jpg") repeat top;
    margin:0 auto;
	font-size:90%;
    /*font-family:helvetica, sans-serif, arial;*/
    font-family:'メイリオ',Meiryo,helvetica,sans-serif;
}
body:lang(en) {
    font-family:helvetica, sans-serif, arial;
}


}/*END表示用*/


/*リンクの設定*/
a {
    color:#0033cc; 
}
a:hover {
    color:#513117;
    text-decoration:none;
}

.link01 {
    background:url("../img/mk4.gif") no-repeat left center;
    padding-left:15px;
}

table    {font-size:inherit; font:100%;}
table ul {margin-top:0px; margin-bottom:0px;}

p {
    line-height:150%;
}
p:lang(en) {
    /*
    line-height:120%;
    */
    line-height:140%;
}

/*見出し*/
h1 {
    width:800px; /*860px*/
    height:77px;
    margin:0;
    padding-left:60px;
    background:url("../img/h1.gif") no-repeat 45px top;
    font-size:24px;
    color:#006600;
    /*text-indent: 2.5em;*/
    display:table-cell;
    vertical-align:middle;
}

h2 {
    clear:both;
    font-size:1.3em;
    padding:5px 10px;
    background-color:#f5faf5;
    border-style:solid;
    border-color:#85b385;
    border-width:1px 1px 1px 5px;
    color:#1f1f1f;
}
h2:lang(en) {
    padding:10px 10px;
}


h3 {
    clear:both;
    font-size:1.3em;
    color:#042a71;
    border-left:5px #042a71 solid;
    padding:5px 10px;
    background-color:#f5f5f5;
}
h3:lang(en) {
    padding:10px 10px;
}


h4 {
    font-size:1.2em;
    background:url("../img/mk7.gif") no-repeat left 6px;
    padding:1px 0px 1px 17px;
    line-height:140%;
}
h4 span {
    border-bottom:1px #000000 dotted;
    padding:3px 0px;
}

h5 {
    margin:0 0 20px 0;
}
h5 img {
    display:block;
}

h6 {
    font-size:1.1em;
    margin:10px 0 0 0;
    padding:0;
    line-height:120%;
}



/****************************/
/* ヘッダー
/****************************/
#header {
   width:100%;
   margin:0 auto 10px;
   background:url("../img/back_header.jpg") repeat-x center top;
}
#header img {
    border-width:0;
    display:block;
    margin:0 auto;
}

/*メインメニュー*/
.mainmenu {
    width:840px;
    height:40px;
    margin:0 auto;
}
.mainmenu ul {
    margin:0;
    padding:0;
}
.mainmenu li {
    float:left;
    list-style-type:none;
    height:40px;
}
.mainmenu li a span {
    visibility:hidden;
}
.mainmenu li a {
    display:block;
    height:40px;
    text-decoration:none;
}

/*メインメニュー（上段）*/
#menu_a {
    background:url("../img/btn_a0.gif") no-repeat center top;
}
#menu_a a:hover {
    background-image: url("../img/btn_a1.gif");
    background-repeat: no-repeat;
}
#menu_a li.btn1         {width:117px; margin:0 0 0 2px;}
#menu_a li.btn1 a:hover {background-position:-2px 0;}
#menu_a li.btn2         {width:118px; margin:0 0 0 2px;}
#menu_a li.btn2 a:hover {background-position:-121px 0;}
#menu_a li.btn3         {width:118px; margin:0 0 0 2px;}
#menu_a li.btn3 a:hover {background-position:-241px 0;}
#menu_a li.btn4         {width:118px; margin:0 0 0 2px;}
#menu_a li.btn4 a:hover {background-position:-361px 0;}
#menu_a li.btn5         {width:118px; margin:0 0 0 2px;}
#menu_a li.btn5 a:hover {background-position:-481px 0;}
#menu_a li.btn6         {width:118px; margin:0 0 0 2px;}
#menu_a li.btn6 a:hover {background-position:-601px 0;}
#menu_a li.btn7         {width:117px; margin:0 0 0 2px;}
#menu_a li.btn7 a:hover {background-position:-721px 0;}


/*メインメニュー（上段・英語）*/
#menu_a:lang(en) {
    background:url("../img/btn_a0e.gif") no-repeat center top;
}
#menu_a:lang(en) a:hover {
    background-image: url("../img/btn_a1e.gif");
    background-repeat: no-repeat;
}
#menu_a:lang(en) li.btn1         {width:137px; margin:0 0 0 2px;}
#menu_a:lang(en) li.btn1 a:hover {background-position:-2px 0;}
#menu_a:lang(en) li.btn2         {width:138px; margin:0 0 0 2px;}
#menu_a:lang(en) li.btn2 a:hover {background-position:-141px 0;}
#menu_a:lang(en) li.btn3         {width:138px; margin:0 0 0 2px;}
#menu_a:lang(en) li.btn3 a:hover {background-position:-281px 0;}
#menu_a:lang(en) li.btn4         {width:138px; margin:0 0 0 2px;}
#menu_a:lang(en) li.btn4 a:hover {background-position:-421px 0;}
#menu_a:lang(en) li.btn5         {width:138px; margin:0 0 0 2px;}
#menu_a:lang(en) li.btn5 a:hover {background-position:-561px 0;}
#menu_a:lang(en) li.btn6         {width:138px; margin:0 0 0 2px;}
#menu_a:lang(en) li.btn6 a:hover {background-position:-701px 0;}



/*メインメニュー（下段）*/
#menu_b {
    background:url("../img/btn_b0.gif") no-repeat center top;
}
#menu_b a:hover {
    background-image: url("../img/btn_b1.gif");
    background-repeat: no-repeat;
}
#menu_b li.btn1         {width:207px; margin:0 0 0 2px;}
#menu_b li.btn1 a:hover {background-position:-2px 0;}
#menu_b li.btn2         {width:208px; margin:0 0 0 2px;}
#menu_b li.btn2 a:hover {background-position:-211px 0;}
#menu_b li.btn3         {width:208px; margin:0 0 0 2px;}
#menu_b li.btn3 a:hover {background-position:-421px 0;}
#menu_b li.btn4         {width:207px; margin:0 0 0 2px;}
#menu_b li.btn4 a:hover {background-position:-631px 0;}



/*メインメニュー（下段・英語）*/
#menu_b:lang(en)  {
    background:url("../img/btn_b0e.gif") no-repeat center top;
}
#menu_b:lang(en)  a:hover {
    background-image: url("../img/btn_b1e.gif");
    background-repeat: no-repeat;
}
#menu_b:lang(en) li.btn1         {width:207px; margin:0 0 0 2px;}
#menu_b:lang(en) li.btn1 a:hover {background-position:-2px 0;}
#menu_b:lang(en) li.btn2         {width:208px; margin:0 0 0 2px;}
#menu_b:lang(en) li.btn2 a:hover {background-position:-211px 0;}
#menu_b:lang(en) li.btn3         {width:208px; margin:0 0 0 2px;}
#menu_b:lang(en) li.btn3 a:hover {background-position:-421px 0;}
#menu_b:lang(en) li.btn4         {width:207px; margin:0 0 0 2px;}
#menu_b:lang(en) li.btn4 a:hover {background-position:-631px 0;}


/****************************/
/* フッター
/****************************/
#footer {
    width:840px;
    margin:10px auto;
}
#footer img {
    border-width:0;
}

/*2013.1.31追加*/
/*新着マーク*/
.newmk {
    background: url("../img/mk_new1.gif") no-repeat right center;
    padding-right: 35px;
}



/****************************/
/* コンテンツ
/****************************/
#container {
    width:860px;
    margin:0 auto;
    background:url("../img/main_contents.gif") repeat-y left top;
}
#container p {
    text-indent: 1em;
}
#container p:lang(en) {
    text-indent:0;
}
/*ヘッダー*/
#container div.title {
    width:860px;
    margin:0 auto 20px;
    padding-top:20px;
    background:url("../img/main_top.gif") no-repeat center top;
    position:relative;
}

#container div.title ol#navi {
    /*margin-left:25px;*/
    position: absolute;
    top:20px;
    left:25px;
    z-index: 100;
}
#container div.title img {
    /*margin:-40px 40px 0 auto;*/
    margin:-2px 40px 0 auto;
    display:block;
}
#container div.title h1 {
    margin:0;
}

/*フッター：画像*/
.contents-footer {
    clear:both;
    display:block;
}

/*フッター：前のページに戻る*/
.back {
    clear:both;
    width:770px;
    margin-left:45px;
    border-top:1px #d0d0d0 dotted;
    padding-top:10px;
}
.back a {
    color:#009900;
    background:url("../img/mk5b.gif") no-repeat 5px center;
    text-decoration:none;
    padding-left:20px;
}


/*コンテンツ*/
.contents {
    overflow:auto;
    margin:0 auto;
    padding: 0 70px 20px;
    text-align:left;
    min-height:300px;
    height:auto !important;
    height:300px;
}




/*********************/
/*左カラム
/*********************/
.left-box {
    width:590px;
    float:left;
    display:inline;
    margin-left:45px;
    margin-bottom:20px;
}

/*サブメニュー*/
.submenu {
    margin:0;
    padding:0;
    list-style-type:none;
    border:1px #fdfbf7 solid;
}
.submenu li {
    padding:9px 12px;
    background:url("../img/back_sbtn.gif") repeat-x left bottom;
    background-color:#f5ecd8;
}
.submenu li:last-child {
    border-bottom-width:0px;
}
.submenu li.ttl {
    background:url("../img/back_sttl.gif") repeat-x left bottom;
    background-color:#990033;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
}
.submenu a {
    color:#513117;
    text-decoration:none;
    font-size:0.9em;
}
.submenu a:hover {
    text-decoration:underline;
}
.submenu li.ttl a {
    color:#fff;
    text-decoration:none;
}



/*********************/
/*右カラム
/*********************/
.right-box {
    width:158px;
    display:inline;
    float:right;
    margin-right:44px;
    margin-bottom:20px;
    background:url("../img/menu_btm.gif") no-repeat center bottom;
    padding-bottom:10px;
}



/*********************/
/*パンくずリスト
/*********************/
#navi {
    margin:0 0 20px 0;
    padding:0;
    text-align:left;
    color:#003399;
    font-size:12px;
}
#navi li {
    display:inline;
    list-style-type:none;
    background:url("../img/mk2.gif") no-repeat right center;
    padding-right:10px;
    line-height:normal;
}
#navi a {
    text-decoration:none;
    color:#003399;
}
#navi a:hover {
    text-decoration:underline;
}
#navi:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
#navi {
    zoom:1;
}

#navi li:last-child {
    background-image:none;
}




/****************************/
/* コンテンツ
/****************************/

/*背景：ヘッダー*/
#contents-top {
position:relative;
               width:860px;
               height:90px;
               margin:0px auto;
               background:url("../img/main_top.gif") no-repeat center top;
              }

/*背景：フッター*/
#contents-btm {width:860px;
               height:100px;
               margin:0px auto;
               text-align:left;
               background:url("../img/main_btm.gif") no-repeat center top;
              }
.contents-in {padding:0px 70px;
              min-height:300px;
              height:auto !important;
              height:300px;
             }





/*********************/
/*メニュー（横並び）
/*********************/
.menu {
	margin:0;
	padding:0;
}
.menu li {
    display:inline;
    list-style-type:none;
    margin-left:5px;
}
.menu a {
    padding:0 7px 0 0;
}
.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.menu {
	zoom:1;
}

/*CSS3*/
.menu li:last-child {
    background-image:none;
}



/*********************/
/*部品
/*********************/
/*詳細リンク*/
.next {
    clear:both;
    text-align:right;
    margin:20px 0px;
}
.next a {
    background:url("../img/mk4.gif") no-repeat left center;
    padding-left:15px;
}

/*リンク装飾*/
a.mk1 {
    background:url("../img/mk4.gif") no-repeat left center;
    padding-left:15px;
}

/*テキスト装飾*/
.txtr {text-align:right;}
.txtc {text-align:center;}
.caution  {font-size:90%; color:#cc0000;}
.example  {font-size:90%; color:gray;}
.txtred   {color:#c30519;}


/*回り込み*/
.floatc {clear:both;}
.imgl   {float:left; margin-right:20px; margin-bottom:10px;}
.imgr   {float:right; margin-left:20px; margin-bottom:10px;}

/*図*/
.zu {
    display:block;
    margin:15px auto 40px;
}

.zubox {
    margin: 30px auto 10px;
}
.zubox img {
    display: block;
    margin: 0 auto;
}



/*********************/
/*ポップアップウィンドウ
/*********************/
.popup {
    display:none;
    position:absolute;
    width:940px;
    padding:20px;
    background-color:#000;
    filter:alpha(opacity=50);
    background-color:rgba(0,0,0,0.5);
}

/*表示領域*/
.popup-in {
   padding:20px;
   background-color:#fff;
   position:relative;
}

/*閉じるボタン*/
.closed {
    margin-bottom:20px;
    cursor: pointer;
}
.closed span {
    background-color:#000;
    text-align: left;
    color:#fff;
    padding:2px 30px;
    font-weight:bold;
    font-size:1.1em;
    margin:0 0 0 auto;
}

/*対象画像*/
.figure {
    position:relative;
}
.figure img {
    display:block;
    border:1px #0033cc solid;
    padding:5px;
    margin:15px auto 40px;
}