@charset "utf-8";
/* CSS Document */

/***********************************************************/
/*レイアウトのスタイル（共通）*/
/***********************************************************/

*{
	margin:0;
	padding:0;	
}

html{
    overflow-y: scroll;
	height:100%;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
a{ text-decoration: none; outline:none;}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, th, var{
    font-style: normal; 
    font-weight: normal;
}

body {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color:#000000;
	font-size:13px;
	line-height	: 1.5em;
	height:100%;
	width: 100%;
	background:url(../img/common/bg_body.jpg) repeat-x left top #ffffff;
}

p 	{ margin: 0 0 10px; line-height: 1.5em;}

img{vertical-align:bottom;border:none;}



/*----------------------------------------------------
　　　リンクのスタイル（共通）
-----------------------------------------------------*/

a:link {color: #982802; text-decoration:underline;}
a:visited {color: #C56E50; text-decoration:underline;}
a:hover {color: #C56E50;text-decoration:none;}



/*----------------------------------------------------
		クラス
-----------------------------------------------------*/

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center!important;}
.v_top{vertical-align:top;}
.f_r{float:right!important;}
.f_l{float:left!important;}
.clear{ clear:both;}
.mg-0{ margin:0!important;}
.mg-t5{ margin-top:5px!important;}
.mg-t10{ margin-top:10px!important;}
.mg-t20{ margin-top:20px!important;}
.mg-t30{ margin-top:30px!important;}
.mg-r10{ margin-right:10px!important;}
.mg-r15{ margin-right:15px!important;}
.mg-r20{ margin-right:20px!important;}
.mgr-0{margin-right:0px!important;}
.mg-l10{ margin-left:10px!important;}
.mg-l15{ margin-left:15px!important;}
.mg-l20{ margin-left:20px!important;}
.mg-b0{ margin-bottom:0px!important;}
.mg-b5{ margin-bottom:5px!important;}
.mg-b10{ margin-bottom:10px!important;}
.mg-b15{ margin-bottom:15px!important;}
.mg-b20{ margin-bottom:20px!important;}
.mg-b30{ margin-bottom:30px!important;}
.mg-b35{ margin-bottom:35px!important;}
.mg-b40{ margin-bottom:40px!important;}
.mg-b50{ margin-bottom:50px!important;}
.mg-b65{ margin-bottom:65px!important;}
.pd-t5{ padding-top:5px!important;}
.pd-t15{ padding-top:15px!important;}
.pd-t20{ padding-top:20px!important;}
.pd-t30{ padding-top:30px!important;}
.pd-b5{padding-bottom:5px!important;}
.pd-b15{padding-bottom:15px!important;}
.pd-b20{padding-bottom:20px!important;}
.pd-l20{padding-left:20px!important;}
.bold{font-weight:bold;}

.fs_11{font-size:11px;}
.fs_14{font-size:14px;}
.fs_16{font-size:16px;}

.fc-g{color:#33522C;}


.icon-window{
	background:url(../img/common/icon_window.gif) left top no-repeat;
	padding-left:20px;
}


.mark{
	background:url(../img/common/mark.png) left 0.4em no-repeat;
	padding-left:15px;
}

.bd-dot{
	border-bottom:1px dotted #999;
}

.em{
	color:#900;
}

.frame{
	background:#E1ECCE;
	padding:10px 15px;
}

.list-num{
	padding:0 0 0 2em;
}


.list-num li{
	list-style-type:decimal;
}





/*----------------------------------------------------
		画像の透過ロールオーバー
-----------------------------------------------------*/
.roll_over_img img:hover {
	opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	zoom:1;
}


/***********************************************************/
/*基本*/
/***********************************************************/



#wrapper {
	width: 100%;
    min-height: 100%;
	min-width:853px;
	/*position:relative;*/
}
#wrapper-inner {
	/*padding:0 0 50px;*/
	clear:both;
	width:853px;
	min-width:853px;
	margin:0 auto;
	overflow:hidden;
}

#container{
	width: 801px;
	clear:both;
	background:url(../img/common/bg_container.png) left top no-repeat;
	padding:20px 26px 20px;
}


/*-----------------------------------------
　　　ヘッダー
-------------------------------------------*/

#header{
	background:url(../img/common/bg_header.gif) left 16px repeat-x;
	height:85px;
	margin-bottom:11px;
}
#header-inner{
	width:836px;
	margin:0 auto;
	height:69px;
	padding-top:16px;
	position:relative;
}
h1{
	position:absolute;
	width:390px;
	height:54px;
	background:url(../img/common/h1.gif) left top;
	left:100px;
	top:26px;
	text-indent:-9999px;
}

.logo{
	margin:10px 20px 0 0;
}
.eng{
	position:absolute;
	bottom:8px;
	right:0;
	display:block;
	width:73px;
	height:22px;
}




/*-----------------------------------------
　　　フッター
-------------------------------------------*/

#footer{
	
	padding:15px 0 0 0;
	height:50px;
	clear:both;
	/*position:absolute;
    bottom:0;
	width:auto;*/
	width:853px;
	
}

#footer-bnr-area{
	margin:0 0 15px;
	display:none;
	
}
#footer-bnr-area img{
	margin:0 10px 0 0;
}

#footer #copy{
	border-top:1px solid #e5e5e5;
	text-align:center;
	font-size:11px;
	padding:10px 0 0 0;
}


/***********************************************************/
/*ナビゲーション*/
/***********************************************************/

#navi{
	height:52px;
	width:853px;
	margin:0 auto 0;
	overflow:hidden;
	position:relative;
}


#navi li{
	float:left;
	height:52px;

}

#navi li a{
	display:block;
	height:52px;
	background: url(../img/common/g_navi.png) no-repeat left top;
	text-indent:-9999px;
	position:absolute;

}


#navi .menu_1 a {
	  background-position: 0px 0px;
	  width: 173px;
	  left:0;
	  top:0;
	  z-index:1;
  }
#navi .menu_2 a {
	  background-position:  -173px 0px;
	  width: 169px;
	  left:173px;
	  top:0;
	  z-index:1;
  }
#navi .menu_3 a {
	  background-position:  -342px 0px;
	  width: 168px;
	  left:342px;
	  top:0;
	  z-index:1;
  }
#navi .menu_4 a {
	  background-position:  -510px 0px;
	  width: 169px;
	  left:510px;
	  top:0;
	  z-index:1;
  }
#navi .menu_5 a {
	  background-position:  -679px 0px;
	  width: 174px;
	  left:679px;
	  top:0;
	  z-index:1;
  }
  
  
#navi .menu_1 a:hover,#navi .menu_1 a.current{ background: url(../img/common/g_navi_01.png) no-repeat left top; z-index:2; width:179px; }
#navi .menu_2 a:hover,#navi .menu_2 a.current{ background: url(../img/common/g_navi_02.png) no-repeat left top; z-index:2; width:179px; left:169px; }
#navi .menu_3 a:hover,#navi .menu_3 a.current{ background: url(../img/common/g_navi_03.png) no-repeat left top; z-index:2; width:179px; left:337px; }
#navi .menu_4 a:hover,#navi .menu_4 a.current{ background: url(../img/common/g_navi_04.png) no-repeat left top; z-index:2; width:179px; left:505px; }
#navi .menu_5 a:hover,#navi .menu_5 a.current{ background: url(../img/common/g_navi_05.png) no-repeat left top; z-index:2; width:179px; left:674px; }



/***********************************************************/
/*要素*/
/***********************************************************/

h2{
	clear:both;
	margin:0 0 25px 0;
	
}

h3{
	clear:both;
	margin:0 0 15px 0;
	
}

h5{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
}


.content{
	padding:0 10px;
}

.back-to-top{
	text-align:right;
	clear:both;
	margin:20px 0 30px;
}





/***********************************************************/
/*トップページ*/
/***********************************************************/
#slider{
	width:801px;
	height:254px;
}


/***********************************************************/
/*下層ページ*/
/***********************************************************/

/*     財団の概要
------------------------------*/
.tbl-style-01{
	border-top:1px solid #e5e5e5;
	/*border-left:1px solid #e5e5e5;*/
}

.tbl-style-01 th{
	background:#ecf4f7;
	width:100px;
	text-align:right;
	padding:8px 15px;
	vertical-align:top;
	border-right:1px solid #e5e5e5;
	font-weight:bold;
}
.tbl-style-01 td{
	border-bottom:1px solid #e5e5e5;
	/*border-right:1px solid #e5e5e5;*/
	padding:8px 8px 8px 25px;
	text-align:left;
}
.tbl-style-01 th,.tbl-style-01 td{
	border-bottom:1px solid #e5e5e5;
}

/*    情報公開
------------------------------*/
.list-mark{
	margin:0 0 30px 10px;
}
.list-mark li{
	background:url(../img/common/mark.png) left 0.4em no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

/*    役員名簿
------------------------------*/

.tbl-style-02{
	border-top:1px solid #C2D5DC;
	border-left:1px solid #C2D5DC;
}

.tbl-style-02 th{
	background:#ECF4F7;
	width:100px;
	text-align:center;
	padding:8px 15px;
	vertical-align:top;
	font-weight:bold;
}
.tbl-style-02 td{
	padding:8px 15px;
	text-align:left;
}
.tbl-style-02 th,.tbl-style-02 td{
	border-bottom:1px solid #C2D5DC;
	border-right:1px solid #C2D5DC;
}




/*タブ*/

.tab_area{
	clear:both;
}

ul.tab{
  height:26px;
  margin:0;
  list-style:none;
  padding-left:10px;
  background:url(../img/publishing/tab_line.gif) left bottom repeat-x;
}

ul.tab li {
  float:left;
  margin:0 6px 0 0;
  padding:0;
  cursor:pointer;
  height:26px;
}
ul.tab li img {
vertical-align: bottom;
}

.tab_contents{
	clear:both;
	padding:15px 0;
	zoom: 1;/*ieで背景が消えるのを防ぐ*/
}

.dis_non{
	display:none;
}

/*目次*/

.contlist{
	width:778px;
	height:27px;
	padding:0 10px;
	margin:0 0 20px;
	background:url(../img/publishing/contlist_top.gif) no-repeat left top;
}
.contlist a{
	line-height:27px;
	color:#000000;
	font-size:11px;
}


/*書籍購入のフロー図*/

.flow-box{
	background:url(../img/publishing/flowbox_bg.jpg) left top repeat-y;
	width:760px;
	margin:0 auto;
	min-height:72px;
}
.flow-box-inner{
	background:url(../img/publishing/flowbox_top.jpg) left top no-repeat;
	min-height:71px;
	padding:15px 30px 7px 30px;
	position:relative;
}
.flow-box-btm{
	background:url(../img/publishing/flowbox_btm.jpg) left top no-repeat;
	width:760px;
	height:8px;
	margin:0 auto 10px;
}

.flw-w{
	background:url(../img/publishing/bg_flow_w.gif) repeat left top;
	padding:10px;
	width:260px;
	font-weight:bold;
	position:absolute;
	left:330px;
	top:27px;
	font-size:14px;

}


/*書籍紹介*/

.book-info{
	overflow:hidden;
	clear:both;
	margin-bottom:30px;
	
}
.book-info-inner{
	width:600px;
	float:right;
}

.book-info-inner>div{
	padding:5px 8px;
}

.tbl-book{
	font-size:11px;
}
.tbl-book th{
	width:50px;
}
.tbl-book th,.tbl-book td{
	/*padding:2px 0;*/
}

.img-book{
	float:left;
	border:1px solid #CCC;
}


/*.book-info-inner p{
	padding:5px;
}*/


h5.book-ttl{
	color:#326698;
	font-weight:bold;
	background:#ECF4F7;
	padding:5px 10px;
}

/*日本の写真集*/
.tbl-style-03{
	font-size:12px;
	width:90%;
	margin:0 auto 40px;
	border-top:dashed 1px #92BA4E;
}

.tbl-style-03 th{
	font-weight:bold;
	/*background:#E1ECCE;*/
	border-right:3px double  #92BA4E;
}

.tbl-style-03 td{
}

.tbl-style-03 th,.tbl-style-03 td{
	padding:2px 15px;
	border-bottom:dashed 1px #92BA4E;
}


#slider-wrapper{
	width:400px;
	float:right;
	/*border:5px solid #dedede;*/
	/*background:#dedede;*/
	margin:0 0 10px 10px;
}
#slider-jpphotos{
	width:390px;
	border:5px solid #dedede;
}


/*外国人観光案内所*/
.pic-box{
	width:300px;
	float:right;
	margin:0 0 15px 15px;
}
.pic-box img{
	margin:0 0 5px 0;
}


.txt-box{
	float:left;
	width:420px;
}

.list-img{
	overflow:hidden;
}

.list-img li{
	float:left;
	width:250px;
	margin-right:15px;
	position:relative;
	padding:182px 0 0 0;
	background-position:left top;
	background-repeat:no-repeat;
}
/*.list-img li{
	float:left;
	width:380px;
	margin-right:20px;
	position:relative;
	padding:270px 0 0 0;
	background-size:380px 270px;
	background-position:left top;
	background-repeat:no-repeat;
}*/
.list-img li>img{
	position:absolute;
	left:1px;
	top:1px;
	border:1px solid #666;
}

.list-img li p.mark-i{
	/*background:url(../img/tic/img_i.gif) left center no-repeat;
	padding-left:20px;*/
}