@charset "UTF-8";
@import url(http://bluelist.ies.hro.or.jp/css/contents_styles.css);


/* CSS Document */
*{margin:0; padding:0;}
body {
  font-family:"ＭＳ Ｐゴシック", Verdana, "ヒラギノ角ゴ Pro W3", Osaka; /*Arial, Helvetica, sans-serif;*/
  vertical-align:baseline;
  text-align:justify;
  text-justify:inter-ideograph;
  background-color:#CECEB6;
}

/*
    レイアウト設定
=====================================================*/
#my_body{
  margin-top:20px;
  width:820px;
  background-color:#FFFFFF;
}
#my_footer{
  padding-bottom:2px;
  width:820px;
  background-color:#FFFFFF;
}
#inner_header{
  padding-top:10px;
  width:800px;
  text-align:center;
  background-color:#FFFFFF;
}
#inner_body,
#inner_body2{
  width:800px;
  text-align:center;
  background-color:#FFFFFF; 
}
#inner_navi{
  width:800px;
}
#pankuzu{
  text-align:justify;
  text-justify:inter-ideograph;
  text-align:left;
  font-size:80%;
  margin:10px 0 15px 0;
  padding:0 0 0 10px;
}

#inner_body_center{
  width:800px;
  background-color:#fff;
}

#inner_body_left,
#inner_body_left2{
  width:185px;
  float:left;
  background-color:#fff;
}
#inner_body_right,
#inner_body_right2{
  width:615px;
  float:left;
  background-color:#fff;
}
#inner_footer{
  margin-bottom:10px;
  width:800px;
  height:130px;
  *height:130px;
  background-color:#5D5D5D;
}
.clear{
  clear:both;
}



/*
    ハイパーリンク設定
=====================================================*/
A:hover{
  text-align:justify;
  text-justify:inter-ideograph;
  text-decoration:none;
  /*color:#FF3333;*/
}
A.top_menu{
  text-align:justify;
  text-justify:inter-ideograph;
  color:#FFFFFF;
}
A.top_menu:hover{
  text-align:justify;
  text-justify:inter-ideograph;
  text-decoration:none;
  color:#FF0000;
}
A.footer{
  text-align:justify;
  text-justify:inter-ideograph;
  color:#FFFFFF;
}
A.footer:hover{
  text-align:justify;
  text-justify:inter-ideograph;
  text-decoration:none;
  color:#FFFFFF;
}
A.form{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
}
A.form:hover{
  text-align:justify;
  text-justify:inter-ideograph;
  text-decoration:none;
}



/*
    タイトル
=====================================================*/
H1{
  background-image:url(http://bluelist.ies.hro.or.jp/images/icon_mark.gif);
  background-repeat:no-repeat;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  color:#006633;
  height:18px;
  padding:2px 0 0 30px;
  margin:20px 10px;
}

H2{
  background-image:url(http://bluelist.ies.hro.or.jp/images/icon_mark2.gif);
  background-repeat:no-repeat;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  color:#330066;
  height:18px;
  padding:2px 0 0 30px;
  margin:20px 10px 10px 10px;
}
H3{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  color:#330000;
  height:18px;
  padding:2px 0 0 5px;
  margin:0 15px 10px 10px;
  border-bottom:#330000 dotted 1px;
}
H4{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  color:#666666;
  padding:2px 0 0 0;
  margin:5px 10px 5px 10px;
}
H5{
  border-bottom:1px dotted #333;
  background:url(http://bluelist.ies.hro.or.jp/images/icon_mark3.gif) no-repeat 0 1px;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:100%;
  color:#330000;
  height:18px;
  padding:0px 0 5px 25px;
  margin:0 10px 7px 0;
}
H6{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  color:#336;
  padding:2px 0 0 0;
  margin:5px 0 0 2px;
}
#title_sub_bg{
  background-image:url(http://bluelist.ies.hro.or.jp/images/title_sub_bg.gif);
  background-repeat:no-repeat;
  height:25px;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  padding:3px 0 0 20px;
}



/*
    メニュー部
=====================================================*/

/*  TOPメニュー部  */
#top_menu{
}
#top_menu td.back_img{
  background-image:url(http://bluelist.ies.hro.or.jp/images/menu/menu_back.gif);
  background-repeat:repeat-x;
  height:159px;
  vertical-align:top;
}
#top_menu td.back_img1{
  background-image:url(http://bluelist.ies.hro.or.jp/images/menu/menu_back1.jpg);
  background-repeat:repeat-x;
  height:194px;
  vertical-align:top;
}
#top_menu td.back_img2{
  background-image:url(http://bluelist.ies.hro.or.jp/images/menu/menu_back2.gif);
  background-repeat:repeat-x;
  height:104px;
  vertical-align:top;
  padding-top:5px;
}
#top_menu td.back_img3{
  background-image:url(http://bluelist.ies.hro.or.jp/images/menu/menu_back3.gif);
  background-repeat:repeat-x;
  height:64px;
  vertical-align:top;
  padding-top:5px;
}
#top_menu td.back_img4{
  background-image:url(http://bluelist.ies.hro.or.jp/images/menu/menu_back4.gif);
  background-repeat:repeat-x;
  height:186px;
  vertical-align:top;
  padding-top:5px;
}
#top_menu ul.type1{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.4em;
  color:#FFFFFF;
  margin:0 15px;
  list-style-position:inside;
}
#top_menu ul.type2{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.4em;
  color:#FFFFFF;
  margin:0 15px 10px 25px;
  list-style:none;
}
#top_menu ul.type2 li{
  background:url(http://bluelist.ies.hro.or.jp/images/icon_subpage_white.gif) no-repeat 0 0;
  color:#FFFFFF;
  padding:0 0 0 15px;
}
#top_menu div.kensaku{
  float:left;
}

#rss{
  background-image:url(http://bluelist.ies.hro.or.jp/images/header_rss.jpg);
  height:45px;
  padding-top:14px;
}



/*  TOPメニューのサブメニュー  */
ul.submenu_pagelist,
ul.submenu_searchlist,
ul.submenu_infolist{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.3;
  list-style: none;
}
ul.submenu_dllist{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.0;
  list-style: none;
}
ul.submenu_pagelist li{
  padding:0 0 2px 17px;
  margin:5px 8px 0 8px;
  background: url(http://bluelist.ies.hro.or.jp/images/icon_page.gif) no-repeat 0px 2px;
  list-style: none;
}
ul.submenu_pagelist li.sp{
  padding:0 0 2px 17px;
  margin:5px 8px 0 8px;
  background: url(http://bluelist.ies.hro.or.jp/images/icon_page.gif) no-repeat 0px 2px;
  list-style: none;
  letter-spacing:-0.08em;
  *letter-spacing:-0.05em;
}
ul.submenu_infolist li{
  padding:0 0 2px 22px;
  margin:5px 10px 0 10px;
  background: url(http://bluelist.ies.hro.or.jp/images/icon_info.gif) no-repeat 0px 2px;
  list-style: none;
}
ul.submenu_searchlist li,
ul.submenu_searchlist1 li,
ul.submenu_searchlist2 li{
  padding:2px 0 2px 18px;
  margin:0 5px 0 10px;
  background: url(http://bluelist.ies.hro.or.jp/images/icon_search.gif) no-repeat 0px 2px;
  list-style: none;
  *height:16px;
}
ul.submenu_searchlist1{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.3;
  list-style: none;
  width:124px;
  float:left;
}
ul.submenu_searchlist2{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.3;
  list-style: none;
  width:135px;
  float:left;
}
ul.submenu_dllist li.none{
  color:#fff;
  padding:10px 0 2px 1px;
  margin:0 10px 0 7px;
  background: url(http://bluelist.ies.hro.or.jp/images/spacer.gif) no-repeat 0px 2px;
  list-style: none;
  height:14px;
}
ul.submenu_dllist li{
  padding:0 0 2px 22px;
  margin:2px 10px 0 20px;
  background: url(http://bluelist.ies.hro.or.jp/images/icon_dl.gif) no-repeat 0px 0px;
  list-style: none;
  height:14px;
}


/*  SUBメニュー部  */
#submenu{
  width: 185px;
  background:url(http://bluelist.ies.hro.or.jp/images/menu/submenu_bg.gif) repeat-y;
  padding-bottom:10px;
}
#submenu_bottom{
  width: 185px;
  background:url(http://bluelist.ies.hro.or.jp/images/menu/submenu_bg_bottom.gif) no-repeat;
}
div.submenu2{
  width: 170px;
  background:url(http://bluelist.ies.hro.or.jp/images/menu/submenu2_bg_top.gif) no-repeat;
  padding-top:10px;
  *margin-top:4px;
}
div.submenu2 .inner{
  width: 170px;
  background:url(http://bluelist.ies.hro.or.jp/images/menu/submenu2_bg.gif) no-repeat bottom;
  margin:0 0 10px 0;
  padding:0 0 15px 0;
}
#submenu_bg_r{
  background-image:url(http://bluelist.ies.hro.or.jp/images/menu/bg_submenu_r.gif);
  background-repeat:repeat-y;
  width:15px;
  height:100%;
}
#submenu ul.mother{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.4em;
  margin:0px 15px -9px 0;
  padding:4px 0 5px 0;
  list-style-position:outside;
  list-style:none;
}
#submenu li.title_ac{
  color:#309;
  background:url(http://bluelist.ies.hro.or.jp/images/menu/submenu_mark_ac.gif) no-repeat 0 0;
  height:23px;
  margin-top:10px;
  padding:3px 0 1px 28px;
}
#submenu li.title{
  background:url(http://bluelist.ies.hro.or.jp/images/menu/submenu_mark_df.gif) no-repeat 0 0;
  padding:3px 0 5px 28px;
  height:18px;
}
/* safari only \*/
/*\*/ html* #submenu li.title{
  background:url(http://bluelist.ies.hro.or.jp/images/menu/submenu_mark_df.gif) no-repeat 0 0;
  padding:3px 0 5px 28px;
  height:18px;
  letter-spacing:-0.1em;
}

#submenu li.title_ac A{
  color:#309;
  text-decoration:none;
}/* safari only \*/
/*\*/ #submenu li.title_ac A{
color:#309;
text-decoration:none;
  letter-spacing:-0.1em;
}

#submenu li.title_ac A:hover{
  color:#f00;
  text-decoration:underline;
}
#submenu li.title A{
  color:#666;
  text-decoration:none;
}
#submenu li.title A:hover{
  text-decoration:underline;
  color:#C33;
}
#submenu li.search{
  background:url(http://bluelist.ies.hro.or.jp/images/menu/icon_search_s.gif) no-repeat 0 1px;
  margin-bottom:3px;
}
#submenu ul.child{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.4em;
  margin:0 15px 3px 3px;
  list-style-type:none;
  list-style-position:outside;
}
#submenu ul.child li.page, li.page_ac{
  background:url(http://bluelist.ies.hro.or.jp/images/menu/icon_page_s.gif) no-repeat 0 1px;
  padding:0 0 0 18px;
}
#submenu ul.child li.page_ac A{
  color:#F00;
  text-decoration:none;
}
#submenu ul.child li.page_ac A:hover{
  color:#00F;
  text-decoration:underline;
}

#submenu ul.child li.search, li.search_ac{
  background:url(http://bluelist.ies.hro.or.jp/images/menu/icon_search_s.gif) no-repeat 0 1px;
  padding:0 0 0 18px;
}
#submenu ul.child li.search_ac A{
  color:#F00;
  text-decoration:none;
}
#submenu ul.child li.search_ac A:hover{
  color:#00F;
  text-decoration:underline;
}

#submenu ul.child2{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  line-height:1.4em;
  margin:0 15px 10px 13px;
  list-style-type:none;
  list-style-position:outside;
}
#submenu ul.child2 li.subpage, li.subpage_ac{
  background:url(http://bluelist.ies.hro.or.jp/images/menu/icon_subpage.gif) no-repeat 0 0;
  padding:0 0 0 18px;
}
#submenu ul.child2 li.subpage_ac A{
  color:#F00;
  text-decoration:none;
}
#submenu ul.child2 li.subpage_ac A:hover{
  color:#00F;
  text-decoration:underline;
}

#submenu ul.child2 li.subpage2, li.subpage2_ac{
  background:url(http://bluelist.ies.hro.or.jp/images/menu/icon_list_s.gif) no-repeat 0 0;
  margin-left:15px;
  padding:0 0 0 15px;
}
#submenu ul.child2 li.subpage2_ac A{
  color:#F00;
  text-decoration:none;
}
#submenu ul.child2 li.subpage2_ac A:hover{
  color:#00F;
  text-decoration:underline;
}

#submenu ul.child2 li.flow{
  background-color:#ccc;
  color:#666;
  border:1px dotted #999;
  padding:0 0 0 5px;
  margin:2px 2px 2px 5px;
}
#submenu ul.child2 li.flow_ac{
  background-color:#FC6;
  border:1px dotted #999;
  padding:0 0 0 5px;
  margin:2px 2px 2px 5px;
}
#submenu span.now{
  color:#F00;
}
#submenu ul.child2 li.margin-l{
  margin-left:50px;
}


#submenu_bunpu{
}

#submenu_bunpu ul.bunpu{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:100%;
  line-height:1.2em;
  margin:0 0 0 5px;
  list-style-position:outside;
  list-style:none;
}
#submenu_bunpu ul.bunpu li.link_ac{
  color:#F30;
  list-style:none;
  height:20px;
  *height:33px;
  padding:12px 5px 1px 5px;
}
#submenu_bunpu ul.bunpu li.link{
  list-style:none;
  height:20px;
  *height:33px;
  padding:12px 5px 1px 5px;
}
#submenu_bunpu ul.bunpu li.link_ac A{
  color:#f30;
  text-decoration:none;
}
#submenu_bunpu ul.bunpu li.link_ac A:hover{
  color:#f00;
  text-decoration:underline;
}
#submenu_bunpu ul.bunpu li.link A{
  color:#666;
  text-decoration:underline;
}
#submenu_bunpu ul.bunpu li.link A:hover{
  text-decoration:none;
  color:#f30;
}
.bunpu_hanrei{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:100%;
  line-height:1.2em;
  margin:40px 5px 0 5px;
  padding:5px;
  border:1px #666 solid;
}
.gaiyouDL-button{
  text-align:left;
  margin-top:20px;
}



/*
    RSS Feedウィジェット
=====================================================*/
#mt_reader{
  font-size:100%;
  width: 460px;
  text-align:justify;
  text-justify:inter-ideograph;
  margin:0px;
  padding:0px;
}
#mt_reader dt{
  font-size:100%;
  padding:5px 0 3px 0px;
}
#mt_reader dd{
  font-size:100%;
  line-height:1.2em;
  padding:0px 10px 3px 0px;
}
#mt_reader dd a{
  text-decoration:none;
}
#mt_reader dd a:hover{
  text-decoration:underline;
}
#mt_reader2{
  font-size:100%;
  width: 460px;
  text-align:justify;
  text-justify:inter-ideograph;
  margin:0px;
  padding:0px;
}
#mt_reader2 dl dt{
  font-size:100%;
  margin:5px 5px 0 0;
  clear:left;
float:left;
}
#mt_reader2 dl dd{
  font-size:100%;
  margin:8px 0 0 0;
}
#mt_reader2 dl dd.date{
  font-size:100%;
  padding:1px 0 0 0;
}
#mt_reader2 dl dd.oshirase{
  font-size:100%;
  padding:3px 0 0 0;
}
#mt_reader2 dl dd a{
  text-decoration:none;
}
#mt_reader2 dl dd a:hover{
  text-decoration:underline;
}
#mt_reader2 dl dd.bottom{
  padding:0 0 8px 0;
}


/*
    関連情報表示部
=====================================================*/
div#google-feed{
  overflow:auto;
  height:155px;
  *height:162px;
  width:550px;
  *width:560px;

  margin:5px 5px 0 14px;
  padding:5px 5px 0 5px;
  *padding:5px 5px 0 10px;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  background-color:#fff;
}
div.date{
  color:#339900;
  padding-bottom:5px;
}



/*
    テーブル設定
=====================================================*/

/* イベント情報 */
.eventlist_button{
  background:url(http://bluelist.ies.hro.or.jp/images/title_event.gif) no-repeat 0 0;
  font-size:80%;
  text-align:right;
  height:22px;
  *height:30px;
  padding:8px 0 0 0;
}
#event_table{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  line-height:1.4em;
}
#event_table td{
  padding:0 0 4px 4px;
}
#eventlist_table{
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:90%;
  margin:20px 0px 10px 8px;
  border:1px solid #999;
}
#eventlist_table th.title{
  padding:0 10px 10px 10px;
  border-bottom:1px solid #999;
}
#eventlist_table th.date{
  font-size:80%;
  font-weight:normal;
  text-align:right;
}
#eventlist_table th.kikan, th.basyo, th.naiyou, th.add, th.touroku{
  font-size:90%;
  font-weight:normal;
  padding:3px 10px 3px 10px;
  background-color:#eee;
  border:1px solid #ccc;
}
#eventlist_table td.kikan, td.basyo, td.naiyou, td.add, td.touroku{
  padding:2px 0 0 4px;
  border-bottom:1px dotted #999;
}
div.pText{
  overflow:auto;
  height:130px;
  *height:140px;
  width:480px;
  *width:485px;

  padding:10px 0 0 0px;
  *padding:5px 0 0 0px;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:80%;
  text-align: left;
  clear: both;
  background-color:#FFF;
  margin-left:5px;
}


#position_default,
#position2{
  background-color:#FFFFFF;
  vertical-align:top;
  padding:3px 0 0 10px;
}



/*
    フッター部設定
=====================================================*/
#my_footer div.link{
  width:800px;
  background-color:012235;
}
#my_footer div.link_text{
  font-size:80%;
  text-align:justify;
  text-justify:inter-ideograph;
  color:#FFFFFF;
  padding:10px 20px;
}
#inner_footer div.attention{
  width:440px;
  * width:450px;
  * height:50px;
  color:#FFFFFF;
  font-size:80%;
  text-align:justify;
  text-justify:inter-ideograph;
  padding:35px 0 5px 15px;
  * padding:30px 0 5px 15px;
  float:left;
}
#inner_footer div.copy{
  width:305px;
  * width:345px;
  * height:50px;
  color:#FFFFFF;
  font-size:80%;
  text-align:justify;
  text-justify:inter-ideograph;
  text-align:right;
  padding:40px 20px 0 20px;
  * padding:35px 20px 0 20px;
  float:left;
}


img.icon{
  vertical-align:middle;
  margin:0 5px;
}
img.icon_form{
  vertical-align:middle;
  margin:-4px 0 0 5px;
}



/*
    矢印画像の設定
=====================================================*/
.to_top,
.to_kohyou{
  padding:10px 10px 10px 10px;
  text-align:right;
  font-size:80%;
  height:20px;
}
.yaji{
  vertical-align:middle;
  margin-right:3px;
}