@charset "utf-8";

/* 大枠 背景設定
=====================================*/

html {
background: url(../../img/share/bg.jpg) center top;
height: 100%;
}

body {
height: 100%;
}

table {font-family:"ヒラギノ明朝 Pro W3","MS 明朝","ＭＳ 明朝","MS Mincho",serif;}
div {font-family:"ヒラギノ明朝 Pro W3","MS 明朝","ＭＳ 明朝","MS Mincho",serif;}
#wrapper {
position: relative;
height: 100%;
min-height: 100%;
min-width: 940px;
background: url(../../img/share/top_line.gif) repeat-x top left;
}
body > #wrapper {
height: auto;
}
#container {
width:940px;
margin:0 auto;
position: relative;
height: 100%;
min-height: 100%;
padding-bottom: 265px;
color:#333;
}
table td {

}


/* リンク設定
=====================================*/

a {color:#333;
text-decoration: underline;}
a:link {color:#333;
text-decoration: none;}
a:visited {color:#333;}
a:hover {color:#999;
text-decoration: none;}
a:active {color:#333;}



/* ヘッダー
=====================================*/


#header {
height:92px;
position: relative;
padding-right:20px;
border-bottom:1px solid #256527;
}
#header h1 {
margin-top: 28px; 
float: left;
width:272px;
}
#header h1 a {width: 272px; height: 38px; }
#header .txt {
position: absolute;
right:20px;
top: 12px;
}

#header #subnav {
margin-top:44px;
float: right;
width:468px;
}
#header #subnav dl {
float: left;
width:177px;
padding-top:5px;
}
#header dt {
width:96px;
height:13px;
float: left;
margin: 9px 10px 0 0;
line-height:1em;
font-size:10px;
}
#header dd{
background-repeat: no-repeat;
display:block;
text-indent: -9999px;
line-height:1em;
}
#header #subnav dd {
float: left;
margin-right: 8px;
}
#subnav dd a{
background: url(../../img/share/bt_fontsize.gif) no-repeat top left;
text-indent: -9999px;
display: block;
overflow: hidden;
}
#subnav .small a {
background-position:-36px 0 ;
width:22px;
height:22px;
margin-top:4px;
}
#subnav dd.small a:hover {
background-position:-36px 0 ;
}
#subnav .large a {
background-position: 0 -28px;
width:27px;
height:26px;
}
#subnav .large a:hover {
background-position: -37px -28px; 
}


#header .btn{
float: right;
width:286px;
}
#header .btn a{
background-position: 0 -56px;  
width:286px;
height:34px;
}
#header .btn a:hover{
background-position: 0 -92px;
}

.guidance {
position: absolute;
left:-999px;
}

#nav a {
background-image: url(../../img/share/share.jpg);
background-repeat: no-repeat;
display:block;
text-indent: -9999px;
line-height:1em;
overflow: hidden; 
}


/* グローバルナビゲーション
=====================================*/
#nav {
float: left;
width:202px;
margin-top: 30px;
border-top: 3px solid #C4D595;
}
#nav .main {border-bottom: 3px solid #C4D595;padding-top:2px;}
#nav .main p {margin-bottom:2px;}
#nav .sub {border-bottom: 1px solid #C4D595;padding: 7px 0 0 0;}
#nav .sub p{margin-bottom: 4px }

#nav .sub2 {border-bottom: 1px solid #C4D595;padding: 7px 0 0 0;margin-bottom:10px;}
#nav .sub2 p{margin-bottom: 4px }

#nav .sub3 {border-bottom: 1px solid #C4D595;padding: 7px 0 0 0;margin-bottom:10px;}
#nav .sub3 p{margin-bottom: 4px }

#nav_privacy a { background-position: 0 0; width: 202px; height: 27px; } 
#nav_privacy a:hover { background-position: 0 -29px; width: 202px; height: 27px; } 
#nav_listen a { background-position: 0 -58px; width: 202px; height: 27px; } 
#nav_listen a:hover { background-position: 0 -87px; width: 202px; height: 27px; } 
#nav_inquiry a { background-position: 0 -116px; width: 202px; height: 27px; } 
#nav_inquiry a:hover { background-position: 0 -145px; width: 202px; height: 27px; } 
#nav_supporters a { background-position: 0 -174px; width: 202px; height: 27px; } 
#nav_supporters a:hover { background-position: 0 -203px; width: 202px; height: 27px; } 
#nav_volunteer a { background-position: 0 -232px; width: 202px; height: 27px; } 
#nav_volunteer a:hover { background-position: 0 -261px; width: 202px; height: 27px; } 
#nav_magazine a { background-position: 0 -290px; width: 202px; height: 27px; } 
#nav_magazine a:hover { background-position: 0 -319px; width: 202px; height: 27px; } 
#nav_outline a { background-position: 0 -348px; width: 202px; height: 18px; } 
#nav_outline a:hover { background-position: 0 -368px; width: 202px; height: 18px; } 
#nav_library a { background-position: 0 -388px; width: 202px; height: 18px; } 
#nav_library a:hover { background-position: 0 -408px; width: 202px; height: 18px; } 
#nav_jobs a { background-position: 0 -428px; width: 202px; height: 18px; } 
#nav_jobs a:hover { background-position: 0 -448px; width: 202px; height: 18px; } 
#nav_support a { background-position: 0 -468px; width: 202px; height: 18px; } 
#nav_support a:hover { background-position: 0 -488px; width: 202px; height: 18px; } 
#nav_broadcasting a { background-position: 0 -508px; width: 202px; height: 27px; } 
#nav_broadcasting a:hover { background-position: 0 -537px; width: 202px; height: 27px; } 
#nav_link a { background-position: 0 -566px; width: 202px; height: 18px; } 
#nav_link a:hover { background-position: 0 -586px; width: 202px; height: 18px; } 
#nav_sitemap a { background-position: 0 -606px; width: 202px; height: 18px; } 
#nav_sitemap a:hover { background-position: 0 -626px; width: 202px; height: 18px; } 
#nav_news a { background-position: 0 -646px; width: 202px; height: 27px; } 
#nav_news a:hover { background-position: 0 -675px; width: 202px; height: 27px; } 
#nav_info a { background-position: 0 -704px; width: 202px; height: 27px; } 
#nav_info a:hover { background-position: 0 -733px; width: 202px; height: 27px; } 
#nav_event a { background-position: 0 -762px; width: 202px; height: 27px; } 
#nav_event a:hover { background-position: 0 -791px; width: 202px; height: 27px; } 
#nav_program a { background-position: 0 -820px; width: 202px; height: 27px; } 
#nav_program a:hover { background-position: 0 -849px; width: 202px; height: 27px; } 
#nav_accessibility a { background-position: 0 -878px; width: 202px; height: 48px; } 
#nav_accessibility a:hover { background-position: 0 -928px; width: 202px; height: 48px; } 


/* APP
=====================================*/
#bt1 a { background-position:0 -976px; width:202px; height:84px; }
#bt1 a:hover { background-position:0 -1060px; width:202px; height:84px; }




/* 募金バナー
=====================================*/

#bokin_banner {
float: clear;
width:202px;
padding-top:100px;
}


/* パンくずリスト
=====================================*/
#location {
padding-bottom: 15px;
font-size: 86%;
}
#location span{
	position: absolute;
	text-indent: -9999px;
	left: 246px;
	top: 117px;
}
#location img{
margin: 0 5px;
}

/* ページタイトル
=====================================*/
#page_title{ 
margin-bottom: 30px;
position: relative;
}
#page_title .day{ 
position: absolute;
right: 15px;
top: 8px;
color: #fff;
text-align: right;
}


/* ページタイトル下 アンカーリンク
=====================================*/
#page_anchorlink {
margin-top:15px;
text-align:right;
}
#page_anchorlink span{
position: absolute;
text-indent: -9999px;
text-align:left;
}
#page_anchorlink a{
padding-left:18px;
background-repeat: no-repeat;
background-position: left 3px;
margin-left:15px;
}
#page_anchorlink a:hover{
background-position: left -26px;
}



/* お知らせ/イベント情報 フォーマット
=====================================*/

.topics_box {
position: relative;
border-bottom: 1px solid #ccc;
padding:20px 0;
margin:-20px 0 20px 0;
}
.topics_box h3{
padding-left: 20px;
margin-bottom: 10px;
font-size: 130%;
width:550px;
background-repeat: no-repeat;
background-position: left 9px;
}

.topics_box .day{
position: absolute;
top: 17px;
right: 0;
text-align: right;
border-left: 1px solid #999;
padding: 2px 0 2px 15px;
font-size: 117%;
}
.topics_box .txt{
overflow: hidden; _zoom: 1;
font-size: 117%;
padding-left: 15px;
}
.topics_box .photo{
float: left;
width:192px;
display:inline;
margin-right: 5px;
}
.topics_box .photo span.caption{
font-size: 86%;
display: block;
padding-top: 5px;
}

.page_navi {  
    text-align: right;
    position: relative;
    float: right;
    display: inline;
    font-size:117%;
    width:580px;

}  
.page_navi  p{  
    display: inline;
    float: left;
}  
.page_navi p.back{
position: absolute;
top: 5px;
left: -100px;
text-align:left;
}  
.page_navi p.next{
float: right;
padding: 5px 0 0 15px;
}  
.page_navi ul{
float: right;
width:460px;

}  
.page_navi li {  
    display: inline;
    margin-left:-1px;
}  
.page_navi li strong {  
display: -moz-inline-box;  
display: inline-block;  
padding: 2px 10px 4px;  
border-left: 1px #CCC solid;
background: #999;
color: #fff;
}  
.page_navi li a {  
display: -moz-inline-box;  
display: inline-block;  
padding: 2px 10px 4px;  
border-left: 1px #CCC solid;
margin-bottom:4px;
}  
.page_navi ul li a:hover {  
background: #ccc;
}




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

#body_col {
float: right;
width:680px;
display:inline;
padding: 30px 20px 0 0;
font-size: 117%;
}

#body_col a {
color: #333;
text-decoration: underline;
}
#body_col a:hover {
text-decoration: none;
}

/* 準備中表示
=====================================*/
.printing {
font-size :150%;
text-align:center;
padding-top: 40px;
font-weight:bold;
}






/* フッター
=====================================*/

#footer_col {
clear:both;
position: absolute;
bottom: 0;
margin-bottom:-1px;
padding-top:25px;
background-color:#256527;
_width: 100%;
min-width: 100%;
height:200px;
border-top:1px solid #90AE8C;
color: #fff;
text-align:center;
}
#footer {
text-align:left;
width:940px;
margin:0 auto;
font-size: 117%;
background: url(../../img/share/footer_line.gif) repeat-y 260px top;
}
#footer a:link{color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer .left_col1 {
float: left;
width:240px;
padding-right:20px;
}
#footer h2{margin-bottom: 20px;} 
#footer .left_col1 dt{
clear:left;
float: left;
width:4.4em;
font-size: 117%;
padding-bottom: 3px;
}
#footer .left_col1 dd{
float: left;
font-size: 117%;
padding-bottom: 3px;
}

#footer .left_col2 {
float: left;
width:310px;
display:inline;
padding: 0 20px 0 25px;
}
#footer .left_col3 {
float: left;
width:280px;
display:inline;
padding-left:25px;
}
#footer_col .copyright {
text-align: center;
width: 100%;
_min-width: 900px;
border-top: 1px solid #92B293;
margin-top:20px;
padding: 5px 0;
background-color:#256527;
}
#footer .left_col2 h3,
#footer .left_col3 h3{ margin-bottom:15px;}
#footer .map {margin-top: 10px;} 


/* フロートクリア
=====================================*/
#wrapper:after,
#container:after,
#header:after,
#body_col:after,
#footer_col:after,
#footer:after,
#footer .left_col1:after,
#footer .left_col2:after,
#footer .left_col3:after,
.topics_box:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height:0;
}
#wrapper,
#container,
#header,
#body_col,
#footer_col,
#footer,
#footer .left_col1,
#footer .left_col2,
#footer .left_col3,
.topics_box {
  min-height: 1px;
}