/* 20150803 ADD ooya */
body{
    font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
/* /20150803 ADD ooya */
.cl {
clear:both;
}
/* Header
----------------------------------------------------------------------*/
#header {
height: 122px;
width: 910px;
background: url(http://hrn.or.jp/images/share/header_bk.gif) repeat-x;
}
#header h1 {
font-size:10px;
width: 476px;
}
#header #headL {
font-size:10px;
float: left;
}
#header #headR {
float: right;
width: 410px;
}
.head1navi {
margin-top:15px;
height: 21px;
text-align: right;
}
#header form {
margin-top:5px;
}
/* 20150803 ADD ooya */
#header #headR a img{
    opacity: 1;
}
#header #headR a:hover img{
    opacity: 0.6;
}
/* /20150803 ADD ooya */
/* MainBox
----------------------------------------------------------------------*/
P#topicpath {
padding: 5px 5px 0 5px;
clear: both;
font-size: 80%;
}
/* 20150803 ADD ooya */
P#topicpath {
    padding-bottom: 5px;
}
/* /20150803 ADD ooya */
#RboxWebpage,#RboxAct {
margin:0;
}
h2.pagetitle {
font-weight:bold;
}
/* Side Menu
----------------------------------------------------------------------*/
#Lbox #Gnavi ul {
padding:5px 0;
margin-bottom:5px;
}
#Lbox li {
list-style:none;
}
/* 20150803 ADD ooya */
#Lbox li{
    margin-bottom: 4px;
}
#Lbox a img{
    opacity: 1;
    display: block;
}
#Lbox a:hover img{
    opacity: 0.6;
}
#Lbox #Subnavi{
    margin: 10px 0 20px;
}
/* /20150803 ADD ooya */
#navi_green {
width:192px;
background-color:#d7f6d4;
}
#navi_yellow {
background-color:#fff9a6;
}
#navi_orange {
margin-bottom:15px;
background-color:#ffddb1;
}
#Gnavi a {
width:192px;
height:20px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/share/sidemenu.gif) no-repeat;
}
#green1 a {
background-position:0 0;
}
#green2 a {
background-position:0 -20px;
}
#green3 a {
background-position:0 -40px;
}
#green4 a {
background-position:0 -60px;
}
#green5 a {
background-position:0 -80px;
}
#yellow1 a {
background-position:0 -100px;
}
#yellow2 a {
background-position:0 -120px;
}
#yellow3 a {
background-position:0 -140px;
}
#orange1 a {
background-position:0 -160px;
}
#orange2 a {
background-position:0 -180px;
}
#orange3 a {
background-position:0 -200px;
}
#orange4 a {
background-position:0 -220px;
}
#green1 a:hover {
background-position:-192px 0;
}
#green2 a:hover {
background-position:-192px -20px;
}
#green3 a:hover {
background-position:-192px -40px;
}
#green4 a:hover {
background-position:-192px -60px;
}
#green5 a:hover {
background-position:-192px -80px;
}
#yellow1 a:hover {
background-position:-192px -100px;
}
#yellow2 a:hover {
background-position:-192px -120px;
}
#yellow3 a:hover {
background-position:-192px -140px;
}
#orange1 a:hover {
background-position:-192px -160px;
}
#orange2 a:hover {
background-position:-192px -180px;
}
#orange3 a:hover {
background-position:-192px -200px;
}
#orange4 a:hover {
background-position:-192px -220px;
}
#green1.here a {
background-position:-384px 0;
}
#green2.here a {
background-position:-384px -20px;
}
#green3.here a {
background-position:-384px -40px;
}
#green4.here a {
background-position:-384px -60px;
}
#green5.here a {
background-position:-384px -80px;
}
#yellow1.here a {
background-position:-384px -100px;
}
#yellow2.here a {
background-position:-384px -120px;
}
#yellow3.here a {
background-position:-384px -140px;
}
#orange1.here a {
background-position:-384px -160px;
}
#orange2.here a {
background-position:-384px -180px;
}
#orange3.here a {
background-position:-384px -200px;
}
#orange4.here a {
background-position:-384px -220px;
}
/* Subnavi
----------------*/
#Subnavi ul {
padding-left:0;
margin:5px;
}
#Subnavi a {
width:182px;
height:15px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/share/sidemenu2.gif) no-repeat;
}
#sub1 a {
background-position:0 0;
}
#sub2 a {
background-position:0 -15px;
}
#sub3 a {
background-position:0 -30px;
}
#sub4 a {
background-position:0 -45px;
}
#sub5 a {
background-position:0 -60px;
}
#sub6 a {
background-position:0 -75px;
}
#sub7 a {
background-position:0 -90px;
}
#sub1.here a,#sub1 a:hover {
background-position:-192px 0;
}
#sub2.here a,#sub2 a:hover {
background-position:-192px -15px;
}
#sub3.here a,#sub3 a:hover {
background-position:-192px -30px;
}
#sub4.here a,#sub4 a:hover {
background-position:-192px -45px;
}
#sub5.here a,#sub5 a:hover {
background-position:-192px -60px;
}
#sub6.here a,#sub6 a:hover {
background-position:-192px -75px;
}
#sub7.here a,#sub7 a:hover {
background-position:-192px -90px;
}
/* Button
----------------*/
#btn_join a,#btn_mail a,#btn_calendar a {
width:192px;
margin-bottom:5px;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
overflow:hidden;
}
#btn_join a {
height:70px;
background:url(../images/share/sidebtn_join.gif);
}
#btn_mail a {
height:75px;
background:url(../images/share/sidebtn_mail.gif);
}
#btn_calendar a {
height:98px;
background:url(../images/share/sidebtn_calendar.gif);
}
#btn_join a:hover,#btn_mail a:hover,#btn_calendar a:hover {
background-position:-192px 0;
}
/* MP3 Player
----------------*/
#btn_music {
position:relative;
margin-bottom:10px;
width:192px;
height:85px;
background:url(../images/share/sidebtn_music.gif) no-repeat;
}
#btn_music object {
position:absolute;
bottom:8px;
left:10px;
}
/* Footer
----------------------------------------------------------------------*/
#btn_pagetop {
clear:both;
margin-bottom:10px;
text-align:right;
}
#footer {
clear: both;
border-top:5px solid #339933;
text-align:center;
}
/* 20150803 ADD ooya */
#footer {
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 0.8em;
}
/* /20150803 ADD ooya */
/* Top Page
----------------------------------------------------------------------*/
#top_header {
margin-bottom:10px;
}
.mainVisual {
float:left;
}
#top_btn {
float:right;
}
#topTopicAreaD {
margin-bottom:15px;
width: 700px;
background:url(../images/topcontents/bg.gif) repeat-y;
}
#topTopicAreaD a {
color:#2452A8;
}
#topTopicAreaD a:hover {
color:#ff8000;
}
#D_top,#D_mid,#D_btm {
clear:both;
width:700px;
}
#D_top {
background:url(../images/topcontents/top.gif) no-repeat;
height:10px;
}
#D_mid {
clear:both;
background:url(../images/topcontents/mid.gif) no-repeat;
height:20px;
}
#D_btm {
clear:both;
background:url(../images/topcontents/btm.gif) no-repeat;
height:20px;
}
.D_left {
float:left;
padding-left:13px;
}
.D_right {
float:right;
padding-right:13px;
}
#topTopicAreaD h3 {
margin-bottom:5px;
}
#topTopicAreaD p {
float:left;
width:190px;
}
#mail p {
width:225px;
}
input#txt {
margin:10px 5px 0;
width:220px;
}
#AreaC {
clear: both;
background-color: #FF0000;
}
/* Sitemap 
----------------------------------------------------------------------*/
.sitemapBox h3,.sitemapBox h4,.sitemapBox h5 {
font-size: 12px;
}

.sitemapBox h4 {
margin-bottom:5px;
padding-left: 5px;
border-bottom: 1px solid #009900;
}
.sitemapBox h4 , .sitemapBox h4 a{
color: #009900 !important;
}
.sitemapBox h5 {
padding-left: 5px;
}
.sitemapBox ul {
margin-left:10px;
}
.sitemapBox li {
color: #222222;
font-size: 90%;
list-style-type:disc;
list-style-position:inside;
line-height:120%;
}
/* support
----------------------------------------------------------------------*/
#support .txtbox {
margin:0 0 15px 0;
}
.support_link {
padding:15px 20px;
background-color:#ccffcc;
font-size:14px;
}
.support_link h3 {
margin-bottom:10px;
font-weight:bold;
font-size:14px;
}
.support_link a {
color:#2452A8;
}
.support_link a:hover {
color:#ff8000;
}
.support_link span {
padding-right:30px;
font-weight:bold;
}
/* support/member.php
----------------------------------------------------------------------*/
#member_php h3, #member_php h4, #member_php h5 {
clear:both;
font-weight:bold;
}
#member_php h3 {
margin:5px 0;
font-size:14px;
}
#member_php h4, #member_php h5 {
margin-bottom:5px;
font-size:100%;
}
#member_php #change {
float:left;
width:400px;
}
#member_php #address {
float:right;
padding:5px 15px;
width:240px;
background-color:#ffffcc;
border:1px solid #cfcf9f;
}
#member_php table {
border-color:#009900;
margin-top:0;
}
#member_php .box {
margin: 0 0 10px;
padding:5px 10px;
border:1px solid #999999;
}
/* Goods
----------------------------------------------------------------------*/
.goodsbox {
clear:both;
}
.goodsbox h3 {
margin-bottom:10px;
font-size:20px;
font-weight:bold;
text-align:center;
}
.goodsbox h4 {
margin-bottom:20px;
font-size:18px;
font-weight:bold;
text-align:center;
}
.goodsbox h5 {
font-size:14px;
font-weight:bold;
}
.goodsbox p {
margin-bottom:10px;
}
/* Access
----------------------------------------------------------------------*/
#map {
margin:20px 0;
width:630px;
height:400px;
border:1px solid #ccc;
}
/* Mail Magazine
----------------------------------------------------------------------*/
.formDocument h3,.formDocument h4 {
font-weight:bold;
}
.formDocument h3 {
font-size:16px;
margin:10px 0;
}
.formDocument h4 {
font-size:14px;
margin:10px 0 5px;
}
.formDocument a#stop {
font-size:14px;
text-decoration:underline;
}
.formDocument a:hover#stop {
text-decoration:none;
}
.formDocument #mailwrap {
margin:5px 0 10px;
padding:5px 20px;
background-color:#ccffcc;
}
.formDocument #mailinput {
margin-left:20px;
}
.formDocument #privacy {
margin:5px 0;
padding:5px 10px;
height:200px;
overflow:auto;
border:1px solid #999999;
}
.formDocument #submit {
text-align:center;
}
.formDocument #submit a {
padding:5px;
font-size:14px;
}

/*------ visualization suspects banner by wada ---------*/

#btn_visualization {
position: relative;
margin-top: 10px;
width: 192px;
height: 98px;
}

#btn_donate {
position: relative;
margin-top: 10px;
margin-left: 9px;
width: 180px;
height: 80px;
}

#btn_csw {
position: relative;
margin-top: 10px;
margin-left: 9px;
width: 180px;
height: 277px;
}

#btn_visualization a, #btn_donate a, #btn_csw a {
width :100%;
height:100%;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
overflow:hidden;
}

#btn_visualization a{
   background:url(../images/share/sidebtn_visualization.gif);
}

#btn_donate a {
   background:url(/eng/images/share/donate.jpg);	
}

#btn_csw a {
   background:url(/eng/images/share/csw_forum.jpg);	
}

#Rbox{
	overflow:hidden;
}

#top_img_frame a{
    margin-top:-600px;
    margin-bottom:5px;
	height:270px;
}

#top_img_frame img{
	height:100%;
}

#fb{
	text-align:right;
}