@charset "UTF-8"; 
/* スマートフォン用　共通用 ベースCSS /*
/*===============================================
●smart-base.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width: 767px){


/*********************************************
smart-base.css　目次
*********************************************/

/* -------------------------------------------
htmlタグ定義 
------------------------------------------- */

/* -------------------------------------------
レイアウトボックス要素
------------------------------------------- */

/* ヘッダー */
/* フッター */
/* コンテンツ内上部背景画像 */

/* -------------------------------------------
共通ボックス内定義
-------------------------------------------*/
/* ヘッダー */
/* 概要テキスト */
/* グルーバルナビゲーション01 */
/* グルーバルナビゲーション02 */
/* テキストサイズ（大中小） */
/* 検索サーチ */
/* 言語切り替えボタン */

/* フッター */
/* フッター上 */
/* テキストナビ */
/* テキストナビ コンテンツ内に複数ページ */
/* 英文サイト */
/* フッター下 */



/* -------------------------------------------
共通スタイル
-------------------------------------------*/
/* 字寄せ */
/* フロート */
/* フロートクリア */
/* 非表示用 */
/* 印刷表示用 */
/* 太字 */
/* フォントカラー */
/* 赤 */
/* 灰 */
/* 緑 */
/* 青 */
/* フォントにライン */
/* 1文字インデント入れる */
/* 一段階フォントサイズを小さくする */
/* 一段階フォントサイズを大きくする */
/* スペース */
/* 画像の周りにスペース */
/* -------------------------------------------
floatボックスの親要素の背景表示
-------------------------------------------*/
/* -------------------------------------------
imgの下余白を消す
-------------------------------------------*/
/* IE6 */




/* -------------------------------------------
htmlタグ定義 
------------------------------------------- */

* {
    margin: 0;
    padding: 0;
	-webkit-appearance: none;
}
/* グローバルメニュー背景対策 */
html,body {
    margin: 0px;
    padding: 0px;
    height: 100%;

/* iPhone/Androidサイトで文字サイズを固定*/
    -webkit-text-size-adjust: none;
}


body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #333333;
    background-repeat: repeat-x;
    background-position: center top;
    font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
}

img, div, h1, h2, h3, h4, h5, form {
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

div {
    word-break: break-all;
}
th, td {
    word-break: keep-all;
}


a {
    color: #333333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1 {
    padding-top: 32px;
    padding-left: 11px;

    position: static;
}

p {
    margin: 0px;
    padding: 0px;
    border: 0px;
    line-height: 130%;
    word-break:normal;
}

table {
    margin: 0px;
    padding: 0px;
    border: 0px;
    line-height: 130%;
	width: 100%;
}


strong.normal {
    font-weight: normal;
}

em.normal {
    font-style: normal;
    font-weight: normal;
}

.normal {
    font-style: normal;
    font-weight: normal;
}


/* -------------------------------------------
レイアウトボックス要素
------------------------------------------- */
#wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    border: 0px none;
}

/* ヘッダー */

#header {


}


#header #site_id {
    width: 100%;
    height: auto;
    z-index: 0;
    background-color: #fff;
border-bottom: solid 1px #d7d7d7
}

/* フッター */
#footer {
    clear: both;
    width: 100%;
    min-width: 100%;
    height: auto;
    margin: 0px auto 0 auto;
    padding: 0;     
    background-color: #fff;
    background-repeat: no-repeat;
    letter-spacing:0em;
    border-top: none;
}

#footer-cts {
    width: 100%;
    height: 100%;
    padding: 0px 0px 0 0px;
    margin-right: auto;
    margin-left: auto;
	border: none;
}

#footer-cts a {
    text-decoration: none;
}

#footer-cts a:hover {
    color: #5b5b5b;
}

/* コンテンツ内上部背景画像 */
#bg_contents {
    margin: 0 auto;
    padding: 0;


}


/* -------------------------------------------
共通ボックス内定義
-------------------------------------------*/
/* ヘッダー */

#site_id h1{
    position: static;
width: 80%;
    margin: 0px;
    padding: 10px 0px 0px 10px;
    background-image: none;
    font-size: 18px;
}

#site_id h1 img{
    /* width: 50%;*/
max-width: 70%;
   height: auto;
}

/* 概要テキスト */
#site_id p.txt {
    position: static;
    display: none;
}

/* グローバルナビ
------------------------------------------------- */
/* Menuボタン */
#navigation_hook {
    position: absolute;
	width: 50px;
	height: 40px;
	margin: 5px 5px 0px 0px;
	padding: 0px;
	right: 0px;
	top: 0px;
	display: block;
	z-index: 0;
	border: none;
	background-color: #FFFFFF;
}
#navigation_hook p {
	line-height: 45px;
	font-size: 12px;
	font-weight: bold;
	color: #3e7f45;
	text-shadow: none;
	background-color: #3e7f45;
	background-image: url(../images/ic_s-menu.png);
	background-repeat: no-repeat;
	background-size: 30px 26px;
	text-indent: -9999px;
	background-position: center;
	display: block;
	height: auto;
/* border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
}



/* ナビゲーション全体 */
#navigation{
    display: none;
    position: absolute;
    top:25px;
    z-index: 2;
    width: 100%;
    z-index: 101;
}

/* ナビゲーション背景レイヤー */
#glayLayer{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #EFEFEF;
    opacity: 0.60;
    filter:alpha(opacity=60);
    z-index: 100;
}

/* ナビゲーション内 位置入れ替え */
#headerCts {
    display: table-footer-group;
}

#gNav {
    display: table-header-group;
}
#subGNav {
/*    display: table-header-group;*/
	position: static;
}
.subGNavInner ul li.sub-eng {
	display: block;
}
/* グルーバルナビゲーション-メニュー */
#navigation {
    min-width: 100%;
}
#navigation .menu {
    clear: both;
    width: 100%;
    padding: 10px 5px;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* グルーバルナビゲーション01 */
#gNav {
    background: none;
    box-shadow: none; /* Firefox用 */
    -webkit-box-shadow: none6; /* Safari,Google Chrome用 */
}

#gNav .gNav_inner {
    width: 100%;
    height: 100%;
    margin: 0 auto 0px auto;
    position: relative; 
    padding: 0;
}

#gNav .gNav_inner ul{
    background: none;
	margin: 7px 0 0 0;
	padding: 7px 0 1px 0;
	display: block;
	position: static;
	background-color: #e6e3de;
}

#gNav .gNav_inner ul li{
    border: none;
	margin: 0px auto;
	padding: 0;
	display: block;
	width: 95%;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	height: auto;
}

#gNav .gNav_inner ul li {
    background: none;
    box-shadow: none; /* Firefox用 */
    -webkit-box-shadow: none; /* Safari,Google Chrome用 */
}

#gNav .gNav_inner ul li:last-child {
    border-right: none 0px ;
}
#gNav .gNav_inner ul:after {
	border: none;
}
#gNav .gNav_inner ul li a span {
	display: none;
}
#gNav .gNav_inner ul li a{
	display: block;
	padding: .5em 10px;
	margin: 7px auto;
	color: #000;
	background: #fff;
	height: 25px;
	line-height: 25px;
	background-image: url(../images/arr_s-nav.png);
	background-size: 10px 19px;
	background-repeat: no-repeat;
	background-position: 97% 50%;
}
#gNav .gNav_inner ul li a:hover {
    color: #cccccc;
}
#gNav .subGNavInner ul li:last-child a{
	-webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
}
/* ホーム */
.gNav_inner ul li.home {
    display: block;
}


/* サブナビゲーションインナー */
#subGNav .subGNavInner {
	border-bottom: solid 1px #fff;
}
#subGNav .subGNavInner:after {
	content: "";
	display: block;
	border-top: solid 1px #8d8d8d;
}
#subGNav .subGNavInner ul {
	padding-bottom: 10px;
}
/* ヘッダーコンテンツ */
#headerCts {
    width:100%;
    margin: 0px;
    position: static;

}
#headerCtsInner {
    position: static;
	-moz-border-radius: 6px;
	background: #e6e3de;
	width: auto;
	position: static;
}
#box {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
}

#box ul {
	width: 95%;
	display: block;
	background-color: #e6e3de;
}
#box ul li {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	border: 0px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	font-size: 10px;
}
#box ul li a {
	width: 100%;
	display: block;
	background-image: url(../images/arr_s-nav.png);
	background-size: 10px 19px;
	background-repeat: no-repeat;
	background-position: 93% 50%;
}
#box ul li.sphide {
	display: none;
}
#box ul li:nth-of-type(even) {
	float: left;
	width: 48%;
	margin-right: 3px;
}
#text-size {
	display: none;
}

/* 検索サーチ */
#search {
	position: static;
    width: 95%;
    height: 28px;
    float: none;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: none;
    padding: 0px;
}
#keywords {  
    width: 90%;
    height: 28px;
    border: none 0px;
    padding: 0px 0px 0 23px;
    color: #333;
    font-size: 16px;
}
/* ボタン画像 */
#searchBtn {  
    position: absolute;
	width: 50px;
	height: 100%;
	top: 0px;
	right: 0;
}


/* snsエリア */
#switch {
	position: static;
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    padding: 10px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
}
#switch img {
    display: none;
}
#switch table {
	table-layout: fixed;
	width: 70%;
	margin: 0 auto;
}
#switch table td {
	width: 42px;
}
#switch span,#switch span img {
    display: inline-block;
	margin: 0;
	padding: 0;
}
#switch span {
	width: 42px;
	margin: 0;
	padding: 0;
}
#switch table td.eng {
	display: none;
}
#switch table td.rss {
	display: none;
}

/* menu閉じボタン (PCでは非表示)*/
#close_btn{
	padding-bottom: 10px;
    z-index: 2;
    display: block;
    position:relative;
}

#close_btn span{
    display: block;
	text-align: center;
}

#close_btn .btn_white {
    display: inline-block;
	padding: 0.6em 10px;
	margin: 0px;
	width: 95%;
	font-weight: bold;
	font-size: 14pt;
	line-height: 20px;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0 -1px 0 rgba(0.25, 0.25, 0.25, 0);
	-moz-border-radius: 4px;
	color: #fff;
	background: #3e7f45;
}

/* 部門サブナビゲーション　*/
#bumon_sNav {
	width: 98%;
	margin: 5px auto;
	background-color: #F7F7F7;
	min-width: 100%;
}

#bumon_sNav h3 {
	display: block;
	height: 45px;
	position: relative;
}
#bumon_sNav h3 img {
	vertical-align: middle;
	margin-top: 5px;
	margin-left: 7px;
	float: left;
}
#bumon_sNav h3  span {
	color: #FFF;
	font-weight: normal;
	font-size: 18px;
	margin-left: 15px;
	line-height: 50px;
	clear: both;
}
#bumon_sNav .bumon_sNav_Inner.pulldown_list {
	display: none;
	width: 100%;
	padding-bottom: 3px;
}

.bumon_sNav_Inner div ,
.bumon_sNav_Inner .bumon_top ,
.bumon_sNav_Inner .bumon_eng {
	width: 98%;
	display: block;
	border: none;
	text-align: left;
	margin-bottom: 3px;
}
.bumon_sNav_Inner div {
	height: 40px;
	padding: 0;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 98% center;
	margin: 3px auto;
}
.bumon_sNav_Inner div:first-child {
	margin-top: 3px;
}
.bumon_sNav_Inner div a {
	padding: 0 10px;
}
.bumon_sNav_Inner div img {
	display: none;
}
.bumon_sNav_Inner ul {
	display: block;
	width: 98%;
	padding: 0;
	margin: 0 auto;
}
.bumon_sNav_Inner ul li {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 3px;
	height: 40px;
	line-height: 40px;
	/* background-color: #e6e3de;*/
	background-color: #FFFFFF;
	background-position: 98% center;
}
.bumon_sNav_Inner ul li a {
	padding: 0 10px;
	display: block;
	text-decoration: none;
}
#bumon_sNav .pulldown_btn {
	display: block;
	height: 28px;
	position: absolute;
	right: 10px;
	top: 13px;
}

/* 部門サブナビゲーション　色替え　*/
/* 渋沢栄一　*/
#eiichi #bumon_sNav,
#eiichi #bumon_sNav h3 {
	background-color: #c64233;
	border-bottom: none;
	text-shadow: 1px 1px #8e2f25;
}

#eiichi .bumon_sNav_Inner div,
#eiichi #bumon_sNav .bumon_sNav_Inner ul li {
	background-image: url(../images/arr_008.png);
	text-shadow: none;
}

/* 渋沢史料館　*/
#museum #bumon_sNav,
#museum #bumon_sNav h3 {
	background-color: #cba633;
	border-bottom: none;
	text-shadow: 1px 1px #8e7424;
}
#museum .bumon_sNav_Inner div,
#museum #bumon_sNav .bumon_sNav_Inner ul li {
	background-image: url(../images/arr_009.png);
	text-shadow: none;
}

/* センター　*/
#center #bumon_sNav,
#center #bumon_sNav h3 {
	background-color: #6aa537;
	text-shadow: 1px 1px #497426;
}
#center .bumon_sNav_Inner div,
#center #bumon_sNav .bumon_sNav_Inner ul li {
	background-image: url(../images/arr_010.png);;
	text-shadow: none;
}

/* 研究部　*/
#research #bumon_sNav,
#research #bumon_sNav h3 {
	background-color: #32a0b9;
	text-shadow: 1px 1px #237080;
}
#research .bumon_sNav_Inner div,
#research #bumon_sNav .bumon_sNav_Inner ul li {
	background-image: url(../images/arr_011.png);
	text-shadow: none;
}

/* 財団概要　*/
#outline #bumon_sNav,
#outline #bumon_sNav h3 {
	background-color: #455092;
	text-shadow: 1px 1px #353e70;
}
#outline .bumon_sNav_Inner div,
#outline #bumon_sNav .bumon_sNav_Inner ul li {
	background-image: url(../images/arr_012.png);
	text-shadow: none;
}

/* パンくず
-------------------------------------------*/
#pankuzu {
	display: none;
}
/* ページトップへ戻る
-------------------------------------------*/
/* スクロールするとページトップを表示する */
#pagetop,
.new-window #pagetop{
    position: fixed;
    bottom: 5px;
    right: 5px;
    padding: 0px;
/*	font-size: 80%; */
    font-weight: bold;
}
#pagetop a,
.new-window #pagetop a {
    background: #333333;
    text-decoration: none;
    color: #fff;
    width: 24px;
    height: 24px;
    padding: 10px 10px;
    text-align: center;
    display: block;
    opacity: 0.7;
    -moz-opacity: 0.7;
    background-image: url(../images/arr_papetop_hir.png);
    background-size: 15px 7px;

    background-repeat: no-repeat;
    background-position: center;
}

#pagetop a:hover,
.new-window #pagetop a:hover {
    text-decoration: none;
    background: #444444;
    opacity: 0.5;
    -moz-opacity: 0.5;

    background-image: url(../images/arr_papetop_hir.png);
    background-size: 15px 7px;
    background-repeat: no-repeat;
    background-position: center;
}

#pagetop a:before,
.new-window #pagetop a:before {
	display: none;
}

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

/* フッター上 */
#footer_top {
	width: 100%;
	padding: 0;
	text-shadow: none;
}
#footer_top a {
    font-size: 12px;
	display: block;
	padding: 0 0 0 10px;
}

#footer_top .footernavi {
    display: none;
}

#footer-cts ul.last {
	width: 100%;
	padding: 0;
	margin: 0;
}

#footer-cts .footer_top_last {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background-color: #e6e2dd;
	border-top: solid 1px #ccc;
}

#footer-cts .footer_top_last:before {
	border: none;
}

#footer-cts ul.last li {
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0px;
	display: block;
	border-left: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d1cac3;
	background-image: url(../images/arr_footer.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 8px 14px;
	overflow: hidden; 
}


#footer-cts ul.last li:nth-of-type(odd) {
	float: left;
	width: 50%;
	border-right: 1px solid #d1cac3;
}

#footer-cts ul.footer_sns {
	clear: both;
	display: none;
}

/* sns
#footer-cts ul.footer_sns {
	width: 100%;
	display: table;
	table-layout: fixed;
}
#footer-cts ul.footer_sns {
	border-top: solid 1px #fff;
}
#footer-cts ul.footer_sns li {
	display: table-cell;
	text-align: center;
	margin: 0;
	padding: 0;
} */

/* フッター下 */
#footer_bottom {
    clear: both;
    font-size: 11px;
    line-height: 150%;
}
#footer_bottom p {
    text-align: center;
    margin-bottom: 10px;
}
#footer_bottom address{
	width: auto;
	padding: 15px 10px 10px 10px;
	font-style: normal;
	text-align: center;
}

#footer_bottom address img {
	display: none;
}

#footer_bottom address span.name {
	display: block;
}

#footer_bottom address span.tell {
	display: none;
}

#footer_bottom address br{
	display: block;
}

#footer_bottom .copy p {
	padding: 10px;
	margin-bottom: 0;
}

/* -------------------------------------------
共通スタイル
-------------------------------------------*/
/*-----------------------------------------------
ボタン文字サイズ
----------------------------------------------- */
.btn,
a.btn,
a.btn:link,
a.btn:visited,
a.btn:hover,
.btn_back,
a.btn_back,
a.btn_back:link,
a.btn_back:visited,
a.btn_back:hover,
.btn_sub,
a.btn_sub,
a.btn_sub:link,
a.btn_sub:visited,
a.btn_sub:hover,
.btn_white,
a.btn_white,
a.btn_white:link,
a.btn_white:visited,
a.btn_white:hover,
.btn_black,
a.btn_black,
a.btn_black:link,
a.btn_black:visited,
a.btn_black:hover,
.btn_01,
a.btn_01,
a.btn_01:link,
a.btn_01:visited,
a.btn_01:hover,
.btn_02,
a.btn_02,
a.btn_02:link,
a.btn_02:visited,
a.btn_02:hover,
input[type].btn,
input[type].btn_back,
input[type].btn_sub,
input[type].btn_white,
input[type].btn_black,
input[type].btn_01,
input[type].btn_02
 {
    font-size: 15px;
    padding: 10px;
		width: 100%;
}

/*-----------------------------------------------
スマフォ非表示
----------------------------------------------- */
.display-none {
    display: none;
}